@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
@@ -23013,10 +23013,20 @@
23013
23013
  },
23014
23014
  {
23015
23015
  "key": "{utrecht.page-body.padding-block-end}",
23016
+ "$extensions": {
23017
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23018
+ "nl.nldesignsystem.figma-implementation": false
23019
+ },
23020
+ "$type": "dimension",
23016
23021
  "$value": "0",
23017
23022
  "filePath": "src/component/utrecht/page-body.tokens.json",
23018
23023
  "isSource": true,
23019
23024
  "original": {
23025
+ "$extensions": {
23026
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23027
+ "nl.nldesignsystem.figma-implementation": false
23028
+ },
23029
+ "$type": "dimension",
23020
23030
  "$value": "0",
23021
23031
  "key": "{utrecht.page-body.padding-block-end}"
23022
23032
  },
@@ -23030,10 +23040,20 @@
23030
23040
  },
23031
23041
  {
23032
23042
  "key": "{utrecht.page-body.padding-block-start}",
23043
+ "$extensions": {
23044
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23045
+ "nl.nldesignsystem.figma-implementation": false
23046
+ },
23047
+ "$type": "dimension",
23033
23048
  "$value": "0",
23034
23049
  "filePath": "src/component/utrecht/page-body.tokens.json",
23035
23050
  "isSource": true,
23036
23051
  "original": {
23052
+ "$extensions": {
23053
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23054
+ "nl.nldesignsystem.figma-implementation": false
23055
+ },
23056
+ "$type": "dimension",
23037
23057
  "$value": "0",
23038
23058
  "key": "{utrecht.page-body.padding-block-start}"
23039
23059
  },
@@ -23047,10 +23067,20 @@
23047
23067
  },
23048
23068
  {
23049
23069
  "key": "{utrecht.page-body.padding-inline-end}",
23070
+ "$extensions": {
23071
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23072
+ "nl.nldesignsystem.figma-implementation": false
23073
+ },
23074
+ "$type": "dimension",
23050
23075
  "$value": "0",
23051
23076
  "filePath": "src/component/utrecht/page-body.tokens.json",
23052
23077
  "isSource": true,
23053
23078
  "original": {
23079
+ "$extensions": {
23080
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23081
+ "nl.nldesignsystem.figma-implementation": false
23082
+ },
23083
+ "$type": "dimension",
23054
23084
  "$value": "0",
23055
23085
  "key": "{utrecht.page-body.padding-inline-end}"
23056
23086
  },
@@ -23064,10 +23094,20 @@
23064
23094
  },
23065
23095
  {
23066
23096
  "key": "{utrecht.page-body.padding-inline-start}",
23097
+ "$extensions": {
23098
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23099
+ "nl.nldesignsystem.figma-implementation": false
23100
+ },
23101
+ "$type": "dimension",
23067
23102
  "$value": "0",
23068
23103
  "filePath": "src/component/utrecht/page-body.tokens.json",
23069
23104
  "isSource": true,
23070
23105
  "original": {
23106
+ "$extensions": {
23107
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23108
+ "nl.nldesignsystem.figma-implementation": false
23109
+ },
23110
+ "$type": "dimension",
23071
23111
  "$value": "0",
23072
23112
  "key": "{utrecht.page-body.padding-inline-start}"
23073
23113
  },
@@ -23307,10 +23347,20 @@
23307
23347
  },
23308
23348
  {
23309
23349
  "key": "{utrecht.page-footer.content.padding-inline}",
23350
+ "$extensions": {
23351
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23352
+ "nl.nldesignsystem.figma-implementation": false
23353
+ },
23354
+ "$type": "dimension",
23310
23355
  "$value": "28px",
23311
23356
  "filePath": "src/component/utrecht/page-footer.tokens.json",
23312
23357
  "isSource": true,
23313
23358
  "original": {
23359
+ "$extensions": {
23360
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23361
+ "nl.nldesignsystem.figma-implementation": false
23362
+ },
23363
+ "$type": "dimension",
23314
23364
  "$value": "{utrecht.space.inline.2xl}",
23315
23365
  "key": "{utrecht.page-footer.content.padding-inline}"
23316
23366
  },
@@ -23455,10 +23505,20 @@
23455
23505
  },
