@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
@@ -11633,6 +11633,35 @@
11633
11633
  }
11634
11634
  }
11635
11635
  },
11636
+ "textbox": {
11637
+ "border-bottom-width": {
11638
+ "key": "{utrecht.textbox.border-bottom-width}",
11639
+ "$extensions": {
11640
+ "nl.nldesignsystem.css-property-syntax": "<length>",
11641
+ "nl.nldesignsystem.deprecated": true
11642
+ },
11643
+ "$type": "dimension",
11644
+ "$value": "3px",
11645
+ "filePath": "src/component/utrecht/textbox.tokens.json",
11646
+ "isSource": true,
11647
+ "original": {
11648
+ "$extensions": {
11649
+ "nl.nldesignsystem.css-property-syntax": "<length>",
11650
+ "nl.nldesignsystem.deprecated": true
11651
+ },
11652
+ "$type": "dimension",
11653
+ "$value": "3px",
11654
+ "key": "{utrecht.textbox.border-bottom-width}"
11655
+ },
11656
+ "name": "utrechtTextboxBorderBottomWidth",
11657
+ "attributes": {},
11658
+ "path": [
11659
+ "utrecht",
11660
+ "textbox",
11661
+ "border-bottom-width"
11662
+ ]
11663
+ }
11664
+ },
11636
11665
  "data-list": {
11637
11666
  "margin-block-end": {
11638
11667
  "key": "{utrecht.data-list.margin-block-end}",
@@ -21674,6 +21703,114 @@
21674
21703
  }
21675
21704
  },
