@utrecht/component-library-css 7.4.0 → 7.4.2

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 +14 -14
  2. package/dist/index.css +2 -2
  3. package/dist/prince-xml.css +16 -16
  4. package/package.json +21 -21
package/dist/html.css CHANGED
@@ -599,7 +599,7 @@
599
599
  box-sizing: border-box;
600
600
  font-family: var(--utrecht-document-font-family, inherit);
601
601
  font-size: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit)));
602
- line-height: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit)));
602
+ line-height: var(--utrecht-ordered-list-line-height, var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit)));
603
603
  list-style-type: decimal;
604
604
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-end, var(--utrecht-unordered-list-margin-block-end, 0)));
605
605
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-start, var(--utrecht-unordered-list-margin-block-start, 0)));
@@ -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
@@ -3686,7 +3686,7 @@
3686
3686
  box-sizing: border-box;
3687
3687
  font-family: var(--utrecht-document-font-family, inherit);
3688
3688
  font-size: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit)));
3689
- line-height: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit)));
3689
+ line-height: var(--utrecht-ordered-list-line-height, var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit)));
3690
3690
  list-style-type: decimal;
3691
3691
  margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-end, var(--utrecht-unordered-list-margin-block-end, 0)));
3692
3692
  margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-start, var(--utrecht-unordered-list-margin-block-start, 0)));
@@ -6964,7 +6964,7 @@
6964
6964
  outline-width: var(--utrecht-focus-outline-width, revert);
6965
6965
  z-index: 1;
6966
6966
  }
6967
- .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] {
6968
6968
  --_utrecht-textbox-border-width: var(
6969
6969
  --utrecht-textbox-invalid-border-width,
6970
6970
  var(
package/dist/prince-xml.css CHANGED
@@ -3542,7 +3542,7 @@
3542
3542
  box-sizing: border-box;
3543
3543
  font-family: var(--utrecht-document-font-family, inherit);
3544
3544
  font-size: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit)));
3545
- line-height: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit)));
3545
+ line-height: var(--utrecht-ordered-list-line-height, var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit)));
3546
3546
  list-style-type: decimal;
3547
3547
  margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-end, var(--utrecht-unordered-list-margin-block-end, 0)));
3548
3548
  margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-start, var(--utrecht-unordered-list-margin-block-start, 0)));
@@ -6864,7 +6864,7 @@
6864
6864
  outline-width: var(--utrecht-focus-outline-width, revert);
6865
6865
  z-index: 1;
6866
6866
  }
6867
- .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] {
6868
6868
  --_utrecht-textbox-border-width: var(
6869
6869
  --utrecht-textbox-invalid-border-width,
6870
6870
  var(
@@ -7809,7 +7809,7 @@
7809
7809
  box-sizing: border-box;
7810
7810
  font-family: var(--utrecht-document-font-family, inherit);
7811
7811
  font-size: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-font-size, var(--utrecht-document-font-size, inherit)));
7812
- line-height: var(--utrecht-ordered-list-font-size, var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit)));
7812
+ line-height: var(--utrecht-ordered-list-line-height, var(--utrecht-unordered-list-line-height, var(--utrecht-document-line-height, inherit)));
7813
7813
  list-style-type: decimal;
7814
7814
  margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-end, var(--utrecht-unordered-list-margin-block-end, 0)));
7815
7815
  margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-ordered-list-margin-block-start, var(--utrecht-unordered-list-margin-block-start, 0)));
@@ -8403,30 +8403,30 @@
8403
8403
  outline-width: var(--utrecht-focus-outline-width, revert);
8404
8404
  z-index: 1;
8405
8405
  }
8406
- .utrecht-html input:not([type]):invalid, .utrecht-html input:not([type])[aria-invalid=true],
8407
- .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,
8408
8408
  .utrecht-html input[type=date i][aria-invalid=true],
8409
- .utrecht-html input[type=datetime-local i]:invalid,
8409
+ .utrecht-html input[type=datetime-local i]:user-invalid,
8410
8410
  .utrecht-html input[type=datetime-local i][aria-invalid=true],
8411
- .utrecht-html input[type=email i]:invalid,
8411
+ .utrecht-html input[type=email i]:user-invalid,
8412
8412
  .utrecht-html input[type=email i][aria-invalid=true],
8413
- .utrecht-html input[type=month i]:invalid,
8413
+ .utrecht-html input[type=month i]:user-invalid,
8414
8414
  .utrecht-html input[type=month i][aria-invalid=true],