23456
23506
  {
23457
23507
  "key": "{utrecht.page-header.content.padding-inline}",
23508
+ "$extensions": {
23509
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23510
+ "nl.nldesignsystem.figma-implementation": false
23511
+ },
23512
+ "$type": "dimension",
23458
23513
  "$value": "2em",
23459
23514
  "filePath": "src/component/utrecht/page-header.tokens.json",
23460
23515
  "isSource": true,
23461
23516
  "original": {
23517
+ "$extensions": {
23518
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23519
+ "nl.nldesignsystem.figma-implementation": false
23520
+ },
23521
+ "$type": "dimension",
23462
23522
  "$value": "2em",
23463
23523
  "key": "{utrecht.page-header.content.padding-inline}"
23464
23524
  },
@@ -23473,21 +23533,11 @@
23473
23533
  },
23474
23534
  {
23475
23535
  "key": "{utrecht.page-header.content.padding-inline-end}",
23476
- "$extensions": {
23477
- "nl.nldesignsystem.css-property-syntax": "<length>",
23478
- "nl.nldesignsystem.figma-implementation": false
23479
- },
23480
- "$type": "dimension",
23481
23536
  "$value": "2.4em",
23482
23537
  "$comment": "Legacy design token",
23483
23538
  "filePath": "src/component/utrecht/page-header.tokens.json",
23484
23539
  "isSource": true,
23485
23540
  "original": {
23486
- "$extensions": {
23487
- "nl.nldesignsystem.css-property-syntax": "<length>",
23488
- "nl.nldesignsystem.figma-implementation": false
23489
- },
23490
- "$type": "dimension",
23491
23541
  "$value": "2.4em",
23492
23542
  "$comment": "Legacy design token",
23493
23543
  "key": "{utrecht.page-header.content.padding-inline-end}"
@@ -23503,21 +23553,11 @@
23503
23553
  },
23504
23554
  {
23505
23555
  "key": "{utrecht.page-header.content.padding-inline-start}",
23506
- "$extensions": {
23507
- "nl.nldesignsystem.css-property-syntax": "<length>",
23508
- "nl.nldesignsystem.figma-implementation": false
23509
- },
23510
- "$type": "dimension",
23511
23556
  "$value": "2em",
23512
23557
  "$comment": "Legacy design token",
23513
23558
  "filePath": "src/component/utrecht/page-header.tokens.json",
23514
23559
  "isSource": true,
23515
23560
  "original": {
23516
- "$extensions": {
23517
- "nl.nldesignsystem.css-property-syntax": "<length>",
23518
- "nl.nldesignsystem.figma-implementation": false
23519
- },
23520
- "$type": "dimension",
23521
23561
  "$value": "2em",
23522
23562
  "$comment": "Legacy design token",
23523
23563
  "key": "{utrecht.page-header.content.padding-inline-start}"
@@ -470,6 +470,7 @@ export const utrechtSpaceColumn2xl = "28px"; // Extra Large 2
470
470
  export const utrechtSpaceColumn3xl = "32px"; // Extra Large 3
471
471
  export const utrechtSpaceColumn4xl = "48px"; // Extra Large 4
472
472
  export const utrechtSpaceColumn5xl = "64px"; // Extra Large 5
473
+ export const utrechtTextboxBorderBottomWidth = "3px";
473
474
  export const utrechtDataListMarginBlockEnd = "16px";
474
475
  export const utrechtDataListMarginBlockStart = "16px";
475
476
  export const utrechtDataListItemKeyFontWeight = "700";
@@ -848,6 +849,10 @@ export const utrechtOrderedListPaddingInlineStart = "28.8px";
848
849
  export const utrechtOrderedListItemMarginBlockStart = "0.25em";
849
850
  export const utrechtOrderedListItemMarginBlockEnd = "0.25em";
850
851
  export const utrechtOrderedListItemPaddingInlineStart = "0";
852
+ export const utrechtPageBodyPaddingBlockStart = "0";
853
+ export const utrechtPageBodyPaddingBlockEnd = "0";
854
+ export const utrechtPageBodyPaddingInlineStart = "0";
855
+ export const utrechtPageBodyPaddingInlineEnd = "0";
851
856
  export const utrechtPageBodyContentBackgroundColor = "hsl(0 0% 100%)";
852
857
  export const utrechtPageBodyContentColor = "hsl(0 0% 0%)";
853
858
  export const utrechtPageBodyContentPaddingBlockStart = "0";
@@ -855,20 +860,16 @@ export const utrechtPageBodyContentPaddingBlockEnd = "1em";
855
860
  export const utrechtPageBodyContentPaddingInlineStart = "2em";
856
861
  export const utrechtPageBodyContentPaddingInlineEnd = "2.4em";
857
862
  export const utrechtPageBodyContentMaxInlineSize = "1184px";
858
- export const utrechtPageBodyPaddingInlineEnd = "0";
859
- export const utrechtPageBodyPaddingInlineStart = "0";
860
- export const utrechtPageBodyPaddingBlockEnd = "0";
861
- export const utrechtPageBodyPaddingBlockStart = "0";
862
863
  export const utrechtPageContentPaddingBlockStart = "2em";
863
864
  export const utrechtPageContentPaddingBlockEnd = "2em";
864
865
  export const utrechtPageFooterColor = "hsl(0 0% 100%)";
865
866
  export const utrechtPageFooterBackgroundColor = "hsl(0 100% 40%)";
866
867
  export const utrechtPageFooterBackgroundImage =
867
868
  "linear-gradient(45deg, hsl(0 100% 40%), hsl(0 100% 40%) 50%, #d63433 50%);";
869
+ export const utrechtPageFooterContentPaddingInline = "28px";
868
870
  export const utrechtPageFooterContentPaddingBlockEnd = "48px";
869
871
  export const utrechtPageFooterContentPaddingBlockStart = "48px";
870
872
  export const utrechtPageFooterContentMaxInlineSize = "1184px";
871
- export const utrechtPageFooterContentPaddingInline = "28px";
872
873
  export const utrechtPageHeaderPaddingBlockStart = "0";
873
874
  export const utrechtPageHeaderPaddingBlockEnd = "0";
874
875
  export const utrechtPageHeaderPaddingInlineStart = "0";
@@ -877,10 +878,10 @@ export const utrechtPageHeaderContentBackgroundColor = "hsl(0 0% 100%)";
877
878
  export const utrechtPageHeaderContentColor = "hsl(0 0% 0%)";
878
879
  export const utrechtPageHeaderContentPaddingBlockStart = "1.8em";
879
880
  export const utrechtPageHeaderContentPaddingBlockEnd = "1em";
880
- export const utrechtPageHeaderContentPaddingInlineStart = "2em";
881
- export const utrechtPageHeaderContentPaddingInlineEnd = "2.4em";
882
- export const utrechtPageHeaderContentMaxInlineSize = "1184px";
883
881
  export const utrechtPageHeaderContentPaddingInline = "2em";
882
+ export const utrechtPageHeaderContentMaxInlineSize = "1184px";
883
+ export const utrechtPageHeaderContentPaddingInlineEnd = "2.4em";
884
+ export const utrechtPageHeaderContentPaddingInlineStart = "2em";
884
885
  export const utrechtPageBackgroundColor = "hsl(0 0% 15%)";
885
886
  export const utrechtPageColor = "hsl(0 0% 95%)";
886
887
  export const utrechtPageMarginInlineStart = "2em";
@@ -1100,7 +1101,6 @@ export const utrechtTableRowAlternateEvenColor = "hsl(0 0% 0%)";
1100
1101
  export const utrechtTextareaBorderBlockEndWidth = "3px";
1101
1102
  export const utrechtTextareaBorderBottomWidth = "3px";
1102
1103
  export const utrechtTextareaLineHeight = "1.5";
1103
- export const utrechtTextboxBorderBottomWidth = "3px";
1104
1104
  export const utrechtTooltipBackgroundColor = "hsl(0 0% 100%)";
1105
1105
  export const utrechtTooltipBorderColor = "hsl(0 0% 40%)";
1106
1106
  export const utrechtTooltipBorderRadius = "0";
@@ -746,6 +746,9 @@
746
746
  "5xl": "64px"
747
747
  }
748
748
  },
749
+ "textbox": {
750
+ "border-bottom-width": "3px"
751
+ },
749
752
  "data-list": {
750
753
  "margin-block-end": "16px",
751
754
  "margin-block-start": "16px",
@@ -1409,6 +1412,10 @@
1409
1412
  }
1410
1413
  },