21676
21705
  "page-body": {
21706
+ "padding-block-start": {
21707
+ "key": "{utrecht.page-body.padding-block-start}",
21708
+ "$extensions": {
21709
+ "nl.nldesignsystem.css-property-syntax": "<length>",
21710
+ "nl.nldesignsystem.figma-implementation": false
21711
+ },
21712
+ "$type": "dimension",
21713
+ "$value": "0",
21714
+ "filePath": "src/component/utrecht/page-body.tokens.json",
21715
+ "isSource": true,
21716
+ "original": {
21717
+ "$extensions": {
21718
+ "nl.nldesignsystem.css-property-syntax": "<length>",
21719
+ "nl.nldesignsystem.figma-implementation": false
21720
+ },
21721
+ "$type": "dimension",
21722
+ "$value": "0",
21723
+ "key": "{utrecht.page-body.padding-block-start}"
21724
+ },
21725
+ "name": "utrechtPageBodyPaddingBlockStart",
21726
+ "attributes": {},
21727
+ "path": [
21728
+ "utrecht",
21729
+ "page-body",
21730
+ "padding-block-start"
21731
+ ]
21732
+ },
21733
+ "padding-block-end": {
21734
+ "key": "{utrecht.page-body.padding-block-end}",
21735
+ "$extensions": {
21736
+ "nl.nldesignsystem.css-property-syntax": "<length>",
21737
+ "nl.nldesignsystem.figma-implementation": false
21738
+ },
21739
+ "$type": "dimension",
21740
+ "$value": "0",
21741
+ "filePath": "src/component/utrecht/page-body.tokens.json",
21742
+ "isSource": true,
21743
+ "original": {
21744
+ "$extensions": {
21745
+ "nl.nldesignsystem.css-property-syntax": "<length>",
21746
+ "nl.nldesignsystem.figma-implementation": false
21747
+ },
21748
+ "$type": "dimension",
21749
+ "$value": "0",
21750
+ "key": "{utrecht.page-body.padding-block-end}"
21751
+ },
21752
+ "name": "utrechtPageBodyPaddingBlockEnd",
21753
+ "attributes": {},
21754
+ "path": [
21755
+ "utrecht",
21756
+ "page-body",
21757
+ "padding-block-end"
21758
+ ]
21759
+ },
21760
+ "padding-inline-start": {
21761
+ "key": "{utrecht.page-body.padding-inline-start}",
21762
+ "$extensions": {
21763
+ "nl.nldesignsystem.css-property-syntax": "<length>",
21764
+ "nl.nldesignsystem.figma-implementation": false
21765
+ },
21766
+ "$type": "dimension",
21767
+ "$value": "0",
21768
+ "filePath": "src/component/utrecht/page-body.tokens.json",
21769
+ "isSource": true,
21770
+ "original": {
21771
+ "$extensions": {
21772
+ "nl.nldesignsystem.css-property-syntax": "<length>",
21773
+ "nl.nldesignsystem.figma-implementation": false
21774
+ },
21775
+ "$type": "dimension",
21776
+ "$value": "0",
21777
+ "key": "{utrecht.page-body.padding-inline-start}"
21778
+ },
21779
+ "name": "utrechtPageBodyPaddingInlineStart",
21780
+ "attributes": {},
21781
+ "path": [
21782
+ "utrecht",
21783
+ "page-body",
21784
+ "padding-inline-start"
21785
+ ]
21786
+ },
21787
+ "padding-inline-end": {
21788
+ "key": "{utrecht.page-body.padding-inline-end}",
21789
+ "$extensions": {
21790
+ "nl.nldesignsystem.css-property-syntax": "<length>",
21791
+ "nl.nldesignsystem.figma-implementation": false
21792
+ },
21793
+ "$type": "dimension",
21794
+ "$value": "0",
21795
+ "filePath": "src/component/utrecht/page-body.tokens.json",
21796
+ "isSource": true,
21797
+ "original": {
21798
+ "$extensions": {
21799
+ "nl.nldesignsystem.css-property-syntax": "<length>",
21800
+ "nl.nldesignsystem.figma-implementation": false
21801
+ },
21802
+ "$type": "dimension",
21803
+ "$value": "0",
21804
+ "key": "{utrecht.page-body.padding-inline-end}"
21805
+ },
21806
+ "name": "utrechtPageBodyPaddingInlineEnd",
21807
+ "attributes": {},
21808
+ "path": [
21809
+ "utrecht",
21810
+ "page-body",
21811
+ "padding-inline-end"
21812
+ ]
21813
+ },
21677
21814
  "content": {
21678
21815
  "background-color": {
21679
21816
  "key": "{utrecht.page-body.content.background-color}",
@@ -21861,74 +21998,6 @@
21861
21998
  "max-inline-size"
21862
21999
  ]
21863
22000
  }
21864
- },
21865
- "padding-inline-end": {
21866
- "key": "{utrecht.page-body.padding-inline-end}",
21867
- "$value": "0",
21868
- "filePath": "src/component/utrecht/page-body.tokens.json",
21869
- "isSource": true,
21870
- "original": {
21871
- "$value": "0",
21872
- "key": "{utrecht.page-body.padding-inline-end}"
21873
- },
21874
- "name": "utrechtPageBodyPaddingInlineEnd",
21875
- "attributes": {},
21876
- "path": [
21877
- "utrecht",
21878
- "page-body",
21879
- "padding-inline-end"
21880
- ]
21881
- },
21882
- "padding-inline-start": {
21883
- "key": "{utrecht.page-body.padding-inline-start}",
21884
- "$value": "0",
21885
- "filePath": "src/component/utrecht/page-body.tokens.json",
21886
- "isSource": true,
21887
- "original": {
21888
- "$value": "0",
21889
- "key": "{utrecht.page-body.padding-inline-start}"
21890
- },
21891
- "name": "utrechtPageBodyPaddingInlineStart",
21892
- "attributes": {},
21893
- "path": [
21894
- "utrecht",
21895
- "page-body",
21896
- "padding-inline-start"
21897
- ]
21898
- },
21899
- "padding-block-end": {
21900
- "key": "{utrecht.page-body.padding-block-end}",
21901
- "$value": "0",
21902
- "filePath": "src/component/utrecht/page-body.tokens.json",
21903
- "isSource": true,
21904
- "original": {
21905
- "$value": "0",
21906
- "key": "{utrecht.page-body.padding-block-end}"
21907
- },
21908
- "name": "utrechtPageBodyPaddingBlockEnd",
21909
- "attributes": {},
21910
- "path": [
21911
- "utrecht",
21912
- "page-body",
21913
- "padding-block-end"
21914
- ]
21915
- },
21916
- "padding-block-start": {
21917
- "key": "{utrecht.page-body.padding-block-start}",
21918
- "$value": "0",
21919
- "filePath": "src/component/utrecht/page-body.tokens.json",
21920
- "isSource": true,
21921
- "original": {
21922
- "$value": "0",
21923
- "key": "{utrecht.page-body.padding-block-start}"
21924
- },
21925
- "name": "utrechtPageBodyPaddingBlockStart",
21926
- "attributes": {},
21927
- "path": [
21928
- "utrecht",
21929
- "page-body",
21930
- "padding-block-start"
21931
- ]
21932
22001
  }
21933
22002
  },
21934
22003
  "page-content": {
@@ -22070,6 +22139,34 @@
22070
22139
  ]
22071
22140
  },
