@rijkshuisstijl-community/design-tokens 1.0.0-alpha.38 → 1.0.0-alpha.40
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 +13 -1
- package/dist/index.css +13 -1
- package/dist/index.d.ts +13 -1
- package/dist/index.js +13 -1
- package/dist/index.json +12 -0
- package/dist/index.tokens.json +20 -0
- package/dist/root.css +13 -1
- package/dist/tokens.d.ts +21 -1
- package/dist/tokens.js +287 -1
- package/dist/variables.less +13 -1
- package/figma/figma.tokens.json +61 -0
- package/package.json +2 -2
- package/src/generated/figma.tokens.json +56 -0
package/dist/_variables.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Tue, 29 Oct 2024
|
|
3
|
+
// Generated on Tue, 29 Oct 2024 13:28:50 GMT
|
|
4
4
|
|
|
5
5
|
$rhc-space-700: 3.5rem;
|
|
6
6
|
$rhc-space-600: 3rem;
|
|
@@ -251,6 +251,18 @@ $rhc-checkbox-group-padding-block-end: 0.5rem;
|
|
|
251
251
|
$rhc-dot-badge-size: 12px;
|
|
252
252
|
$rhc-dot-badge-color: #d52b1e;
|
|
253
253
|
$rhc-dot-badge-border-radius: 999px;
|
|
254
|
+
$rhc-file-input-item-subtitle-color: #64748B;
|
|
255
|
+
$rhc-file-input-item-error-border-color: #d52b1e;
|
|
256
|
+
$rhc-file-input-item-column-gap: 0.25rem;
|
|
257
|
+
$rhc-file-input-item-padding-block-end: 0.75rem;
|
|
258
|
+
$rhc-file-input-item-padding-block-start: 0.75rem;
|
|
259
|
+
$rhc-file-input-item-padding-inline-end: 1rem;
|
|
260
|
+
$rhc-file-input-item-padding-inline-start: 1rem;
|
|
261
|
+
$rhc-file-input-item-border-radius: 5px;
|
|
262
|
+
$rhc-file-input-item-border-width: 1px;
|
|
263
|
+
$rhc-file-input-item-border-color: #154273;
|
|
264
|
+
$rhc-file-input-item-border-style: solid;
|
|
265
|
+
$rhc-file-input-column-gap: 0.75rem;
|
|
254
266
|
$rhc-page-footer-flex-direction: row;
|
|
255
267
|
$rhc-page-footer-padding-inline-start: 2.5rem;
|
|
256
268
|
$rhc-page-footer-padding-block-end: 2.5rem;
|
package/dist/index.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Tue, 29 Oct 2024
|
|
3
|
+
* Generated on Tue, 29 Oct 2024 13:28:50 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
.rhc-theme {
|
|
@@ -253,6 +253,18 @@
|
|
|
253
253
|
--rhc-dot-badge-size: 12px;
|
|
254
254
|
--rhc-dot-badge-color: #d52b1e;
|
|
255
255
|
--rhc-dot-badge-border-radius: 999px;
|
|
256
|
+
--rhc-file-input-item-subtitle-color: #64748B;
|
|
257
|
+
--rhc-file-input-item-error-border-color: #d52b1e;
|
|
258
|
+
--rhc-file-input-item-column-gap: 0.25rem;
|
|
259
|
+
--rhc-file-input-item-padding-block-end: 0.75rem;
|
|
260
|
+
--rhc-file-input-item-padding-block-start: 0.75rem;
|
|
261
|
+
--rhc-file-input-item-padding-inline-end: 1rem;
|
|
262
|
+
--rhc-file-input-item-padding-inline-start: 1rem;
|
|
263
|
+
--rhc-file-input-item-border-radius: 5px;
|
|
264
|
+
--rhc-file-input-item-border-width: 1px;
|
|
265
|
+
--rhc-file-input-item-border-color: #154273;
|
|
266
|
+
--rhc-file-input-item-border-style: solid;
|
|
267
|
+
--rhc-file-input-column-gap: 0.75rem;
|
|
256
268
|
--rhc-page-footer-flex-direction: row;
|
|
257
269
|
--rhc-page-footer-padding-inline-start: 2.5rem;
|
|
258
270
|
--rhc-page-footer-padding-block-end: 2.5rem;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Tue, 29 Oct 2024
|
|
3
|
+
* Generated on Tue, 29 Oct 2024 13:28:50 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const utrechtActionActivateCursor : string;
|
|
@@ -853,6 +853,18 @@ export const rhcPageFooterPaddingBlockStart : string;
|
|
|
853
853
|
export const rhcPageFooterPaddingBlockEnd : string;
|
|
854
854
|
export const rhcPageFooterPaddingInlineStart : string;
|
|
855
855
|
export const rhcPageFooterFlexDirection : string;
|
|
856
|
+
export const rhcFileInputColumnGap : string;
|
|
857
|
+
export const rhcFileInputItemBorderStyle : string;
|
|
858
|
+
export const rhcFileInputItemBorderColor : string;
|
|
859
|
+
export const rhcFileInputItemBorderWidth : string;
|
|
860
|
+
export const rhcFileInputItemBorderRadius : string;
|
|
861
|
+
export const rhcFileInputItemPaddingInlineStart : string;
|
|
862
|
+
export const rhcFileInputItemPaddingInlineEnd : string;
|
|
863
|
+
export const rhcFileInputItemPaddingBlockStart : string;
|
|
864
|
+
export const rhcFileInputItemPaddingBlockEnd : string;
|
|
865
|
+
export const rhcFileInputItemColumnGap : string;
|
|
866
|
+
export const rhcFileInputItemErrorBorderColor : string;
|
|
867
|
+
export const rhcFileInputItemSubtitleColor : string;
|
|
856
868
|
export const rhcDotBadgeBorderRadius : string;
|
|
857
869
|
export const rhcDotBadgeColor : string;
|
|
858
870
|
export const rhcDotBadgeSize : string;
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Tue, 29 Oct 2024
|
|
3
|
+
* Generated on Tue, 29 Oct 2024 13:28:50 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const utrechtActionActivateCursor = "pointer";
|
|
@@ -852,6 +852,18 @@ export const rhcPageFooterPaddingBlockStart = "2.5rem";
|
|
|
852
852
|
export const rhcPageFooterPaddingBlockEnd = "2.5rem";
|
|
853
853
|
export const rhcPageFooterPaddingInlineStart = "2.5rem";
|
|
854
854
|
export const rhcPageFooterFlexDirection = "row";
|
|
855
|
+
export const rhcFileInputColumnGap = "0.75rem";
|
|
856
|
+
export const rhcFileInputItemBorderStyle = "solid";
|
|
857
|
+
export const rhcFileInputItemBorderColor = "#154273";
|
|
858
|
+
export const rhcFileInputItemBorderWidth = "1px";
|
|
859
|
+
export const rhcFileInputItemBorderRadius = "5px";
|
|
860
|
+
export const rhcFileInputItemPaddingInlineStart = "1rem";
|
|
861
|
+
export const rhcFileInputItemPaddingInlineEnd = "1rem";
|
|
862
|
+
export const rhcFileInputItemPaddingBlockStart = "0.75rem";
|
|
863
|
+
export const rhcFileInputItemPaddingBlockEnd = "0.75rem";
|
|
864
|
+
export const rhcFileInputItemColumnGap = "0.25rem";
|
|
865
|
+
export const rhcFileInputItemErrorBorderColor = "#d52b1e";
|
|
866
|
+
export const rhcFileInputItemSubtitleColor = "#64748B";
|
|
855
867
|
export const rhcDotBadgeBorderRadius = "999px";
|
|
856
868
|
export const rhcDotBadgeColor = "#d52b1e";
|
|
857
869
|
export const rhcDotBadgeSize = "12px";
|
package/dist/index.json
CHANGED
|
@@ -848,6 +848,18 @@
|
|
|
848
848
|
"rhcPageFooterPaddingBlockEnd": "2.5rem",
|
|
849
849
|
"rhcPageFooterPaddingInlineStart": "2.5rem",
|
|
850
850
|
"rhcPageFooterFlexDirection": "row",
|
|
851
|
+
"rhcFileInputColumnGap": "0.75rem",
|
|
852
|
+
"rhcFileInputItemBorderStyle": "solid",
|
|
853
|
+
"rhcFileInputItemBorderColor": "#154273",
|
|
854
|
+
"rhcFileInputItemBorderWidth": "1px",
|
|
855
|
+
"rhcFileInputItemBorderRadius": "5px",
|
|
856
|
+
"rhcFileInputItemPaddingInlineStart": "1rem",
|
|
857
|
+
"rhcFileInputItemPaddingInlineEnd": "1rem",
|
|
858
|
+
"rhcFileInputItemPaddingBlockStart": "0.75rem",
|
|
859
|
+
"rhcFileInputItemPaddingBlockEnd": "0.75rem",
|
|
860
|
+
"rhcFileInputItemColumnGap": "0.25rem",
|
|
861
|
+
"rhcFileInputItemErrorBorderColor": "#d52b1e",
|
|
862
|
+
"rhcFileInputItemSubtitleColor": "#64748B",
|
|
851
863
|
"rhcDotBadgeBorderRadius": "999px",
|
|
852
864
|
"rhcDotBadgeColor": "#d52b1e",
|
|
853
865
|
"rhcDotBadgeSize": "12px",
|
package/dist/index.tokens.json
CHANGED
|
@@ -1326,6 +1326,26 @@
|
|
|
1326
1326
|
"direction": "row"
|
|
1327
1327
|
}
|
|
1328
1328
|
},
|
|
1329
|
+
"file-input": {
|
|
1330
|
+
"column-gap": "0.75rem",
|
|
1331
|
+
"item": {
|
|
1332
|
+
"border-style": "solid",
|
|
1333
|
+
"border-color": "#154273",
|
|
1334
|
+
"border-width": "1px",
|
|
1335
|
+
"border-radius": "5px",
|
|
1336
|
+
"padding-inline-start": "1rem",
|
|
1337
|
+
"padding-inline-end": "1rem",
|
|
1338
|
+
"padding-block-start": "0.75rem",
|
|
1339
|
+
"padding-block-end": "0.75rem",
|
|
1340
|
+
"column-gap": "0.25rem",
|
|
1341
|
+
"error": {
|
|
1342
|
+
"border-color": "#d52b1e"
|
|
1343
|
+
},
|
|
1344
|
+
"subtitle": {
|
|
1345
|
+
"color": "#64748B"
|
|
1346
|
+
}
|
|
1347
|
+
}
|
|
1348
|
+
},
|
|
1329
1349
|
"dot-badge": {
|
|
1330
1350
|
"border-radius": "999px",
|
|
1331
1351
|
"color": "#d52b1e",
|
package/dist/root.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Tue, 29 Oct 2024
|
|
3
|
+
* Generated on Tue, 29 Oct 2024 13:28:50 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -253,6 +253,18 @@
|
|
|
253
253
|
--rhc-dot-badge-size: 12px;
|
|
254
254
|
--rhc-dot-badge-color: #d52b1e;
|
|
255
255
|
--rhc-dot-badge-border-radius: 999px;
|
|
256
|
+
--rhc-file-input-item-subtitle-color: #64748B;
|
|
257
|
+
--rhc-file-input-item-error-border-color: #d52b1e;
|
|
258
|
+
--rhc-file-input-item-column-gap: 0.25rem;
|
|
259
|
+
--rhc-file-input-item-padding-block-end: 0.75rem;
|
|
260
|
+
--rhc-file-input-item-padding-block-start: 0.75rem;
|
|
261
|
+
--rhc-file-input-item-padding-inline-end: 1rem;
|
|
262
|
+
--rhc-file-input-item-padding-inline-start: 1rem;
|
|
263
|
+
--rhc-file-input-item-border-radius: 5px;
|
|
264
|
+
--rhc-file-input-item-border-width: 1px;
|
|
265
|
+
--rhc-file-input-item-border-color: #154273;
|
|
266
|
+
--rhc-file-input-item-border-style: solid;
|
|
267
|
+
--rhc-file-input-column-gap: 0.75rem;
|
|
256
268
|
--rhc-page-footer-flex-direction: row;
|
|
257
269
|
--rhc-page-footer-padding-inline-start: 2.5rem;
|
|
258
270
|
--rhc-page-footer-padding-block-end: 2.5rem;
|
package/dist/tokens.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Tue, 29 Oct 2024
|
|
3
|
+
* Generated on Tue, 29 Oct 2024 13:28:50 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export default tokens;
|
|
@@ -1349,6 +1349,26 @@ declare const tokens: {
|
|
|
1349
1349
|
"direction": DesignToken
|
|
1350
1350
|
}
|
|
1351
1351
|
},
|
|
1352
|
+
"file-input": {
|
|
1353
|
+
"column-gap": DesignToken,
|
|
1354
|
+
"item": {
|
|
1355
|
+
"border-style": DesignToken,
|
|
1356
|
+
"border-color": DesignToken,
|
|
1357
|
+
"border-width": DesignToken,
|
|
1358
|
+
"border-radius": DesignToken,
|
|
1359
|
+
"padding-inline-start": DesignToken,
|
|
1360
|
+
"padding-inline-end": DesignToken,
|
|
1361
|
+
"padding-block-start": DesignToken,
|
|
1362
|
+
"padding-block-end": DesignToken,
|
|
1363
|
+
"column-gap": DesignToken,
|
|
1364
|
+
"error": {
|
|
1365
|
+
"border-color": DesignToken
|
|
1366
|
+
},
|
|
1367
|
+
"subtitle": {
|
|
1368
|
+
"color": DesignToken
|
|
1369
|
+
}
|
|
1370
|
+
}
|
|
1371
|
+
},
|
|
1352
1372
|
"dot-badge": {
|
|
1353
1373
|
"border-radius": DesignToken,
|
|
1354
1374
|
"color": DesignToken,
|
package/dist/tokens.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Tue, 29 Oct 2024
|
|
3
|
+
* Generated on Tue, 29 Oct 2024 13:28:50 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
@@ -19849,6 +19849,292 @@ module.exports = {
|
|
|
19849
19849
|
}
|
|
19850
19850
|
}
|
|
19851
19851
|
},
|
|
19852
|
+
"file-input": {
|
|
19853
|
+
"column-gap": {
|
|
19854
|
+
"value": "0.75rem",
|
|
19855
|
+
"type": "spacing",
|
|
19856
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
19857
|
+
"isSource": true,
|
|
19858
|
+
"original": {
|
|
19859
|
+
"value": "0.75rem",
|
|
19860
|
+
"type": "spacing"
|
|
19861
|
+
},
|
|
19862
|
+
"name": "rhcFileInputColumnGap",
|
|
19863
|
+
"attributes": {
|
|
19864
|
+
"category": "rhc",
|
|
19865
|
+
"type": "file-input",
|
|
19866
|
+
"item": "column-gap"
|
|
19867
|
+
},
|
|
19868
|
+
"path": [
|
|
19869
|
+
"rhc",
|
|
19870
|
+
"file-input",
|
|
19871
|
+
"column-gap"
|
|
19872
|
+
]
|
|
19873
|
+
},
|
|
19874
|
+
"item": {
|
|
19875
|
+
"border-style": {
|
|
19876
|
+
"value": "solid",
|
|
19877
|
+
"type": "borderStyle",
|
|
19878
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
19879
|
+
"isSource": true,
|
|
19880
|
+
"original": {
|
|
19881
|
+
"value": "solid",
|
|
19882
|
+
"type": "borderStyle"
|
|
19883
|
+
},
|
|
19884
|
+
"name": "rhcFileInputItemBorderStyle",
|
|
19885
|
+
"attributes": {
|
|
19886
|
+
"category": "rhc",
|
|
19887
|
+
"type": "file-input",
|
|
19888
|
+
"item": "item",
|
|
19889
|
+
"subitem": "border-style"
|
|
19890
|
+
},
|
|
19891
|
+
"path": [
|
|
19892
|
+
"rhc",
|
|
19893
|
+
"file-input",
|
|
19894
|
+
"item",
|
|
19895
|
+
"border-style"
|
|
19896
|
+
]
|
|
19897
|
+
},
|
|
19898
|
+
"border-color": {
|
|
19899
|
+
"value": "#154273",
|
|
19900
|
+
"type": "color",
|
|
19901
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
19902
|
+
"isSource": true,
|
|
19903
|
+
"original": {
|
|
19904
|
+
"value": "#154273",
|
|
19905
|
+
"type": "color"
|
|
19906
|
+
},
|
|
19907
|
+
"name": "rhcFileInputItemBorderColor",
|
|
19908
|
+
"attributes": {
|
|
19909
|
+
"category": "rhc",
|
|
19910
|
+
"type": "file-input",
|
|
19911
|
+
"item": "item",
|
|
19912
|
+
"subitem": "border-color"
|
|
19913
|
+
},
|
|
19914
|
+
"path": [
|
|
19915
|
+
"rhc",
|
|
19916
|
+
"file-input",
|
|
19917
|
+
"item",
|
|
19918
|
+
"border-color"
|
|
19919
|
+
]
|
|
19920
|
+
},
|
|
19921
|
+
"border-width": {
|
|
19922
|
+
"value": "1px",
|
|
19923
|
+
"type": "borderWidth",
|
|
19924
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
19925
|
+
"isSource": true,
|
|
19926
|
+
"original": {
|
|
19927
|
+
"value": "1px",
|
|
19928
|
+
"type": "borderWidth"
|
|
19929
|
+
},
|
|
19930
|
+
"name": "rhcFileInputItemBorderWidth",
|
|
19931
|
+
"attributes": {
|
|
19932
|
+
"category": "rhc",
|
|
19933
|
+
"type": "file-input",
|
|
19934
|
+
"item": "item",
|
|
19935
|
+
"subitem": "border-width"
|
|
19936
|
+
},
|
|
19937
|
+
"path": [
|
|
19938
|
+
"rhc",
|
|
19939
|
+
"file-input",
|
|
19940
|
+
"item",
|
|
19941
|
+
"border-width"
|
|
19942
|
+
]
|
|
19943
|
+
},
|
|
19944
|
+
"border-radius": {
|
|
19945
|
+
"value": "5px",
|
|
19946
|
+
"type": "borderRadius",
|
|
19947
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
19948
|
+
"isSource": true,
|
|
19949
|
+
"original": {
|
|
19950
|
+
"value": "5px",
|
|
19951
|
+
"type": "borderRadius"
|
|
19952
|
+
},
|
|
19953
|
+
"name": "rhcFileInputItemBorderRadius",
|
|
19954
|
+
"attributes": {
|
|
19955
|
+
"category": "rhc",
|
|
19956
|
+
"type": "file-input",
|
|
19957
|
+
"item": "item",
|
|
19958
|
+
"subitem": "border-radius"
|
|
19959
|
+
},
|
|
19960
|
+
"path": [
|
|
19961
|
+
"rhc",
|
|
19962
|
+
"file-input",
|
|
19963
|
+
"item",
|
|
19964
|
+
"border-radius"
|
|
19965
|
+
]
|
|
19966
|
+
},
|
|
19967
|
+
"padding-inline-start": {
|
|
19968
|
+
"value": "1rem",
|
|
19969
|
+
"type": "spacing",
|
|
19970
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
19971
|
+
"isSource": true,
|
|
19972
|
+
"original": {
|
|
19973
|
+
"value": "1rem",
|
|
19974
|
+
"type": "spacing"
|
|
19975
|
+
},
|
|
19976
|
+
"name": "rhcFileInputItemPaddingInlineStart",
|
|
19977
|
+
"attributes": {
|
|
19978
|
+
"category": "rhc",
|
|
19979
|
+
"type": "file-input",
|
|
19980
|
+
"item": "item",
|
|
19981
|
+
"subitem": "padding-inline-start"
|
|
19982
|
+
},
|
|
19983
|
+
"path": [
|
|
19984
|
+
"rhc",
|
|
19985
|
+
"file-input",
|
|
19986
|
+
"item",
|
|
19987
|
+
"padding-inline-start"
|
|
19988
|
+
]
|
|
19989
|
+
},
|
|
19990
|
+
"padding-inline-end": {
|
|
19991
|
+
"value": "1rem",
|
|
19992
|
+
"type": "spacing",
|
|
19993
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
19994
|
+
"isSource": true,
|
|
19995
|
+
"original": {
|
|
19996
|
+
"value": "1rem",
|
|
19997
|
+
"type": "spacing"
|
|
19998
|
+
},
|
|
19999
|
+
"name": "rhcFileInputItemPaddingInlineEnd",
|
|
20000
|
+
"attributes": {
|
|
20001
|
+
"category": "rhc",
|
|
20002
|
+
"type": "file-input",
|
|
20003
|
+
"item": "item",
|
|
20004
|
+
"subitem": "padding-inline-end"
|
|
20005
|
+
},
|
|
20006
|
+
"path": [
|
|
20007
|
+
"rhc",
|
|
20008
|
+
"file-input",
|
|
20009
|
+
"item",
|
|
20010
|
+
"padding-inline-end"
|
|
20011
|
+
]
|
|
20012
|
+
},
|
|
20013
|
+
"padding-block-start": {
|
|
20014
|
+
"value": "0.75rem",
|
|
20015
|
+
"type": "spacing",
|
|
20016
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
20017
|
+
"isSource": true,
|
|
20018
|
+
"original": {
|
|
20019
|
+
"value": "0.75rem",
|
|
20020
|
+
"type": "spacing"
|
|
20021
|
+
},
|
|
20022
|
+
"name": "rhcFileInputItemPaddingBlockStart",
|
|
20023
|
+
"attributes": {
|
|
20024
|
+
"category": "rhc",
|
|
20025
|
+
"type": "file-input",
|
|
20026
|
+
"item": "item",
|
|
20027
|
+
"subitem": "padding-block-start"
|
|
20028
|
+
},
|
|
20029
|
+
"path": [
|
|
20030
|
+
"rhc",
|
|
20031
|
+
"file-input",
|
|
20032
|
+
"item",
|
|
20033
|
+
"padding-block-start"
|
|
20034
|
+
]
|
|
20035
|
+
},
|
|
20036
|
+
"padding-block-end": {
|
|
20037
|
+
"value": "0.75rem",
|
|
20038
|
+
"type": "spacing",
|
|
20039
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
20040
|
+
"isSource": true,
|
|
20041
|
+
"original": {
|
|
20042
|
+
"value": "0.75rem",
|
|
20043
|
+
"type": "spacing"
|
|
20044
|
+
},
|
|
20045
|
+
"name": "rhcFileInputItemPaddingBlockEnd",
|
|
20046
|
+
"attributes": {
|
|
20047
|
+
"category": "rhc",
|
|
20048
|
+
"type": "file-input",
|
|
20049
|
+
"item": "item",
|
|
20050
|
+
"subitem": "padding-block-end"
|
|
20051
|
+
},
|
|
20052
|
+
"path": [
|
|
20053
|
+
"rhc",
|
|
20054
|
+
"file-input",
|
|
20055
|
+
"item",
|
|
20056
|
+
"padding-block-end"
|
|
20057
|
+
]
|
|
20058
|
+
},
|
|
20059
|
+
"column-gap": {
|
|
20060
|
+
"value": "0.25rem",
|
|
20061
|
+
"type": "spacing",
|
|
20062
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
20063
|
+
"isSource": true,
|
|
20064
|
+
"original": {
|
|
20065
|
+
"value": "0.25rem",
|
|
20066
|
+
"type": "spacing"
|
|
20067
|
+
},
|
|
20068
|
+
"name": "rhcFileInputItemColumnGap",
|
|
20069
|
+
"attributes": {
|
|
20070
|
+
"category": "rhc",
|
|
20071
|
+
"type": "file-input",
|
|
20072
|
+
"item": "item",
|
|
20073
|
+
"subitem": "column-gap"
|
|
20074
|
+
},
|
|
20075
|
+
"path": [
|
|
20076
|
+
"rhc",
|
|
20077
|
+
"file-input",
|
|
20078
|
+
"item",
|
|
20079
|
+
"column-gap"
|
|
20080
|
+
]
|
|
20081
|
+
},
|
|
20082
|
+
"error": {
|
|
20083
|
+
"border-color": {
|
|
20084
|
+
"value": "#d52b1e",
|
|
20085
|
+
"type": "color",
|
|
20086
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
20087
|
+
"isSource": true,
|
|
20088
|
+
"original": {
|
|
20089
|
+
"value": "#d52b1e",
|
|
20090
|
+
"type": "color"
|
|
20091
|
+
},
|
|
20092
|
+
"name": "rhcFileInputItemErrorBorderColor",
|
|
20093
|
+
"attributes": {
|
|
20094
|
+
"category": "rhc",
|
|
20095
|
+
"type": "file-input",
|
|
20096
|
+
"item": "item",
|
|
20097
|
+
"subitem": "error",
|
|
20098
|
+
"state": "border-color"
|
|
20099
|
+
},
|
|
20100
|
+
"path": [
|
|
20101
|
+
"rhc",
|
|
20102
|
+
"file-input",
|
|
20103
|
+
"item",
|
|
20104
|
+
"error",
|
|
20105
|
+
"border-color"
|
|
20106
|
+
]
|
|
20107
|
+
}
|
|
20108
|
+
},
|
|
20109
|
+
"subtitle": {
|
|
20110
|
+
"color": {
|
|
20111
|
+
"value": "#64748B",
|
|
20112
|
+
"type": "color",
|
|
20113
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
20114
|
+
"isSource": true,
|
|
20115
|
+
"original": {
|
|
20116
|
+
"value": "#64748B",
|
|
20117
|
+
"type": "color"
|
|
20118
|
+
},
|
|
20119
|
+
"name": "rhcFileInputItemSubtitleColor",
|
|
20120
|
+
"attributes": {
|
|
20121
|
+
"category": "rhc",
|
|
20122
|
+
"type": "file-input",
|
|
20123
|
+
"item": "item",
|
|
20124
|
+
"subitem": "subtitle",
|
|
20125
|
+
"state": "color"
|
|
20126
|
+
},
|
|
20127
|
+
"path": [
|
|
20128
|
+
"rhc",
|
|
20129
|
+
"file-input",
|
|
20130
|
+
"item",
|
|
20131
|
+
"subtitle",
|
|
20132
|
+
"color"
|
|
20133
|
+
]
|
|
20134
|
+
}
|
|
20135
|
+
}
|
|
20136
|
+
}
|
|
20137
|
+
},
|
|
19852
20138
|
"dot-badge": {
|
|
19853
20139
|
"border-radius": {
|
|
19854
20140
|
"value": "999px",
|
package/dist/variables.less
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Tue, 29 Oct 2024
|
|
3
|
+
// Generated on Tue, 29 Oct 2024 13:28:50 GMT
|
|
4
4
|
|
|
5
5
|
@rhc-space-700: 3.5rem;
|
|
6
6
|
@rhc-space-600: 3rem;
|
|
@@ -251,6 +251,18 @@
|
|
|
251
251
|
@rhc-dot-badge-size: 12px;
|
|
252
252
|
@rhc-dot-badge-color: #d52b1e;
|
|
253
253
|
@rhc-dot-badge-border-radius: 999px;
|
|
254
|
+
@rhc-file-input-item-subtitle-color: #64748B;
|
|
255
|
+
@rhc-file-input-item-error-border-color: #d52b1e;
|
|
256
|
+
@rhc-file-input-item-column-gap: 0.25rem;
|
|
257
|
+
@rhc-file-input-item-padding-block-end: 0.75rem;
|
|
258
|
+
@rhc-file-input-item-padding-block-start: 0.75rem;
|
|
259
|
+
@rhc-file-input-item-padding-inline-end: 1rem;
|
|
260
|
+
@rhc-file-input-item-padding-inline-start: 1rem;
|
|
261
|
+
@rhc-file-input-item-border-radius: 5px;
|
|
262
|
+
@rhc-file-input-item-border-width: 1px;
|
|
263
|
+
@rhc-file-input-item-border-color: #154273;
|
|
264
|
+
@rhc-file-input-item-border-style: solid;
|
|
265
|
+
@rhc-file-input-column-gap: 0.75rem;
|
|
254
266
|
@rhc-page-footer-flex-direction: row;
|
|
255
267
|
@rhc-page-footer-padding-inline-start: 2.5rem;
|
|
256
268
|
@rhc-page-footer-padding-block-end: 2.5rem;
|
package/figma/figma.tokens.json
CHANGED
|
@@ -3133,6 +3133,66 @@
|
|
|
3133
3133
|
}
|
|
3134
3134
|
}
|
|
3135
3135
|
},
|
|
3136
|
+
"components/file-input": {
|
|
3137
|
+
"rhc": {
|
|
3138
|
+
"file-input": {
|
|
3139
|
+
"column-gap": {
|
|
3140
|
+
"value": "{rhc.space.150}",
|
|
3141
|
+
"type": "spacing"
|
|
3142
|
+
},
|
|
3143
|
+
"item": {
|
|
3144
|
+
"border-style": {
|
|
3145
|
+
"value": "solid",
|
|
3146
|
+
"type": "borderStyle"
|
|
3147
|
+
},
|
|
3148
|
+
"border-color": {
|
|
3149
|
+
"value": "{rhc.color.lintblauw.500}",
|
|
3150
|
+
"type": "color"
|
|
3151
|
+
},
|
|
3152
|
+
"border-width": {
|
|
3153
|
+
"value": "{rhc.border-width.default}",
|
|
3154
|
+
"type": "borderWidth"
|
|
3155
|
+
},
|
|
3156
|
+
"border-radius": {
|
|
3157
|
+
"value": "{rhc.border-radius.md}",
|
|
3158
|
+
"type": "borderRadius"
|
|
3159
|
+
},
|
|
3160
|
+
"padding-inline-start": {
|
|
3161
|
+
"value": "{rhc.space.200}",
|
|
3162
|
+
"type": "spacing"
|
|
3163
|
+
},
|
|
3164
|
+
"padding-inline-end": {
|
|
3165
|
+
"value": "{rhc.space.200}",
|
|
3166
|
+
"type": "spacing"
|
|
3167
|
+
},
|
|
3168
|
+
"padding-block-start": {
|
|
3169
|
+
"value": "{rhc.space.150}",
|
|
3170
|
+
"type": "spacing"
|
|
3171
|
+
},
|
|
3172
|
+
"padding-block-end": {
|
|
3173
|
+
"value": "{rhc.space.150}",
|
|
3174
|
+
"type": "spacing"
|
|
3175
|
+
},
|
|
3176
|
+
"column-gap": {
|
|
3177
|
+
"value": "{rhc.space.50}",
|
|
3178
|
+
"type": "spacing"
|
|
3179
|
+
},
|
|
3180
|
+
"error": {
|
|
3181
|
+
"border-color": {
|
|
3182
|
+
"value": "{rhc.color.feedback.error.default}",
|
|
3183
|
+
"type": "color"
|
|
3184
|
+
}
|
|
3185
|
+
},
|
|
3186
|
+
"subtitle": {
|
|
3187
|
+
"color": {
|
|
3188
|
+
"value": "{rhc.color.grijs.500}",
|
|
3189
|
+
"type": "color"
|
|
3190
|
+
}
|
|
3191
|
+
}
|
|
3192
|
+
}
|
|
3193
|
+
}
|
|
3194
|
+
}
|
|
3195
|
+
},
|
|
3136
3196
|
"components/footer": {
|
|
3137
3197
|
"utrecht": {
|
|
3138
3198
|
"page-footer": {
|
|
@@ -6495,6 +6555,7 @@
|
|
|
6495
6555
|
"components/drawer",
|
|
6496
6556
|
"components/fieldset",
|
|
6497
6557
|
"components/figure",
|
|
6558
|
+
"components/file-input",
|
|
6498
6559
|
"components/footer",
|
|
6499
6560
|
"components/form-field",
|
|
6500
6561
|
"components/form-field-checkbox-option",
|
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.40",
|
|
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": "7ea813ac10a5000bcf0594a40d5082583162bbd9"
|
|
37
37
|
}
|
|
@@ -3892,6 +3892,62 @@
|
|
|
3892
3892
|
}
|
|
3893
3893
|
}
|
|
3894
3894
|
},
|
|
3895
|
+
"file-input": {
|
|
3896
|
+
"column-gap": {
|
|
3897
|
+
"value": "0.75rem",
|
|
3898
|
+
"type": "spacing"
|
|
3899
|
+
},
|
|
3900
|
+
"item": {
|
|
3901
|
+
"border-style": {
|
|
3902
|
+
"value": "solid",
|
|
3903
|
+
"type": "borderStyle"
|
|
3904
|
+
},
|
|
3905
|
+
"border-color": {
|
|
3906
|
+
"value": "#154273",
|
|
3907
|
+
"type": "color"
|
|
3908
|
+
},
|
|
3909
|
+
"border-width": {
|
|
3910
|
+
"value": "1px",
|
|
3911
|
+
"type": "borderWidth"
|
|
3912
|
+
},
|
|
3913
|
+
"border-radius": {
|
|
3914
|
+
"value": "5px",
|
|
3915
|
+
"type": "borderRadius"
|
|
3916
|
+
},
|
|
3917
|
+
"padding-inline-start": {
|
|
3918
|
+
"value": "1rem",
|
|
3919
|
+
"type": "spacing"
|
|
3920
|
+
},
|
|
3921
|
+
"padding-inline-end": {
|
|
3922
|
+
"value": "1rem",
|
|
3923
|
+
"type": "spacing"
|
|
3924
|
+
},
|
|
3925
|
+
"padding-block-start": {
|
|
3926
|
+
"value": "0.75rem",
|
|
3927
|
+
"type": "spacing"
|
|
3928
|
+
},
|
|
3929
|
+
"padding-block-end": {
|
|
3930
|
+
"value": "0.75rem",
|
|
3931
|
+
"type": "spacing"
|
|
3932
|
+
},
|
|
3933
|
+
"column-gap": {
|
|
3934
|
+
"value": "0.25rem",
|
|
3935
|
+
"type": "spacing"
|
|
3936
|
+
},
|
|
3937
|
+
"error": {
|
|
3938
|
+
"border-color": {
|
|
3939
|
+
"value": "#d52b1e",
|
|
3940
|
+
"type": "color"
|
|
3941
|
+
}
|
|
3942
|
+
},
|
|
3943
|
+
"subtitle": {
|
|
3944
|
+
"color": {
|
|
3945
|
+
"value": "#64748B",
|
|
3946
|
+
"type": "color"
|
|
3947
|
+
}
|
|
3948
|
+
}
|
|
3949
|
+
}
|
|
3950
|
+
},
|
|
3895
3951
|
"dot-badge": {
|
|
3896
3952
|
"border-radius": {
|
|
3897
3953
|
"value": "999px",
|