8415
- .utrecht-html input[type=number i]:invalid,
8415
+ .utrecht-html input[type=number i]:user-invalid,
8416
8416
  .utrecht-html input[type=number i][aria-invalid=true],
8417
- .utrecht-html input[type=password i]:invalid,
8417
+ .utrecht-html input[type=password i]:user-invalid,
8418
8418
  .utrecht-html input[type=password i][aria-invalid=true],
8419
- .utrecht-html input[type=search i]:invalid,
8419
+ .utrecht-html input[type=search i]:user-invalid,
8420
8420
  .utrecht-html input[type=search i][aria-invalid=true],
8421
- .utrecht-html input[type=tel i]:invalid,
8421
+ .utrecht-html input[type=tel i]:user-invalid,
8422
8422
  .utrecht-html input[type=tel i][aria-invalid=true],
8423
- .utrecht-html input[type=text i]:invalid,
8423
+ .utrecht-html input[type=text i]:user-invalid,
8424
8424
  .utrecht-html input[type=text i][aria-invalid=true],
8425
- .utrecht-html input[type=time i]:invalid,
8425
+ .utrecht-html input[type=time i]:user-invalid,
8426
8426
  .utrecht-html input[type=time i][aria-invalid=true],
8427
- .utrecht-html input[type=url i]:invalid,
8427
+ .utrecht-html input[type=url i]:user-invalid,
8428
8428
  .utrecht-html input[type=url i][aria-invalid=true],
