@onemrvapublic/design-system-theme 18.2.4-develop.11 → 18.2.4-develop.13

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 (6) hide show
  1. package/components/_hacks.scss +5 -0
  2. package/components/_lists.scss +0 -14
  3. package/index.scss +3 -0
  4. package/package.json +1 -1
  5. package/utilities/_fonts.scss +29 -35
  6. package/utilities/_variables.scss +1 -1
package/components/_hacks.scss ADDED
@@ -0,0 +1,5 @@
1
+ @mixin theme($theme) {
2
+ mat-drawer {
3
+ position: fixed;
4
+ }
5
+ }
package/components/_lists.scss CHANGED
@@ -5,18 +5,4 @@
5
5
  @mixin theme($theme) {
6
6
  @include mat.list-base($theme);
7
7
  @include mat.list-theme($theme);
8
-
9
- .mat-mdc-list-base {
10
- .mat-mdc-list-item {
11
- @include µ.body-1($theme);
12
- font-family: mat.m2-font-family(
13
- map.get($theme, 'typography'),
14
- body-1
15
- ); // HWKTMP For some reason, the font family is not taken into account from configuration
16
-
17
- .mat-mdc-list-item-content {
18
- gap: 4px;
19
- }
20
- }
21
- }
22
8
  }
package/index.scss CHANGED
@@ -63,6 +63,7 @@
63
63
  @use './components/expansion' as expansion;
64
64
  @use './components/form-field' as form-field;
65
65
  @use './components/links';
66
+ @use './components/hacks';
66
67
  @use './components/lists';
67
68
  @use './components/menu';
68
69
  @use './components/progress-bar' as progress-bar;
@@ -144,6 +145,7 @@
144
145
  @include reset();
145
146
  @include fonts.theme(variables.$onemrva-theme);
146
147
  @include links.theme(variables.$onemrva-theme);
148
+ @include hacks.theme(variables.$onemrva-theme);
147
149
  @include core();
148
150
  }
149
151
 
@@ -152,6 +154,7 @@
152
154
  @include reset();
153
155
  @include fonts.theme(variables.$onemrva-theme, $production);
154
156
  @include links.theme(variables.$onemrva-theme);
157
+ @include hacks.theme(variables.$onemrva-theme);
155
158
  @include core();
156
159
 
157
160
  @include cards.theme(variables.$onemrva-theme);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onemrvapublic/design-system-theme",
3
- "version": "v18.2.4-develop.11",
3
+ "version": "v18.2.4-develop.13",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
package/utilities/_fonts.scss CHANGED
@@ -4,53 +4,47 @@
4
4
 
5
5
  @mixin theme($onemrva-theme, $production: true) {
6
6
  & {
7
- --mat-form-field-container-text-size: 16px;
8
- --mat-form-field-container-text-weight: 400;
9
- --mdc-outlined-text-field-label-text-weight: 500;
10
- --mat-form-field-container-height: 44px;
11
- --mat-form-field-outlined-label-text-populated-size: 12px;
12
-
13
- --mat-option-label-text-size: mat.m2-font-size(
7
+ $normal-font-size: mat.m2-font-size(
14
8
  map.get($onemrva-theme, 'typography'),
15
9
  'subtitle-2'
16
10
  );
17
- --mat-option-label-text-line-height: mat.m2-line-height(
11
+ $normal-line-height: mat.m2-line-height(
18
12
  map.get($onemrva-theme, 'typography'),
19
13
  'subtitle-2'
20
14
  );
21
- --mat-option-label-text-weight: mat.m2-font-weight(
15
+ $normal-font-weight: mat.m2-font-weight(
22
16
  map.get($onemrva-theme, 'typography'),
23
17
  'subtitle-2'
24
18
  );
25
-
26
- --mat-menu-item-label-text-font: mat.m2-font-family(
27
- map.get($onemrva-theme, 'typography'),
28
- 'button'
29
- );
30
- --mat-app-label-large-font: mat.m2-font-family(
19
+ $button-font-family: mat.m2-font-family(
31
20
  map.get($onemrva-theme, 'typography'),
32
21
  'button'
33
22
  );
34
- --mat-menu-item-label-text-line-height: mat.m2-line-height(
35
- map.get($onemrva-theme, 'typography'),
36
- 'subtitle-2'
37
- );
38
- --mat-app-label-large-line-height: mat.m2-line-height(
39
- map.get($onemrva-theme, 'typography'),
40
- 'subtitle-2'
41
- );
42
- --mat-menu-item-label-text-size: mat.m2-font-size(
43
- map.get($onemrva-theme, 'typography'),
44
- 'subtitle-2'
45
- );
46
- --mat-app-label-large-size: mat.m2-font-size(
47
- map.get($onemrva-theme, 'typography'),
48
- 'subtitle-2'
49
- );
50
- --mat-menu-item-label-text-weight: mat.m2-font-weight(
51
- map.get($onemrva-theme, 'typography'),
52
- 'subtitle-2'
53
- );
23
+
24
+ --mdc-outlined-text-field-label-text-weight: $normal-font-weight;
25
+
26
+ --mat-form-field-container-height: 44px;
27
+ --mat-form-field-outlined-label-text-populated-size: 12px;
28
+ --mat-form-field-container-text-size: $normal-font-size;
29
+ --mat-form-field-container-text-weight: $normal-font-weight;
30
+
31
+ --mat-select-trigger-text-size: $normal-font-size;
32
+ --mat-select-trigger-text-weight: $normal-font-weight;
33
+
34
+ --mat-option-label-text-size: $normal-font-size;
35
+ --mat-option-label-text-line-height: $normal-line-height;
36
+ --mat-option-label-text-weight: $normal-font-weight;
37
+
38
+ --mat-menu-item-label-text-font: $button-font-family;
39
+ --mat-menu-item-label-text-line-height: $normal-line-height;
40
+ --mat-menu-item-label-text-size: $normal-font-size;
41
+ --mat-menu-item-label-text-weight: $normal-font-weight;
42
+
43
+ --mat-app-label-large-font: $button-font-family;
44
+ --mat-app-label-large-line-height: $normal-line-height;
45
+ --mat-app-label-large-size: $normal-font-size;
46
+
47
+ --mdc-list-list-item-label-text-size: $normal-font-size;
54
48
 
55
49
  color: µ.grayscale($onemrva-theme, 900);
56
50
  }
package/utilities/_variables.scss CHANGED
@@ -74,7 +74,7 @@ $onemrva-typography: mat.m2-define-typography-config(
74
74
  mat.m2-define-typography-level(23px, 40px, 600, $header-font-family),
75
75
  // H3
76
76
  $subtitle-2:
77
- mat.m2-define-typography-level(16px, 26px, 500, $default-font-family),
77
+ mat.m2-define-typography-level(16px, 26px, 600, $default-font-family),
78
78
  // body
79
79
  // Define body text
80
80
  $body-1: mat.m2-define-typography-level(20px, 35px, 700, $header-font-family),