@utrecht/design-tokens 6.1.1 → 6.2.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 (56) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/build-stylelint.mjs +1 -2
  3. package/dist/_mixin-theme.scss +13 -11
  4. package/dist/_mixin.scss +13 -11
  5. package/dist/_variables.scss +13 -11
  6. package/dist/dark/_mixin-theme.scss +13 -11
  7. package/dist/dark/_mixin.scss +13 -11
  8. package/dist/dark/_variables.scss +13 -11
  9. package/dist/dark/index.cjs +13 -11
  10. package/dist/dark/index.css +13 -11
  11. package/dist/dark/index.d.ts +11 -9
  12. package/dist/dark/index.flat.json +4 -2
  13. package/dist/dark/index.json +120 -24
  14. package/dist/dark/index.mjs +13 -11
  15. package/dist/dark/index.tokens.json +17 -15
  16. package/dist/dark/list.json +120 -24
  17. package/dist/dark/list.mjs +120 -24
  18. package/dist/dark/property.css +8 -2
  19. package/dist/dark/root.css +4 -2
  20. package/dist/dark/theme-prince-xml.css +13 -11
  21. package/dist/dark/theme.css +4 -2
  22. package/dist/dark/tokens.cjs +215 -129
  23. package/dist/dark/tokens.d.ts +13 -11
  24. package/dist/dark/tokens.json +253 -157
  25. package/dist/dark/variables.cjs +13 -11
  26. package/dist/dark/variables.css +4 -2
  27. package/dist/dark/variables.d.ts +11 -9
  28. package/dist/dark/variables.json +4 -2
  29. package/dist/dark/variables.less +13 -11
  30. package/dist/dark/variables.mjs +13 -11
  31. package/dist/index.cjs +13 -11
  32. package/dist/index.css +26 -22
  33. package/dist/index.d.ts +11 -9
  34. package/dist/index.flat.json +4 -2
  35. package/dist/index.json +120 -24
  36. package/dist/index.mjs +13 -11
  37. package/dist/index.tokens.json +17 -15
  38. package/dist/list.json +120 -24
  39. package/dist/list.mjs +120 -24
  40. package/dist/property.css +8 -2
  41. package/dist/root.css +4 -2
  42. package/dist/theme-prince-xml.css +13 -11
  43. package/dist/theme.css +4 -2
  44. package/dist/tokens.cjs +215 -129
  45. package/dist/tokens.d.ts +13 -11
  46. package/dist/tokens.json +253 -157
  47. package/dist/variables.cjs +13 -11
  48. package/dist/variables.css +4 -2
  49. package/dist/variables.d.ts +11 -9
  50. package/dist/variables.json +4 -2
  51. package/dist/variables.less +13 -11
  52. package/dist/variables.mjs +13 -11
  53. package/package.json +5 -6
  54. package/src/component/utrecht/nav-bar.tokens.json +8 -2
  55. package/stylelint.config.mjs +10 -0
  56. package/.stylelintrc.json +0 -10
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @utrecht/design-tokens
2
2
 
3
+ ## 6.2.1
4
+
5
+ ### Patch Changes
6
+
7
+ - 0f759fc: Ensure package is published with provenance
8
+
9
+ ## 6.2.0
10
+
11
+ ### Minor Changes
12
+
13
+ - 4140e7c: Specify Nav Bar background color.
14
+
3
15
  ## 6.1.1
4
16
 
5
17
  ### Patch Changes
package/build-stylelint.mjs CHANGED
@@ -1,6 +1,5 @@
1
1
  import glob from 'glob';
2
- import merge from 'lodash.merge';
3
- import isPlainObject from 'lodash.isplainobject';
2
+ import { merge, isPlainObject } from 'es-toolkit/compat';
4
3
  import { resolve } from 'path';
5
4
  import { readFileSync, writeFileSync } from 'fs';
6
5
  import RegexTrie from 'regex-trie';
package/dist/_mixin-theme.scss CHANGED
@@ -140,6 +140,7 @@
140
140
  --utrecht-space-column-3xl: 32px; /** Extra Large 3 */
141
141
  --utrecht-space-column-4xl: 48px; /** Extra Large 4 */
142
142
  --utrecht-space-column-5xl: 64px; /** Extra Large 5 */
143
+ --utrecht-textbox-border-bottom-width: 3px;
143
144
  --utrecht-data-list-rows-column-min-inline-size: 25ch;
144
145
  --utrecht-data-list-rows-column-inline-size: 80%;
145
146
  --utrecht-document-line-height: 1.4;
@@ -223,6 +224,8 @@
223
224
  --utrecht-mapcontrolbutton-focus-text-decoration: none;
224
225
  --utrecht-mapcontrolbutton-margin-inline-end: 0;
225
226
  --utrecht-mapcontrolbutton-margin-inline-start: 0;
227
+ --utrecht-nav-bar-background-color: transparent;
228
+ --utrecht-nav-bar-color: transparent;
226
229
  --utrecht-topnav-link-focus-border-type: dotted;
227
230
  --utrecht-topnav-link-focus-text-decoration: none;
228
231
  --utrecht-navigation-border-block-end-color: transparent;
@@ -258,15 +261,15 @@
258
261
  --utrecht-ordered-list-item-margin-block-start: 0.25em;
259
262
  --utrecht-ordered-list-item-margin-block-end: 0.25em;
260
263
  --utrecht-ordered-list-item-padding-inline-start: 0;
264
+ --utrecht-page-body-padding-block-start: 0;
265
+ --utrecht-page-body-padding-block-end: 0;
266
+ --utrecht-page-body-padding-inline-start: 0;
267
+ --utrecht-page-body-padding-inline-end: 0;
261
268
  --utrecht-page-body-content-padding-block-start: 0;
262
269
  --utrecht-page-body-content-padding-block-end: 1em;
263
270
  --utrecht-page-body-content-padding-inline-start: 2em;
264
271
  --utrecht-page-body-content-padding-inline-end: 2.4em;
265
272
  --utrecht-page-body-content-max-inline-size: 1184px;
266
- --utrecht-page-body-padding-inline-end: 0;
267
- --utrecht-page-body-padding-inline-start: 0;
268
- --utrecht-page-body-padding-block-end: 0;
269
- --utrecht-page-body-padding-block-start: 0;
270
273
  --utrecht-page-content-padding-block-start: 2em;
271
274
  --utrecht-page-content-padding-block-end: 2em;
272
275
  --utrecht-page-footer-content-max-inline-size: 1184px;
@@ -276,10 +279,10 @@
276
279
  --utrecht-page-header-padding-inline-end: 0;
277
280
  --utrecht-page-header-content-padding-block-start: 1.8em;
