@utrecht/design-tokens 6.2.0 → 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 (45) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/build-stylelint.mjs +1 -2
  3. package/dist/_mixin-theme.scss +9 -9
  4. package/dist/_mixin.scss +9 -9
  5. package/dist/_variables.scss +9 -9
  6. package/dist/dark/_mixin-theme.scss +9 -9
  7. package/dist/dark/_mixin.scss +9 -9
  8. package/dist/dark/_variables.scss +9 -9
  9. package/dist/dark/index.cjs +9 -9
  10. package/dist/dark/index.css +9 -9
  11. package/dist/dark/index.d.ts +9 -9
  12. package/dist/dark/index.json +60 -20
  13. package/dist/dark/index.mjs +9 -9
  14. package/dist/dark/index.tokens.json +13 -13
  15. package/dist/dark/list.json +60 -20
  16. package/dist/dark/list.mjs +60 -20
  17. package/dist/dark/property.css +6 -2
  18. package/dist/dark/theme-prince-xml.css +9 -9
  19. package/dist/dark/tokens.cjs +165 -125
  20. package/dist/dark/tokens.d.ts +11 -11
  21. package/dist/dark/tokens.json +193 -153
  22. package/dist/dark/variables.cjs +9 -9
  23. package/dist/dark/variables.d.ts +9 -9
  24. package/dist/dark/variables.less +9 -9
  25. package/dist/dark/variables.mjs +9 -9
  26. package/dist/index.cjs +9 -9
  27. package/dist/index.css +18 -18
  28. package/dist/index.d.ts +9 -9
  29. package/dist/index.json +60 -20
  30. package/dist/index.mjs +9 -9
  31. package/dist/index.tokens.json +13 -13
  32. package/dist/list.json +60 -20
  33. package/dist/list.mjs +60 -20
  34. package/dist/property.css +6 -2
  35. package/dist/theme-prince-xml.css +9 -9
  36. package/dist/tokens.cjs +165 -125
  37. package/dist/tokens.d.ts +11 -11
  38. package/dist/tokens.json +193 -153
  39. package/dist/variables.cjs +9 -9
  40. package/dist/variables.d.ts +9 -9
  41. package/dist/variables.less +9 -9
  42. package/dist/variables.mjs +9 -9
  43. package/package.json +4 -5
  44. package/stylelint.config.mjs +10 -0
  45. package/.stylelintrc.json +0 -10
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
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
+
3
9
  ## 6.2.0
4
10
 
5
11
  ### Minor 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;
@@ -260,15 +261,15 @@
260
261
  --utrecht-ordered-list-item-margin-block-start: 0.25em;
261
262
  --utrecht-ordered-list-item-margin-block-end: 0.25em;
262
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;
263
268
  --utrecht-page-body-content-padding-block-start: 0;
264
269
  --utrecht-page-body-content-padding-block-end: 1em;
265
270
  --utrecht-page-body-content-padding-inline-start: 2em;
266
271
  --utrecht-page-body-content-padding-inline-end: 2.4em;
267
272
  --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
273
  --utrecht-page-content-padding-block-start: 2em;
273
274
  --utrecht-page-content-padding-block-end: 2em;
274
275
  --utrecht-page-footer-content-max-inline-size: 1184px;
@@ -278,10 +279,10 @@
278
279
  --utrecht-page-header-padding-inline-end: 0;
279
280
  --utrecht-page-header-content-padding-block-start: 1.8em;
280
281
  --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
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;
285
286
  --utrecht-page-margin-inline-start: 2em;
286
287
  --utrecht-page-margin-inline-end: 2em;
287
288
  --utrecht-page-max-inline-size: 1184px;
@@ -342,7 +343,6 @@
342
343
  --utrecht-table-cell-icon-size: 1em;
343
344
  --utrecht-textarea-border-block-end-width: 3px;
344
345
  --utrecht-textarea-border-bottom-width: 3px;
345
- --utrecht-textbox-border-bottom-width: 3px;
346
346
  --utrecht-tooltip-border-radius: 0;
347
347
  --utrecht-tooltip-border-width: 1px;
348
348
  --utrecht-toptask-link-line-height: 1.2;
@@ -890,9 +890,9 @@
890
890
  --utrecht-page-footer-color: var(--utrecht-color-white);
