@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/dist/tokens.json CHANGED
@@ -12020,6 +12020,35 @@
12020
12020
  }
12021
12021
  }
12022
12022
  },
12023
+ "textbox": {
12024
+ "border-bottom-width": {
12025
+ "key": "{utrecht.textbox.border-bottom-width}",
12026
+ "$extensions": {
12027
+ "nl.nldesignsystem.css-property-syntax": "<length>",
12028
+ "nl.nldesignsystem.deprecated": true
12029
+ },
12030
+ "$type": "dimension",
12031
+ "$value": "3px",
12032
+ "filePath": "src/component/utrecht/textbox.tokens.json",
12033
+ "isSource": true,
12034
+ "original": {
12035
+ "$extensions": {
12036
+ "nl.nldesignsystem.css-property-syntax": "<length>",
12037
+ "nl.nldesignsystem.deprecated": true
12038
+ },
12039
+ "$type": "dimension",
12040
+ "$value": "3px",
12041
+ "key": "{utrecht.textbox.border-bottom-width}"
12042
+ },
12043
+ "name": "utrechtTextboxBorderBottomWidth",
12044
+ "attributes": {},
12045
+ "path": [
12046
+ "utrecht",
12047
+ "textbox",
12048
+ "border-bottom-width"
12049
+ ]
12050
+ }
12051
+ },
12023
12052
  "data-list": {
12024
12053
  "margin-block-end": {
12025
12054
  "key": "{utrecht.data-list.margin-block-end}",
@@ -22335,6 +22364,114 @@
22335
22364
  }
22336
22365
  },