22072
22141
  "content": {
22142
+ "padding-inline": {
22143
+ "key": "{utrecht.page-footer.content.padding-inline}",
22144
+ "$extensions": {
22145
+ "nl.nldesignsystem.css-property-syntax": "<length>",
22146
+ "nl.nldesignsystem.figma-implementation": false
22147
+ },
22148
+ "$type": "dimension",
22149
+ "$value": "28px",
22150
+ "filePath": "src/component/utrecht/page-footer.tokens.json",
22151
+ "isSource": true,
22152
+ "original": {
22153
+ "$extensions": {
22154
+ "nl.nldesignsystem.css-property-syntax": "<length>",
22155
+ "nl.nldesignsystem.figma-implementation": false
22156
+ },
22157
+ "$type": "dimension",
22158
+ "$value": "{utrecht.space.inline.2xl}",
22159
+ "key": "{utrecht.page-footer.content.padding-inline}"
22160
+ },
22161
+ "name": "utrechtPageFooterContentPaddingInline",
22162
+ "attributes": {},
22163
+ "path": [
22164
+ "utrecht",
22165
+ "page-footer",
22166
+ "content",
22167
+ "padding-inline"
22168
+ ]
22169
+ },
22073
22170
  "padding-block-end": {
22074
22171
  "key": "{utrecht.page-footer.content.padding-block-end}",
22075
22172
  "$extensions": {
@@ -22143,24 +22240,6 @@
22143
22240
  "content",
22144
22241
  "max-inline-size"
22145
22242
  ]
22146
- },
22147
- "padding-inline": {
22148
- "key": "{utrecht.page-footer.content.padding-inline}",
22149
- "$value": "28px",
22150
- "filePath": "src/component/utrecht/page-footer.tokens.json",
22151
- "isSource": true,
22152
- "original": {
22153
- "$value": "{utrecht.space.inline.2xl}",
22154
- "key": "{utrecht.page-footer.content.padding-inline}"
22155
- },
22156
- "name": "utrechtPageFooterContentPaddingInline",
22157
- "attributes": {},
22158
- "path": [
22159
- "utrecht",
22160
- "page-footer",
22161
- "content",
22162
- "padding-inline"
22163
- ]
22164
22243
  }
22165
22244
  }
22166
22245
  },
@@ -22386,15 +22465,14 @@
22386
22465
  "padding-block-end"
22387
22466
  ]
22388
22467
  },
22389
- "padding-inline-start": {
22390
- "key": "{utrecht.page-header.content.padding-inline-start}",
22468
+ "padding-inline": {
22469
+ "key": "{utrecht.page-header.content.padding-inline}",
22391
22470
  "$extensions": {
22392
22471
  "nl.nldesignsystem.css-property-syntax": "<length>",
22393
22472
  "nl.nldesignsystem.figma-implementation": false
22394
22473
  },
22395
22474
  "$type": "dimension",
22396
22475
  "$value": "2em",
22397
- "$comment": "Legacy design token",
22398
22476
  "filePath": "src/component/utrecht/page-header.tokens.json",
22399
22477
  "isSource": true,
22400
22478
  "original": {
@@ -22404,82 +22482,73 @@
22404
22482
  },
22405
22483
  "$type": "dimension",
22406
22484
  "$value": "2em",
22407
- "$comment": "Legacy design token",
22408
- "key": "{utrecht.page-header.content.padding-inline-start}"
22485
+ "key": "{utrecht.page-header.content.padding-inline}"
22409
22486
  },
22410
- "name": "utrechtPageHeaderContentPaddingInlineStart",
22487
+ "name": "utrechtPageHeaderContentPaddingInline",
22411
22488
  "attributes": {},
22412
22489
  "path": [
22413
22490
  "utrecht",
22414
22491
  "page-header",
22415
22492
  "content",
22416
- "padding-inline-start"
22493
+ "padding-inline"
22417
22494
  ]
22418
22495
  },
