@utrecht/component-library-css 7.3.0 → 7.4.1

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/dist/html.css +13 -13
  2. package/dist/index.css +5 -1
  3. package/dist/prince-xml.css +18 -14
  4. package/package.json +12 -12
package/dist/html.css CHANGED
@@ -1152,30 +1152,30 @@
1152
1152
  outline-width: var(--utrecht-focus-outline-width, revert);
1153
1153
  z-index: 1;
1154
1154
  }
1155
- .utrecht-html input:not([type]):invalid, .utrecht-html input:not([type])[aria-invalid=true],
1156
- .utrecht-html input[type=date i]:invalid,
1155
+ .utrecht-html input:not([type]):user-invalid, .utrecht-html input:not([type])[aria-invalid=true],
1156
+ .utrecht-html input[type=date i]:user-invalid,
1157
1157
  .utrecht-html input[type=date i][aria-invalid=true],
1158
- .utrecht-html input[type=datetime-local i]:invalid,
1158
+ .utrecht-html input[type=datetime-local i]:user-invalid,
1159
1159
  .utrecht-html input[type=datetime-local i][aria-invalid=true],
1160
- .utrecht-html input[type=email i]:invalid,
1160
+ .utrecht-html input[type=email i]:user-invalid,
1161
1161
  .utrecht-html input[type=email i][aria-invalid=true],
1162
- .utrecht-html input[type=month i]:invalid,
1162
+ .utrecht-html input[type=month i]:user-invalid,
1163
1163
  .utrecht-html input[type=month i][aria-invalid=true],
1164
- .utrecht-html input[type=number i]:invalid,
1164
+ .utrecht-html input[type=number i]:user-invalid,
1165
1165
  .utrecht-html input[type=number i][aria-invalid=true],
1166
- .utrecht-html input[type=password i]:invalid,
1166
+ .utrecht-html input[type=password i]:user-invalid,
1167
1167
  .utrecht-html input[type=password i][aria-invalid=true],
1168
- .utrecht-html input[type=search i]:invalid,
1168
+ .utrecht-html input[type=search i]:user-invalid,
1169
1169
  .utrecht-html input[type=search i][aria-invalid=true],
1170
- .utrecht-html input[type=tel i]:invalid,
1170
+ .utrecht-html input[type=tel i]:user-invalid,
1171
1171
  .utrecht-html input[type=tel i][aria-invalid=true],
1172
- .utrecht-html input[type=text i]:invalid,
1172
+ .utrecht-html input[type=text i]:user-invalid,
1173
1173
  .utrecht-html input[type=text i][aria-invalid=true],
1174
- .utrecht-html input[type=time i]:invalid,
1174
+ .utrecht-html input[type=time i]:user-invalid,
1175
1175
  .utrecht-html input[type=time i][aria-invalid=true],
1176
- .utrecht-html input[type=url i]:invalid,
1176
+ .utrecht-html input[type=url i]:user-invalid,
1177
1177
  .utrecht-html input[type=url i][aria-invalid=true],
1178
- .utrecht-html input[type=week i]:invalid,
1178
+ .utrecht-html input[type=week i]:user-invalid,
1179
1179
  .utrecht-html input[type=week i][aria-invalid=true] {
1180
1180
  --_utrecht-textbox-border-width: var(
1181
1181
  --utrecht-textbox-invalid-border-width,
package/dist/index.css CHANGED
@@ -175,6 +175,8 @@
175
175
  }
176
176
 
177
177
  .utrecht-alert-dialog__message {
178
+ --utrecht-heading-color: var(--utrecht-alert-color);
179
+ --utrecht-paragraph-color: var(--utrecht-alert-color);
178
180
  row-gap: var(--utrecht-alert-message-row-gap);
179
181
  }
180
182
 
@@ -230,6 +232,8 @@
230
232
  }
231
233
 
232
234
  .utrecht-alert__message {
235
+ --utrecht-heading-color: var(--utrecht-alert-color);
236
+ --utrecht-paragraph-color: var(--utrecht-alert-color);
233
237
  row-gap: var(--utrecht-alert-message-row-gap);
234
238
  }
235
239
 
@@ -6960,7 +6964,7 @@
6960
6964
  outline-width: var(--utrecht-focus-outline-width, revert);
6961
6965
  z-index: 1;
6962
6966
  }