22337
22366
  "page-body": {
22367
+ "padding-block-start": {
22368
+ "key": "{utrecht.page-body.padding-block-start}",
22369
+ "$extensions": {
22370
+ "nl.nldesignsystem.css-property-syntax": "<length>",
22371
+ "nl.nldesignsystem.figma-implementation": false
22372
+ },
22373
+ "$type": "dimension",
22374
+ "$value": "0",
22375
+ "filePath": "src/component/utrecht/page-body.tokens.json",
22376
+ "isSource": true,
22377
+ "original": {
22378
+ "$extensions": {
22379
+ "nl.nldesignsystem.css-property-syntax": "<length>",
22380
+ "nl.nldesignsystem.figma-implementation": false
22381
+ },
22382
+ "$type": "dimension",
22383
+ "$value": "0",
22384
+ "key": "{utrecht.page-body.padding-block-start}"
22385
+ },
22386
+ "name": "utrechtPageBodyPaddingBlockStart",
22387
+ "attributes": {},
22388
+ "path": [
22389
+ "utrecht",
22390
+ "page-body",
22391
+ "padding-block-start"
22392
+ ]
22393
+ },
22394
+ "padding-block-end": {
22395
+ "key": "{utrecht.page-body.padding-block-end}",
22396
+ "$extensions": {
22397
+ "nl.nldesignsystem.css-property-syntax": "<length>",
22398
+ "nl.nldesignsystem.figma-implementation": false
22399
+ },
22400
+ "$type": "dimension",
22401
+ "$value": "0",
22402
+ "filePath": "src/component/utrecht/page-body.tokens.json",
22403
+ "isSource": true,
22404
+ "original": {
22405
+ "$extensions": {
22406
+ "nl.nldesignsystem.css-property-syntax": "<length>",
22407
+ "nl.nldesignsystem.figma-implementation": false
22408
+ },
22409
+ "$type": "dimension",
22410
+ "$value": "0",
22411
+ "key": "{utrecht.page-body.padding-block-end}"
22412
+ },
22413
+ "name": "utrechtPageBodyPaddingBlockEnd",
22414
+ "attributes": {},
22415
+ "path": [
22416
+ "utrecht",
22417
+ "page-body",
22418
+ "padding-block-end"
22419
+ ]
22420
+ },
22421
+ "padding-inline-start": {
22422
+ "key": "{utrecht.page-body.padding-inline-start}",
22423
+ "$extensions": {
22424
+ "nl.nldesignsystem.css-property-syntax": "<length>",
22425
+ "nl.nldesignsystem.figma-implementation": false
22426
+ },
22427
+ "$type": "dimension",
22428
+ "$value": "0",
22429
+ "filePath": "src/component/utrecht/page-body.tokens.json",
22430
+ "isSource": true,
22431
+ "original": {
22432
+ "$extensions": {
22433
+ "nl.nldesignsystem.css-property-syntax": "<length>",
22434
+ "nl.nldesignsystem.figma-implementation": false
22435
+ },
22436
+ "$type": "dimension",
22437
+ "$value": "0",
22438
+ "key": "{utrecht.page-body.padding-inline-start}"
22439
+ },
22440
+ "name": "utrechtPageBodyPaddingInlineStart",
22441
+ "attributes": {},
22442
+ "path": [
22443
+ "utrecht",
22444
+ "page-body",
22445
+ "padding-inline-start"
22446
+ ]
22447
+ },
22448
+ "padding-inline-end": {
22449
+ "key": "{utrecht.page-body.padding-inline-end}",
22450
+ "$extensions": {
22451
+ "nl.nldesignsystem.css-property-syntax": "<length>",
22452
+ "nl.nldesignsystem.figma-implementation": false
22453
+ },
22454
+ "$type": "dimension",
22455
+ "$value": "0",
22456
+ "filePath": "src/component/utrecht/page-body.tokens.json",
22457
+ "isSource": true,
22458
+ "original": {
22459
+ "$extensions": {
22460
+ "nl.nldesignsystem.css-property-syntax": "<length>",
22461
+ "nl.nldesignsystem.figma-implementation": false
22462
+ },
22463
+ "$type": "dimension",
22464
+ "$value": "0",
22465
+ "key": "{utrecht.page-body.padding-inline-end}"
22466
+ },
22467
+ "name": "utrechtPageBodyPaddingInlineEnd",
22468
+ "attributes": {},
22469
+ "path": [
22470
+ "utrecht",
22471
+ "page-body",
22472
+ "padding-inline-end"
22473
+ ]
22474
+ },
22338
22475
  "content": {
22339
22476
  "background-color": {
22340
22477
  "key": "{utrecht.page-body.content.background-color}",
@@ -22522,74 +22659,6 @@
22522
22659
  "max-inline-size"
22523
22660
  ]
22524
22661
  }
22525
- },
22526
- "padding-inline-end": {
22527
- "key": "{utrecht.page-body.padding-inline-end}",
22528
- "$value": "0",
22529
- "filePath": "src/component/utrecht/page-body.tokens.json",
22530
- "isSource": true,
22531
- "original": {
22532
- "$value": "0",
22533
- "key": "{utrecht.page-body.padding-inline-end}"
22534
- },
22535
- "name": "utrechtPageBodyPaddingInlineEnd",
22536
- "attributes": {},
22537
- "path": [
22538
- "utrecht",
22539
- "page-body",
22540
- "padding-inline-end"
22541
- ]
22542
- },
22543
- "padding-inline-start": {
22544
- "key": "{utrecht.page-body.padding-inline-start}",
22545
- "$value": "0",
22546
- "filePath": "src/component/utrecht/page-body.tokens.json",
22547
- "isSource": true,
22548
- "original": {
22549
- "$value": "0",
22550
- "key": "{utrecht.page-body.padding-inline-start}"
22551
- },
22552
- "name": "utrechtPageBodyPaddingInlineStart",
22553
- "attributes": {},
22554
- "path": [
22555
- "utrecht",
22556
- "page-body",
22557
- "padding-inline-start"
22558
- ]
22559
- },
22560
- "padding-block-end": {
22561
- "key": "{utrecht.page-body.padding-block-end}",
22562
- "$value": "0",
22563
- "filePath": "src/component/utrecht/page-body.tokens.json",
22564
- "isSource": true,
22565
- "original": {
22566
- "$value": "0",
22567
- "key": "{utrecht.page-body.padding-block-end}"
22568
- },
22569
- "name": "utrechtPageBodyPaddingBlockEnd",
22570
- "attributes": {},
22571
- "path": [
22572
- "utrecht",
22573
- "page-body",
22574
- "padding-block-end"
22575
- ]
22576
- },
22577
- "padding-block-start": {
22578
- "key": "{utrecht.page-body.padding-block-start}",
22579
- "$value": "0",
22580
- "filePath": "src/component/utrecht/page-body.tokens.json",
22581
- "isSource": true,
22582
- "original": {
22583
- "$value": "0",
22584
- "key": "{utrecht.page-body.padding-block-start}"
22585
- },
22586
- "name": "utrechtPageBodyPaddingBlockStart",
22587
- "attributes": {},
22588
- "path": [
22589
- "utrecht",
22590
- "page-body",
22591
- "padding-block-start"
22592
- ]
22593
22662
  }
