@miljodirektoratet/md-css 6.8.1 → 6.8.3

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 (7) hide show
  1. package/package.json +1 -1
  2. package/src/formElements/input/input.css +4 -1
  3. package/src/formElements/multiautocomplete/multiautocomplete.css +5 -2
  4. package/src/formElements/multiselect/multiselect.css +12 -9
  5. package/src/formElements/select/select.css +0 -2
  6. package/src/formElements/textarea/textarea.css +4 -1
  7. package/src/toggle/toggle.css +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@miljodirektoratet/md-css",
3
- "version": "6.8.1",
3
+ "version": "6.8.3",
4
4
  "description": "CSS for Miljødirektoratet",
5
5
  "author": "Miljødirektoratet",
6
6
  "main": "./src/index.css",
package/src/formElements/input/input.css CHANGED
@@ -73,7 +73,10 @@
73
73
  .md-input__label {
74
74
  display: flex;
75
75
  align-items: flex-end;
76
- font-weight: var(--md-typography-font-weight-medium);
76
+ }
77
+
78
+ .md-input__label label {
79
+ font-weight: var(--md-typography-weight-medium);
77
80
  }
78
81
 
79
82
  .md-input__label > * + * {
package/src/formElements/multiautocomplete/multiautocomplete.css CHANGED
@@ -19,10 +19,13 @@
19
19
  .md-multiautocomplete__label {
20
20
  display: flex;
21
21
  align-items: flex-end;
22
- font-weight: 600;
23
22
  padding-bottom: 0.5rem;
24
23
  }
25
24
 
25
+ .md-multiautocomplete__label label {
26
+ font-weight: var(--md-typography-weight-medium);
27
+ }
28
+
26
29
  .md-multiautocomplete__label > * + * {
27
30
  margin-left: 1rem;
28
31
  }
@@ -62,7 +65,7 @@
62
65
  }
63
66
 
64
67
  .md-multiautocomplete__input:focus-visible,
