@rijkshuisstijl-community/design-tokens 1.0.0-alpha.81 → 1.0.0-alpha.83
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 +15 -12
- package/dist/index.css +15 -12
- package/dist/index.d.ts +15 -12
- package/dist/index.js +15 -12
- package/dist/index.json +14 -11
- package/dist/index.tokens.json +21 -16
- package/dist/root.css +15 -12
- package/dist/tokens.d.ts +22 -17
- package/dist/tokens.js +287 -240
- package/dist/variables.less +15 -12
- package/figma/figma.tokens.json +79 -65
- package/package.json +2 -2
- package/src/generated/figma.tokens.json +77 -63
package/dist/variables.less
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Thu, 05 Dec 2024 14:22:19 GMT
|
|
4
4
|
|
|
5
5
|
@todo-code-input-group-column-gap: 0.5rem;
|
|
6
6
|
@todo-code-input-size: 48px;
|
|
@@ -305,17 +305,20 @@
|
|
|
305
305
|
@rhc-dot-badge-size: 12px;
|
|
306
306
|
@rhc-dot-badge-color: #d52b1e;
|
|
307
307
|
@rhc-dot-badge-border-radius: 999px;
|
|
308
|
-
@rhc-file-
|
|
309
|
-
@rhc-file-
|
|
310
|
-
@rhc-file-
|
|
311
|
-
@rhc-file-
|
|
312
|
-
@rhc-file-
|
|
313
|
-
@rhc-file-
|
|
314
|
-
@rhc-file-
|
|
315
|
-
@rhc-file-
|
|
316
|
-
@rhc-file-
|
|
317
|
-
@rhc-file-
|
|
318
|
-
@rhc-file-
|
|
308
|
+
@rhc-file-subtitle-color: #64748B;
|
|
309
|
+
@rhc-file-error-border-color: #d52b1e;
|
|
310
|
+
@rhc-file-column-gap: 0.25rem;
|
|
311
|
+
@rhc-file-padding-block-end: 0.75rem;
|
|
312
|
+
@rhc-file-padding-block-start: 0.75rem;
|
|
313
|
+
@rhc-file-padding-inline-end: 1rem;
|
|
314
|
+
@rhc-file-padding-inline-start: 1rem;
|
|
315
|
+
@rhc-file-border-radius: 5px;
|
|
316
|
+
@rhc-file-border-width: 1px;
|
|
317
|
+
@rhc-file-border-color: #154273;
|
|
318
|
+
@rhc-file-border-style: solid;
|
|
319
|
+
@rhc-file-input-feedback-font-size: 1rem;
|
|
320
|
+
@rhc-file-input-feedback-color: #475569;
|
|
321
|
+
@rhc-file-input-row-gap: 0.75rem;
|
|
319
322
|
@rhc-file-input-column-gap: 0.75rem;
|
|
320
323
|
@rhc-page-footer-flex-direction: row;
|
|
321
324
|
@rhc-page-footer-padding-inline-start: 2.5rem;
|
package/figma/figma.tokens.json
CHANGED
|
@@ -1873,81 +1873,81 @@
|
|
|
1873
1873
|
"blue-corner-border-variation": {
|
|
1874
1874
|
"border-color": {
|
|
1875
1875
|
"value": "{rhc.color.primary.500}",
|
|
1876
|
-
"type": "
|
|
1876
|
+
"type": "color"
|
|
1877
1877
|
},
|
|
1878
1878
|
"border-block-end-width": {
|
|
1879
1879
|
"value": "{rhc.border-width.m}",
|
|
1880
|
-
"type": "
|
|
1880
|
+
"type": "borderWidth"
|
|
1881
1881
|
},
|
|
1882
1882
|
"border-inline-end-width": {
|
|
1883
1883
|
"value": "{rhc.border-width.m}",
|
|
1884
|
-
"type": "
|
|
1884
|
+
"type": "borderWidth"
|
|
1885
1885
|
},
|
|
1886
1886
|
"border-end-end-radius": {
|
|
1887
1887
|
"value": "3rem",
|
|
1888
|
-
"type": "
|
|
1888
|
+
"type": "borderRadius"
|
|
1889
1889
|
}
|
|
1890
1890
|
},
|
|
1891
1891
|
"pink-background-variation": {
|
|
1892
1892
|
"background-color": {
|
|
1893
1893
|
"value": "{rhc.color.roze.300}",
|
|
1894
|
-
"type": "
|
|
1894
|
+
"type": "color"
|
|
1895
1895
|
},
|
|
1896
1896
|
"border-end-start-radius": {
|
|
1897
1897
|
"value": "3rem",
|
|
1898
|
-
"type": "
|
|
1898
|
+
"type": "borderRadius"
|
|
1899
1899
|
},
|
|
1900
1900
|
"padding": {
|
|
1901
1901
|
"value": "{rhc.space.500}",
|
|
1902
|
-
"type": "
|
|
1902
|
+
"type": "spacing"
|
|
1903
1903
|
}
|
|
1904
1904
|
},
|
|
1905
1905
|
"pink-left-border-variation": {
|
|
1906
1906
|
"border-color": {
|
|
1907
1907
|
"value": "{rhc.color.roze.300}",
|
|
1908
|
-
"type": "
|
|
1908
|
+
"type": "color"
|
|
1909
1909
|
},
|
|
1910
1910
|
"border-inline-start-width": {
|
|
1911
1911
|
"value": "0.75rem",
|
|
1912
|
-
"type": "
|
|
1912
|
+
"type": "borderWidth"
|
|
1913
1913
|
},
|
|
1914
1914
|
"padding-inline-start": {
|
|
1915
1915
|
"value": "{rhc.space.500}",
|
|
1916
|
-
"type": "
|
|
1916
|
+
"type": "spacing"
|
|
1917
1917
|
},
|
|
1918
1918
|
"padding-inline-end": {
|
|
1919
1919
|
"value": "{rhc.space.500}",
|
|
1920
|
-
"type": "
|
|
1920
|
+
"type": "spacing"
|
|
1921
1921
|
},
|
|
1922
1922
|
"padding-block-start": {
|
|
1923
1923
|
"value": "{rhc.space.300}",
|
|
1924
|
-
"type": "
|
|
1924
|
+
"type": "spacing"
|
|
1925
1925
|
},
|
|
1926
1926
|
"padding-block-end": {
|
|
1927
1927
|
"value": "{rhc.space.300}",
|
|
1928
|
-
"type": "
|
|
1928
|
+
"type": "spacing"
|
|
1929
1929
|
}
|
|
1930
1930
|
},
|
|
1931
1931
|
"pink-corner-border-variation": {
|
|
1932
1932
|
"border-color": {
|
|
1933
1933
|
"value": "{rhc.color.roze.300}",
|
|
1934
|
-
"type": "
|
|
1934
|
+
"type": "color"
|
|
1935
1935
|
},
|
|
1936
1936
|
"border-block-start-width": {
|
|
1937
1937
|
"value": "0.25rem",
|
|
1938
|
-
"type": "
|
|
1938
|
+
"type": "borderWidth"
|
|
1939
1939
|
},
|
|
1940
1940
|
"border-inline-start-width": {
|
|
1941
1941
|
"value": "0.25rem",
|
|
1942
|
-
"type": "
|
|
1942
|
+
"type": "borderWidth"
|
|
1943
1943
|
},
|
|
1944
1944
|
"border-start-start-radius": {
|
|
1945
1945
|
"value": "3rem",
|
|
1946
|
-
"type": "
|
|
1946
|
+
"type": "borderRadius"
|
|
1947
1947
|
},
|
|
1948
1948
|
"padding": {
|
|
1949
1949
|
"value": "{rhc.space.500}",
|
|
1950
|
-
"type": "
|
|
1950
|
+
"type": "spacing"
|
|
1951
1951
|
}
|
|
1952
1952
|
}
|
|
1953
1953
|
}
|
|
@@ -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.83",
|
|
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": "d4cf11dd926a62cd8bec7c80d58e226f48d89974"
|
|
37
37
|
}
|
|
@@ -2697,81 +2697,81 @@
|
|
|
2697
2697
|
"blue-corner-border-variation": {
|
|
2698
2698
|
"border-color": {
|
|
2699
2699
|
"value": "#154273",
|
|
2700
|
-
"type": "
|
|
2700
|
+
"type": "color"
|
|
2701
2701
|
},
|
|
2702
2702
|
"border-block-end-width": {
|
|
2703
2703
|
"value": "2px",
|
|
2704
|
-
"type": "
|
|
2704
|
+
"type": "borderWidth"
|
|
2705
2705
|
},
|
|
2706
2706
|
"border-inline-end-width": {
|
|
2707
2707
|
"value": "2px",
|
|
2708
|
-
"type": "
|
|
2708
|
+
"type": "borderWidth"
|
|
2709
2709
|
},
|
|
2710
2710
|
"border-end-end-radius": {
|
|
2711
2711
|
"value": "3rem",
|
|
2712
|
-
"type": "
|
|
2712
|
+
"type": "borderRadius"
|
|
2713
2713
|
}
|
|
2714
2714
|
},
|
|
2715
2715
|
"pink-background-variation": {
|
|
2716
2716
|
"background-color": {
|
|
2717
2717
|
"value": "#F6BDE1",
|
|
2718
|
-
"type": "
|
|
2718
|
+
"type": "color"
|
|
2719
2719
|
},
|
|
2720
2720
|
"border-end-start-radius": {
|
|
2721
2721
|
"value": "3rem",
|
|
2722
|
-
"type": "
|
|
2722
|
+
"type": "borderRadius"
|
|
2723
2723
|
},
|
|
2724
2724
|
"padding": {
|
|
2725
2725
|
"value": "2.5rem",
|
|
2726
|
-
"type": "
|
|
2726
|
+
"type": "spacing"
|
|
2727
2727
|
}
|
|
2728
2728
|
},
|
|
2729
2729
|
"pink-left-border-variation": {
|
|
2730
2730
|
"border-color": {
|
|
2731
2731
|
"value": "#F6BDE1",
|
|
2732
|
-
"type": "
|
|
2732
|
+
"type": "color"
|
|
2733
2733
|
},
|
|
2734
2734
|
"border-inline-start-width": {
|
|
2735
2735
|
"value": "0.75rem",
|
|
2736
|
-
"type": "
|
|
2736
|
+
"type": "borderWidth"
|
|
2737
2737
|
},
|
|
2738
2738
|
"padding-inline-start": {
|
|
2739
2739
|
"value": "2.5rem",
|
|
2740
|
-
"type": "
|
|
2740
|
+
"type": "spacing"
|
|
2741
2741
|
},
|
|
2742
2742
|
"padding-inline-end": {
|
|
2743
2743
|
"value": "2.5rem",
|
|
2744
|
-
"type": "
|
|
2744
|
+
"type": "spacing"
|
|
2745
2745
|
},
|
|
2746
2746
|
"padding-block-start": {
|
|
2747
2747
|
"value": "1.5rem",
|
|
2748
|
-
"type": "
|
|
2748
|
+
"type": "spacing"
|
|
2749
2749
|
},
|
|
2750
2750
|
"padding-block-end": {
|
|
2751
2751
|
"value": "1.5rem",
|
|
2752
|
-
"type": "
|
|
2752
|
+
"type": "spacing"
|
|
2753
2753
|
}
|
|
2754
2754
|
},
|
|
2755
2755
|
"pink-corner-border-variation": {
|
|
2756
2756
|
"border-color": {
|
|
2757
2757
|
"value": "#F6BDE1",
|
|
2758
|
-
"type": "
|
|
2758
|
+
"type": "color"
|
|
2759
2759
|
},
|
|
2760
2760
|
"border-block-start-width": {
|
|
2761
2761
|
"value": "0.25rem",
|
|
2762
|
-
"type": "
|
|
2762
|
+
"type": "borderWidth"
|
|
2763
2763
|
},
|
|
2764
2764
|
"border-inline-start-width": {
|
|
2765
2765
|
"value": "0.25rem",
|
|
2766
|
-
"type": "
|
|
2766
|
+
"type": "borderWidth"
|
|
2767
2767
|
},
|
|
2768
2768
|
"border-start-start-radius": {
|
|
2769
2769
|
"value": "3rem",
|
|
2770
|
-
"type": "
|
|
2770
|
+
"type": "borderRadius"
|
|
2771
2771
|
},
|
|
2772
2772
|
"padding": {
|
|
2773
2773
|
"value": "2.5rem",
|
|
2774
|
-
"type": "
|
|
2774
|
+
"type": "spacing"
|
|
2775
2775
|
}
|
|
2776
2776
|
}
|
|
2777
2777
|
},
|
|
@@ -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
|
},
|