22594
22663
  },
22595
22664
  "page-content": {
@@ -22731,6 +22800,34 @@
22731
22800
  ]
22732
22801
  },
22733
22802
  "content": {
22803
+ "padding-inline": {
22804
+ "key": "{utrecht.page-footer.content.padding-inline}",
22805
+ "$extensions": {
22806
+ "nl.nldesignsystem.css-property-syntax": "<length>",
22807
+ "nl.nldesignsystem.figma-implementation": false
22808
+ },
22809
+ "$type": "dimension",
22810
+ "$value": "28px",
22811
+ "filePath": "src/component/utrecht/page-footer.tokens.json",
22812
+ "isSource": true,
22813
+ "original": {
22814
+ "$extensions": {
22815
+ "nl.nldesignsystem.css-property-syntax": "<length>",
22816
+ "nl.nldesignsystem.figma-implementation": false
22817
+ },
22818
+ "$type": "dimension",
22819
+ "$value": "{utrecht.space.inline.2xl}",
22820
+ "key": "{utrecht.page-footer.content.padding-inline}"
22821
+ },
22822
+ "name": "utrechtPageFooterContentPaddingInline",
22823
+ "attributes": {},
22824
+ "path": [
22825
+ "utrecht",
22826
+ "page-footer",
22827
+ "content",
22828
+ "padding-inline"
22829
+ ]
22830
+ },
22734
22831
  "padding-block-end": {
22735
22832
  "key": "{utrecht.page-footer.content.padding-block-end}",
22736
22833
  "$extensions": {
@@ -22804,24 +22901,6 @@
22804
22901
  "content",
22805
22902
  "max-inline-size"
22806
22903
  ]
22807
- },
22808
- "padding-inline": {
22809
- "key": "{utrecht.page-footer.content.padding-inline}",
22810
- "$value": "28px",
22811
- "filePath": "src/component/utrecht/page-footer.tokens.json",
22812
- "isSource": true,
22813
- "original": {
22814
- "$value": "{utrecht.space.inline.2xl}",
22815
- "key": "{utrecht.page-footer.content.padding-inline}"
22816
- },
22817
- "name": "utrechtPageFooterContentPaddingInline",
22818
- "attributes": {},
22819
- "path": [
22820
- "utrecht",
22821
- "page-footer",
22822
- "content",
22823
- "padding-inline"
22824
- ]
22825
22904
  }
22826
22905
  }
22827
22906
  },
@@ -23047,15 +23126,14 @@
23047
23126
  "padding-block-end"
23048
23127
  ]
23049
23128
  },