1411
1414
  "page-body": {
1415
+ "padding-block-start": "0",
1416
+ "padding-block-end": "0",
1417
+ "padding-inline-start": "0",
1418
+ "padding-inline-end": "0",
1412
1419
  "content": {
1413
1420
  "background-color": "hsl(0 0% 100%)",
1414
1421
  "color": "hsl(0 0% 0%)",
@@ -1417,11 +1424,7 @@
1417
1424
  "padding-inline-start": "2em",
1418
1425
  "padding-inline-end": "2.4em",
1419
1426
  "max-inline-size": "1184px"
1420
- },
1421
- "padding-inline-end": "0",
1422
- "padding-inline-start": "0",
1423
- "padding-block-end": "0",
1424
- "padding-block-start": "0"
1427
+ }
1425
1428
  },
1426
1429
  "page-content": {
1427
1430
  "padding-block-start": "2em",
@@ -1432,10 +1435,10 @@
1432
1435
  "background-color": "hsl(0 100% 40%)",
1433
1436
  "background-image": "linear-gradient(45deg, hsl(0 100% 40%), hsl(0 100% 40%) 50%, #d63433 50%);",
1434
1437
  "content": {
1438
+ "padding-inline": "28px",
1435
1439
  "padding-block-end": "48px",
1436
1440
  "padding-block-start": "48px",
1437
- "max-inline-size": "1184px",
1438
- "padding-inline": "28px"
1441
+ "max-inline-size": "1184px"
1439
1442
  }
1440
1443
  },
