@rijkshuisstijl-community/design-tokens 1.0.0-alpha.82 → 1.0.0-alpha.84
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/dist/_variables.scss +17 -14
- package/dist/index.css +17 -14
- package/dist/index.d.ts +17 -14
- package/dist/index.js +17 -14
- package/dist/index.json +17 -14
- package/dist/index.tokens.json +27 -24
- package/dist/root.css +17 -14
- package/dist/tokens.d.ts +28 -25
- package/dist/tokens.js +297 -252
- package/dist/variables.less +17 -14
- package/figma/figma.tokens.json +63 -49
- package/package.json +2 -2
- package/src/generated/figma.tokens.json +71 -59
package/figma/figma.tokens.json
CHANGED
|
@@ -3005,7 +3005,7 @@
|
|
|
3005
3005
|
}
|
|
3006
3006
|
},
|
|
3007
3007
|
"components/code-input-group": {
|
|
3008
|
-
"
|
|
3008
|
+
"rhc": {
|
|
3009
3009
|
"code-input-group": {
|
|
3010
3010
|
"column-gap": {
|
|
3011
3011
|
"value": "{rhc.space.100}",
|
|
@@ -3015,7 +3015,7 @@
|
|
|
3015
3015
|
}
|
|
3016
3016
|
},
|
|
3017
3017
|
"components/code-input": {
|
|
3018
|
-
"
|
|
3018
|
+
"rhc": {
|
|
3019
3019
|
"code-input": {
|
|
3020
3020
|
"size": {
|
|
3021
3021
|
"value": "{rhc.size.target}",
|
|
@@ -3360,54 +3360,68 @@
|
|
|
3360
3360
|
"value": "{rhc.space.150}",
|
|
3361
3361
|
"type": "spacing"
|
|
3362
3362
|
},
|
|
3363
|
-
"
|
|
3364
|
-
"
|
|
3365
|
-
|
|
3366
|
-
|
|
3367
|
-
|
|
3363
|
+
"row-gap": {
|
|
3364
|
+
"value": "{rhc.space.150}",
|
|
3365
|
+
"type": "spacing"
|
|
3366
|
+
},
|
|
3367
|
+
"feedback": {
|
|
3368
|
+
"color": {
|
|
3369
|
+
"value": "{rhc.color.grijs.600}",
|
|
3370
|
+
"type": "color"
|
|
3371
|
+
},
|
|
3372
|
+
"font-size": {
|
|
3373
|
+
"value": "1rem",
|
|
3374
|
+
"type": "fontSizes"
|
|
3375
|
+
}
|
|
3376
|
+
}
|
|
3377
|
+
},
|
|
3378
|
+
"file": {
|
|
3379
|
+
"border-style": {
|
|
3380
|
+
"value": "solid",
|
|
3381
|
+
"type": "borderStyle"
|
|
3382
|
+
},
|
|
3383
|
+
"border-color": {
|
|
3384
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
3385
|
+
"type": "color"
|
|
3386
|
+
},
|
|
3387
|
+
"border-width": {
|
|
3388
|
+
"value": "{rhc.border-width.default}",
|
|
3389
|
+
"type": "borderWidth"
|
|
3390
|
+
},
|
|
3391
|
+
"border-radius": {
|
|
3392
|
+
"value": "{rhc.border-radius.md}",
|
|
3393
|
+
"type": "borderRadius"
|
|
3394
|
+
},
|
|
3395
|
+
"padding-inline-start": {
|
|
3396
|
+
"value": "{rhc.space.200}",
|
|
3397
|
+
"type": "spacing"
|
|
3398
|
+
},
|
|
3399
|
+
"padding-inline-end": {
|
|
3400
|
+
"value": "{rhc.space.200}",
|
|
3401
|
+
"type": "spacing"
|
|
3402
|
+
},
|
|
3403
|
+
"padding-block-start": {
|
|
3404
|
+
"value": "{rhc.space.150}",
|
|
3405
|
+
"type": "spacing"
|
|
3406
|
+
},
|
|
3407
|
+
"padding-block-end": {
|
|
3408
|
+
"value": "{rhc.space.150}",
|
|
3409
|
+
"type": "spacing"
|
|
3410
|
+
},
|
|
3411
|
+
"column-gap": {
|
|
3412
|
+
"value": "{rhc.space.50}",
|
|
3413
|
+
"type": "spacing"
|
|
3414
|
+
},
|
|
3415
|
+
"error": {
|
|
3368
3416
|
"border-color": {
|
|
3369
|
-
"value": "{rhc.color.
|
|
3417
|
+
"value": "{rhc.color.feedback.error.default}",
|
|
3418
|
+
"type": "color"
|
|
3419
|
+
}
|
|
3420
|
+
},
|
|
3421
|
+
"subtitle": {
|
|
3422
|
+
"color": {
|
|
3423
|
+
"value": "{rhc.color.grijs.500}",
|
|
3370
3424
|
"type": "color"
|
|
3371
|
-
},
|
|
3372
|
-
"border-width": {
|
|
3373
|
-
"value": "{rhc.border-width.default}",
|
|
3374
|
-
"type": "borderWidth"
|
|
3375
|
-
},
|
|
3376
|
-
"border-radius": {
|
|
3377
|
-
"value": "{rhc.border-radius.md}",
|
|
3378
|
-
"type": "borderRadius"
|
|
3379
|
-
},
|
|
3380
|
-
"padding-inline-start": {
|
|
3381
|
-
"value": "{rhc.space.200}",
|
|
3382
|
-
"type": "spacing"
|
|
3383
|
-
},
|
|
3384
|
-
"padding-inline-end": {
|
|
3385
|
-
"value": "{rhc.space.200}",
|
|
3386
|
-
"type": "spacing"
|
|
3387
|
-
},
|
|
3388
|
-
"padding-block-start": {
|
|
3389
|
-
"value": "{rhc.space.150}",
|
|
3390
|
-
"type": "spacing"
|
|
3391
|
-
},
|
|
3392
|
-
"padding-block-end": {
|
|
3393
|
-
"value": "{rhc.space.150}",
|
|
3394
|
-
"type": "spacing"
|
|
3395
|
-
},
|
|
3396
|
-
"column-gap": {
|
|
3397
|
-
"value": "{rhc.space.50}",
|
|
3398
|
-
"type": "spacing"
|
|
3399
|
-
},
|
|
3400
|
-
"error": {
|
|
3401
|
-
"border-color": {
|
|
3402
|
-
"value": "{rhc.color.feedback.error.default}",
|
|
3403
|
-
"type": "color"
|
|
3404
|
-
}
|
|
3405
|
-
},
|
|
3406
|
-
"subtitle": {
|
|
3407
|
-
"color": {
|
|
3408
|
-
"value": "{rhc.color.grijs.500}",
|
|
3409
|
-
"type": "color"
|
|
3410
|
-
}
|
|
3411
3425
|
}
|
|
3412
3426
|
}
|
|
3413
3427
|
}
|
|
@@ -6940,4 +6954,4 @@
|
|
|
6940
6954
|
"components/icon"
|
|
6941
6955
|
]
|
|
6942
6956
|
}
|
|
6943
|
-
}
|
|
6957
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rijkshuisstijl-community/design-tokens",
|
|
3
|
-
"version": "1.0.0-alpha.
|
|
3
|
+
"version": "1.0.0-alpha.84",
|
|
4
4
|
"author": "Community for NL Design System",
|
|
5
5
|
"description": "Example design tokens",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -33,5 +33,5 @@
|
|
|
33
33
|
"style-dictionary": "3.9.2",
|
|
34
34
|
"token-transformer": "0.0.33"
|
|
35
35
|
},
|
|
36
|
-
"gitHead": "
|
|
36
|
+
"gitHead": "d84d4658696da54811a5001521e6910b209882ba"
|
|
37
37
|
}
|
|
@@ -3965,54 +3965,68 @@
|
|
|
3965
3965
|
"value": "0.75rem",
|
|
3966
3966
|
"type": "spacing"
|
|
3967
3967
|
},
|
|
3968
|
-
"
|
|
3969
|
-
"
|
|
3970
|
-
|
|
3971
|
-
|
|
3972
|
-
|
|
3973
|
-
"
|
|
3974
|
-
"value": "#
|
|
3968
|
+
"row-gap": {
|
|
3969
|
+
"value": "0.75rem",
|
|
3970
|
+
"type": "spacing"
|
|
3971
|
+
},
|
|
3972
|
+
"feedback": {
|
|
3973
|
+
"color": {
|
|
3974
|
+
"value": "#475569",
|
|
3975
3975
|
"type": "color"
|
|
3976
3976
|
},
|
|
3977
|
-
"
|
|
3978
|
-
"value": "1px",
|
|
3979
|
-
"type": "borderWidth"
|
|
3980
|
-
},
|
|
3981
|
-
"border-radius": {
|
|
3982
|
-
"value": "5px",
|
|
3983
|
-
"type": "borderRadius"
|
|
3984
|
-
},
|
|
3985
|
-
"padding-inline-start": {
|
|
3986
|
-
"value": "1rem",
|
|
3987
|
-
"type": "spacing"
|
|
3988
|
-
},
|
|
3989
|
-
"padding-inline-end": {
|
|
3977
|
+
"font-size": {
|
|
3990
3978
|
"value": "1rem",
|
|
3991
|
-
"type": "
|
|
3992
|
-
}
|
|
3993
|
-
|
|
3994
|
-
|
|
3995
|
-
|
|
3996
|
-
|
|
3997
|
-
"
|
|
3998
|
-
|
|
3999
|
-
|
|
4000
|
-
|
|
4001
|
-
"
|
|
4002
|
-
|
|
4003
|
-
|
|
4004
|
-
|
|
4005
|
-
"
|
|
4006
|
-
|
|
4007
|
-
|
|
4008
|
-
|
|
4009
|
-
|
|
4010
|
-
|
|
4011
|
-
|
|
4012
|
-
|
|
4013
|
-
|
|
4014
|
-
|
|
4015
|
-
|
|
3979
|
+
"type": "fontSizes"
|
|
3980
|
+
}
|
|
3981
|
+
}
|
|
3982
|
+
},
|
|
3983
|
+
"file": {
|
|
3984
|
+
"border-style": {
|
|
3985
|
+
"value": "solid",
|
|
3986
|
+
"type": "borderStyle"
|
|
3987
|
+
},
|
|
3988
|
+
"border-color": {
|
|
3989
|
+
"value": "#154273",
|
|
3990
|
+
"type": "color"
|
|
3991
|
+
},
|
|
3992
|
+
"border-width": {
|
|
3993
|
+
"value": "1px",
|
|
3994
|
+
"type": "borderWidth"
|
|
3995
|
+
},
|
|
3996
|
+
"border-radius": {
|
|
3997
|
+
"value": "5px",
|
|
3998
|
+
"type": "borderRadius"
|
|
3999
|
+
},
|
|
4000
|
+
"padding-inline-start": {
|
|
4001
|
+
"value": "1rem",
|
|
4002
|
+
"type": "spacing"
|
|
4003
|
+
},
|
|
4004
|
+
"padding-inline-end": {
|
|
4005
|
+
"value": "1rem",
|
|
4006
|
+
"type": "spacing"
|
|
4007
|
+
},
|
|
4008
|
+
"padding-block-start": {
|
|
4009
|
+
"value": "0.75rem",
|
|
4010
|
+
"type": "spacing"
|
|
4011
|
+
},
|
|
4012
|
+
"padding-block-end": {
|
|
4013
|
+
"value": "0.75rem",
|
|
4014
|
+
"type": "spacing"
|
|
4015
|
+
},
|
|
4016
|
+
"column-gap": {
|
|
4017
|
+
"value": "0.25rem",
|
|
4018
|
+
"type": "spacing"
|
|
4019
|
+
},
|
|
4020
|
+
"error": {
|
|
4021
|
+
"border-color": {
|
|
4022
|
+
"value": "#d52b1e",
|
|
4023
|
+
"type": "color"
|
|
4024
|
+
}
|
|
4025
|
+
},
|
|
4026
|
+
"subtitle": {
|
|
4027
|
+
"color": {
|
|
4028
|
+
"value": "#64748B",
|
|
4029
|
+
"type": "color"
|
|
4016
4030
|
}
|
|
4017
4031
|
}
|
|
4018
4032
|
},
|
|
@@ -4030,6 +4044,18 @@
|
|
|
4030
4044
|
"type": "size"
|
|
4031
4045
|
}
|
|
4032
4046
|
},
|
|
4047
|
+
"code-input": {
|
|
4048
|
+
"size": {
|
|
4049
|
+
"value": "48px",
|
|
4050
|
+
"type": "spacing"
|
|
4051
|
+
}
|
|
4052
|
+
},
|
|
4053
|
+
"code-input-group": {
|
|
4054
|
+
"column-gap": {
|
|
4055
|
+
"value": "0.5rem",
|
|
4056
|
+
"type": "spacing"
|
|
4057
|
+
}
|
|
4058
|
+
},
|
|
4033
4059
|
"checkbox-group": {
|
|
4034
4060
|
"padding-block-end": {
|
|
4035
4061
|
"value": "0.5rem",
|
|
@@ -5490,19 +5516,5 @@
|
|
|
5490
5516
|
}
|
|
5491
5517
|
}
|
|
5492
5518
|
}
|
|
5493
|
-
},
|
|
5494
|
-
"todo": {
|
|
5495
|
-
"code-input": {
|
|
5496
|
-
"size": {
|
|
5497
|
-
"value": "48px",
|
|
5498
|
-
"type": "spacing"
|
|
5499
|
-
}
|
|
5500
|
-
},
|
|
5501
|
-
"code-input-group": {
|
|
5502
|
-
"column-gap": {
|
|
5503
|
-
"value": "0.5rem",
|
|
5504
|
-
"type": "spacing"
|
|
5505
|
-
}
|
|
5506
|
-
}
|
|
5507
5519
|
}
|
|
5508
5520
|
}
|