278
281
  --utrecht-page-header-content-padding-block-end: 1em;
279
- --utrecht-page-header-content-padding-inline-start: 2em;
280
- --utrecht-page-header-content-padding-inline-end: 2.4em;
281
- --utrecht-page-header-content-max-inline-size: 1184px;
282
282
  --utrecht-page-header-content-padding-inline: 2em;
283
+ --utrecht-page-header-content-max-inline-size: 1184px;
284
+ --utrecht-page-header-content-padding-inline-end: 2.4em;
285
+ --utrecht-page-header-content-padding-inline-start: 2em;
283
286
  --utrecht-page-margin-inline-start: 2em;
284
287
  --utrecht-page-margin-inline-end: 2em;
285
288
  --utrecht-page-max-inline-size: 1184px;
@@ -340,7 +343,6 @@
340
343
  --utrecht-table-cell-icon-size: 1em;
341
344
  --utrecht-textarea-border-block-end-width: 3px;
342
345
  --utrecht-textarea-border-bottom-width: 3px;
343
- --utrecht-textbox-border-bottom-width: 3px;
344
346
  --utrecht-tooltip-border-radius: 0;
345
347
  --utrecht-tooltip-border-width: 1px;
346
348
  --utrecht-toptask-link-line-height: 1.2;
@@ -823,8 +825,8 @@
823
825
  --utrecht-mapcontrolbutton-padding-block-start: var(--utrecht-space-block-2xs);
824
826
  --utrecht-mapcontrolbutton-padding-inline-end: var(--utrecht-space-inline-2xs);
825
827
  --utrecht-mapcontrolbutton-padding-inline-start: var(--utrecht-space-inline-2xs);
826
- --utrecht-nav-bar-background-color: var(--utrecht-color-white);
827
- --utrecht-nav-bar-color: var(--utrecht-color-black);
828
+ --utrecht-nav-bar-content-background-color: var(--utrecht-color-white);
829
+ --utrecht-nav-bar-content-color: var(--utrecht-color-black);
828
830
  --utrecht-nav-bar-content-max-inline-size: var(--utrecht-page-max-inline-size);
829
831
  --utrecht-nav-bar-link-padding-block-end: var(--utrecht-space-block-xs);
830
832
  --utrecht-nav-bar-link-padding-block-start: var(--utrecht-space-block-xs);
@@ -888,9 +890,9 @@
888
890
  --utrecht-page-footer-color: var(--utrecht-color-white);
889
891
  --utrecht-page-footer-background-color: var(--utrecht-color-red-40);
