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