@onemrvapublic/design-system-theme 17.2.40 → 17.2.42

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 (4) hide show
  1. package/components/_select.scss +1 -1
  2. package/components/_text-inputs.scss +2 -3
  3. package/package.json +1 -1
  4. package/utilities/_variables.scss +15 -15
package/components/_select.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  @use "./µ";
4
4
 
5
5
  @mixin theme($theme) {
6
- .mat-mdc-form-field-type-mat-select {
6
+ .mat-mdc-select {
7
7
  --mat-select-invalid-arrow-color: #{µ.error($theme, 500)};
8
8
  .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
9
9
  padding: 12px 0;
package/components/_text-inputs.scss CHANGED
@@ -230,10 +230,9 @@
230
230
  }
231
231
  }
232
232
 
233
- .mat-mdc-text-field-wrapper.mdc-text-field--outlined
234
- .mat-mdc-form-field-infix {
233
+ .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
235
234
  min-height: 46px;
236
- padding: 1em 0;
235
+ padding: 12px 0;
237
236
  }
238
237
  }
239
238
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onemrvapublic/design-system-theme",
3
- "version": "17.2.40",
3
+ "version": "17.2.42",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
package/utilities/_variables.scss CHANGED
@@ -43,32 +43,32 @@ $breakpoints: (
43
43
  $onemrva-typography: mat.define-typography-config(
44
44
  // One-off header, usually at the top of the page (e.g. a hero header). CSS: .mat-headline-1
45
45
  $headline-1:
46
- mat.define-typography-level(150px, 180px, 700, $font-family: Poppins),
46
+ mat.define-typography-level(150px, 180px, 700, $font-family: "Poppins, sans-serif"),
47
47
  // One-off header, usually at the top of the page (e.g. a hero header). CSS: .mat-headline-2
48
48
  $headline-2:
49
- mat.define-typography-level(70px, 105px, 700, $font-family: Poppins),
49
+ mat.define-typography-level(70px, 105px, 700, $font-family: "Poppins, sans-serif"),
50
50
  // One-off header, usually at the top of the page (e.g. a hero header). CSS: .mat-headline-3
51
51
  $headline-3:
52
- mat.define-typography-level(29px, 51px, 600, $font-family: Poppins),
52
+ mat.define-typography-level(29px, 51px, 600, $font-family: "Poppins, sans-serif"),
53
53
  // One-off header, usually at the top of the page (e.g. a hero header). CSS: .mat-headline-4
54
54
  $headline-4:
55
- mat.define-typography-level(29px, 51px, 600, $font-family: Poppins),
55
+ mat.define-typography-level(29px, 51px, 600, $font-family: "Poppins, sans-serif"),
56
56
  // Section heading corresponding to the <h1> tag. CSS: .mat-h1 or .mat-headline-5 Native element: <h1>
57
57
  $headline-5:
58
- mat.define-typography-level(29px, 51px, 600, $font-family: Poppins),
58
+ mat.define-typography-level(29px, 51px, 600, $font-family: "Poppins, sans-serif"),
59
59
  // Section heading corresponding to the <h2> tag. CSS: .mat-h2 or .mat-headline-6 Native element: <h2>
60
60
  $headline-6:
61
- mat.define-typography-level(26px, 46px, 600, $font-family: Poppins),
61
+ mat.define-typography-level(26px, 46px, 600, $font-family: "Poppins, sans-serif"),
62
62
  // Section heading corresponding to the <h3> tag. CSS: .mat-h3 or .mat-subtitle-1 Native element: <h3>
63
63
  $subtitle-1:
64
- mat.define-typography-level(23px, 40px, 600, $font-family: Poppins),
64
+ mat.define-typography-level(23px, 40px, 600, $font-family: "Poppins, sans-serif"),
65
65
  // Body strong CSS: .mat-body-strong or .mat-subtitle-2
66
66
  $subtitle-2:
67
67
  mat.define-typography-level(
68
68
  16px,
69
69
  26px,
70
70
  600,
71
- $font-family: "Source Sans Pro"
71
+ $font-family: "Source Sans Pro, sans-serif"
72
72
  ),
73
73
  // Why would angular map body-1 and h4 on the same typography??? Work around: mat-h4 (see below) CSS: .mat-h4 or .mat-body-1 Native element: <h4>
74
74
  $body-1:
@@ -76,7 +76,7 @@ $onemrva-typography: mat.define-typography-config(
76
76
  16px,
77
77
  26px,
78
78
  400,
79
- $font-family: "Source Sans Pro"
79
+ $font-family: "Source Sans Pro, sans-serif"
80
80
  ),
81
81
  // Bolder body text. CSS: .mat-body or .mat-body-2
82
82
  $body-2:
@@ -84,7 +84,7 @@ $onemrva-typography: mat.define-typography-config(
84
84
  16px,
85
85
  26px,
86
86
  400,
87
- $font-family: "Source Sans Pro"
87
+ $font-family: "Source Sans Pro, sans-serif"
88
88
  ),
89
89
  // Smaller body and hint text. CSS: .mat-small or .mat-caption
90
90
  $caption:
@@ -92,7 +92,7 @@ $onemrva-typography: mat.define-typography-config(
92
92
  14px,
93
93
  21px,
94
94
  400,
95
- $font-family: "Source Sans Pro"
95
+ $font-family: "Source Sans Pro, sans-serif"
96
96
  ),
97
97
  // Buttons and anchors.
98
98
  $button:
@@ -100,7 +100,7 @@ $onemrva-typography: mat.define-typography-config(
100
100
  16px,
101
101
  26px,
102
102
  500,
103
- $font-family: "Source Sans Pro"
103
+ $font-family: "Source Sans Pro, sans-serif"
104
104
  )
105
105
  );
106
106
 
@@ -108,10 +108,10 @@ $onemrva-typography: map.merge(
108
108
  $onemrva-typography,
109
109
  (
110
110
  label-button:
111
- mat.define-typography-level(14px, 21px, 500, $font-family: Poppins),
111
+ mat.define-typography-level(14px, 21px, 500, $font-family: "Poppins, sans-serif"),
112
112
  label-smallbutton:
113
- mat.define-typography-level(14px, 21px, 400, $font-family: Poppins),
114
- mat-h4: mat.define-typography-level(20px, 35px, 700, $font-family: Poppins),
113
+ mat.define-typography-level(14px, 21px, 400, $font-family: "Poppins, sans-serif"),
114
+ mat-h4: mat.define-typography-level(20px, 35px, 700, $font-family: "Poppins, sans-serif"),
115
115
  )
116
116
  );
117
117