1441
1444
  "page-header": {
@@ -1448,10 +1451,10 @@
1448
1451
  "color": "hsl(0 0% 0%)",
1449
1452
  "padding-block-start": "1.8em",
1450
1453
  "padding-block-end": "1em",
1451
- "padding-inline-start": "2em",
1452
- "padding-inline-end": "2.4em",
1454
+ "padding-inline": "2em",
1453
1455
  "max-inline-size": "1184px",
1454
- "padding-inline": "2em"
1456
+ "padding-inline-end": "2.4em",
1457
+ "padding-inline-start": "2em"
1455
1458
  }
1456
1459
  },
1457
1460
  "page": {
@@ -1814,9 +1817,6 @@
1814
1817
  "border-bottom-width": "3px",
1815
1818
  "line-height": "1.5"
1816
1819
  },
1817
- "textbox": {
1818
- "border-bottom-width": "3px"
1819
- },
1820
1820
  "tooltip": {
1821
1821
  "background-color": "hsl(0 0% 100%)",
1822
1822
  "border-color": "hsl(0 0% 40%)",
@@ -23013,10 +23013,20 @@
23013
23013
  },
23014
23014
  {
23015
23015
  "key": "{utrecht.page-body.padding-block-end}",
23016
+ "$extensions": {
23017
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23018
+ "nl.nldesignsystem.figma-implementation": false
23019
+ },
23020
+ "$type": "dimension",
23016
23021
  "$value": "0",
23017
23022
  "filePath": "src/component/utrecht/page-body.tokens.json",
23018
23023
  "isSource": true,
23019
23024
  "original": {
23025
+ "$extensions": {
23026
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23027
+ "nl.nldesignsystem.figma-implementation": false
23028
+ },
23029
+ "$type": "dimension",
23020
23030
  "$value": "0",
23021
23031
  "key": "{utrecht.page-body.padding-block-end}"
23022
23032
  },
@@ -23030,10 +23040,20 @@
23030
23040
  },