23050
- "padding-inline-start": {
23051
- "key": "{utrecht.page-header.content.padding-inline-start}",
23129
+ "padding-inline": {
23130
+ "key": "{utrecht.page-header.content.padding-inline}",
23052
23131
  "$extensions": {
23053
23132
  "nl.nldesignsystem.css-property-syntax": "<length>",
23054
23133
  "nl.nldesignsystem.figma-implementation": false
23055
23134
  },
23056
23135
  "$type": "dimension",
23057
23136
  "$value": "2em",
23058
- "$comment": "Legacy design token",
23059
23137
  "filePath": "src/component/utrecht/page-header.tokens.json",
23060
23138
  "isSource": true,
23061
23139
  "original": {
@@ -23065,82 +23143,73 @@
23065
23143
  },
23066
23144
  "$type": "dimension",
23067
23145
  "$value": "2em",
23068
- "$comment": "Legacy design token",
23069
- "key": "{utrecht.page-header.content.padding-inline-start}"
23146
+ "key": "{utrecht.page-header.content.padding-inline}"
23070
23147
  },
23071
- "name": "utrechtPageHeaderContentPaddingInlineStart",
23148
+ "name": "utrechtPageHeaderContentPaddingInline",
23072
23149
  "attributes": {},
23073
23150
  "path": [
23074
23151
  "utrecht",
23075
23152
  "page-header",
23076
23153
  "content",
23077
- "padding-inline-start"
23154
+ "padding-inline"
23078
23155
  ]
23079
23156
  },
23080
- "padding-inline-end": {
23081
- "key": "{utrecht.page-header.content.padding-inline-end}",
23082
- "$extensions": {
23083
- "nl.nldesignsystem.css-property-syntax": "<length>",
23084
- "nl.nldesignsystem.figma-implementation": false
23085
- },
23086
- "$type": "dimension",
23087
- "$value": "2.4em",
23088
- "$comment": "Legacy design token",
23157
+ "max-inline-size": {
23158
+ "key": "{utrecht.page-header.content.max-inline-size}",
23159
+ "$value": "1184px",
23089
23160
  "filePath": "src/component/utrecht/page-header.tokens.json",
23090
23161
  "isSource": true,
23091
23162
  "original": {
23092
- "$extensions": {
23093
- "nl.nldesignsystem.css-property-syntax": "<length>",
23094
- "nl.nldesignsystem.figma-implementation": false
23095
- },
23096
- "$type": "dimension",
23097
- "$value": "2.4em",
23098
- "$comment": "Legacy design token",
23099
- "key": "{utrecht.page-header.content.padding-inline-end}"
23163
+ "$value": "1184px",
23164
+ "key": "{utrecht.page-header.content.max-inline-size}"
23100
23165
  },
23101
- "name": "utrechtPageHeaderContentPaddingInlineEnd",
23166
+ "name": "utrechtPageHeaderContentMaxInlineSize",
23102
23167
  "attributes": {},
23103
23168
  "path": [
23104
23169
  "utrecht",
23105
23170
  "page-header",
23106
23171
  "content",
23107
- "padding-inline-end"
23172
+ "max-inline-size"
23108
23173
  ]
23109
23174
  },
23110
- "max-inline-size": {
23111
- "key": "{utrecht.page-header.content.max-inline-size}",
23112
- "$value": "1184px",
23175
+ "padding-inline-end": {
23176
+ "key": "{utrecht.page-header.content.padding-inline-end}",
23177
+ "$value": "2.4em",
23178
+ "$comment": "Legacy design token",
23113
23179
  "filePath": "src/component/utrecht/page-header.tokens.json",
23114
23180
  "isSource": true,
23115
23181
  "original": {
23116
- "$value": "1184px",
23117
- "key": "{utrecht.page-header.content.max-inline-size}"
23182
+ "$value": "2.4em",
23183
+ "$comment": "Legacy design token",
23184
+ "key": "{utrecht.page-header.content.padding-inline-end}"
23118
23185
  },
23119
- "name": "utrechtPageHeaderContentMaxInlineSize",
23186
+ "name": "utrechtPageHeaderContentPaddingInlineEnd",
23120
23187
  "attributes": {},
23121
23188
  "path": [
23122
23189
  "utrecht",
23123
23190
  "page-header",
23124
23191
  "content",
23125
- "max-inline-size"
23192
+ "padding-inline-end"
23126
23193
  ]
23127
23194
  },
23128
- "padding-inline": {
23129
- "key": "{utrecht.page-header.content.padding-inline}",
23195
+ "padding-inline-start": {
23196
+ "key": "{utrecht.page-header.content.padding-inline-start}",
23130
23197
  "$value": "2em",
23198
+ "$comment": "Legacy design token",
23131
23199
  "filePath": "src/component/utrecht/page-header.tokens.json",
23132
23200
  "isSource": true,
23133
23201
  "original": {
23134
23202
  "$value": "2em",
23135
- "key": "{utrecht.page-header.content.padding-inline}"
23203
+ "$comment": "Legacy design token",
23204
+ "key": "{utrecht.page-header.content.padding-inline-start}"
23136
23205
  },
23137
- "name": "utrechtPageHeaderContentPaddingInline",
23206
+ "name": "utrechtPageHeaderContentPaddingInlineStart",
23138
23207
  "attributes": {},
23139
23208
  "path": [
23140
23209
  "utrecht",
23141
23210
  "page-header",
23142
23211
  "content",
23143
- "padding-inline"
23212
+ "padding-inline-start"
23144
23213
  ]
23145
23214
  }
23146
23215
  }
@@ -29013,35 +29082,6 @@
29013
29082
  ]
29014
29083
  }