891
891
  --utrecht-page-footer-background-color: var(--utrecht-color-red-40);
892
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);
893
894
  --utrecht-page-footer-content-padding-block-end: var(--utrecht-space-block-3xl);
894
895
  --utrecht-page-footer-content-padding-block-start: var(--utrecht-space-block-3xl);
895
- --utrecht-page-footer-content-padding-inline: var(--utrecht-space-inline-2xl);
896
896
  --utrecht-page-header-content-background-color: var(--utrecht-color-white);
897
897
  --utrecht-page-header-content-color: var(--utrecht-color-black);
898
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;
@@ -260,15 +261,15 @@
260
261
  --utrecht-ordered-list-item-margin-block-start: 0.25em;
261
262
  --utrecht-ordered-list-item-margin-block-end: 0.25em;
262
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;
263
268
  --utrecht-page-body-content-padding-block-start: 0;
264
269
  --utrecht-page-body-content-padding-block-end: 1em;
265
270
  --utrecht-page-body-content-padding-inline-start: 2em;
266
271
  --utrecht-page-body-content-padding-inline-end: 2.4em;
267
272
  --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
273
  --utrecht-page-content-padding-block-start: 2em;
273
274
  --utrecht-page-content-padding-block-end: 2em;
274
275
  --utrecht-page-footer-content-max-inline-size: 1184px;
@@ -278,10 +279,10 @@
278
279
  --utrecht-page-header-padding-inline-end: 0;
279
280
  --utrecht-page-header-content-padding-block-start: 1.8em;
280
281
  --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
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;
285
286
  --utrecht-page-margin-inline-start: 2em;
286
287
  --utrecht-page-margin-inline-end: 2em;
287
288
  --utrecht-page-max-inline-size: 1184px;
@@ -342,7 +343,6 @@
342
343
  --utrecht-table-cell-icon-size: 1em;
343
344
  --utrecht-textarea-border-block-end-width: 3px;
344
345
  --utrecht-textarea-border-bottom-width: 3px;
345
- --utrecht-textbox-border-bottom-width: 3px;
346
346
  --utrecht-tooltip-border-radius: 0;
347
347
  --utrecht-tooltip-border-width: 1px;
348
348
  --utrecht-toptask-link-line-height: 1.2;
@@ -890,9 +890,9 @@
890
890
  --utrecht-page-footer-color: var(--utrecht-color-white);
891
891
  --utrecht-page-footer-background-color: var(--utrecht-color-red-40);
892
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);
893
894
  --utrecht-page-footer-content-padding-block-end: var(--utrecht-space-block-3xl);
894
895
  --utrecht-page-footer-content-padding-block-start: var(--utrecht-space-block-3xl);
895
- --utrecht-page-footer-content-padding-inline: var(--utrecht-space-inline-2xl);
896
896
  --utrecht-page-header-content-background-color: var(--utrecht-color-white);
897
897
  --utrecht-page-header-content-color: var(--utrecht-color-black);
898
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;
@@ -258,15 +259,15 @@ $utrecht-ordered-list-padding-inline-start: 28.8px;
258
259
  $utrecht-ordered-list-item-margin-block-start: 0.25em;
259
260
  $utrecht-ordered-list-item-margin-block-end: 0.25em;
260
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;
261
266
  $utrecht-page-body-content-padding-block-start: 0;
262
267
  $utrecht-page-body-content-padding-block-end: 1em;
263
268
  $utrecht-page-body-content-padding-inline-start: 2em;
264
269
  $utrecht-page-body-content-padding-inline-end: 2.4em;
265
270
  $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
271
  $utrecht-page-content-padding-block-start: 2em;
271
272
  $utrecht-page-content-padding-block-end: 2em;
272
273
  $utrecht-page-footer-content-max-inline-size: 1184px;
@@ -276,10 +277,10 @@ $utrecht-page-header-padding-inline-start: 0;
276
277
  $utrecht-page-header-padding-inline-end: 0;
277
278
  $utrecht-page-header-content-padding-block-start: 1.8em;
278
279
  $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
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;
283
284
  $utrecht-page-margin-inline-start: 2em;
284
285
  $utrecht-page-margin-inline-end: 2em;
285
286
  $utrecht-page-max-inline-size: 1184px;
