@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.
- package/CHANGELOG.md +6 -0
- package/build-stylelint.mjs +1 -2
- package/dist/_mixin-theme.scss +9 -9
- package/dist/_mixin.scss +9 -9
- package/dist/_variables.scss +9 -9
- package/dist/dark/_mixin-theme.scss +9 -9
- package/dist/dark/_mixin.scss +9 -9
- package/dist/dark/_variables.scss +9 -9
- package/dist/dark/index.cjs +9 -9
- package/dist/dark/index.css +9 -9
- package/dist/dark/index.d.ts +9 -9
- package/dist/dark/index.json +60 -20
- package/dist/dark/index.mjs +9 -9
- package/dist/dark/index.tokens.json +13 -13
- package/dist/dark/list.json +60 -20
- package/dist/dark/list.mjs +60 -20
- package/dist/dark/property.css +6 -2
- package/dist/dark/theme-prince-xml.css +9 -9
- package/dist/dark/tokens.cjs +165 -125
- package/dist/dark/tokens.d.ts +11 -11
- package/dist/dark/tokens.json +193 -153
- package/dist/dark/variables.cjs +9 -9
- package/dist/dark/variables.d.ts +9 -9
- package/dist/dark/variables.less +9 -9
- package/dist/dark/variables.mjs +9 -9
- package/dist/index.cjs +9 -9
- package/dist/index.css +18 -18
- package/dist/index.d.ts +9 -9
- package/dist/index.json +60 -20
- package/dist/index.mjs +9 -9
- package/dist/index.tokens.json +13 -13
- package/dist/list.json +60 -20
- package/dist/list.mjs +60 -20
- package/dist/property.css +6 -2
- package/dist/theme-prince-xml.css +9 -9
- package/dist/tokens.cjs +165 -125
- package/dist/tokens.d.ts +11 -11
- package/dist/tokens.json +193 -153
- package/dist/variables.cjs +9 -9
- package/dist/variables.d.ts +9 -9
- package/dist/variables.less +9 -9
- package/dist/variables.mjs +9 -9
- package/package.json +4 -5
- package/stylelint.config.mjs +10 -0
- package/.stylelintrc.json +0 -10
package/dist/dark/index.json
CHANGED
|
@@ -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}"
|
package/dist/dark/index.mjs
CHANGED
|
@@ -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
|
|
1452
|
-
"padding-inline-end": "2.4em",
|
|
1454
|
+
"padding-inline": "2em",
|
|
1453
1455
|
"max-inline-size": "1184px",
|
|
1454
|
-
"padding-inline": "
|
|
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%)",
|
package/dist/dark/list.json
CHANGED
|
@@ -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}"
|
package/dist/dark/list.mjs
CHANGED
|
@@ -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}"
|
package/dist/dark/property.css
CHANGED
|
@@ -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
|
|
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; }
|