890
892
  --utrecht-page-footer-background-image: linear-gradient(45deg, var(--utrecht-color-red-40), var(--utrecht-color-red-40) 50%, #d63433 50%);;
893
+ --utrecht-page-footer-content-padding-inline: var(--utrecht-space-inline-2xl);
891
894
  --utrecht-page-footer-content-padding-block-end: var(--utrecht-space-block-3xl);
892
895
  --utrecht-page-footer-content-padding-block-start: var(--utrecht-space-block-3xl);
893
- --utrecht-page-footer-content-padding-inline: var(--utrecht-space-inline-2xl);
894
896
  --utrecht-page-header-content-background-color: var(--utrecht-color-white);
895
897
  --utrecht-page-header-content-color: var(--utrecht-color-black);
896
898
  --utrecht-page-background-color: var(--utrecht-color-white);
package/dist/_mixin.scss CHANGED
@@ -140,6 +140,7 @@
140
140
  --utrecht-space-column-3xl: 32px; /** Extra Large 3 */
141
141
  --utrecht-space-column-4xl: 48px; /** Extra Large 4 */
142
142
  --utrecht-space-column-5xl: 64px; /** Extra Large 5 */
143
+ --utrecht-textbox-border-bottom-width: 3px;
143
144
  --utrecht-data-list-rows-column-min-inline-size: 25ch;
144
145
  --utrecht-data-list-rows-column-inline-size: 80%;
145
146
  --utrecht-document-line-height: 1.4;
@@ -223,6 +224,8 @@
223
224
  --utrecht-mapcontrolbutton-focus-text-decoration: none;
224
225
  --utrecht-mapcontrolbutton-margin-inline-end: 0;
225
226
  --utrecht-mapcontrolbutton-margin-inline-start: 0;
227
+ --utrecht-nav-bar-background-color: transparent;
228
+ --utrecht-nav-bar-color: transparent;
226
229
  --utrecht-topnav-link-focus-border-type: dotted;
227
230
  --utrecht-topnav-link-focus-text-decoration: none;
228
231
  --utrecht-navigation-border-block-end-color: transparent;
@@ -258,15 +261,15 @@
258
261
  --utrecht-ordered-list-item-margin-block-start: 0.25em;
259
262
  --utrecht-ordered-list-item-margin-block-end: 0.25em;
260
263
  --utrecht-ordered-list-item-padding-inline-start: 0;
264
+ --utrecht-page-body-padding-block-start: 0;
265
+ --utrecht-page-body-padding-block-end: 0;
266
+ --utrecht-page-body-padding-inline-start: 0;
267
+ --utrecht-page-body-padding-inline-end: 0;
261
268
  --utrecht-page-body-content-padding-block-start: 0;
262
269
  --utrecht-page-body-content-padding-block-end: 1em;
263
270
  --utrecht-page-body-content-padding-inline-start: 2em;
264
271
  --utrecht-page-body-content-padding-inline-end: 2.4em;
265
272
  --utrecht-page-body-content-max-inline-size: 1184px;
266
- --utrecht-page-body-padding-inline-end: 0;
267
- --utrecht-page-body-padding-inline-start: 0;
268
- --utrecht-page-body-padding-block-end: 0;
269
- --utrecht-page-body-padding-block-start: 0;
270
273
  --utrecht-page-content-padding-block-start: 2em;
271
274
  --utrecht-page-content-padding-block-end: 2em;
272
275
  --utrecht-page-footer-content-max-inline-size: 1184px;
@@ -276,10 +279,10 @@
276
279
  --utrecht-page-header-padding-inline-end: 0;
277
280
  --utrecht-page-header-content-padding-block-start: 1.8em;
278
281
  --utrecht-page-header-content-padding-block-end: 1em;
279
- --utrecht-page-header-content-padding-inline-start: 2em;
280
- --utrecht-page-header-content-padding-inline-end: 2.4em;
281
- --utrecht-page-header-content-max-inline-size: 1184px;
282
282
  --utrecht-page-header-content-padding-inline: 2em;
283
+ --utrecht-page-header-content-max-inline-size: 1184px;
284
+ --utrecht-page-header-content-padding-inline-end: 2.4em;
285
+ --utrecht-page-header-content-padding-inline-start: 2em;
283
286
  --utrecht-page-margin-inline-start: 2em;
284
287
  --utrecht-page-margin-inline-end: 2em;
285
288
  --utrecht-page-max-inline-size: 1184px;
@@ -340,7 +343,6 @@
340
343
  --utrecht-table-cell-icon-size: 1em;
341
344
  --utrecht-textarea-border-block-end-width: 3px;
342
345
  --utrecht-textarea-border-bottom-width: 3px;
343
- --utrecht-textbox-border-bottom-width: 3px;
344
346
  --utrecht-tooltip-border-radius: 0;
345
347
  --utrecht-tooltip-border-width: 1px;
346
348
  --utrecht-toptask-link-line-height: 1.2;
@@ -823,8 +825,8 @@
823
825
  --utrecht-mapcontrolbutton-padding-block-start: var(--utrecht-space-block-2xs);
824
826
  --utrecht-mapcontrolbutton-padding-inline-end: var(--utrecht-space-inline-2xs);
825
827
  --utrecht-mapcontrolbutton-padding-inline-start: var(--utrecht-space-inline-2xs);
826
- --utrecht-nav-bar-background-color: var(--utrecht-color-white);
827
- --utrecht-nav-bar-color: var(--utrecht-color-black);
828
+ --utrecht-nav-bar-content-background-color: var(--utrecht-color-white);
829
+ --utrecht-nav-bar-content-color: var(--utrecht-color-black);
828
830
  --utrecht-nav-bar-content-max-inline-size: var(--utrecht-page-max-inline-size);
829
831
  --utrecht-nav-bar-link-padding-block-end: var(--utrecht-space-block-xs);
830
832
  --utrecht-nav-bar-link-padding-block-start: var(--utrecht-space-block-xs);
@@ -888,9 +890,9 @@
888
890
  --utrecht-page-footer-color: var(--utrecht-color-white);
889
891
  --utrecht-page-footer-background-color: var(--utrecht-color-red-40);
890
892
  --utrecht-page-footer-background-image: linear-gradient(45deg, var(--utrecht-color-red-40), var(--utrecht-color-red-40) 50%, #d63433 50%);;
893
+ --utrecht-page-footer-content-padding-inline: var(--utrecht-space-inline-2xl);
891
894
  --utrecht-page-footer-content-padding-block-end: var(--utrecht-space-block-3xl);
892
895
  --utrecht-page-footer-content-padding-block-start: var(--utrecht-space-block-3xl);
893
- --utrecht-page-footer-content-padding-inline: var(--utrecht-space-inline-2xl);
894
896
  --utrecht-page-header-content-background-color: var(--utrecht-color-white);
895
897
  --utrecht-page-header-content-color: var(--utrecht-color-black);
896
898
  --utrecht-page-background-color: var(--utrecht-color-white);
package/dist/_variables.scss CHANGED
@@ -138,6 +138,7 @@ $utrecht-space-column-2xl: 28px; // Extra Large 2
138
138
  $utrecht-space-column-3xl: 32px; // Extra Large 3
139
139
  $utrecht-space-column-4xl: 48px; // Extra Large 4
140
140
  $utrecht-space-column-5xl: 64px; // Extra Large 5
141
+ $utrecht-textbox-border-bottom-width: 3px;
141
142
  $utrecht-data-list-rows-column-min-inline-size: 25ch;
142
143
  $utrecht-data-list-rows-column-inline-size: 80%;
143
144
  $utrecht-document-line-height: 1.4;
@@ -221,6 +222,8 @@ $utrecht-mapcontrolbutton-border-radius: 2px;
221
222
  $utrecht-mapcontrolbutton-focus-text-decoration: none;
222
223
  $utrecht-mapcontrolbutton-margin-inline-end: 0;
223
224
  $utrecht-mapcontrolbutton-margin-inline-start: 0;
225
+ $utrecht-nav-bar-background-color: transparent;
226
+ $utrecht-nav-bar-color: transparent;
224
227
  $utrecht-topnav-link-focus-border-type: dotted;
225
228
  $utrecht-topnav-link-focus-text-decoration: none;
226
229
  $utrecht-navigation-border-block-end-color: transparent;
@@ -256,15 +259,15 @@ $utrecht-ordered-list-padding-inline-start: 28.8px;
256
259
  $utrecht-ordered-list-item-margin-block-start: 0.25em;
257
260
  $utrecht-ordered-list-item-margin-block-end: 0.25em;
258
261
  $utrecht-ordered-list-item-padding-inline-start: 0;
262
+ $utrecht-page-body-padding-block-start: 0;
263
+ $utrecht-page-body-padding-block-end: 0;
264
+ $utrecht-page-body-padding-inline-start: 0;
265
+ $utrecht-page-body-padding-inline-end: 0;
259
266
  $utrecht-page-body-content-padding-block-start: 0;
260
267
  $utrecht-page-body-content-padding-block-end: 1em;
261
268
  $utrecht-page-body-content-padding-inline-start: 2em;
262
269
  $utrecht-page-body-content-padding-inline-end: 2.4em;
263
270
  $utrecht-page-body-content-max-inline-size: 1184px;
264
- $utrecht-page-body-padding-inline-end: 0;
265
- $utrecht-page-body-padding-inline-start: 0;
266
- $utrecht-page-body-padding-block-end: 0;
267
- $utrecht-page-body-padding-block-start: 0;
268
271
  $utrecht-page-content-padding-block-start: 2em;
269
272
  $utrecht-page-content-padding-block-end: 2em;
270
273
  $utrecht-page-footer-content-max-inline-size: 1184px;
@@ -274,10 +277,10 @@ $utrecht-page-header-padding-inline-start: 0;
274
277
  $utrecht-page-header-padding-inline-end: 0;
275
278
  $utrecht-page-header-content-padding-block-start: 1.8em;
276
279
  $utrecht-page-header-content-padding-block-end: 1em;
277
- $utrecht-page-header-content-padding-inline-start: 2em;
278
- $utrecht-page-header-content-padding-inline-end: 2.4em;
279
- $utrecht-page-header-content-max-inline-size: 1184px;
280
280
  $utrecht-page-header-content-padding-inline: 2em;
281
+ $utrecht-page-header-content-max-inline-size: 1184px;
282
+ $utrecht-page-header-content-padding-inline-end: 2.4em;
283
+ $utrecht-page-header-content-padding-inline-start: 2em;
281
284
  $utrecht-page-margin-inline-start: 2em;
282
285
  $utrecht-page-margin-inline-end: 2em;
283
286
  $utrecht-page-max-inline-size: 1184px;
@@ -338,7 +341,6 @@ $utrecht-table-cell-padding-inline-start: 0.4em;
338
341
  $utrecht-table-cell-icon-size: 1em;
339
342
  $utrecht-textarea-border-block-end-width: 3px;
340
343
  $utrecht-textarea-border-bottom-width: 3px;
341
- $utrecht-textbox-border-bottom-width: 3px;
342
344
  $utrecht-tooltip-border-radius: 0;
343
345
  $utrecht-tooltip-border-width: 1px;
344
346
  $utrecht-toptask-link-line-height: 1.2;
@@ -821,8 +823,8 @@ $utrecht-mapcontrolbutton-padding-block-end: $utrecht-space-block-2xs;
821
823
  $utrecht-mapcontrolbutton-padding-block-start: $utrecht-space-block-2xs;
822
824
  $utrecht-mapcontrolbutton-padding-inline-end: $utrecht-space-inline-2xs;
823
825
  $utrecht-mapcontrolbutton-padding-inline-start: $utrecht-space-inline-2xs;
824
- $utrecht-nav-bar-background-color: $utrecht-color-white;
825
- $utrecht-nav-bar-color: $utrecht-color-black;
826
+ $utrecht-nav-bar-content-background-color: $utrecht-color-white;
827
+ $utrecht-nav-bar-content-color: $utrecht-color-black;
826
828
  $utrecht-nav-bar-content-max-inline-size: $utrecht-page-max-inline-size;
827
829
  $utrecht-nav-bar-link-padding-block-end: $utrecht-space-block-xs;
828
830
  $utrecht-nav-bar-link-padding-block-start: $utrecht-space-block-xs;
@@ -886,9 +888,9 @@ $utrecht-page-body-content-color: $utrecht-color-black;
886
888
  $utrecht-page-footer-color: $utrecht-color-white;
887
889
  $utrecht-page-footer-background-color: $utrecht-color-red-40;
888
890
  $utrecht-page-footer-background-image: linear-gradient(45deg, $utrecht-color-red-40, $utrecht-color-red-40 50%, #d63433 50%);;
891
+ $utrecht-page-footer-content-padding-inline: $utrecht-space-inline-2xl;
889
892
  $utrecht-page-footer-content-padding-block-end: $utrecht-space-block-3xl;
890
893
  $utrecht-page-footer-content-padding-block-start: $utrecht-space-block-3xl;
891
- $utrecht-page-footer-content-padding-inline: $utrecht-space-inline-2xl;
892
894
  $utrecht-page-header-content-background-color: $utrecht-color-white;
893
895
  $utrecht-page-header-content-color: $utrecht-color-black;
894
896
  $utrecht-page-background-color: $utrecht-color-white;
package/dist/dark/_mixin-theme.scss CHANGED
@@ -141,6 +141,7 @@
141
141
  --utrecht-space-column-3xl: 32px; /** Extra Large 3 */
142
142
  --utrecht-space-column-4xl: 48px; /** Extra Large 4 */
143
143
  --utrecht-space-column-5xl: 64px; /** Extra Large 5 */
144
+ --utrecht-textbox-border-bottom-width: 3px;
144
145
  --utrecht-data-list-rows-column-min-inline-size: 25ch;
145
146
  --utrecht-data-list-rows-column-inline-size: 80%;
146
147
  --utrecht-document-line-height: 1.4;
@@ -225,6 +226,8 @@
225
226
  --utrecht-mapcontrolbutton-focus-text-decoration: none;
226
227
  --utrecht-mapcontrolbutton-margin-inline-end: 0;
227
228
  --utrecht-mapcontrolbutton-margin-inline-start: 0;
229
+ --utrecht-nav-bar-background-color: transparent;
230
+ --utrecht-nav-bar-color: transparent;
228
231
  --utrecht-topnav-link-focus-border-type: dotted;
229
232
  --utrecht-topnav-link-focus-text-decoration: none;
230
233
  --utrecht-navigation-border-block-end-color: transparent;
@@ -260,15 +263,15 @@
260
263
  --utrecht-ordered-list-item-margin-block-start: 0.25em;
261
264
  --utrecht-ordered-list-item-margin-block-end: 0.25em;
262
265
  --utrecht-ordered-list-item-padding-inline-start: 0;
266
+ --utrecht-page-body-padding-block-start: 0;
267
+ --utrecht-page-body-padding-block-end: 0;
268
+ --utrecht-page-body-padding-inline-start: 0;
269
+ --utrecht-page-body-padding-inline-end: 0;
263
270
  --utrecht-page-body-content-padding-block-start: 0;
264
271
  --utrecht-page-body-content-padding-block-end: 1em;
265
272
  --utrecht-page-body-content-padding-inline-start: 2em;
266
273
  --utrecht-page-body-content-padding-inline-end: 2.4em;
267
274
  --utrecht-page-body-content-max-inline-size: 1184px;
268
- --utrecht-page-body-padding-inline-end: 0;
269
- --utrecht-page-body-padding-inline-start: 0;
270
- --utrecht-page-body-padding-block-end: 0;
271
- --utrecht-page-body-padding-block-start: 0;
272
275
  --utrecht-page-content-padding-block-start: 2em;
273
276
  --utrecht-page-content-padding-block-end: 2em;
274
277
  --utrecht-page-footer-content-max-inline-size: 1184px;
@@ -278,10 +281,10 @@
278
281
  --utrecht-page-header-padding-inline-end: 0;
279
282
  --utrecht-page-header-content-padding-block-start: 1.8em;
280
283
  --utrecht-page-header-content-padding-block-end: 1em;
281
- --utrecht-page-header-content-padding-inline-start: 2em;
282
- --utrecht-page-header-content-padding-inline-end: 2.4em;
283
- --utrecht-page-header-content-max-inline-size: 1184px;
284
284
  --utrecht-page-header-content-padding-inline: 2em;
285
+ --utrecht-page-header-content-max-inline-size: 1184px;
286
+ --utrecht-page-header-content-padding-inline-end: 2.4em;
287
+ --utrecht-page-header-content-padding-inline-start: 2em;
285
288
  --utrecht-page-margin-inline-start: 2em;
286
289
  --utrecht-page-margin-inline-end: 2em;
287
290
  --utrecht-page-max-inline-size: 1184px;
@@ -342,7 +345,6 @@
342
345
  --utrecht-table-cell-icon-size: 1em;
343
346
  --utrecht-textarea-border-block-end-width: 3px;
344
347
  --utrecht-textarea-border-bottom-width: 3px;
345
- --utrecht-textbox-border-bottom-width: 3px;
346
348
  --utrecht-tooltip-border-radius: 0;
347
349
  --utrecht-tooltip-border-width: 1px;
348
350
  --utrecht-toptask-link-line-height: 1.2;
@@ -822,8 +824,8 @@
822
824
  --utrecht-mapcontrolbutton-padding-block-start: var(--utrecht-space-block-2xs);
823
825
  --utrecht-mapcontrolbutton-padding-inline-end: var(--utrecht-space-inline-2xs);
824
826
  --utrecht-mapcontrolbutton-padding-inline-start: var(--utrecht-space-inline-2xs);
825
- --utrecht-nav-bar-background-color: var(--utrecht-color-white);
826
- --utrecht-nav-bar-color: var(--utrecht-color-black);
827
+ --utrecht-nav-bar-content-background-color: var(--utrecht-color-white);
828
+ --utrecht-nav-bar-content-color: var(--utrecht-color-black);
827
829
  --utrecht-nav-bar-content-max-inline-size: var(--utrecht-page-max-inline-size);
828
830
  --utrecht-nav-bar-link-padding-block-end: var(--utrecht-space-block-xs);
829
831
  --utrecht-nav-bar-link-padding-block-start: var(--utrecht-space-block-xs);
@@ -887,9 +889,9 @@
887
889
  --utrecht-page-footer-color: var(--utrecht-color-white);
888
890
  --utrecht-page-footer-background-color: var(--utrecht-color-red-40);
889
891
  --utrecht-page-footer-background-image: linear-gradient(45deg, var(--utrecht-color-red-40), var(--utrecht-color-red-40) 50%, #d63433 50%);;
892
+ --utrecht-page-footer-content-padding-inline: var(--utrecht-space-inline-2xl);
890
893
  --utrecht-page-footer-content-padding-block-end: var(--utrecht-space-block-3xl);
891
894
  --utrecht-page-footer-content-padding-block-start: var(--utrecht-space-block-3xl);
892
- --utrecht-page-footer-content-padding-inline: var(--utrecht-space-inline-2xl);
893
895
  --utrecht-page-header-content-background-color: var(--utrecht-color-white);
894
896
  --utrecht-page-header-content-color: var(--utrecht-color-black);
895
897
  --utrecht-page-background-color: var(--utrecht-color-grey-15);
package/dist/dark/_mixin.scss CHANGED
@@ -141,6 +141,7 @@
141
141
  --utrecht-space-column-3xl: 32px; /** Extra Large 3 */
142
142
  --utrecht-space-column-4xl: 48px; /** Extra Large 4 */
143
143
  --utrecht-space-column-5xl: 64px; /** Extra Large 5 */
144
+ --utrecht-textbox-border-bottom-width: 3px;
144
145
  --utrecht-data-list-rows-column-min-inline-size: 25ch;
145
146
  --utrecht-data-list-rows-column-inline-size: 80%;
146
147
  --utrecht-document-line-height: 1.4;
@@ -225,6 +226,8 @@
225
226
  --utrecht-mapcontrolbutton-focus-text-decoration: none;
226
227
  --utrecht-mapcontrolbutton-margin-inline-end: 0;
227
228
  --utrecht-mapcontrolbutton-margin-inline-start: 0;
229
+ --utrecht-nav-bar-background-color: transparent;
230
+ --utrecht-nav-bar-color: transparent;
228
231
  --utrecht-topnav-link-focus-border-type: dotted;
229
232
  --utrecht-topnav-link-focus-text-decoration: none;
230
233
  --utrecht-navigation-border-block-end-color: transparent;
@@ -260,15 +263,15 @@
260
263
  --utrecht-ordered-list-item-margin-block-start: 0.25em;
261
264
  --utrecht-ordered-list-item-margin-block-end: 0.25em;
262
265
  --utrecht-ordered-list-item-padding-inline-start: 0;
266
+ --utrecht-page-body-padding-block-start: 0;
267
+ --utrecht-page-body-padding-block-end: 0;
268
+ --utrecht-page-body-padding-inline-start: 0;
269
+ --utrecht-page-body-padding-inline-end: 0;
263
270
  --utrecht-page-body-content-padding-block-start: 0;
264
271
  --utrecht-page-body-content-padding-block-end: 1em;
265
272
  --utrecht-page-body-content-padding-inline-start: 2em;
266
273
  --utrecht-page-body-content-padding-inline-end: 2.4em;
267
274
  --utrecht-page-body-content-max-inline-size: 1184px;
268
- --utrecht-page-body-padding-inline-end: 0;
269
- --utrecht-page-body-padding-inline-start: 0;
270
- --utrecht-page-body-padding-block-end: 0;
271
- --utrecht-page-body-padding-block-start: 0;
272
275
  --utrecht-page-content-padding-block-start: 2em;
273
276
  --utrecht-page-content-padding-block-end: 2em;
274
277
  --utrecht-page-footer-content-max-inline-size: 1184px;
@@ -278,10 +281,10 @@
278
281
  --utrecht-page-header-padding-inline-end: 0;
279
282
  --utrecht-page-header-content-padding-block-start: 1.8em;
280
283
  --utrecht-page-header-content-padding-block-end: 1em;
281
- --utrecht-page-header-content-padding-inline-start: 2em;
282
- --utrecht-page-header-content-padding-inline-end: 2.4em;
283
- --utrecht-page-header-content-max-inline-size: 1184px;
284
284
  --utrecht-page-header-content-padding-inline: 2em;
285
+ --utrecht-page-header-content-max-inline-size: 1184px;
286
+ --utrecht-page-header-content-padding-inline-end: 2.4em;
287
+ --utrecht-page-header-content-padding-inline-start: 2em;
285
288
  --utrecht-page-margin-inline-start: 2em;
286
289
  --utrecht-page-margin-inline-end: 2em;
287
290
  --utrecht-page-max-inline-size: 1184px;
@@ -342,7 +345,6 @@
342
345
  --utrecht-table-cell-icon-size: 1em;
343
346
  --utrecht-textarea-border-block-end-width: 3px;
344
347
  --utrecht-textarea-border-bottom-width: 3px;
345
- --utrecht-textbox-border-bottom-width: 3px;
346
348
  --utrecht-tooltip-border-radius: 0;
347
349
  --utrecht-tooltip-border-width: 1px;
348
350
  --utrecht-toptask-link-line-height: 1.2;
@@ -822,8 +824,8 @@
822
824
  --utrecht-mapcontrolbutton-padding-block-start: var(--utrecht-space-block-2xs);
823
825
  --utrecht-mapcontrolbutton-padding-inline-end: var(--utrecht-space-inline-2xs);
824
826
  --utrecht-mapcontrolbutton-padding-inline-start: var(--utrecht-space-inline-2xs);
825
- --utrecht-nav-bar-background-color: var(--utrecht-color-white);
826
- --utrecht-nav-bar-color: var(--utrecht-color-black);
827
+ --utrecht-nav-bar-content-background-color: var(--utrecht-color-white);
828
+ --utrecht-nav-bar-content-color: var(--utrecht-color-black);
827
829
  --utrecht-nav-bar-content-max-inline-size: var(--utrecht-page-max-inline-size);
828
830
  --utrecht-nav-bar-link-padding-block-end: var(--utrecht-space-block-xs);
829
831
  --utrecht-nav-bar-link-padding-block-start: var(--utrecht-space-block-xs);
@@ -887,9 +889,9 @@
887
889
  --utrecht-page-footer-color: var(--utrecht-color-white);
888
890
  --utrecht-page-footer-background-color: var(--utrecht-color-red-40);
889
891
  --utrecht-page-footer-background-image: linear-gradient(45deg, var(--utrecht-color-red-40), var(--utrecht-color-red-40) 50%, #d63433 50%);;
892
+ --utrecht-page-footer-content-padding-inline: var(--utrecht-space-inline-2xl);
890
893
  --utrecht-page-footer-content-padding-block-end: var(--utrecht-space-block-3xl);
891
894
  --utrecht-page-footer-content-padding-block-start: var(--utrecht-space-block-3xl);
892
- --utrecht-page-footer-content-padding-inline: var(--utrecht-space-inline-2xl);
893
895
  --utrecht-page-header-content-background-color: var(--utrecht-color-white);
894
896
  --utrecht-page-header-content-color: var(--utrecht-color-black);
895
897
  --utrecht-page-background-color: var(--utrecht-color-grey-15);
package/dist/dark/_variables.scss CHANGED
@@ -139,6 +139,7 @@ $utrecht-space-column-2xl: 28px; // Extra Large 2
139
139
  $utrecht-space-column-3xl: 32px; // Extra Large 3
140
140
  $utrecht-space-column-4xl: 48px; // Extra Large 4
141
141
  $utrecht-space-column-5xl: 64px; // Extra Large 5
142
+ $utrecht-textbox-border-bottom-width: 3px;
142
143
  $utrecht-data-list-rows-column-min-inline-size: 25ch;
143
144
  $utrecht-data-list-rows-column-inline-size: 80%;
144
145
  $utrecht-document-line-height: 1.4;
@@ -223,6 +224,8 @@ $utrecht-mapcontrolbutton-border-radius: 2px;
223
224
  $utrecht-mapcontrolbutton-focus-text-decoration: none;
224
225
  $utrecht-mapcontrolbutton-margin-inline-end: 0;
225
226
  $utrecht-mapcontrolbutton-margin-inline-start: 0;
227
+ $utrecht-nav-bar-background-color: transparent;
228
+ $utrecht-nav-bar-color: transparent;
226
229
  $utrecht-topnav-link-focus-border-type: dotted;
227
230
  $utrecht-topnav-link-focus-text-decoration: none;
228
231
  $utrecht-navigation-border-block-end-color: transparent;
@@ -258,15 +261,15 @@ $utrecht-ordered-list-padding-inline-start: 28.8px;
258
261
  $utrecht-ordered-list-item-margin-block-start: 0.25em;
259
262
  $utrecht-ordered-list-item-margin-block-end: 0.25em;
260
263
  $utrecht-ordered-list-item-padding-inline-start: 0;
264
+ $utrecht-page-body-padding-block-start: 0;
265
+ $utrecht-page-body-padding-block-end: 0;
266
+ $utrecht-page-body-padding-inline-start: 0;
267
+ $utrecht-page-body-padding-inline-end: 0;
261
268
  $utrecht-page-body-content-padding-block-start: 0;
262
269
  $utrecht-page-body-content-padding-block-end: 1em;
263
270
  $utrecht-page-body-content-padding-inline-start: 2em;
264
271
  $utrecht-page-body-content-padding-inline-end: 2.4em;
265
272
  $utrecht-page-body-content-max-inline-size: 1184px;
266
- $utrecht-page-body-padding-inline-end: 0;
267
- $utrecht-page-body-padding-inline-start: 0;
268
- $utrecht-page-body-padding-block-end: 0;
269
- $utrecht-page-body-padding-block-start: 0;
270
273
  $utrecht-page-content-padding-block-start: 2em;
271
274
  $utrecht-page-content-padding-block-end: 2em;
272
275
  $utrecht-page-footer-content-max-inline-size: 1184px;
@@ -276,10 +279,10 @@ $utrecht-page-header-padding-inline-start: 0;
276
279
  $utrecht-page-header-padding-inline-end: 0;
277
280
  $utrecht-page-header-content-padding-block-start: 1.8em;
278
281
  $utrecht-page-header-content-padding-block-end: 1em;
279
- $utrecht-page-header-content-padding-inline-start: 2em;
280
- $utrecht-page-header-content-padding-inline-end: 2.4em;
281
- $utrecht-page-header-content-max-inline-size: 1184px;
282
282
  $utrecht-page-header-content-padding-inline: 2em;
283
+ $utrecht-page-header-content-max-inline-size: 1184px;
284
+ $utrecht-page-header-content-padding-inline-end: 2.4em;
285
+ $utrecht-page-header-content-padding-inline-start: 2em;
283
286
  $utrecht-page-margin-inline-start: 2em;
284
287
  $utrecht-page-margin-inline-end: 2em;
285
288
  $utrecht-page-max-inline-size: 1184px;
@@ -340,7 +343,6 @@ $utrecht-table-cell-padding-inline-start: 0.4em;
340
343
  $utrecht-table-cell-icon-size: 1em;
341
344
  $utrecht-textarea-border-block-end-width: 3px;
342
345
  $utrecht-textarea-border-bottom-width: 3px;
343
- $utrecht-textbox-border-bottom-width: 3px;
344
346
  $utrecht-tooltip-border-radius: 0;
345
347
  $utrecht-tooltip-border-width: 1px;
346
348
  $utrecht-toptask-link-line-height: 1.2;
@@ -820,8 +822,8 @@ $utrecht-mapcontrolbutton-padding-block-end: $utrecht-space-block-2xs;
820
822
  $utrecht-mapcontrolbutton-padding-block-start: $utrecht-space-block-2xs;
821
823
  $utrecht-mapcontrolbutton-padding-inline-end: $utrecht-space-inline-2xs;
822
824
  $utrecht-mapcontrolbutton-padding-inline-start: $utrecht-space-inline-2xs;
823
- $utrecht-nav-bar-background-color: $utrecht-color-white;
824
- $utrecht-nav-bar-color: $utrecht-color-black;
825
+ $utrecht-nav-bar-content-background-color: $utrecht-color-white;
826
+ $utrecht-nav-bar-content-color: $utrecht-color-black;
825
827
  $utrecht-nav-bar-content-max-inline-size: $utrecht-page-max-inline-size;
826
828
  $utrecht-nav-bar-link-padding-block-end: $utrecht-space-block-xs;
827
829
  $utrecht-nav-bar-link-padding-block-start: $utrecht-space-block-xs;
@@ -885,9 +887,9 @@ $utrecht-page-body-content-color: $utrecht-color-black;
885
887
  $utrecht-page-footer-color: $utrecht-color-white;
886
888
  $utrecht-page-footer-background-color: $utrecht-color-red-40;
887
889
  $utrecht-page-footer-background-image: linear-gradient(45deg, $utrecht-color-red-40, $utrecht-color-red-40 50%, #d63433 50%);;
890
+ $utrecht-page-footer-content-padding-inline: $utrecht-space-inline-2xl;
888
891
  $utrecht-page-footer-content-padding-block-end: $utrecht-space-block-3xl;
889
892
  $utrecht-page-footer-content-padding-block-start: $utrecht-space-block-3xl;
890
- $utrecht-page-footer-content-padding-inline: $utrecht-space-inline-2xl;
891
893
  $utrecht-page-header-content-background-color: $utrecht-color-white;
892
894
  $utrecht-page-header-content-color: $utrecht-color-black;
893
895
  $utrecht-page-background-color: $utrecht-color-grey-15;
package/dist/dark/index.cjs CHANGED
@@ -427,6 +427,7 @@ module.exports = {
427
427
  utrechtSpaceColumn3xl: "32px",
428
428
  utrechtSpaceColumn4xl: "48px",
429
429
  utrechtSpaceColumn5xl: "64px",
430
+ utrechtTextboxBorderBottomWidth: "3px",
430
431
  utrechtDataListMarginBlockEnd: "16px",
431
432
  utrechtDataListMarginBlockStart: "16px",
432
433
  utrechtDataListItemKeyFontWeight: "700",
@@ -690,8 +691,10 @@ module.exports = {
690
691
  utrechtMapcontrolbuttonPaddingInlineStart: "4px",
691
692
  utrechtMarkBackgroundColor: "hsl(48 100% 60%)",
692
693
  utrechtMarkColor: "hsl(0 0% 0%)",
693
- utrechtNavBarBackgroundColor: "hsl(0 0% 100%)",
694
- utrechtNavBarColor: "hsl(0 0% 0%)",
694
+ utrechtNavBarBackgroundColor: "transparent",
695
+ utrechtNavBarColor: "transparent",
696
+ utrechtNavBarContentBackgroundColor: "hsl(0 0% 100%)",
697
+ utrechtNavBarContentColor: "hsl(0 0% 0%)",
695
698
  utrechtNavBarContentMaxInlineSize: "1184px",
696
699
  utrechtNavBarLinkPaddingBlockEnd: "8px",
697
700
  utrechtNavBarLinkPaddingBlockStart: "8px",
@@ -789,6 +792,10 @@ module.exports = {
789
792
  utrechtOrderedListItemMarginBlockStart: "0.25em",
790
793
  utrechtOrderedListItemMarginBlockEnd: "0.25em",
791
794
  utrechtOrderedListItemPaddingInlineStart: "0",
795
+ utrechtPageBodyPaddingBlockStart: "0",
796
+ utrechtPageBodyPaddingBlockEnd: "0",
797
+ utrechtPageBodyPaddingInlineStart: "0",
798
+ utrechtPageBodyPaddingInlineEnd: "0",
792
799
  utrechtPageBodyContentBackgroundColor: "hsl(0 0% 100%)",
793
800
  utrechtPageBodyContentColor: "hsl(0 0% 0%)",
794
801
  utrechtPageBodyContentPaddingBlockStart: "0",
@@ -796,20 +803,16 @@ module.exports = {
796
803
  utrechtPageBodyContentPaddingInlineStart: "2em",
797
804
  utrechtPageBodyContentPaddingInlineEnd: "2.4em",
798
805
  utrechtPageBodyContentMaxInlineSize: "1184px",
799
- utrechtPageBodyPaddingInlineEnd: "0",
800
- utrechtPageBodyPaddingInlineStart: "0",
801
- utrechtPageBodyPaddingBlockEnd: "0",
802
- utrechtPageBodyPaddingBlockStart: "0",
803
806
  utrechtPageContentPaddingBlockStart: "2em",
804
807
  utrechtPageContentPaddingBlockEnd: "2em",
805
808
  utrechtPageFooterColor: "hsl(0 0% 100%)",
806
809
  utrechtPageFooterBackgroundColor: "hsl(0 100% 40%)",
807
810
  utrechtPageFooterBackgroundImage:
808
811
  "linear-gradient(45deg, hsl(0 100% 40%), hsl(0 100% 40%) 50%, #d63433 50%);",
812
+ utrechtPageFooterContentPaddingInline: "28px",
809
813
  utrechtPageFooterContentPaddingBlockEnd: "48px",
810
814
  utrechtPageFooterContentPaddingBlockStart: "48px",
811
815
  utrechtPageFooterContentMaxInlineSize: "1184px",
812
- utrechtPageFooterContentPaddingInline: "28px",
813
816
  utrechtPageHeaderPaddingBlockStart: "0",
814
817
  utrechtPageHeaderPaddingBlockEnd: "0",
815
818
  utrechtPageHeaderPaddingInlineStart: "0",
@@ -818,10 +821,10 @@ module.exports = {
818
821
  utrechtPageHeaderContentColor: "hsl(0 0% 0%)",
819
822
  utrechtPageHeaderContentPaddingBlockStart: "1.8em",
820
823
  utrechtPageHeaderContentPaddingBlockEnd: "1em",
821
- utrechtPageHeaderContentPaddingInlineStart: "2em",
822
- utrechtPageHeaderContentPaddingInlineEnd: "2.4em",
823
- utrechtPageHeaderContentMaxInlineSize: "1184px",
824
824
  utrechtPageHeaderContentPaddingInline: "2em",
825
+ utrechtPageHeaderContentMaxInlineSize: "1184px",
826
+ utrechtPageHeaderContentPaddingInlineEnd: "2.4em",
827
+ utrechtPageHeaderContentPaddingInlineStart: "2em",
825
828
  utrechtPageBackgroundColor: "hsl(0 0% 15%)",
826
829
  utrechtPageColor: "hsl(0 0% 95%)",
827
830
  utrechtPageMarginInlineStart: "2em",
@@ -1034,7 +1037,6 @@ module.exports = {
1034
1037
  utrechtTextareaBorderBlockEndWidth: "3px",
1035
1038
  utrechtTextareaBorderBottomWidth: "3px",
1036
1039
  utrechtTextareaLineHeight: "1.5",
1037
- utrechtTextboxBorderBottomWidth: "3px",
1038
1040
  utrechtTooltipBackgroundColor: "hsl(0 0% 100%)",
1039
1041
  utrechtTooltipBorderColor: "hsl(0 0% 40%)",
1040
1042
  utrechtTooltipBorderRadius: "0",
package/dist/dark/index.css CHANGED
@@ -147,6 +147,7 @@
147
147
  --utrecht-space-column-3xl: 32px; /** Extra Large 3 */
148
148
  --utrecht-space-column-4xl: 48px; /** Extra Large 4 */
149
149
  --utrecht-space-column-5xl: 64px; /** Extra Large 5 */
150
+ --utrecht-textbox-border-bottom-width: 3px;
150
151
  --utrecht-data-list-rows-column-min-inline-size: 25ch;
151
152
  --utrecht-data-list-rows-column-inline-size: 80%;
152
153
  --utrecht-document-line-height: 1.4;
@@ -231,6 +232,8 @@
231
232
  --utrecht-mapcontrolbutton-focus-text-decoration: none;
232
233
  --utrecht-mapcontrolbutton-margin-inline-end: 0;
233
234
  --utrecht-mapcontrolbutton-margin-inline-start: 0;
235
+ --utrecht-nav-bar-background-color: transparent;
236
+ --utrecht-nav-bar-color: transparent;
234
237
  --utrecht-topnav-link-focus-border-type: dotted;
235
238
  --utrecht-topnav-link-focus-text-decoration: none;
236
239
  --utrecht-navigation-border-block-end-color: transparent;
@@ -266,15 +269,15 @@
266
269
  --utrecht-ordered-list-item-margin-block-start: 0.25em;
267
270
  --utrecht-ordered-list-item-margin-block-end: 0.25em;
268
271
  --utrecht-ordered-list-item-padding-inline-start: 0;
272
+ --utrecht-page-body-padding-block-start: 0;
273
+ --utrecht-page-body-padding-block-end: 0;
274
+ --utrecht-page-body-padding-inline-start: 0;
275
+ --utrecht-page-body-padding-inline-end: 0;
269
276
  --utrecht-page-body-content-padding-block-start: 0;
270
277
  --utrecht-page-body-content-padding-block-end: 1em;
271
278
  --utrecht-page-body-content-padding-inline-start: 2em;
272
279
  --utrecht-page-body-content-padding-inline-end: 2.4em;
273
280
  --utrecht-page-body-content-max-inline-size: 1184px;
274
- --utrecht-page-body-padding-inline-end: 0;
275
- --utrecht-page-body-padding-inline-start: 0;
276
- --utrecht-page-body-padding-block-end: 0;
277
- --utrecht-page-body-padding-block-start: 0;
278
281
  --utrecht-page-content-padding-block-start: 2em;
279
282
  --utrecht-page-content-padding-block-end: 2em;
280
283
  --utrecht-page-footer-content-max-inline-size: 1184px;
@@ -284,10 +287,10 @@
284
287
  --utrecht-page-header-padding-inline-end: 0;
285
288
  --utrecht-page-header-content-padding-block-start: 1.8em;
286
289
  --utrecht-page-header-content-padding-block-end: 1em;
287
- --utrecht-page-header-content-padding-inline-start: 2em;
288
- --utrecht-page-header-content-padding-inline-end: 2.4em;
289
- --utrecht-page-header-content-max-inline-size: 1184px;
290
290
  --utrecht-page-header-content-padding-inline: 2em;
291
+ --utrecht-page-header-content-max-inline-size: 1184px;
292
+ --utrecht-page-header-content-padding-inline-end: 2.4em;
293
+ --utrecht-page-header-content-padding-inline-start: 2em;
291
294
  --utrecht-page-margin-inline-start: 2em;
292
295
  --utrecht-page-margin-inline-end: 2em;
293
296
  --utrecht-page-max-inline-size: 1184px;
@@ -348,7 +351,6 @@
348
351
  --utrecht-table-cell-icon-size: 1em;
349
352
  --utrecht-textarea-border-block-end-width: 3px;
350
353
  --utrecht-textarea-border-bottom-width: 3px;
351
- --utrecht-textbox-border-bottom-width: 3px;
352
354
  --utrecht-tooltip-border-radius: 0;
353
355
  --utrecht-tooltip-border-width: 1px;
354
356
  --utrecht-toptask-link-line-height: 1.2;
@@ -828,8 +830,8 @@
828
830
  --utrecht-mapcontrolbutton-padding-block-start: var(--utrecht-space-block-2xs);
829
831
  --utrecht-mapcontrolbutton-padding-inline-end: var(--utrecht-space-inline-2xs);
830
832
  --utrecht-mapcontrolbutton-padding-inline-start: var(--utrecht-space-inline-2xs);
831
- --utrecht-nav-bar-background-color: var(--utrecht-color-white);
832
- --utrecht-nav-bar-color: var(--utrecht-color-black);
833
+ --utrecht-nav-bar-content-background-color: var(--utrecht-color-white);
834
+ --utrecht-nav-bar-content-color: var(--utrecht-color-black);
833
835
  --utrecht-nav-bar-content-max-inline-size: var(--utrecht-page-max-inline-size);
834
836
  --utrecht-nav-bar-link-padding-block-end: var(--utrecht-space-block-xs);
835
837
  --utrecht-nav-bar-link-padding-block-start: var(--utrecht-space-block-xs);
@@ -893,9 +895,9 @@
893
895
  --utrecht-page-footer-color: var(--utrecht-color-white);
894
896
  --utrecht-page-footer-background-color: var(--utrecht-color-red-40);
895
897
  --utrecht-page-footer-background-image: linear-gradient(45deg, var(--utrecht-color-red-40), var(--utrecht-color-red-40) 50%, #d63433 50%);
898
+ --utrecht-page-footer-content-padding-inline: var(--utrecht-space-inline-2xl);
896
899
  --utrecht-page-footer-content-padding-block-end: var(--utrecht-space-block-3xl);
897
900
  --utrecht-page-footer-content-padding-block-start: var(--utrecht-space-block-3xl);
898
- --utrecht-page-footer-content-padding-inline: var(--utrecht-space-inline-2xl);
899
901
  --utrecht-page-header-content-background-color: var(--utrecht-color-white);
900
902
  --utrecht-page-header-content-color: var(--utrecht-color-black);
901
903
  --utrecht-page-background-color: var(--utrecht-color-grey-15);