@@ -340,7 +341,6 @@ $utrecht-table-cell-padding-inline-start: 0.4em;
340
341
  $utrecht-table-cell-icon-size: 1em;
341
342
  $utrecht-textarea-border-block-end-width: 3px;
342
343
  $utrecht-textarea-border-bottom-width: 3px;
343
- $utrecht-textbox-border-bottom-width: 3px;
344
344
  $utrecht-tooltip-border-radius: 0;
345
345
  $utrecht-tooltip-border-width: 1px;
346
346
  $utrecht-toptask-link-line-height: 1.2;
@@ -888,9 +888,9 @@ $utrecht-page-body-content-color: $utrecht-color-black;
888
888
  $utrecht-page-footer-color: $utrecht-color-white;
889
889
  $utrecht-page-footer-background-color: $utrecht-color-red-40;
890
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;
891
892
  $utrecht-page-footer-content-padding-block-end: $utrecht-space-block-3xl;
892
893
  $utrecht-page-footer-content-padding-block-start: $utrecht-space-block-3xl;
893
- $utrecht-page-footer-content-padding-inline: $utrecht-space-inline-2xl;
894
894
  $utrecht-page-header-content-background-color: $utrecht-color-white;
895
895
  $utrecht-page-header-content-color: $utrecht-color-black;
896
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;
@@ -262,15 +263,15 @@
262
263
  --utrecht-ordered-list-item-margin-block-start: 0.25em;
263
264
  --utrecht-ordered-list-item-margin-block-end: 0.25em;
264
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;
265
270
  --utrecht-page-body-content-padding-block-start: 0;
266
271
  --utrecht-page-body-content-padding-block-end: 1em;
267
272
  --utrecht-page-body-content-padding-inline-start: 2em;
268
273
  --utrecht-page-body-content-padding-inline-end: 2.4em;
269
274
  --utrecht-page-body-content-max-inline-size: 1184px;
270
- --utrecht-page-body-padding-inline-end: 0;
271
- --utrecht-page-body-padding-inline-start: 0;
272
- --utrecht-page-body-padding-block-end: 0;
273
- --utrecht-page-body-padding-block-start: 0;
274
275
  --utrecht-page-content-padding-block-start: 2em;
275
276
  --utrecht-page-content-padding-block-end: 2em;
276
277
  --utrecht-page-footer-content-max-inline-size: 1184px;
@@ -280,10 +281,10 @@
280
281
  --utrecht-page-header-padding-inline-end: 0;
281
282
  --utrecht-page-header-content-padding-block-start: 1.8em;
282
283
  --utrecht-page-header-content-padding-block-end: 1em;
283
- --utrecht-page-header-content-padding-inline-start: 2em;
284
- --utrecht-page-header-content-padding-inline-end: 2.4em;
285
- --utrecht-page-header-content-max-inline-size: 1184px;
286
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;
287
288
  --utrecht-page-margin-inline-start: 2em;
288
289
  --utrecht-page-margin-inline-end: 2em;
289
290
  --utrecht-page-max-inline-size: 1184px;
@@ -344,7 +345,6 @@
344
345
  --utrecht-table-cell-icon-size: 1em;
345
346
  --utrecht-textarea-border-block-end-width: 3px;
346
347
  --utrecht-textarea-border-bottom-width: 3px;
347
- --utrecht-textbox-border-bottom-width: 3px;
348
348
  --utrecht-tooltip-border-radius: 0;
349
349
  --utrecht-tooltip-border-width: 1px;
350
350
  --utrecht-toptask-link-line-height: 1.2;
@@ -889,9 +889,9 @@
889
889
  --utrecht-page-footer-color: var(--utrecht-color-white);
890
890
  --utrecht-page-footer-background-color: var(--utrecht-color-red-40);
891
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);
892
893
  --utrecht-page-footer-content-padding-block-end: var(--utrecht-space-block-3xl);
893
894
  --utrecht-page-footer-content-padding-block-start: var(--utrecht-space-block-3xl);
894
- --utrecht-page-footer-content-padding-inline: var(--utrecht-space-inline-2xl);
895
895
  --utrecht-page-header-content-background-color: var(--utrecht-color-white);
896
896
  --utrecht-page-header-content-color: var(--utrecht-color-black);
897
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;
@@ -262,15 +263,15 @@
262
263
  --utrecht-ordered-list-item-margin-block-start: 0.25em;