8429
- .utrecht-html input[type=week i]:invalid,
8429
+ .utrecht-html input[type=week i]:user-invalid,
8430
8430
  .utrecht-html input[type=week i][aria-invalid=true] {
8431
8431
  --_utrecht-textbox-border-width: var(
8432
8432
  --utrecht-textbox-invalid-border-width,
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "7.4.0",
2
+ "version": "7.4.2",
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",
@@ -20,29 +20,30 @@
20
20
  "directory": "packages/component-library-css"
21
21
  },
22
22
  "dependencies": {
23
- "@utrecht/alert-css": "2.4.0",
24
23
  "@utrecht/accordion-css": "2.0.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",
34
34
  "@utrecht/breadcrumb-nav-css": "1.5.0",
35
- "@utrecht/button-link-css": "1.3.1",
35
+ "@utrecht/button-css": "2.3.1",
36
36
  "@utrecht/button-group-css": "1.4.1",
37
+ "@utrecht/button-link-css": "1.3.1",
37
38
  "@utrecht/calendar-css": "1.4.1",
38
- "@utrecht/button-css": "2.3.1",
39
39
  "@utrecht/checkbox-css": "1.6.1",
40
+ "@utrecht/code-block-css": "1.5.1",
40
41
  "@utrecht/code-css": "1.5.1",
41
42
  "@utrecht/color-sample-css": "1.4.1",
42
43
  "@utrecht/column-layout-css": "1.5.1",
43
44
  "@utrecht/combobox-css": "1.4.1",
44
- "@utrecht/custom-checkbox-css": "1.3.2",
45
45
  "@utrecht/currency-data-css": "1.3.1",
46
+ "@utrecht/custom-checkbox-css": "1.3.2",
46
47
  "@utrecht/data-badge-css": "1.0.1",
47
48
  "@utrecht/data-list-css": "1.4.1",
48
49
  "@utrecht/data-placeholder-css": "1.4.1",
@@ -55,68 +56,67 @@
55
56
  "@utrecht/form-field-css": "1.5.1",
56
57
  "@utrecht/form-field-description-css": "1.5.1",
57
58
  "@utrecht/form-field-error-message-css": "1.5.1",
59
+ "@utrecht/form-fieldset-css": "1.5.1",
58
60
  "@utrecht/form-label-css": "1.6.1",
59
61
  "@utrecht/form-toggle-css": "1.5.1",
60
62
  "@utrecht/heading-1-css": "1.5.1",
61
63
  "@utrecht/heading-2-css": "1.5.1",
62
64
  "@utrecht/heading-3-css": "1.5.1",
65
+ "@utrecht/heading-4-css": "1.5.1",
63
66
  "@utrecht/heading-5-css": "1.5.1",
64
67
  "@utrecht/heading-6-css": "1.5.1",
65
68
  "@utrecht/heading-group-css": "1.5.1",
66
- "@utrecht/heading-4-css": "1.5.1",
67
69
  "@utrecht/html-content-css": "1.4.1",
68
70
  "@utrecht/iban-data-css": "1.3.1",
69
71
  "@utrecht/icon-css": "2.0.1",
70
- "@utrecht/index-char-nav-css": "1.4.1",
71
72
  "@utrecht/img-css": "1.3.1",
73
+ "@utrecht/index-char-nav-css": "1.4.1",
72
74
  "@utrecht/link-button-css": "1.4.1",
73
75
  "@utrecht/link-css": "1.6.1",
74
- "@utrecht/link-social-css": "1.4.1",
75
76
  "@utrecht/link-list-css": "2.3.1",
77
+ "@utrecht/link-social-css": "1.4.1",
76
78
  "@utrecht/list-social-css": "1.4.1",
79
+ "@utrecht/listbox-css": "1.5.2",
77
80
  "@utrecht/logo-button-css": "1.4.1",
78
81
  "@utrecht/logo-css": "1.4.1",
79
- "@utrecht/listbox-css": "1.5.2",
80
82
  "@utrecht/logo-image-css": "1.4.1",
81
83
  "@utrecht/map-marker-css": "1.4.1",
82
84
  "@utrecht/mark-css": "1.5.1",
83
85
  "@utrecht/multiline-data-css": "1.3.1",
84
- "@utrecht/nav-list-css": "1.3.1",
85
86
  "@utrecht/nav-bar-css": "1.4.1",
87
+ "@utrecht/nav-list-css": "1.3.1",
86
88
  "@utrecht/number-badge-css": "2.3.1",
87
89
  "@utrecht/number-data-css": "1.4.1",
90
+ "@utrecht/ordered-list-css": "2.0.0",
88
91
  "@utrecht/page-body-css": "0.1.1",
89
- "@utrecht/ordered-list-css": "1.5.2",
90
92
  "@utrecht/page-content-css": "1.4.1",
91
93
  "@utrecht/page-css": "1.4.1",
92
94
  "@utrecht/page-footer-css": "2.1.1",
93
95
  "@utrecht/page-header-css": "1.5.1",
94
96
  "@utrecht/page-layout-css": "1.1.1",
95
- "@utrecht/paragraph-css": "2.3.1",
96
97
  "@utrecht/pagination-css": "1.4.1",
97
- "@utrecht/pre-heading-css": "1.4.1",
98
+ "@utrecht/paragraph-css": "2.3.1",
98
99
  "@utrecht/preserve-data-css": "1.3.1",
100
+ "@utrecht/pre-heading-css": "1.4.1",
99
101
  "@utrecht/radio-button-css": "1.6.1",
102
+ "@utrecht/root-css": "1.2.1",
100
103
  "@utrecht/rich-text-css": "1.3.1",
101
104
  "@utrecht/search-bar-css": "2.2.1",
102
105
  "@utrecht/select-css": "1.8.1",
103
106
  "@utrecht/separator-css": "1.5.1",
104
- "@utrecht/root-css": "1.2.1",
105
107
  "@utrecht/skip-link-css": "1.5.1",
106
108
  "@utrecht/spotlight-section-css": "1.6.1",
107
- "@utrecht/table-css": "1.6.1",
108
- "@utrecht/textarea-css": "2.3.2",
109
109
  "@utrecht/surface-css": "1.4.1",
110
- "@utrecht/textbox-css": "1.7.1",
110
+ "@utrecht/table-css": "1.6.1",
111
111
  "@utrecht/table-of-contents-css": "0.3.1",
112
- "@utrecht/top-task-link-css": "1.4.1",
113
112
  "@utrecht/tooltip-css": "1.0.0",
113
+ "@utrecht/top-task-link-css": "1.4.1",
114
114
  "@utrecht/top-task-nav-css": "1.3.1",
115
115
  "@utrecht/unordered-list-css": "1.5.1",
116
116
  "@utrecht/url-data-css": "1.3.1",
117
117
  "@utrecht/youtube-video-css": "1.0.0",
118
- "@utrecht/code-block-css": "1.5.1",
119
- "@utrecht/form-fieldset-css": "1.5.1"
118
+ "@utrecht/textbox-css": "2.0.0",
119
+ "@utrecht/textarea-css": "2.3.2"
120
120
  },
121
121
  "devDependencies": {
122
122
  "postcss": "8.4.38",