23031
23041
  {
23032
23042
  "key": "{utrecht.page-body.padding-block-start}",
23043
+ "$extensions": {
23044
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23045
+ "nl.nldesignsystem.figma-implementation": false
23046
+ },
23047
+ "$type": "dimension",
23033
23048
  "$value": "0",
23034
23049
  "filePath": "src/component/utrecht/page-body.tokens.json",
23035
23050
  "isSource": true,
23036
23051
  "original": {
23052
+ "$extensions": {
23053
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23054
+ "nl.nldesignsystem.figma-implementation": false
23055
+ },
23056
+ "$type": "dimension",
23037
23057
  "$value": "0",
23038
23058
  "key": "{utrecht.page-body.padding-block-start}"
23039
23059
  },
@@ -23047,10 +23067,20 @@
23047
23067
  },
23048
23068
  {
23049
23069
  "key": "{utrecht.page-body.padding-inline-end}",
23070
+ "$extensions": {
23071
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23072
+ "nl.nldesignsystem.figma-implementation": false
23073
+ },
23074
+ "$type": "dimension",
23050
23075
  "$value": "0",
23051
23076
  "filePath": "src/component/utrecht/page-body.tokens.json",
23052
23077
  "isSource": true,
23053
23078
  "original": {
23079
+ "$extensions": {
23080
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23081
+ "nl.nldesignsystem.figma-implementation": false
23082
+ },
23083
+ "$type": "dimension",
23054
23084
  "$value": "0",
23055
23085
  "key": "{utrecht.page-body.padding-inline-end}"
23056
23086
  },
@@ -23064,10 +23094,20 @@
23064
23094
  },
23065
23095
  {
23066
23096
  "key": "{utrecht.page-body.padding-inline-start}",
23097
+ "$extensions": {
23098
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23099
+ "nl.nldesignsystem.figma-implementation": false
23100
+ },
23101
+ "$type": "dimension",
23067
23102
  "$value": "0",
23068
23103
  "filePath": "src/component/utrecht/page-body.tokens.json",
23069
23104
  "isSource": true,
23070
23105
  "original": {
23106
+ "$extensions": {
23107
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23108
+ "nl.nldesignsystem.figma-implementation": false
23109
+ },
23110
+ "$type": "dimension",
23071
23111
  "$value": "0",
23072
23112
  "key": "{utrecht.page-body.padding-inline-start}"
23073
23113
  },
@@ -23307,10 +23347,20 @@
23307
23347
  },
23308
23348
  {
23309
23349
  "key": "{utrecht.page-footer.content.padding-inline}",
23350
+ "$extensions": {
23351
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23352
+ "nl.nldesignsystem.figma-implementation": false
23353
+ },
23354
+ "$type": "dimension",
23310
23355
  "$value": "28px",
23311
23356
  "filePath": "src/component/utrecht/page-footer.tokens.json",
23312
23357
  "isSource": true,
23313
23358
  "original": {
23359
+ "$extensions": {
23360
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23361
+ "nl.nldesignsystem.figma-implementation": false
23362
+ },
23363
+ "$type": "dimension",
23314
23364
  "$value": "{utrecht.space.inline.2xl}",
23315
23365
  "key": "{utrecht.page-footer.content.padding-inline}"
23316
23366
  },
@@ -23455,10 +23505,20 @@
23455
23505
  },
23456
23506
  {
23457
23507
  "key": "{utrecht.page-header.content.padding-inline}",
23508
+ "$extensions": {
23509
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23510
+ "nl.nldesignsystem.figma-implementation": false
23511
+ },
23512
+ "$type": "dimension",
23458
23513
  "$value": "2em",
23459
23514
  "filePath": "src/component/utrecht/page-header.tokens.json",
23460
23515
  "isSource": true,
23461
23516
  "original": {
23517
+ "$extensions": {
23518
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23519
+ "nl.nldesignsystem.figma-implementation": false
23520
+ },
23521
+ "$type": "dimension",
23462
23522
  "$value": "2em",
23463
23523
  "key": "{utrecht.page-header.content.padding-inline}"
23464
23524
  },
@@ -23473,21 +23533,11 @@
23473
23533
  },