263
264
  --utrecht-ordered-list-item-margin-block-end: 0.25em;
264
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;
265
270
  --utrecht-page-body-content-padding-block-start: 0;
266
271
  --utrecht-page-body-content-padding-block-end: 1em;
267
272
  --utrecht-page-body-content-padding-inline-start: 2em;
268
273
  --utrecht-page-body-content-padding-inline-end: 2.4em;
269
274
  --utrecht-page-body-content-max-inline-size: 1184px;
270
- --utrecht-page-body-padding-inline-end: 0;
271
- --utrecht-page-body-padding-inline-start: 0;
272
- --utrecht-page-body-padding-block-end: 0;
273
- --utrecht-page-body-padding-block-start: 0;
274
275
  --utrecht-page-content-padding-block-start: 2em;
275
276
  --utrecht-page-content-padding-block-end: 2em;
276
277
  --utrecht-page-footer-content-max-inline-size: 1184px;
@@ -280,10 +281,10 @@
280
281
  --utrecht-page-header-padding-inline-end: 0;
281
282
  --utrecht-page-header-content-padding-block-start: 1.8em;
282
283
  --utrecht-page-header-content-padding-block-end: 1em;
283
- --utrecht-page-header-content-padding-inline-start: 2em;
284
- --utrecht-page-header-content-padding-inline-end: 2.4em;
285
- --utrecht-page-header-content-max-inline-size: 1184px;
286
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;
287
288
  --utrecht-page-margin-inline-start: 2em;
288
289
  --utrecht-page-margin-inline-end: 2em;
289
290
  --utrecht-page-max-inline-size: 1184px;
@@ -344,7 +345,6 @@
344
345
  --utrecht-table-cell-icon-size: 1em;
345
346
  --utrecht-textarea-border-block-end-width: 3px;
346
347
  --utrecht-textarea-border-bottom-width: 3px;
347
- --utrecht-textbox-border-bottom-width: 3px;
348
348
  --utrecht-tooltip-border-radius: 0;
349
349
  --utrecht-tooltip-border-width: 1px;
350
350
  --utrecht-toptask-link-line-height: 1.2;
@@ -889,9 +889,9 @@
889
889
  --utrecht-page-footer-color: var(--utrecht-color-white);
890
890
  --utrecht-page-footer-background-color: var(--utrecht-color-red-40);
891
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);
892
893
  --utrecht-page-footer-content-padding-block-end: var(--utrecht-space-block-3xl);
893
894
  --utrecht-page-footer-content-padding-block-start: var(--utrecht-space-block-3xl);
894
- --utrecht-page-footer-content-padding-inline: var(--utrecht-space-inline-2xl);
895
895
  --utrecht-page-header-content-background-color: var(--utrecht-color-white);
896
896
  --utrecht-page-header-content-color: var(--utrecht-color-black);
897
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;
@@ -260,15 +261,15 @@ $utrecht-ordered-list-padding-inline-start: 28.8px;
260
261
  $utrecht-ordered-list-item-margin-block-start: 0.25em;
261
262
  $utrecht-ordered-list-item-margin-block-end: 0.25em;
262
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;
263
268
  $utrecht-page-body-content-padding-block-start: 0;
264
269
  $utrecht-page-body-content-padding-block-end: 1em;
265
270
  $utrecht-page-body-content-padding-inline-start: 2em;
266
271
  $utrecht-page-body-content-padding-inline-end: 2.4em;
267
272
  $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
273
  $utrecht-page-content-padding-block-start: 2em;
273
274
  $utrecht-page-content-padding-block-end: 2em;
274
275
  $utrecht-page-footer-content-max-inline-size: 1184px;
@@ -278,10 +279,10 @@ $utrecht-page-header-padding-inline-start: 0;
278
279
  $utrecht-page-header-padding-inline-end: 0;
279
280
  $utrecht-page-header-content-padding-block-start: 1.8em;
280
281
  $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
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;
285
286
  $utrecht-page-margin-inline-start: 2em;
286
287
  $utrecht-page-margin-inline-end: 2em;
287
288
  $utrecht-page-max-inline-size: 1184px;
@@ -342,7 +343,6 @@ $utrecht-table-cell-padding-inline-start: 0.4em;
342
343
  $utrecht-table-cell-icon-size: 1em;