6963
- .utrecht-textbox--html-input:invalid, .utrecht-textbox--html-input[aria-invalid=true] {
6967
+ .utrecht-textbox--html-input:user-invalid, .utrecht-textbox--html-input[aria-invalid=true] {
6964
6968
  --_utrecht-textbox-border-width: var(
6965
6969
  --utrecht-textbox-invalid-border-width,
6966
6970
  var(
package/dist/prince-xml.css CHANGED
@@ -164,6 +164,8 @@
164
164
  }
165
165
 
166
166
  .utrecht-alert-dialog__message {
167
+ --utrecht-heading-color: var(--utrecht-alert-color);
168
+ --utrecht-paragraph-color: var(--utrecht-alert-color);
167
169
  row-gap: var(--utrecht-alert-message-row-gap);
168
170
  }
169
171
 
@@ -219,6 +221,8 @@
219
221
  }
220
222
 
221
223
  .utrecht-alert__message {
224
+ --utrecht-heading-color: var(--utrecht-alert-color);
225
+ --utrecht-paragraph-color: var(--utrecht-alert-color);
222
226
  row-gap: var(--utrecht-alert-message-row-gap);
223
227
  }
224
228
 
@@ -6860,7 +6864,7 @@
6860
6864
  outline-width: var(--utrecht-focus-outline-width, revert);
6861
6865
  z-index: 1;
6862
6866
  }
6863
- .utrecht-textbox--html-input:invalid, .utrecht-textbox--html-input[aria-invalid=true] {
6867
+ .utrecht-textbox--html-input:user-invalid, .utrecht-textbox--html-input[aria-invalid=true] {
6864
6868
  --_utrecht-textbox-border-width: var(
6865
6869
  --utrecht-textbox-invalid-border-width,
6866
6870
  var(
@@ -8399,30 +8403,30 @@
8399
8403
  outline-width: var(--utrecht-focus-outline-width, revert);
8400
8404
  z-index: 1;
8401
8405
  }
8402
- .utrecht-html input:not([type]):invalid, .utrecht-html input:not([type])[aria-invalid=true],
8403
- .utrecht-html input[type=date i]:invalid,
8406
+ .utrecht-html input:not([type]):user-invalid, .utrecht-html input:not([type])[aria-invalid=true],
8407
+ .utrecht-html input[type=date i]:user-invalid,
8404
8408
  .utrecht-html input[type=date i][aria-invalid=true],
8405
- .utrecht-html input[type=datetime-local i]:invalid,
8409
+ .utrecht-html input[type=datetime-local i]:user-invalid,
8406
8410
  .utrecht-html input[type=datetime-local i][aria-invalid=true],
8407
- .utrecht-html input[type=email i]:invalid,
8411
+ .utrecht-html input[type=email i]:user-invalid,
8408
8412
  .utrecht-html input[type=email i][aria-invalid=true],
8409
- .utrecht-html input[type=month i]:invalid,
8413
+ .utrecht-html input[type=month i]:user-invalid,
8410
8414
  .utrecht-html input[type=month i][aria-invalid=true],
8411
- .utrecht-html input[type=number i]:invalid,
8415
+ .utrecht-html input[type=number i]:user-invalid,
8412
8416
  .utrecht-html input[type=number i][aria-invalid=true],
8413
- .utrecht-html input[type=password i]:invalid,
8417
+ .utrecht-html input[type=password i]:user-invalid,
8414
8418
  .utrecht-html input[type=password i][aria-invalid=true],
8415
- .utrecht-html input[type=search i]:invalid,
8419
+ .utrecht-html input[type=search i]:user-invalid,
8416
8420
  .utrecht-html input[type=search i][aria-invalid=true],
8417
- .utrecht-html input[type=tel i]:invalid,
8421
+ .utrecht-html input[type=tel i]:user-invalid,
8418
8422
  .utrecht-html input[type=tel i][aria-invalid=true],
8419
- .utrecht-html input[type=text i]:invalid,
8423
+ .utrecht-html input[type=text i]:user-invalid,
8420
8424
  .utrecht-html input[type=text i][aria-invalid=true],
8421
- .utrecht-html input[type=time i]:invalid,
8425
+ .utrecht-html input[type=time i]:user-invalid,
8422
8426
  .utrecht-html input[type=time i][aria-invalid=true],
8423
- .utrecht-html input[type=url i]:invalid,
8427
+ .utrecht-html input[type=url i]:user-invalid,
8424
8428
  .utrecht-html input[type=url i][aria-invalid=true],
8425
- .utrecht-html input[type=week i]:invalid,
8429
+ .utrecht-html input[type=week i]:user-invalid,
8426
8430
  .utrecht-html input[type=week i][aria-invalid=true] {
8427
8431
  --_utrecht-textbox-border-width: var(
8428
8432
  --utrecht-textbox-invalid-border-width,
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "7.3.0",
2
+ "version": "7.4.1",
3
3
  "author": "Community for NL Design System",
4
4
  "description": "Component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
5
5
  "license": "EUPL-1.2",
@@ -21,13 +21,13 @@
21
21
  },
22
22
  "dependencies": {
23
23
  "@utrecht/accordion-css": "2.0.0",
24
- "@utrecht/alert-css": "2.3.0",
24
+ "@utrecht/alert-css": "2.4.0",
25
25
  "@utrecht/alert-dialog-css": "1.4.2",
26
26
  "@utrecht/alternate-lang-nav-css": "1.3.1",
27
27
  "@utrecht/article-css": "1.5.1",
28
28
  "@utrecht/backdrop-css": "1.4.1",
29
- "@utrecht/badge-list-css": "2.2.1",
30
29
  "@utrecht/badge-counter-css": "1.4.1",
30
+ "@utrecht/badge-list-css": "2.2.1",
31
31
  "@utrecht/badge-status-css": "1.4.1",
32
32
  "@utrecht/blockquote-css": "1.6.1",
33
33
  "@utrecht/body-css": "1.2.1",
@@ -49,8 +49,8 @@
49
49
  "@utrecht/data-placeholder-css": "1.4.1",
50
50
  "@utrecht/digid-button-css": "1.4.1",
51
51
  "@utrecht/document-css": "1.5.1",
52
- "@utrecht/emphasis-css": "1.5.1",
53
52
  "@utrecht/drawer-css": "1.4.1",
53
+ "@utrecht/emphasis-css": "1.5.1",
54
54
  "@utrecht/figure-css": "1.5.1",
55
55
  "@utrecht/form-css": "1.5.1",
56
56
  "@utrecht/form-field-css": "1.5.1",
@@ -58,15 +58,15 @@
58
58
  "@utrecht/form-field-error-message-css": "1.5.1",
59
59
  "@utrecht/form-fieldset-css": "1.5.1",
60
60
  "@utrecht/form-label-css": "1.6.1",
61
- "@utrecht/heading-2-css": "1.5.1",
62
- "@utrecht/heading-1-css": "1.5.1",
63
61
  "@utrecht/form-toggle-css": "1.5.1",
62
+ "@utrecht/heading-1-css": "1.5.1",
63
+ "@utrecht/heading-2-css": "1.5.1",
64
64
  "@utrecht/heading-3-css": "1.5.1",
65
65
  "@utrecht/heading-4-css": "1.5.1",
66
66
  "@utrecht/heading-5-css": "1.5.1",
67
67
  "@utrecht/heading-6-css": "1.5.1",
68
- "@utrecht/html-content-css": "1.4.1",
69
68
  "@utrecht/heading-group-css": "1.5.1",
69
+ "@utrecht/html-content-css": "1.4.1",
70
70
  "@utrecht/iban-data-css": "1.3.1",
71
71
  "@utrecht/icon-css": "2.0.1",
72
72
  "@utrecht/img-css": "1.3.1",
@@ -84,15 +84,15 @@
84
84
  "@utrecht/mark-css": "1.5.1",
85
85
  "@utrecht/multiline-data-css": "1.3.1",
86
86
  "@utrecht/nav-bar-css": "1.4.1",
87
- "@utrecht/number-badge-css": "2.3.1",
88
87
  "@utrecht/nav-list-css": "1.3.1",
88
+ "@utrecht/number-badge-css": "2.3.1",
89
89
  "@utrecht/number-data-css": "1.4.1",
90
90
  "@utrecht/ordered-list-css": "1.5.2",
91
91
  "@utrecht/page-body-css": "0.1.1",
92
92
  "@utrecht/page-content-css": "1.4.1",
93
+ "@utrecht/page-css": "1.4.1",
93
94
  "@utrecht/page-footer-css": "2.1.1",
94
95
  "@utrecht/page-header-css": "1.5.1",
95
- "@utrecht/page-css": "1.4.1",
96
96
  "@utrecht/page-layout-css": "1.1.1",
97
97
  "@utrecht/pagination-css": "1.4.1",
98
98
  "@utrecht/paragraph-css": "2.3.1",
@@ -104,13 +104,13 @@
104
104
  "@utrecht/search-bar-css": "2.2.1",
105
105
  "@utrecht/select-css": "1.8.1",
106
106
  "@utrecht/separator-css": "1.5.1",
107
- "@utrecht/spotlight-section-css": "1.6.1",
108
107
  "@utrecht/skip-link-css": "1.5.1",
108
+ "@utrecht/spotlight-section-css": "1.6.1",
109
109
  "@utrecht/surface-css": "1.4.1",
110
+ "@utrecht/table-css": "1.6.1",
110
111
  "@utrecht/table-of-contents-css": "0.3.1",
111
112
  "@utrecht/textarea-css": "2.3.2",
112
- "@utrecht/table-css": "1.6.1",
113
- "@utrecht/textbox-css": "1.7.1",
113
+ "@utrecht/textbox-css": "2.0.0",
114
114
  "@utrecht/tooltip-css": "1.0.0",
115
115
  "@utrecht/top-task-link-css": "1.4.1",
116
116
  "@utrecht/top-task-nav-css": "1.3.1",