23474
23534
  {
23475
23535
  "key": "{utrecht.page-header.content.padding-inline-end}",
23476
- "$extensions": {
23477
- "nl.nldesignsystem.css-property-syntax": "<length>",
23478
- "nl.nldesignsystem.figma-implementation": false
23479
- },
23480
- "$type": "dimension",
23481
23536
  "$value": "2.4em",
23482
23537
  "$comment": "Legacy design token",
23483
23538
  "filePath": "src/component/utrecht/page-header.tokens.json",
23484
23539
  "isSource": true,
23485
23540
  "original": {
23486
- "$extensions": {
23487
- "nl.nldesignsystem.css-property-syntax": "<length>",
23488
- "nl.nldesignsystem.figma-implementation": false
23489
- },
23490
- "$type": "dimension",
23491
23541
  "$value": "2.4em",
23492
23542
  "$comment": "Legacy design token",
23493
23543
  "key": "{utrecht.page-header.content.padding-inline-end}"
@@ -23503,21 +23553,11 @@
23503
23553
  },
23504
23554
  {
23505
23555
  "key": "{utrecht.page-header.content.padding-inline-start}",
23506
- "$extensions": {
23507
- "nl.nldesignsystem.css-property-syntax": "<length>",
23508
- "nl.nldesignsystem.figma-implementation": false
23509
- },
23510
- "$type": "dimension",
23511
23556
  "$value": "2em",
23512
23557
  "$comment": "Legacy design token",
23513
23558
  "filePath": "src/component/utrecht/page-header.tokens.json",
23514
23559
  "isSource": true,
23515
23560
  "original": {
23516
- "$extensions": {
23517
- "nl.nldesignsystem.css-property-syntax": "<length>",
23518
- "nl.nldesignsystem.figma-implementation": false
23519
- },
23520
- "$type": "dimension",
23521
23561
  "$value": "2em",
23522
23562
  "$comment": "Legacy design token",
23523
23563
  "key": "{utrecht.page-header.content.padding-inline-start}"
@@ -23013,10 +23013,20 @@ export default [
23013
23013
  },
23014
23014
  {
23015
23015
  "key": "{utrecht.page-body.padding-block-end}",
23016
+ "$extensions": {
23017
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23018
+ "nl.nldesignsystem.figma-implementation": false
23019
+ },
23020
+ "$type": "dimension",
23016
23021
  "$value": "0",
23017
23022
  "filePath": "src/component/utrecht/page-body.tokens.json",
23018
23023
  "isSource": true,
23019
23024
  "original": {
23025
+ "$extensions": {
23026
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23027
+ "nl.nldesignsystem.figma-implementation": false
23028
+ },
23029
+ "$type": "dimension",
23020
23030
  "$value": "0",
23021
23031
  "key": "{utrecht.page-body.padding-block-end}"
23022
23032
  },
@@ -23030,10 +23040,20 @@ export default [
23030
23040
  },
23031
23041
  {
23032
23042
  "key": "{utrecht.page-body.padding-block-start}",
23043
+ "$extensions": {
23044
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23045
+ "nl.nldesignsystem.figma-implementation": false
23046
+ },
23047
+ "$type": "dimension",
23033
23048
  "$value": "0",
23034
23049
  "filePath": "src/component/utrecht/page-body.tokens.json",
23035
23050
  "isSource": true,
23036
23051
  "original": {
23052
+ "$extensions": {
23053
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23054
+ "nl.nldesignsystem.figma-implementation": false
23055
+ },
23056
+ "$type": "dimension",
23037
23057
  "$value": "0",
23038
23058
  "key": "{utrecht.page-body.padding-block-start}"
23039
23059
  },
@@ -23047,10 +23067,20 @@ export default [
23047
23067
  },
23048
23068
  {
23049
23069
  "key": "{utrecht.page-body.padding-inline-end}",
23070
+ "$extensions": {
23071
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23072
+ "nl.nldesignsystem.figma-implementation": false
23073
+ },
23074
+ "$type": "dimension",
23050
23075
  "$value": "0",
23051
23076
  "filePath": "src/component/utrecht/page-body.tokens.json",
23052
23077
  "isSource": true,
23053
23078
  "original": {
23079
+ "$extensions": {
23080
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23081
+ "nl.nldesignsystem.figma-implementation": false
23082
+ },
23083
+ "$type": "dimension",
23054
23084
  "$value": "0",
23055
23085
  "key": "{utrecht.page-body.padding-inline-end}"
23056
23086
  },
@@ -23064,10 +23094,20 @@ export default [
23064
23094
  },
23065
23095
  {
23066
23096
  "key": "{utrecht.page-body.padding-inline-start}",
23097
+ "$extensions": {
23098
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23099
+ "nl.nldesignsystem.figma-implementation": false
23100
+ },
23101
+ "$type": "dimension",
23067
23102
  "$value": "0",
23068
23103
  "filePath": "src/component/utrecht/page-body.tokens.json",
23069
23104
  "isSource": true,
23070
23105
  "original": {
23106
+ "$extensions": {
23107
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23108
+ "nl.nldesignsystem.figma-implementation": false
23109
+ },
23110
+ "$type": "dimension",
23071
23111
  "$value": "0",
23072
23112
  "key": "{utrecht.page-body.padding-inline-start}"
23073
23113
  },
@@ -23307,10 +23347,20 @@ export default [
23307
23347
  },
23308
23348
  {
23309
23349
  "key": "{utrecht.page-footer.content.padding-inline}",
23350
+ "$extensions": {
23351
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23352
+ "nl.nldesignsystem.figma-implementation": false
23353
+ },
23354
+ "$type": "dimension",
23310
23355
  "$value": "28px",
23311
23356
  "filePath": "src/component/utrecht/page-footer.tokens.json",
23312
23357
  "isSource": true,
23313
23358
  "original": {
23359
+ "$extensions": {
23360
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23361
+ "nl.nldesignsystem.figma-implementation": false
23362
+ },
23363
+ "$type": "dimension",
23314
23364
  "$value": "{utrecht.space.inline.2xl}",
23315
23365
  "key": "{utrecht.page-footer.content.padding-inline}"
23316
23366
  },
@@ -23455,10 +23505,20 @@ export default [
23455
23505
  },
23456
23506
  {
23457
23507
  "key": "{utrecht.page-header.content.padding-inline}",
23508
+ "$extensions": {
23509
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23510
+ "nl.nldesignsystem.figma-implementation": false
23511
+ },
23512
+ "$type": "dimension",
23458
23513
  "$value": "2em",
23459
23514
  "filePath": "src/component/utrecht/page-header.tokens.json",
23460
23515
  "isSource": true,
23461
23516
  "original": {
23517
+ "$extensions": {
23518
+ "nl.nldesignsystem.css-property-syntax": "<length>",
23519
+ "nl.nldesignsystem.figma-implementation": false
23520
+ },
23521
+ "$type": "dimension",
23462
23522
  "$value": "2em",
23463
23523
  "key": "{utrecht.page-header.content.padding-inline}"
23464
23524
  },
@@ -23473,21 +23533,11 @@ export default [
23473
23533
  },
23474
23534
  {
23475
23535
  "key": "{utrecht.page-header.content.padding-inline-end}",
23476
- "$extensions": {
23477
- "nl.nldesignsystem.css-property-syntax": "<length>",
23478
- "nl.nldesignsystem.figma-implementation": false
23479
- },
23480
- "$type": "dimension",
23481
23536
  "$value": "2.4em",
23482
23537
  "$comment": "Legacy design token",
23483
23538
  "filePath": "src/component/utrecht/page-header.tokens.json",
23484
23539
  "isSource": true,
23485
23540
  "original": {
23486
- "$extensions": {
23487
- "nl.nldesignsystem.css-property-syntax": "<length>",
23488
- "nl.nldesignsystem.figma-implementation": false
23489
- },
23490
- "$type": "dimension",
23491
23541
  "$value": "2.4em",
23492
23542
  "$comment": "Legacy design token",
23493
23543
  "key": "{utrecht.page-header.content.padding-inline-end}"
@@ -23503,21 +23553,11 @@ export default [
23503
23553
  },
23504
23554
  {
23505
23555
  "key": "{utrecht.page-header.content.padding-inline-start}",
23506
- "$extensions": {
23507
- "nl.nldesignsystem.css-property-syntax": "<length>",
23508
- "nl.nldesignsystem.figma-implementation": false
23509
- },
23510
- "$type": "dimension",
23511
23556
  "$value": "2em",
23512
23557
  "$comment": "Legacy design token",
23513
23558
  "filePath": "src/component/utrecht/page-header.tokens.json",
23514
23559
  "isSource": true,
23515
23560
  "original": {
23516
- "$extensions": {
23517
- "nl.nldesignsystem.css-property-syntax": "<length>",
23518
- "nl.nldesignsystem.figma-implementation": false
23519
- },
23520
- "$type": "dimension",
23521
23561
  "$value": "2em",
23522
23562
  "$comment": "Legacy design token",
23523
23563
  "key": "{utrecht.page-header.content.padding-inline-start}"
@@ -569,18 +569,22 @@
569
569
  @property --utrecht-page-body-content-padding-block-start { syntax: '<length>'; inherits: true; }
570
570
  @property --utrecht-page-body-content-padding-inline-end { syntax: '<length>'; inherits: true; }
571
571
  @property --utrecht-page-body-content-padding-inline-start { syntax: '<length>'; inherits: true; }
572
+ @property --utrecht-page-body-padding-block-end { syntax: '<length>'; inherits: true; }
573
+ @property --utrecht-page-body-padding-block-start { syntax: '<length>'; inherits: true; }
574
+ @property --utrecht-page-body-padding-inline-end { syntax: '<length>'; inherits: true; }
575
+ @property --utrecht-page-body-padding-inline-start { syntax: '<length>'; inherits: true; }
572
576
  @property --utrecht-page-content-padding-block-end { syntax: '<length>'; inherits: true; }
573
577
  @property --utrecht-page-content-padding-block-start { syntax: '<length>'; inherits: true; }
574
578
  @property --utrecht-page-footer-background-color { syntax: '<color>'; inherits: true; }
575
579
  @property --utrecht-page-footer-color { syntax: '<color>'; inherits: true; }
576
580
  @property --utrecht-page-footer-content-padding-block-end { syntax: '<length>'; inherits: true; }
577
581
  @property --utrecht-page-footer-content-padding-block-start { syntax: '<length>'; inherits: true; }
582
+ @property --utrecht-page-footer-content-padding-inline { syntax: '<length>'; inherits: true; }
578
583
  @property --utrecht-page-header-content-background-color { syntax: '<color>'; inherits: true; }
579
584
  @property --utrecht-page-header-content-color { syntax: '<color>'; inherits: true; }
580
585
  @property --utrecht-page-header-content-padding-block-end { syntax: '<length>'; inherits: true; }
581
586
  @property --utrecht-page-header-content-padding-block-start { syntax: '<length>'; inherits: true; }
582
- @property --utrecht-page-header-content-padding-inline-end { syntax: '<length>'; inherits: true; }
583
- @property --utrecht-page-header-content-padding-inline-start { syntax: '<length>'; inherits: true; }
587
+ @property --utrecht-page-header-content-padding-inline { syntax: '<length>'; inherits: true; }
584
588
  @property --utrecht-page-header-padding-block-end { syntax: '<length>'; inherits: true; }
585
589
  @property --utrecht-page-header-padding-block-start { syntax: '<length>'; inherits: true; }
586
590
  @property --utrecht-page-header-padding-inline-end { syntax: '<length>'; inherits: true; }