65
- .md-multiautocomplete__input:focus-visible-within {
68
+ .md-multiautocomplete__input:focus-within {
66
69
  outline: none;
67
70
  }
68
71
 
package/src/formElements/multiselect/multiselect.css CHANGED
@@ -14,7 +14,10 @@
14
14
  .md-multiselect__label {
15
15
  display: flex;
16
16
  align-items: flex-end;
17
- font-weight: 600;
17
+ }
18
+
19
+ .md-multiselect__label label {
20
+ font-weight: var(--md-typography-weight-medium);
18
21
  }
19
22
 
20
23
  .md-multiselect__label-wrapper {
@@ -51,20 +54,20 @@
51
54
  }
52
55
 
53
56
  .md-multiselect__button:focus-visible,
54
- .md-multiselect__button:focus-visible-within {
57
+ .md-multiselect__button:focus-within {
55
58
  outline: none;
56
59
  }
57
60
  .md-multiselect:not(.md-multiselect--disabled)
58
61
  .md-multiselect__button.md-multiselect--small:not(.md-multiselect__button--open):focus-visible,
59
62
  .md-multiselect:not(.md-multiselect--disabled)
60
- .md-multiselect__button.md-multiselect--small:not(.md-multiselect__button--open):focus-visible-within {
63
+ .md-multiselect__button.md-multiselect--small:not(.md-multiselect__button--open):focus-within {
61
64
  padding: calc(0.75rem - 1px);
62
65
  border: 2px solid var(--mdPrimaryColor80);
63
66
  }
64
67
 
65
68
  .md-multiselect:not(.md-multiselect--disabled) .md-multiselect__button:not(.md-multiselect__button--open):focus-visible,
66
69
  .md-multiselect:not(.md-multiselect--disabled)
67
- .md-multiselect__button:not(.md-multiselect__button--open):focus-visible-within {
70
+ .md-multiselect__button:not(.md-multiselect__button--open):focus-within {
68
71
  padding: calc(1rem - 1px);
69
72
  border: 2px solid var(--mdPrimaryColor80);
70
73
  }
@@ -161,7 +164,7 @@
161
164
 
162
165
  .md-multiselect__dropdown-item:hover,
163
166
  .md-multiselect__dropdown-item:focus-visible,
164
- .md-multiselect__dropdown-item:focus-visible-within {
167
+ .md-multiselect__dropdown-item:focus-within {
165
168
  outline: none;
166
169
  background-color: var(--mdPrimaryColor20);
167
170
  transition: background-color 0.15s ease-in-out;
@@ -169,13 +172,13 @@
169
172
 
170
173
  .md-multiselect__dropdown-item:hover .md-checkbox__label,
171
174
  .md-multiselect__dropdown-item:focus-visible .md-checkbox__label,
172
- .md-multiselect__dropdown-item:focus-visible-within .md-checkbox__label {
175
+ .md-multiselect__dropdown-item:focus-within .md-checkbox__label {
173
176
  outline: none;
174
177
  }
175
178
 
176
179
  .md-multiselect__dropdown-item:hover .md-checkbox .md-checkbox__label::before,
177
180
  .md-multiselect__dropdown-item:focus-visible .md-checkbox .md-checkbox__label::before,
178
- .md-multiselect__dropdown-item:focus-visible-within .md-checkbox .md-checkbox__label::before {
181
+ .md-multiselect__dropdown-item:focus-within .md-checkbox .md-checkbox__label::before {
179
182
  background-color: #fff;
180
183
  }
181
184
 
@@ -233,13 +236,13 @@
233
236
  }
234
237
 
235
238
  .md-multiselect__button:not(.md-multiselect__button--open):focus-visible,
236
- .md-multiselect__button:not(.md-multiselect__button--open):focus-visible-within {
239
+ .md-multiselect__button:not(.md-multiselect__button--open):focus-within {
237
240
  padding: calc(1rem - 1px);
238
241
  border: 2px solid var(--mdPrimaryColor80);
239
242
  }
240
243
 
241
244
  .md-multiselect__button.md-multiselect--small:not(.md-multiselect__button--open):focus-visible,
242
- .md-multiselect__button.md-multiselect--small:not(.md-multiselect__button--open):focus-visible-within {
245
+ .md-multiselect__button.md-multiselect--small:not(.md-multiselect__button--open):focus-within {
243
246
  padding: calc(0.75rem - 1px);
244
247
  border: 2px solid var(--mdPrimaryColor80);
245
248
  }
package/src/formElements/select/select.css CHANGED
@@ -12,8 +12,6 @@
12
12
  display: flex;
13
13
  align-items: center;
14
14
  gap: var(--md-size-8);
15
- }
16
- .md-select__label label {
17
15
  font-weight: var(--md-typography-weight-medium);
18
16
  }
19
17
 
package/src/formElements/textarea/textarea.css CHANGED
@@ -50,7 +50,10 @@
50
50
  .md-textarea__label {
51
51
  display: flex;
52
52
  align-items: flex-end;
53
- font-weight: var(--md-typography-font-weight-medium);
53
+ }
54
+
55
+ .md-textarea__label label {
56
+ font-weight: var(--md-typography-weight-medium);
54
57
  }
55
58
 
56
59
  .md-textarea__label > * + * {
package/src/toggle/toggle.css CHANGED
@@ -2,7 +2,7 @@
2
2
  display: flex;
3
3
  }
4
4
 
5
- .md-toggle__wrapper:focus-visible-within,
5
+ .md-toggle__wrapper:focus-within,
6
6
  .md-toggle__wrapper:focus-visible {
7
7
  outline: none;
8
8
  }
@@ -25,7 +25,7 @@
25
25
  cursor: pointer;
26
26
  }
27
27
 
28
- .md-toggle__wrapper:focus-visible-within .md-toggle__label-wrapper {
28
+ .md-toggle__wrapper:focus-within .md-toggle__label-wrapper {
29
29
  outline: 2px solid var(--md-color-cta-primary-focus);
30
30
  outline-offset: var(--md-size-4);
31
31
  }