29015
29084
  },
29016
- "textbox": {
29017
- "border-bottom-width": {
29018
- "key": "{utrecht.textbox.border-bottom-width}",
29019
- "$extensions": {
29020
- "nl.nldesignsystem.css-property-syntax": "<length>",
29021
- "nl.nldesignsystem.deprecated": true
29022
- },
29023
- "$type": "dimension",
29024
- "$value": "3px",
29025
- "filePath": "src/component/utrecht/textbox.tokens.json",
29026
- "isSource": true,
29027
- "original": {
29028
- "$extensions": {
29029
- "nl.nldesignsystem.css-property-syntax": "<length>",
29030
- "nl.nldesignsystem.deprecated": true
29031
- },
29032
- "$type": "dimension",
29033
- "$value": "3px",
29034
- "key": "{utrecht.textbox.border-bottom-width}"
29035
- },
29036
- "name": "utrechtTextboxBorderBottomWidth",
29037
- "attributes": {},
29038
- "path": [
29039
- "utrecht",
29040
- "textbox",
29041
- "border-bottom-width"
29042
- ]
29043
- }
29044
- },
29045
29085
  "tooltip": {
29046
29086
  "background-color": {
29047
29087
  "key": "{utrecht.tooltip.background-color}",
@@ -418,6 +418,7 @@ module.exports = {
418
418
  utrechtSpaceColumn3xl: "32px",
419
419
  utrechtSpaceColumn4xl: "48px",
420
420
  utrechtSpaceColumn5xl: "64px",
421
+ utrechtTextboxBorderBottomWidth: "3px",
421
422
  utrechtDataListMarginBlockEnd: "16px",
422
423
  utrechtDataListMarginBlockStart: "16px",
423
424
  utrechtDataListItemKeyFontWeight: "700",
@@ -782,6 +783,10 @@ module.exports = {
782
783
  utrechtOrderedListItemMarginBlockStart: "0.25em",
783
784
  utrechtOrderedListItemMarginBlockEnd: "0.25em",
784
785
  utrechtOrderedListItemPaddingInlineStart: "0",
786
+ utrechtPageBodyPaddingBlockStart: "0",
787
+ utrechtPageBodyPaddingBlockEnd: "0",
788
+ utrechtPageBodyPaddingInlineStart: "0",
789
+ utrechtPageBodyPaddingInlineEnd: "0",
785
790
  utrechtPageBodyContentBackgroundColor: "hsl(0 0% 100%)",
786
791
  utrechtPageBodyContentColor: "hsl(0 0% 0%)",
787
792
  utrechtPageBodyContentPaddingBlockStart: "0",
@@ -789,20 +794,16 @@ module.exports = {
789
794
  utrechtPageBodyContentPaddingInlineStart: "2em",
790
795
  utrechtPageBodyContentPaddingInlineEnd: "2.4em",
791
796
  utrechtPageBodyContentMaxInlineSize: "1184px",
792
- utrechtPageBodyPaddingInlineEnd: "0",
793
- utrechtPageBodyPaddingInlineStart: "0",
794
- utrechtPageBodyPaddingBlockEnd: "0",
795
- utrechtPageBodyPaddingBlockStart: "0",
796
797
  utrechtPageContentPaddingBlockStart: "2em",
797
798
  utrechtPageContentPaddingBlockEnd: "2em",
798
799
  utrechtPageFooterColor: "hsl(0 0% 100%)",
799
800
  utrechtPageFooterBackgroundColor: "hsl(0 100% 40%)",
800
801
  utrechtPageFooterBackgroundImage:
801
802
  "linear-gradient(45deg, hsl(0 100% 40%), hsl(0 100% 40%) 50%, #d63433 50%);",
803
+ utrechtPageFooterContentPaddingInline: "28px",
802
804
  utrechtPageFooterContentPaddingBlockEnd: "48px",
803
805
  utrechtPageFooterContentPaddingBlockStart: "48px",
804
806
  utrechtPageFooterContentMaxInlineSize: "1184px",
805
- utrechtPageFooterContentPaddingInline: "28px",
806
807
  utrechtPageHeaderPaddingBlockStart: "0",
807
808
  utrechtPageHeaderPaddingBlockEnd: "0",
808
809
  utrechtPageHeaderPaddingInlineStart: "0",
@@ -811,10 +812,10 @@ module.exports = {
811
812
  utrechtPageHeaderContentColor: "hsl(0 0% 0%)",
812
813
  utrechtPageHeaderContentPaddingBlockStart: "1.8em",
813
814
  utrechtPageHeaderContentPaddingBlockEnd: "1em",
814
- utrechtPageHeaderContentPaddingInlineStart: "2em",
815
- utrechtPageHeaderContentPaddingInlineEnd: "2.4em",
816
- utrechtPageHeaderContentMaxInlineSize: "1184px",
817
815
  utrechtPageHeaderContentPaddingInline: "2em",
816
+ utrechtPageHeaderContentMaxInlineSize: "1184px",
817
+ utrechtPageHeaderContentPaddingInlineEnd: "2.4em",
818
+ utrechtPageHeaderContentPaddingInlineStart: "2em",
818
819
  utrechtPageBackgroundColor: "hsl(0 0% 100%)",
819
820
  utrechtPageColor: "hsl(0 0% 0%)",
820
821
  utrechtPageMarginInlineStart: "2em",
@@ -1025,7 +1026,6 @@ module.exports = {
1025
1026
  utrechtTextareaBorderBlockEndWidth: "3px",
1026
1027
  utrechtTextareaBorderBottomWidth: "3px",
1027
1028
  utrechtTextareaLineHeight: "1.5",
1028
- utrechtTextboxBorderBottomWidth: "3px",
1029
1029
  utrechtTooltipBackgroundColor: "hsl(0 0% 100%)",
1030
1030
  utrechtTooltipBorderColor: "hsl(0 0% 40%)",
1031
1031
  utrechtTooltipBorderRadius: "0",
@@ -481,6 +481,7 @@ export const utrechtSpaceColumn3xl: string;
481
481
  export const utrechtSpaceColumn4xl: string;
482
482
  /** Extra Large 5 */
483
483
  export const utrechtSpaceColumn5xl: string;
484
+ export const utrechtTextboxBorderBottomWidth: string;
484
485
  export const utrechtDataListMarginBlockEnd: string;
485
486
  export const utrechtDataListMarginBlockStart: string;
486
487
  export const utrechtDataListItemKeyFontWeight: string;
@@ -851,6 +852,10 @@ export const utrechtOrderedListPaddingInlineStart: string;
851
852
  export const utrechtOrderedListItemMarginBlockStart: string;
852
853
  export const utrechtOrderedListItemMarginBlockEnd: string;
853
854
  export const utrechtOrderedListItemPaddingInlineStart: number;
855
+ export const utrechtPageBodyPaddingBlockStart: number;
856
+ export const utrechtPageBodyPaddingBlockEnd: number;
857
+ export const utrechtPageBodyPaddingInlineStart: number;
858
+ export const utrechtPageBodyPaddingInlineEnd: number;
854
859
  export const utrechtPageBodyContentBackgroundColor: string;
855
860
  export const utrechtPageBodyContentColor: string;
856
861
  export const utrechtPageBodyContentPaddingBlockStart: number;
@@ -858,19 +863,15 @@ export const utrechtPageBodyContentPaddingBlockEnd: string;
858
863
  export const utrechtPageBodyContentPaddingInlineStart: string;
859
864
  export const utrechtPageBodyContentPaddingInlineEnd: string;
860
865
  export const utrechtPageBodyContentMaxInlineSize: string;
861
- export const utrechtPageBodyPaddingInlineEnd: string;
862
- export const utrechtPageBodyPaddingInlineStart: string;
863
- export const utrechtPageBodyPaddingBlockEnd: string;
864
- export const utrechtPageBodyPaddingBlockStart: string;
865
866
  export const utrechtPageContentPaddingBlockStart: string;
866
867
  export const utrechtPageContentPaddingBlockEnd: string;
867
868
  export const utrechtPageFooterColor: string;
868
869
  export const utrechtPageFooterBackgroundColor: string;
869
870
  export const utrechtPageFooterBackgroundImage: string;
871
+ export const utrechtPageFooterContentPaddingInline: string;
870
872
  export const utrechtPageFooterContentPaddingBlockEnd: string;
871
873
  export const utrechtPageFooterContentPaddingBlockStart: string;
872
874
  export const utrechtPageFooterContentMaxInlineSize: string;
873
- export const utrechtPageFooterContentPaddingInline: string;
874
875
  export const utrechtPageHeaderPaddingBlockStart: number;
875
876
  export const utrechtPageHeaderPaddingBlockEnd: number;
876
877
  export const utrechtPageHeaderPaddingInlineStart: number;
@@ -879,10 +880,10 @@ export const utrechtPageHeaderContentBackgroundColor: string;
879
880
  export const utrechtPageHeaderContentColor: string;
880
881
  export const utrechtPageHeaderContentPaddingBlockStart: string;
881
882
  export const utrechtPageHeaderContentPaddingBlockEnd: string;
882
- export const utrechtPageHeaderContentPaddingInlineStart: string;
883
- export const utrechtPageHeaderContentPaddingInlineEnd: string;
884
- export const utrechtPageHeaderContentMaxInlineSize: string;
885
883
  export const utrechtPageHeaderContentPaddingInline: string;
884
+ export const utrechtPageHeaderContentMaxInlineSize: string;
885
+ export const utrechtPageHeaderContentPaddingInlineEnd: string;
886
+ export const utrechtPageHeaderContentPaddingInlineStart: string;
886
887
  export const utrechtPageBackgroundColor: string;
887
888
  export const utrechtPageColor: string;
888
889
  export const utrechtPageMarginInlineStart: string;
@@ -1093,7 +1094,6 @@ export const utrechtTableRowAlternateEvenColor: string;
1093
1094
  export const utrechtTextareaBorderBlockEndWidth: string;
1094
1095
  export const utrechtTextareaBorderBottomWidth: string;
1095
1096
  export const utrechtTextareaLineHeight: string;
1096
- export const utrechtTextboxBorderBottomWidth: string;
1097
1097
  export const utrechtTooltipBackgroundColor: string;
1098
1098
  export const utrechtTooltipBorderColor: string;
1099
1099
  export const utrechtTooltipBorderRadius: number;
@@ -138,6 +138,7 @@
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 @@
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 @@
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 @@
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 @@
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;