@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/tokens.json
CHANGED
|
@@ -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
|
|
22390
|
-
"key": "{utrecht.page-header.content.padding-inline
|
|
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
|
-
"
|
|
22408
|
-
"key": "{utrecht.page-header.content.padding-inline-start}"
|
|
22485
|
+
"key": "{utrecht.page-header.content.padding-inline}"
|
|
22409
22486
|
},
|
|
22410
|
-
"name": "
|
|
22487
|
+
"name": "utrechtPageHeaderContentPaddingInline",
|
|
22411
22488
|
"attributes": {},
|
|
22412
22489
|
"path": [
|
|
22413
22490
|
"utrecht",
|
|
22414
22491
|
"page-header",
|
|
22415
22492
|
"content",
|
|
22416
|
-
"padding-inline
|
|
22493
|
+
"padding-inline"
|
|
22417
22494
|
]
|
|
22418
22495
|
},
|
|
22419
|
-
"
|
|
22420
|
-
"key": "{utrecht.page-header.content.
|
|
22421
|
-
"$
|
|
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
|
-
"$
|
|
22432
|
-
|
|
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": "
|
|
22505
|
+
"name": "utrechtPageHeaderContentMaxInlineSize",
|
|
22441
22506
|
"attributes": {},
|
|
22442
22507
|
"path": [
|
|
22443
22508
|
"utrecht",
|
|
22444
22509
|
"page-header",
|
|
22445
22510
|
"content",
|
|
22446
|
-
"
|
|
22511
|
+
"max-inline-size"
|
|
22447
22512
|
]
|
|
22448
22513
|
},
|
|
22449
|
-
"
|
|
22450
|
-
"key": "{utrecht.page-header.content.
|
|
22451
|
-
"$value": "
|
|
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": "
|
|
22456
|
-
"
|
|
22521
|
+
"$value": "2.4em",
|
|
22522
|
+
"$comment": "Legacy design token",
|
|
22523
|
+
"key": "{utrecht.page-header.content.padding-inline-end}"
|
|
22457
22524
|
},
|
|
22458
|
-
"name": "
|
|
22525
|
+
"name": "utrechtPageHeaderContentPaddingInlineEnd",
|
|
22459
22526
|
"attributes": {},
|
|
22460
22527
|
"path": [
|
|
22461
22528
|
"utrecht",
|
|
22462
22529
|
"page-header",
|
|
22463
22530
|
"content",
|
|
22464
|
-
"
|
|
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
|
-
"
|
|
22542
|
+
"$comment": "Legacy design token",
|
|
22543
|
+
"key": "{utrecht.page-header.content.padding-inline-start}"
|
|
22475
22544
|
},
|
|
22476
|
-
"name": "
|
|
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}",
|
package/dist/dark/variables.cjs
CHANGED
|
@@ -427,6 +427,7 @@ module.exports = {
|
|
|
427
427
|
utrechtSpaceColumn3xl: "32px",
|
|
428
428
|
utrechtSpaceColumn4xl: "48px",
|
|
429
429
|
utrechtSpaceColumn5xl: "64px",
|
|
430
|
+
utrechtTextboxBorderBottomWidth: "3px",
|
|
430
431
|
utrechtDataListMarginBlockEnd: "16px",
|
|
431
432
|
utrechtDataListMarginBlockStart: "16px",
|
|
432
433
|
utrechtDataListItemKeyFontWeight: "700",
|
|
@@ -791,6 +792,10 @@ module.exports = {
|
|
|
791
792
|
utrechtOrderedListItemMarginBlockStart: "0.25em",
|
|
792
793
|
utrechtOrderedListItemMarginBlockEnd: "0.25em",
|
|
793
794
|
utrechtOrderedListItemPaddingInlineStart: "0",
|
|
795
|
+
utrechtPageBodyPaddingBlockStart: "0",
|
|
796
|
+
utrechtPageBodyPaddingBlockEnd: "0",
|
|
797
|
+
utrechtPageBodyPaddingInlineStart: "0",
|
|
798
|
+
utrechtPageBodyPaddingInlineEnd: "0",
|
|
794
799
|
utrechtPageBodyContentBackgroundColor: "hsl(0 0% 100%)",
|
|
795
800
|
utrechtPageBodyContentColor: "hsl(0 0% 0%)",
|
|
796
801
|
utrechtPageBodyContentPaddingBlockStart: "0",
|
|
@@ -798,20 +803,16 @@ module.exports = {
|
|
|
798
803
|
utrechtPageBodyContentPaddingInlineStart: "2em",
|
|
799
804
|
utrechtPageBodyContentPaddingInlineEnd: "2.4em",
|
|
800
805
|
utrechtPageBodyContentMaxInlineSize: "1184px",
|
|
801
|
-
utrechtPageBodyPaddingInlineEnd: "0",
|
|
802
|
-
utrechtPageBodyPaddingInlineStart: "0",
|
|
803
|
-
utrechtPageBodyPaddingBlockEnd: "0",
|
|
804
|
-
utrechtPageBodyPaddingBlockStart: "0",
|
|
805
806
|
utrechtPageContentPaddingBlockStart: "2em",
|
|
806
807
|
utrechtPageContentPaddingBlockEnd: "2em",
|
|
807
808
|
utrechtPageFooterColor: "hsl(0 0% 100%)",
|
|
808
809
|
utrechtPageFooterBackgroundColor: "hsl(0 100% 40%)",
|
|
809
810
|
utrechtPageFooterBackgroundImage:
|
|
810
811
|
"linear-gradient(45deg, hsl(0 100% 40%), hsl(0 100% 40%) 50%, #d63433 50%);",
|
|
812
|
+
utrechtPageFooterContentPaddingInline: "28px",
|
|
811
813
|
utrechtPageFooterContentPaddingBlockEnd: "48px",
|
|
812
814
|
utrechtPageFooterContentPaddingBlockStart: "48px",
|
|
813
815
|
utrechtPageFooterContentMaxInlineSize: "1184px",
|
|
814
|
-
utrechtPageFooterContentPaddingInline: "28px",
|
|
815
816
|
utrechtPageHeaderPaddingBlockStart: "0",
|
|
816
817
|
utrechtPageHeaderPaddingBlockEnd: "0",
|
|
817
818
|
utrechtPageHeaderPaddingInlineStart: "0",
|
|
@@ -820,10 +821,10 @@ module.exports = {
|
|
|
820
821
|
utrechtPageHeaderContentColor: "hsl(0 0% 0%)",
|
|
821
822
|
utrechtPageHeaderContentPaddingBlockStart: "1.8em",
|
|
822
823
|
utrechtPageHeaderContentPaddingBlockEnd: "1em",
|
|
823
|
-
utrechtPageHeaderContentPaddingInlineStart: "2em",
|
|
824
|
-
utrechtPageHeaderContentPaddingInlineEnd: "2.4em",
|
|
825
|
-
utrechtPageHeaderContentMaxInlineSize: "1184px",
|
|
826
824
|
utrechtPageHeaderContentPaddingInline: "2em",
|
|
825
|
+
utrechtPageHeaderContentMaxInlineSize: "1184px",
|
|
826
|
+
utrechtPageHeaderContentPaddingInlineEnd: "2.4em",
|
|
827
|
+
utrechtPageHeaderContentPaddingInlineStart: "2em",
|
|
827
828
|
utrechtPageBackgroundColor: "hsl(0 0% 15%)",
|
|
828
829
|
utrechtPageColor: "hsl(0 0% 95%)",
|
|
829
830
|
utrechtPageMarginInlineStart: "2em",
|
|
@@ -1036,7 +1037,6 @@ module.exports = {
|
|
|
1036
1037
|
utrechtTextareaBorderBlockEndWidth: "3px",
|
|
1037
1038
|
utrechtTextareaBorderBottomWidth: "3px",
|
|
1038
1039
|
utrechtTextareaLineHeight: "1.5",
|
|
1039
|
-
utrechtTextboxBorderBottomWidth: "3px",
|
|
1040
1040
|
utrechtTooltipBackgroundColor: "hsl(0 0% 100%)",
|
|
1041
1041
|
utrechtTooltipBorderColor: "hsl(0 0% 40%)",
|
|
1042
1042
|
utrechtTooltipBorderRadius: "0",
|
package/dist/dark/variables.d.ts
CHANGED
|
@@ -490,6 +490,7 @@ export const utrechtSpaceColumn3xl: string;
|
|
|
490
490
|
export const utrechtSpaceColumn4xl: string;
|
|
491
491
|
/** Extra Large 5 */
|
|
492
492
|
export const utrechtSpaceColumn5xl: string;
|
|
493
|
+
export const utrechtTextboxBorderBottomWidth: string;
|
|
493
494
|
export const utrechtDataListMarginBlockEnd: string;
|
|
494
495
|
export const utrechtDataListMarginBlockStart: string;
|
|
495
496
|
export const utrechtDataListItemKeyFontWeight: string;
|
|
@@ -860,6 +861,10 @@ export const utrechtOrderedListPaddingInlineStart: string;
|
|
|
860
861
|
export const utrechtOrderedListItemMarginBlockStart: string;
|
|
861
862
|
export const utrechtOrderedListItemMarginBlockEnd: string;
|
|
862
863
|
export const utrechtOrderedListItemPaddingInlineStart: number;
|
|
864
|
+
export const utrechtPageBodyPaddingBlockStart: number;
|
|
865
|
+
export const utrechtPageBodyPaddingBlockEnd: number;
|
|
866
|
+
export const utrechtPageBodyPaddingInlineStart: number;
|
|
867
|
+
export const utrechtPageBodyPaddingInlineEnd: number;
|
|
863
868
|
export const utrechtPageBodyContentBackgroundColor: string;
|
|
864
869
|
export const utrechtPageBodyContentColor: string;
|
|
865
870
|
export const utrechtPageBodyContentPaddingBlockStart: number;
|
|
@@ -867,19 +872,15 @@ export const utrechtPageBodyContentPaddingBlockEnd: string;
|
|
|
867
872
|
export const utrechtPageBodyContentPaddingInlineStart: string;
|
|
868
873
|
export const utrechtPageBodyContentPaddingInlineEnd: string;
|
|
869
874
|
export const utrechtPageBodyContentMaxInlineSize: string;
|
|
870
|
-
export const utrechtPageBodyPaddingInlineEnd: string;
|
|
871
|
-
export const utrechtPageBodyPaddingInlineStart: string;
|
|
872
|
-
export const utrechtPageBodyPaddingBlockEnd: string;
|
|
873
|
-
export const utrechtPageBodyPaddingBlockStart: string;
|
|
874
875
|
export const utrechtPageContentPaddingBlockStart: string;
|
|
875
876
|
export const utrechtPageContentPaddingBlockEnd: string;
|
|
876
877
|
export const utrechtPageFooterColor: string;
|
|
877
878
|
export const utrechtPageFooterBackgroundColor: string;
|
|
878
879
|
export const utrechtPageFooterBackgroundImage: string;
|
|
880
|
+
export const utrechtPageFooterContentPaddingInline: string;
|
|
879
881
|
export const utrechtPageFooterContentPaddingBlockEnd: string;
|
|
880
882
|
export const utrechtPageFooterContentPaddingBlockStart: string;
|
|
881
883
|
export const utrechtPageFooterContentMaxInlineSize: string;
|
|
882
|
-
export const utrechtPageFooterContentPaddingInline: string;
|
|
883
884
|
export const utrechtPageHeaderPaddingBlockStart: number;
|
|
884
885
|
export const utrechtPageHeaderPaddingBlockEnd: number;
|
|
885
886
|
export const utrechtPageHeaderPaddingInlineStart: number;
|
|
@@ -888,10 +889,10 @@ export const utrechtPageHeaderContentBackgroundColor: string;
|
|
|
888
889
|
export const utrechtPageHeaderContentColor: string;
|
|
889
890
|
export const utrechtPageHeaderContentPaddingBlockStart: string;
|
|
890
891
|
export const utrechtPageHeaderContentPaddingBlockEnd: string;
|
|
891
|
-
export const utrechtPageHeaderContentPaddingInlineStart: string;
|
|
892
|
-
export const utrechtPageHeaderContentPaddingInlineEnd: string;
|
|
893
|
-
export const utrechtPageHeaderContentMaxInlineSize: string;
|
|
894
892
|
export const utrechtPageHeaderContentPaddingInline: string;
|
|
893
|
+
export const utrechtPageHeaderContentMaxInlineSize: string;
|
|
894
|
+
export const utrechtPageHeaderContentPaddingInlineEnd: string;
|
|
895
|
+
export const utrechtPageHeaderContentPaddingInlineStart: string;
|
|
895
896
|
export const utrechtPageBackgroundColor: string;
|
|
896
897
|
export const utrechtPageColor: string;
|
|
897
898
|
export const utrechtPageMarginInlineStart: string;
|
|
@@ -1104,7 +1105,6 @@ export const utrechtTableRowAlternateEvenColor: string;
|
|
|
1104
1105
|
export const utrechtTextareaBorderBlockEndWidth: string;
|
|
1105
1106
|
export const utrechtTextareaBorderBottomWidth: string;
|
|
1106
1107
|
export const utrechtTextareaLineHeight: string;
|
|
1107
|
-
export const utrechtTextboxBorderBottomWidth: string;
|
|
1108
1108
|
export const utrechtTooltipBackgroundColor: string;
|
|
1109
1109
|
export const utrechtTooltipBorderColor: string;
|
|
1110
1110
|
export const utrechtTooltipBorderRadius: number;
|
package/dist/dark/variables.less
CHANGED
|
@@ -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;
|