22419
- "padding-inline-end": {
22420
- "key": "{utrecht.page-header.content.padding-inline-end}",
22421
- "$extensions": {
22422
- "nl.nldesignsystem.css-property-syntax": "<length>",
22423
- "nl.nldesignsystem.figma-implementation": false
22424
- },
22425
- "$type": "dimension",
22426
- "$value": "2.4em",
22427
- "$comment": "Legacy design token",
22496
+ "max-inline-size": {
22497
+ "key": "{utrecht.page-header.content.max-inline-size}",
22498
+ "$value": "1184px",
22428
22499
  "filePath": "src/component/utrecht/page-header.tokens.json",
22429
22500
  "isSource": true,
22430
22501
  "original": {
22431
- "$extensions": {
22432
- "nl.nldesignsystem.css-property-syntax": "<length>",
22433
- "nl.nldesignsystem.figma-implementation": false
22434
- },
22435
- "$type": "dimension",
22436
- "$value": "2.4em",
22437
- "$comment": "Legacy design token",
22438
- "key": "{utrecht.page-header.content.padding-inline-end}"
22502
+ "$value": "1184px",
22503
+ "key": "{utrecht.page-header.content.max-inline-size}"
22439
22504
  },
22440
- "name": "utrechtPageHeaderContentPaddingInlineEnd",
22505
+ "name": "utrechtPageHeaderContentMaxInlineSize",
22441
22506
  "attributes": {},
22442
22507
  "path": [
22443
22508
  "utrecht",
22444
22509
  "page-header",
22445
22510
  "content",
22446
- "padding-inline-end"
22511
+ "max-inline-size"
22447
22512
  ]
22448
22513
  },
22449
- "max-inline-size": {
22450
- "key": "{utrecht.page-header.content.max-inline-size}",
22451
- "$value": "1184px",
22514
+ "padding-inline-end": {
22515
+ "key": "{utrecht.page-header.content.padding-inline-end}",
22516
+ "$value": "2.4em",
22517
+ "$comment": "Legacy design token",
22452
22518
  "filePath": "src/component/utrecht/page-header.tokens.json",
22453
22519
  "isSource": true,
22454
22520
  "original": {
22455
- "$value": "1184px",
22456
- "key": "{utrecht.page-header.content.max-inline-size}"
22521
+ "$value": "2.4em",
22522
+ "$comment": "Legacy design token",
22523
+ "key": "{utrecht.page-header.content.padding-inline-end}"
22457
22524
  },
22458
- "name": "utrechtPageHeaderContentMaxInlineSize",
22525
+ "name": "utrechtPageHeaderContentPaddingInlineEnd",
22459
22526
  "attributes": {},
22460
22527
  "path": [
22461
22528
  "utrecht",
22462
22529
  "page-header",
22463
22530
  "content",
22464
- "max-inline-size"
22531
+ "padding-inline-end"
22465
22532
  ]
22466
22533
  },
22467
- "padding-inline": {
22468
- "key": "{utrecht.page-header.content.padding-inline}",
22534
+ "padding-inline-start": {
22535
+ "key": "{utrecht.page-header.content.padding-inline-start}",
22469
22536
  "$value": "2em",
22537
+ "$comment": "Legacy design token",
22470
22538
  "filePath": "src/component/utrecht/page-header.tokens.json",
22471
22539
  "isSource": true,
22472
22540
  "original": {
22473
22541
  "$value": "2em",
22474
- "key": "{utrecht.page-header.content.padding-inline}"
22542
+ "$comment": "Legacy design token",
22543
+ "key": "{utrecht.page-header.content.padding-inline-start}"
22475
22544
  },
22476
- "name": "utrechtPageHeaderContentPaddingInline",
22545
+ "name": "utrechtPageHeaderContentPaddingInlineStart",
22477
22546
  "attributes": {},
22478
22547
  "path": [
22479
22548
  "utrecht",
22480
22549
  "page-header",
22481
22550
  "content",
22482
- "padding-inline"
22551
+ "padding-inline-start"
22483
22552
  ]
22484
22553
  }
22485
22554
  }
@@ -28328,35 +28397,6 @@
28328
28397
  ]
28329
28398
  }
28330
28399
  },
28331
- "textbox": {
28332
- "border-bottom-width": {
28333
- "key": "{utrecht.textbox.border-bottom-width}",
28334
- "$extensions": {
28335
- "nl.nldesignsystem.css-property-syntax": "<length>",
28336
- "nl.nldesignsystem.deprecated": true
28337
- },
28338
- "$type": "dimension",
28339
- "$value": "3px",
28340
- "filePath": "src/component/utrecht/textbox.tokens.json",
28341
- "isSource": true,
28342
- "original": {
28343
- "$extensions": {
28344
- "nl.nldesignsystem.css-property-syntax": "<length>",
28345
- "nl.nldesignsystem.deprecated": true
28346
- },
28347
- "$type": "dimension",
28348
- "$value": "3px",
28349
- "key": "{utrecht.textbox.border-bottom-width}"
28350
- },
28351
- "name": "utrechtTextboxBorderBottomWidth",
28352
- "attributes": {},
28353
- "path": [
28354
- "utrecht",
28355
- "textbox",
28356
- "border-bottom-width"
28357
- ]
28358
- }
28359
- },
28360
28400
  "tooltip": {
28361
28401
  "background-color": {
28362
28402
  "key": "{utrecht.tooltip.background-color}",
@@ -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",
@@ -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;
@@ -139,6 +139,7 @@
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 @@
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;
@@ -887,9 +887,9 @@
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;