343
344
  $utrecht-textarea-border-block-end-width: 3px;
344
345
  $utrecht-textarea-border-bottom-width: 3px;
345
- $utrecht-textbox-border-bottom-width: 3px;
346
346
  $utrecht-tooltip-border-radius: 0;
347
347
  $utrecht-tooltip-border-width: 1px;
348
348
  $utrecht-toptask-link-line-height: 1.2;
@@ -887,9 +887,9 @@ $utrecht-page-body-content-color: $utrecht-color-black;
887
887
  $utrecht-page-footer-color: $utrecht-color-white;
888
888
  $utrecht-page-footer-background-color: $utrecht-color-red-40;
889
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;
890
891
  $utrecht-page-footer-content-padding-block-end: $utrecht-space-block-3xl;
891
892
  $utrecht-page-footer-content-padding-block-start: $utrecht-space-block-3xl;
892
- $utrecht-page-footer-content-padding-inline: $utrecht-space-inline-2xl;
893
893
  $utrecht-page-header-content-background-color: $utrecht-color-white;
894
894
  $utrecht-page-header-content-color: $utrecht-color-black;
895
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",
@@ -791,6 +792,10 @@ module.exports = {
791
792
  utrechtOrderedListItemMarginBlockStart: "0.25em",
792
793
  utrechtOrderedListItemMarginBlockEnd: "0.25em",
793
794
  utrechtOrderedListItemPaddingInlineStart: "0",
795
+ utrechtPageBodyPaddingBlockStart: "0",
796
+ utrechtPageBodyPaddingBlockEnd: "0",
797
+ utrechtPageBodyPaddingInlineStart: "0",
798
+ utrechtPageBodyPaddingInlineEnd: "0",
794
799
  utrechtPageBodyContentBackgroundColor: "hsl(0 0% 100%)",
795
800
  utrechtPageBodyContentColor: "hsl(0 0% 0%)",
796
801
  utrechtPageBodyContentPaddingBlockStart: "0",
@@ -798,20 +803,16 @@ module.exports = {
798
803
  utrechtPageBodyContentPaddingInlineStart: "2em",
799
804
  utrechtPageBodyContentPaddingInlineEnd: "2.4em",
800
805
  utrechtPageBodyContentMaxInlineSize: "1184px",
801
- utrechtPageBodyPaddingInlineEnd: "0",
802
- utrechtPageBodyPaddingInlineStart: "0",
803
- utrechtPageBodyPaddingBlockEnd: "0",
804
- utrechtPageBodyPaddingBlockStart: "0",
805
806
  utrechtPageContentPaddingBlockStart: "2em",
806
807
  utrechtPageContentPaddingBlockEnd: "2em",
807
808
  utrechtPageFooterColor: "hsl(0 0% 100%)",
808
809
  utrechtPageFooterBackgroundColor: "hsl(0 100% 40%)",
809
810
  utrechtPageFooterBackgroundImage:
810
811
  "linear-gradient(45deg, hsl(0 100% 40%), hsl(0 100% 40%) 50%, #d63433 50%);",
812
+ utrechtPageFooterContentPaddingInline: "28px",
811
813
  utrechtPageFooterContentPaddingBlockEnd: "48px",
812
814
  utrechtPageFooterContentPaddingBlockStart: "48px",
813
815
  utrechtPageFooterContentMaxInlineSize: "1184px",
814
- utrechtPageFooterContentPaddingInline: "28px",
815
816
  utrechtPageHeaderPaddingBlockStart: "0",
816
817
  utrechtPageHeaderPaddingBlockEnd: "0",
817
818
  utrechtPageHeaderPaddingInlineStart: "0",
@@ -820,10 +821,10 @@ module.exports = {
820
821
  utrechtPageHeaderContentColor: "hsl(0 0% 0%)",
821
822
  utrechtPageHeaderContentPaddingBlockStart: "1.8em",
822
823
  utrechtPageHeaderContentPaddingBlockEnd: "1em",
823
- utrechtPageHeaderContentPaddingInlineStart: "2em",
824
- utrechtPageHeaderContentPaddingInlineEnd: "2.4em",
825
- utrechtPageHeaderContentMaxInlineSize: "1184px",
826
824
  utrechtPageHeaderContentPaddingInline: "2em",
825
+ utrechtPageHeaderContentMaxInlineSize: "1184px",
826
+ utrechtPageHeaderContentPaddingInlineEnd: "2.4em",
827
+ utrechtPageHeaderContentPaddingInlineStart: "2em",
827
828
  utrechtPageBackgroundColor: "hsl(0 0% 15%)",
828
829
  utrechtPageColor: "hsl(0 0% 95%)",
829
830
  utrechtPageMarginInlineStart: "2em",
@@ -1036,7 +1037,6 @@ module.exports = {
1036
1037
  utrechtTextareaBorderBlockEndWidth: "3px",
1037
1038
  utrechtTextareaBorderBottomWidth: "3px",
1038
1039
  utrechtTextareaLineHeight: "1.5",
1039
- utrechtTextboxBorderBottomWidth: "3px",
1040
1040
  utrechtTooltipBackgroundColor: "hsl(0 0% 100%)",
1041
1041
  utrechtTooltipBorderColor: "hsl(0 0% 40%)",
1042
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;
@@ -268,15 +269,15 @@
268
269
  --utrecht-ordered-list-item-margin-block-start: 0.25em;
269
270
  --utrecht-ordered-list-item-margin-block-end: 0.25em;
270
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;
271
276
  --utrecht-page-body-content-padding-block-start: 0;
272
277
  --utrecht-page-body-content-padding-block-end: 1em;
273
278
  --utrecht-page-body-content-padding-inline-start: 2em;
274
279
  --utrecht-page-body-content-padding-inline-end: 2.4em;
275
280
  --utrecht-page-body-content-max-inline-size: 1184px;
276
- --utrecht-page-body-padding-inline-end: 0;
277
- --utrecht-page-body-padding-inline-start: 0;
278
- --utrecht-page-body-padding-block-end: 0;
279
- --utrecht-page-body-padding-block-start: 0;
280
281
  --utrecht-page-content-padding-block-start: 2em;
281
282
  --utrecht-page-content-padding-block-end: 2em;
282
283
  --utrecht-page-footer-content-max-inline-size: 1184px;
@@ -286,10 +287,10 @@
286
287
  --utrecht-page-header-padding-inline-end: 0;
287
288
  --utrecht-page-header-content-padding-block-start: 1.8em;
288
289
  --utrecht-page-header-content-padding-block-end: 1em;
289
- --utrecht-page-header-content-padding-inline-start: 2em;
290
- --utrecht-page-header-content-padding-inline-end: 2.4em;
291
- --utrecht-page-header-content-max-inline-size: 1184px;
292
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;
293
294
  --utrecht-page-margin-inline-start: 2em;
294
295
  --utrecht-page-margin-inline-end: 2em;
295
296
  --utrecht-page-max-inline-size: 1184px;
@@ -350,7 +351,6 @@
350
351
  --utrecht-table-cell-icon-size: 1em;
351
352
  --utrecht-textarea-border-block-end-width: 3px;
352
353
  --utrecht-textarea-border-bottom-width: 3px;
353
- --utrecht-textbox-border-bottom-width: 3px;
354
354
  --utrecht-tooltip-border-radius: 0;
355
355
  --utrecht-tooltip-border-width: 1px;
356
356
  --utrecht-toptask-link-line-height: 1.2;
@@ -895,9 +895,9 @@
895
895
  --utrecht-page-footer-color: var(--utrecht-color-white);
896
896
  --utrecht-page-footer-background-color: var(--utrecht-color-red-40);
897
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);
898
899
  --utrecht-page-footer-content-padding-block-end: var(--utrecht-space-block-3xl);
899
900
  --utrecht-page-footer-content-padding-block-start: var(--utrecht-space-block-3xl);
900
- --utrecht-page-footer-content-padding-inline: var(--utrecht-space-inline-2xl);
901
901
  --utrecht-page-header-content-background-color: var(--utrecht-color-white);
902
902
  --utrecht-page-header-content-color: var(--utrecht-color-black);
903
903
  --utrecht-page-background-color: var(--utrecht-color-grey-15);
package/dist/dark/index.d.ts CHANGED
@@ -490,6 +490,7 @@ export const utrechtSpaceColumn3xl: string;
490
490
  export const utrechtSpaceColumn4xl: string;
491
491
  /** Extra Large 5 */
492
492
  export const utrechtSpaceColumn5xl: string;
493
+ export const utrechtTextboxBorderBottomWidth: string;
493
494
  export const utrechtDataListMarginBlockEnd: string;
494
495
  export const utrechtDataListMarginBlockStart: string;
495
496
  export const utrechtDataListItemKeyFontWeight: string;
@@ -860,6 +861,10 @@ export const utrechtOrderedListPaddingInlineStart: string;
860
861
  export const utrechtOrderedListItemMarginBlockStart: string;
861
862
  export const utrechtOrderedListItemMarginBlockEnd: string;
862
863
  export const utrechtOrderedListItemPaddingInlineStart: number;
864
+ export const utrechtPageBodyPaddingBlockStart: number;
865
+ export const utrechtPageBodyPaddingBlockEnd: number;
866
+ export const utrechtPageBodyPaddingInlineStart: number;
867
+ export const utrechtPageBodyPaddingInlineEnd: number;
863
868
  export const utrechtPageBodyContentBackgroundColor: string;
864
869
  export const utrechtPageBodyContentColor: string;
865
870
  export const utrechtPageBodyContentPaddingBlockStart: number;
@@ -867,19 +872,15 @@ export const utrechtPageBodyContentPaddingBlockEnd: string;
867
872
  export const utrechtPageBodyContentPaddingInlineStart: string;
868
873
  export const utrechtPageBodyContentPaddingInlineEnd: string;
869
874
  export const utrechtPageBodyContentMaxInlineSize: string;
870
- export const utrechtPageBodyPaddingInlineEnd: string;
871
- export const utrechtPageBodyPaddingInlineStart: string;
872
- export const utrechtPageBodyPaddingBlockEnd: string;
873
- export const utrechtPageBodyPaddingBlockStart: string;
874
875
  export const utrechtPageContentPaddingBlockStart: string;
875
876
  export const utrechtPageContentPaddingBlockEnd: string;
876
877
  export const utrechtPageFooterColor: string;
877
878
  export const utrechtPageFooterBackgroundColor: string;
878
879
  export const utrechtPageFooterBackgroundImage: string;
880
+ export const utrechtPageFooterContentPaddingInline: string;
879
881
  export const utrechtPageFooterContentPaddingBlockEnd: string;
880
882
  export const utrechtPageFooterContentPaddingBlockStart: string;
881
883
  export const utrechtPageFooterContentMaxInlineSize: string;
882
- export const utrechtPageFooterContentPaddingInline: string;
883
884
  export const utrechtPageHeaderPaddingBlockStart: number;
884
885
  export const utrechtPageHeaderPaddingBlockEnd: number;
885
886
  export const utrechtPageHeaderPaddingInlineStart: number;
@@ -888,10 +889,10 @@ export const utrechtPageHeaderContentBackgroundColor: string;
888
889
  export const utrechtPageHeaderContentColor: string;
889
890
  export const utrechtPageHeaderContentPaddingBlockStart: string;
890
891
  export const utrechtPageHeaderContentPaddingBlockEnd: string;
891
- export const utrechtPageHeaderContentPaddingInlineStart: string;
892
- export const utrechtPageHeaderContentPaddingInlineEnd: string;
893
- export const utrechtPageHeaderContentMaxInlineSize: string;
894
892
  export const utrechtPageHeaderContentPaddingInline: string;
893
+ export const utrechtPageHeaderContentMaxInlineSize: string;
894
+ export const utrechtPageHeaderContentPaddingInlineEnd: string;
895
+ export const utrechtPageHeaderContentPaddingInlineStart: string;
895
896
  export const utrechtPageBackgroundColor: string;
896
897
  export const utrechtPageColor: string;
897
898
  export const utrechtPageMarginInlineStart: string;
@@ -1104,7 +1105,6 @@ export const utrechtTableRowAlternateEvenColor: string;
1104
1105
  export const utrechtTextareaBorderBlockEndWidth: string;
1105
1106
  export const utrechtTextareaBorderBottomWidth: string;
1106
1107
  export const utrechtTextareaLineHeight: string;
1107
- export const utrechtTextboxBorderBottomWidth: string;
1108
1108
  export const utrechtTooltipBackgroundColor: string;
1109
1109
  export const utrechtTooltipBorderColor: string;
1110
1110
  export const utrechtTooltipBorderRadius: number;