@rijkshuisstijl-community/design-tokens 1.0.0-alpha.82 → 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.
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 05 Dec 2024 09:01:29 GMT
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 @@ $rhc-checkbox-group-padding-block-end: 0.5rem;
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-input-item-subtitle-color: #64748B;
309
- $rhc-file-input-item-error-border-color: #d52b1e;
310
- $rhc-file-input-item-column-gap: 0.25rem;
311
- $rhc-file-input-item-padding-block-end: 0.75rem;
312
- $rhc-file-input-item-padding-block-start: 0.75rem;
313
- $rhc-file-input-item-padding-inline-end: 1rem;
314
- $rhc-file-input-item-padding-inline-start: 1rem;
315
- $rhc-file-input-item-border-radius: 5px;
316
- $rhc-file-input-item-border-width: 1px;
317
- $rhc-file-input-item-border-color: #154273;
318
- $rhc-file-input-item-border-style: solid;
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/dist/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 05 Dec 2024 09:01:29 GMT
3
+ * Generated on Thu, 05 Dec 2024 14:22:19 GMT
4
4
  */
5
5
 
6
6
  .rhc-theme {
@@ -307,17 +307,20 @@
307
307
  --rhc-dot-badge-size: 12px;
308
308
  --rhc-dot-badge-color: #d52b1e;
309
309
  --rhc-dot-badge-border-radius: 999px;
310
- --rhc-file-input-item-subtitle-color: #64748B;
311
- --rhc-file-input-item-error-border-color: #d52b1e;
312
- --rhc-file-input-item-column-gap: 0.25rem;
313
- --rhc-file-input-item-padding-block-end: 0.75rem;
314
- --rhc-file-input-item-padding-block-start: 0.75rem;
315
- --rhc-file-input-item-padding-inline-end: 1rem;
316
- --rhc-file-input-item-padding-inline-start: 1rem;
317
- --rhc-file-input-item-border-radius: 5px;
318
- --rhc-file-input-item-border-width: 1px;
319
- --rhc-file-input-item-border-color: #154273;
320
- --rhc-file-input-item-border-style: solid;
310
+ --rhc-file-subtitle-color: #64748B;
311
+ --rhc-file-error-border-color: #d52b1e;
312
+ --rhc-file-column-gap: 0.25rem;
313
+ --rhc-file-padding-block-end: 0.75rem;
314
+ --rhc-file-padding-block-start: 0.75rem;
315
+ --rhc-file-padding-inline-end: 1rem;
316
+ --rhc-file-padding-inline-start: 1rem;
317
+ --rhc-file-border-radius: 5px;
318
+ --rhc-file-border-width: 1px;
319
+ --rhc-file-border-color: #154273;
320
+ --rhc-file-border-style: solid;
321
+ --rhc-file-input-feedback-font-size: 1rem;
322
+ --rhc-file-input-feedback-color: #475569;
323
+ --rhc-file-input-row-gap: 0.75rem;
321
324
  --rhc-file-input-column-gap: 0.75rem;
322
325
  --rhc-page-footer-flex-direction: row;
323
326
  --rhc-page-footer-padding-inline-start: 2.5rem;
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 05 Dec 2024 09:01:29 GMT
3
+ * Generated on Thu, 05 Dec 2024 14:22:19 GMT
4
4
  */
5
5
 
6
6
  export const utrechtActionActivateCursor : string;
@@ -868,17 +868,20 @@ export const rhcPageFooterPaddingBlockEnd : string;
868
868
  export const rhcPageFooterPaddingInlineStart : string;
869
869
  export const rhcPageFooterFlexDirection : string;
870
870
  export const rhcFileInputColumnGap : string;
871
- export const rhcFileInputItemBorderStyle : string;
872
- export const rhcFileInputItemBorderColor : string;
873
- export const rhcFileInputItemBorderWidth : string;
874
- export const rhcFileInputItemBorderRadius : string;
875
- export const rhcFileInputItemPaddingInlineStart : string;
876
- export const rhcFileInputItemPaddingInlineEnd : string;
877
- export const rhcFileInputItemPaddingBlockStart : string;
878
- export const rhcFileInputItemPaddingBlockEnd : string;
879
- export const rhcFileInputItemColumnGap : string;
880
- export const rhcFileInputItemErrorBorderColor : string;
881
- export const rhcFileInputItemSubtitleColor : string;
871
+ export const rhcFileInputRowGap : string;
872
+ export const rhcFileInputFeedbackColor : string;
873
+ export const rhcFileInputFeedbackFontSize : string;
874
+ export const rhcFileBorderStyle : string;
875
+ export const rhcFileBorderColor : string;
876
+ export const rhcFileBorderWidth : string;
877
+ export const rhcFileBorderRadius : string;
878
+ export const rhcFilePaddingInlineStart : string;
879
+ export const rhcFilePaddingInlineEnd : string;
880
+ export const rhcFilePaddingBlockStart : string;
881
+ export const rhcFilePaddingBlockEnd : string;
882
+ export const rhcFileColumnGap : string;
883
+ export const rhcFileErrorBorderColor : string;
884
+ export const rhcFileSubtitleColor : string;
882
885
  export const rhcDotBadgeBorderRadius : string;
883
886
  export const rhcDotBadgeColor : string;
884
887
  export const rhcDotBadgeSize : string;
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 05 Dec 2024 09:01:29 GMT
3
+ * Generated on Thu, 05 Dec 2024 14:22:19 GMT
4
4
  */
5
5
 
6
6
  export const utrechtActionActivateCursor = "pointer";
@@ -867,17 +867,20 @@ export const rhcPageFooterPaddingBlockEnd = "2.5rem";
867
867
  export const rhcPageFooterPaddingInlineStart = "2.5rem";
868
868
  export const rhcPageFooterFlexDirection = "row";
869
869
  export const rhcFileInputColumnGap = "0.75rem";
870
- export const rhcFileInputItemBorderStyle = "solid";
871
- export const rhcFileInputItemBorderColor = "#154273";
872
- export const rhcFileInputItemBorderWidth = "1px";
873
- export const rhcFileInputItemBorderRadius = "5px";
874
- export const rhcFileInputItemPaddingInlineStart = "1rem";
875
- export const rhcFileInputItemPaddingInlineEnd = "1rem";
876
- export const rhcFileInputItemPaddingBlockStart = "0.75rem";
877
- export const rhcFileInputItemPaddingBlockEnd = "0.75rem";
878
- export const rhcFileInputItemColumnGap = "0.25rem";
879
- export const rhcFileInputItemErrorBorderColor = "#d52b1e";
880
- export const rhcFileInputItemSubtitleColor = "#64748B";
870
+ export const rhcFileInputRowGap = "0.75rem";
871
+ export const rhcFileInputFeedbackColor = "#475569";
872
+ export const rhcFileInputFeedbackFontSize = "1rem";
873
+ export const rhcFileBorderStyle = "solid";
874
+ export const rhcFileBorderColor = "#154273";
875
+ export const rhcFileBorderWidth = "1px";
876
+ export const rhcFileBorderRadius = "5px";
877
+ export const rhcFilePaddingInlineStart = "1rem";
878
+ export const rhcFilePaddingInlineEnd = "1rem";
879
+ export const rhcFilePaddingBlockStart = "0.75rem";
880
+ export const rhcFilePaddingBlockEnd = "0.75rem";
881
+ export const rhcFileColumnGap = "0.25rem";
882
+ export const rhcFileErrorBorderColor = "#d52b1e";
883
+ export const rhcFileSubtitleColor = "#64748B";
881
884
  export const rhcDotBadgeBorderRadius = "999px";
882
885
  export const rhcDotBadgeColor = "#d52b1e";
883
886
  export const rhcDotBadgeSize = "12px";
package/dist/index.json CHANGED
@@ -863,17 +863,20 @@
863
863
  "rhcPageFooterPaddingInlineStart": "2.5rem",
864
864
  "rhcPageFooterFlexDirection": "row",
865
865
  "rhcFileInputColumnGap": "0.75rem",
866
- "rhcFileInputItemBorderStyle": "solid",
867
- "rhcFileInputItemBorderColor": "#154273",
868
- "rhcFileInputItemBorderWidth": "1px",
869
- "rhcFileInputItemBorderRadius": "5px",
870
- "rhcFileInputItemPaddingInlineStart": "1rem",
871
- "rhcFileInputItemPaddingInlineEnd": "1rem",
872
- "rhcFileInputItemPaddingBlockStart": "0.75rem",
873
- "rhcFileInputItemPaddingBlockEnd": "0.75rem",
874
- "rhcFileInputItemColumnGap": "0.25rem",
875
- "rhcFileInputItemErrorBorderColor": "#d52b1e",
876
- "rhcFileInputItemSubtitleColor": "#64748B",
866
+ "rhcFileInputRowGap": "0.75rem",
867
+ "rhcFileInputFeedbackColor": "#475569",
868
+ "rhcFileInputFeedbackFontSize": "1rem",
869
+ "rhcFileBorderStyle": "solid",
870
+ "rhcFileBorderColor": "#154273",
871
+ "rhcFileBorderWidth": "1px",
872
+ "rhcFileBorderRadius": "5px",
873
+ "rhcFilePaddingInlineStart": "1rem",
874
+ "rhcFilePaddingInlineEnd": "1rem",
875
+ "rhcFilePaddingBlockStart": "0.75rem",
876
+ "rhcFilePaddingBlockEnd": "0.75rem",
877
+ "rhcFileColumnGap": "0.25rem",
878
+ "rhcFileErrorBorderColor": "#d52b1e",
879
+ "rhcFileSubtitleColor": "#64748B",
877
880
  "rhcDotBadgeBorderRadius": "999px",
878
881
  "rhcDotBadgeColor": "#d52b1e",
879
882
  "rhcDotBadgeSize": "12px",
@@ -1354,22 +1354,27 @@
1354
1354
  },
1355
1355
  "file-input": {
1356
1356
  "column-gap": "0.75rem",
1357
- "item": {
1358
- "border-style": "solid",
1359
- "border-color": "#154273",
1360
- "border-width": "1px",
1361
- "border-radius": "5px",
1362
- "padding-inline-start": "1rem",
1363
- "padding-inline-end": "1rem",
1364
- "padding-block-start": "0.75rem",
1365
- "padding-block-end": "0.75rem",
1366
- "column-gap": "0.25rem",
1367
- "error": {
1368
- "border-color": "#d52b1e"
1369
- },
1370
- "subtitle": {
1371
- "color": "#64748B"
1372
- }
1357
+ "row-gap": "0.75rem",
1358
+ "feedback": {
1359
+ "color": "#475569",
1360
+ "font-size": "1rem"
1361
+ }
1362
+ },
1363
+ "file": {
1364
+ "border-style": "solid",
1365
+ "border-color": "#154273",
1366
+ "border-width": "1px",
1367
+ "border-radius": "5px",
1368
+ "padding-inline-start": "1rem",
1369
+ "padding-inline-end": "1rem",
1370
+ "padding-block-start": "0.75rem",
1371
+ "padding-block-end": "0.75rem",
1372
+ "column-gap": "0.25rem",
1373
+ "error": {
1374
+ "border-color": "#d52b1e"
1375
+ },
1376
+ "subtitle": {
1377
+ "color": "#64748B"
1373
1378
  }
1374
1379
  },
1375
1380
  "dot-badge": {
package/dist/root.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 05 Dec 2024 09:01:29 GMT
3
+ * Generated on Thu, 05 Dec 2024 14:22:19 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -307,17 +307,20 @@
307
307
  --rhc-dot-badge-size: 12px;
308
308
  --rhc-dot-badge-color: #d52b1e;
309
309
  --rhc-dot-badge-border-radius: 999px;
310
- --rhc-file-input-item-subtitle-color: #64748B;
311
- --rhc-file-input-item-error-border-color: #d52b1e;
312
- --rhc-file-input-item-column-gap: 0.25rem;
313
- --rhc-file-input-item-padding-block-end: 0.75rem;
314
- --rhc-file-input-item-padding-block-start: 0.75rem;
315
- --rhc-file-input-item-padding-inline-end: 1rem;
316
- --rhc-file-input-item-padding-inline-start: 1rem;
317
- --rhc-file-input-item-border-radius: 5px;
318
- --rhc-file-input-item-border-width: 1px;
319
- --rhc-file-input-item-border-color: #154273;
320
- --rhc-file-input-item-border-style: solid;
310
+ --rhc-file-subtitle-color: #64748B;
311
+ --rhc-file-error-border-color: #d52b1e;
312
+ --rhc-file-column-gap: 0.25rem;
313
+ --rhc-file-padding-block-end: 0.75rem;
314
+ --rhc-file-padding-block-start: 0.75rem;
315
+ --rhc-file-padding-inline-end: 1rem;
316
+ --rhc-file-padding-inline-start: 1rem;
317
+ --rhc-file-border-radius: 5px;
318
+ --rhc-file-border-width: 1px;
319
+ --rhc-file-border-color: #154273;
320
+ --rhc-file-border-style: solid;
321
+ --rhc-file-input-feedback-font-size: 1rem;
322
+ --rhc-file-input-feedback-color: #475569;
323
+ --rhc-file-input-row-gap: 0.75rem;
321
324
  --rhc-file-input-column-gap: 0.75rem;
322
325
  --rhc-page-footer-flex-direction: row;
323
326
  --rhc-page-footer-padding-inline-start: 2.5rem;
package/dist/tokens.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 05 Dec 2024 09:01:29 GMT
3
+ * Generated on Thu, 05 Dec 2024 14:22:19 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
@@ -1377,22 +1377,27 @@ declare const tokens: {
1377
1377
  },
1378
1378
  "file-input": {
1379
1379
  "column-gap": DesignToken,
1380
- "item": {
1381
- "border-style": DesignToken,
1382
- "border-color": DesignToken,
1383
- "border-width": DesignToken,
1384
- "border-radius": DesignToken,
1385
- "padding-inline-start": DesignToken,
1386
- "padding-inline-end": DesignToken,
1387
- "padding-block-start": DesignToken,
1388
- "padding-block-end": DesignToken,
1389
- "column-gap": DesignToken,
1390
- "error": {
1391
- "border-color": DesignToken
1392
- },
1393
- "subtitle": {
1394
- "color": DesignToken
1395
- }
1380
+ "row-gap": DesignToken,
1381
+ "feedback": {
1382
+ "color": DesignToken,
1383
+ "font-size": DesignToken
1384
+ }
1385
+ },
1386
+ "file": {
1387
+ "border-style": DesignToken,
1388
+ "border-color": DesignToken,
1389
+ "border-width": DesignToken,
1390
+ "border-radius": DesignToken,
1391
+ "padding-inline-start": DesignToken,
1392
+ "padding-inline-end": DesignToken,
1393
+ "padding-block-start": DesignToken,
1394
+ "padding-block-end": DesignToken,
1395
+ "column-gap": DesignToken,
1396
+ "error": {
1397
+ "border-color": DesignToken
1398
+ },
1399
+ "subtitle": {
1400
+ "color": DesignToken
1396
1401
  }
1397
1402
  },
1398
1403
  "dot-badge": {
package/dist/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 05 Dec 2024 09:01:29 GMT
3
+ * Generated on Thu, 05 Dec 2024 14:22:19 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -20207,267 +20207,314 @@ module.exports = {
20207
20207
  "column-gap"
20208
20208
  ]
20209
20209
  },
20210
- "item": {
20211
- "border-style": {
20212
- "value": "solid",
20213
- "type": "borderStyle",
20214
- "filePath": "src/generated/figma.tokens.json",
20215
- "isSource": true,
20216
- "original": {
20217
- "value": "solid",
20218
- "type": "borderStyle"
20219
- },
20220
- "name": "rhcFileInputItemBorderStyle",
20221
- "attributes": {
20222
- "category": "rhc",
20223
- "type": "file-input",
20224
- "item": "item",
20225
- "subitem": "border-style"
20226
- },
20227
- "path": [
20228
- "rhc",
20229
- "file-input",
20230
- "item",
20231
- "border-style"
20232
- ]
20210
+ "row-gap": {
20211
+ "value": "0.75rem",
20212
+ "type": "spacing",
20213
+ "filePath": "src/generated/figma.tokens.json",
20214
+ "isSource": true,
20215
+ "original": {
20216
+ "value": "0.75rem",
20217
+ "type": "spacing"
20233
20218
  },
20234
- "border-color": {
20235
- "value": "#154273",
20219
+ "name": "rhcFileInputRowGap",
20220
+ "attributes": {
20221
+ "category": "rhc",
20222
+ "type": "file-input",
20223
+ "item": "row-gap"
20224
+ },
20225
+ "path": [
20226
+ "rhc",
20227
+ "file-input",
20228
+ "row-gap"
20229
+ ]
20230
+ },
20231
+ "feedback": {
20232
+ "color": {
20233
+ "value": "#475569",
20236
20234
  "type": "color",
20237
20235
  "filePath": "src/generated/figma.tokens.json",
20238
20236
  "isSource": true,
20239
20237
  "original": {
20240
- "value": "#154273",
20238
+ "value": "#475569",
20241
20239
  "type": "color"
20242
20240
  },
20243
- "name": "rhcFileInputItemBorderColor",
20241
+ "name": "rhcFileInputFeedbackColor",
20244
20242
  "attributes": {
20245
20243
  "category": "rhc",
20246
20244
  "type": "file-input",
20247
- "item": "item",
20248
- "subitem": "border-color"
20245
+ "item": "feedback",
20246
+ "subitem": "color"
20249
20247
  },
20250
20248
  "path": [
20251
20249
  "rhc",
20252
20250
  "file-input",
20253
- "item",
20254
- "border-color"
20251
+ "feedback",
20252
+ "color"
20255
20253
  ]
20256
20254
  },
20257
- "border-width": {
20258
- "value": "1px",
20259
- "type": "borderWidth",
20255
+ "font-size": {
20256
+ "value": "1rem",
20257
+ "type": "fontSizes",
20260
20258
  "filePath": "src/generated/figma.tokens.json",
20261
20259
  "isSource": true,
20262
20260
  "original": {
20263
- "value": "1px",
20264
- "type": "borderWidth"
20261
+ "value": "1rem",
20262
+ "type": "fontSizes"
20265
20263
  },
20266
- "name": "rhcFileInputItemBorderWidth",
20264
+ "name": "rhcFileInputFeedbackFontSize",
20267
20265
  "attributes": {
20268
20266
  "category": "rhc",
20269
20267
  "type": "file-input",
20270
- "item": "item",
20271
- "subitem": "border-width"
20268
+ "item": "feedback",
20269
+ "subitem": "font-size"
20272
20270
  },
20273
20271
  "path": [
20274
20272
  "rhc",
20275
20273
  "file-input",
20276
- "item",
20277
- "border-width"
20274
+ "feedback",
20275
+ "font-size"
20278
20276
  ]
20277
+ }
20278
+ }
20279
+ },
20280
+ "file": {
20281
+ "border-style": {
20282
+ "value": "solid",
20283
+ "type": "borderStyle",
20284
+ "filePath": "src/generated/figma.tokens.json",
20285
+ "isSource": true,
20286
+ "original": {
20287
+ "value": "solid",
20288
+ "type": "borderStyle"
20279
20289
  },
20280
- "border-radius": {
20290
+ "name": "rhcFileBorderStyle",
20291
+ "attributes": {
20292
+ "category": "rhc",
20293
+ "type": "file",
20294
+ "item": "border-style"
20295
+ },
20296
+ "path": [
20297
+ "rhc",
20298
+ "file",
20299
+ "border-style"
20300
+ ]
20301
+ },
20302
+ "border-color": {
20303
+ "value": "#154273",
20304
+ "type": "color",
20305
+ "filePath": "src/generated/figma.tokens.json",
20306
+ "isSource": true,
20307
+ "original": {
20308
+ "value": "#154273",
20309
+ "type": "color"
20310
+ },
20311
+ "name": "rhcFileBorderColor",
20312
+ "attributes": {
20313
+ "category": "rhc",
20314
+ "type": "file",
20315
+ "item": "border-color"
20316
+ },
20317
+ "path": [
20318
+ "rhc",
20319
+ "file",
20320
+ "border-color"
20321
+ ]
20322
+ },
20323
+ "border-width": {
20324
+ "value": "1px",
20325
+ "type": "borderWidth",
20326
+ "filePath": "src/generated/figma.tokens.json",
20327
+ "isSource": true,
20328
+ "original": {
20329
+ "value": "1px",
20330
+ "type": "borderWidth"
20331
+ },
20332
+ "name": "rhcFileBorderWidth",
20333
+ "attributes": {
20334
+ "category": "rhc",
20335
+ "type": "file",
20336
+ "item": "border-width"
20337
+ },
20338
+ "path": [
20339
+ "rhc",
20340
+ "file",
20341
+ "border-width"
20342
+ ]
20343
+ },
20344
+ "border-radius": {
20345
+ "value": "5px",
20346
+ "type": "borderRadius",
20347
+ "filePath": "src/generated/figma.tokens.json",
20348
+ "isSource": true,
20349
+ "original": {
20281
20350
  "value": "5px",
20282
- "type": "borderRadius",
20283
- "filePath": "src/generated/figma.tokens.json",
20284
- "isSource": true,
20285
- "original": {
20286
- "value": "5px",
20287
- "type": "borderRadius"
20288
- },
20289
- "name": "rhcFileInputItemBorderRadius",
20290
- "attributes": {
20291
- "category": "rhc",
20292
- "type": "file-input",
20293
- "item": "item",
20294
- "subitem": "border-radius"
20295
- },
20296
- "path": [
20297
- "rhc",
20298
- "file-input",
20299
- "item",
20300
- "border-radius"
20301
- ]
20351
+ "type": "borderRadius"
20302
20352
  },
20303
- "padding-inline-start": {
20353
+ "name": "rhcFileBorderRadius",
20354
+ "attributes": {
20355
+ "category": "rhc",
20356
+ "type": "file",
20357
+ "item": "border-radius"
20358
+ },
20359
+ "path": [
20360
+ "rhc",
20361
+ "file",
20362
+ "border-radius"
20363
+ ]
20364
+ },
20365
+ "padding-inline-start": {
20366
+ "value": "1rem",
20367
+ "type": "spacing",
20368
+ "filePath": "src/generated/figma.tokens.json",
20369
+ "isSource": true,
20370
+ "original": {
20304
20371
  "value": "1rem",
20305
- "type": "spacing",
20306
- "filePath": "src/generated/figma.tokens.json",
20307
- "isSource": true,
20308
- "original": {
20309
- "value": "1rem",
20310
- "type": "spacing"
20311
- },
20312
- "name": "rhcFileInputItemPaddingInlineStart",
20313
- "attributes": {
20314
- "category": "rhc",
20315
- "type": "file-input",
20316
- "item": "item",
20317
- "subitem": "padding-inline-start"
20318
- },
20319
- "path": [
20320
- "rhc",
20321
- "file-input",
20322
- "item",
20323
- "padding-inline-start"
20324
- ]
20372
+ "type": "spacing"
20325
20373
  },
20326
- "padding-inline-end": {
20374
+ "name": "rhcFilePaddingInlineStart",
20375
+ "attributes": {
20376
+ "category": "rhc",
20377
+ "type": "file",
20378
+ "item": "padding-inline-start"
20379
+ },
20380
+ "path": [
20381
+ "rhc",
20382
+ "file",
20383
+ "padding-inline-start"
20384
+ ]
20385
+ },
20386
+ "padding-inline-end": {
20387
+ "value": "1rem",
20388
+ "type": "spacing",
20389
+ "filePath": "src/generated/figma.tokens.json",
20390
+ "isSource": true,
20391
+ "original": {
20327
20392
  "value": "1rem",
20328
- "type": "spacing",
20329
- "filePath": "src/generated/figma.tokens.json",
20330
- "isSource": true,
20331
- "original": {
20332
- "value": "1rem",
20333
- "type": "spacing"
20334
- },
20335
- "name": "rhcFileInputItemPaddingInlineEnd",
20336
- "attributes": {
20337
- "category": "rhc",
20338
- "type": "file-input",
20339
- "item": "item",
20340
- "subitem": "padding-inline-end"
20341
- },
20342
- "path": [
20343
- "rhc",
20344
- "file-input",
20345
- "item",
20346
- "padding-inline-end"
20347
- ]
20393
+ "type": "spacing"
20348
20394
  },
20349
- "padding-block-start": {
20395
+ "name": "rhcFilePaddingInlineEnd",
20396
+ "attributes": {
20397
+ "category": "rhc",
20398
+ "type": "file",
20399
+ "item": "padding-inline-end"
20400
+ },
20401
+ "path": [
20402
+ "rhc",
20403
+ "file",
20404
+ "padding-inline-end"
20405
+ ]
20406
+ },
20407
+ "padding-block-start": {
20408
+ "value": "0.75rem",
20409
+ "type": "spacing",
20410
+ "filePath": "src/generated/figma.tokens.json",
20411
+ "isSource": true,
20412
+ "original": {
20350
20413
  "value": "0.75rem",
20351
- "type": "spacing",
20352
- "filePath": "src/generated/figma.tokens.json",
20353
- "isSource": true,
20354
- "original": {
20355
- "value": "0.75rem",
20356
- "type": "spacing"
20357
- },
20358
- "name": "rhcFileInputItemPaddingBlockStart",
20359
- "attributes": {
20360
- "category": "rhc",
20361
- "type": "file-input",
20362
- "item": "item",
20363
- "subitem": "padding-block-start"
20364
- },
20365
- "path": [
20366
- "rhc",
20367
- "file-input",
20368
- "item",
20369
- "padding-block-start"
20370
- ]
20414
+ "type": "spacing"
20371
20415
  },
20372
- "padding-block-end": {
20416
+ "name": "rhcFilePaddingBlockStart",
20417
+ "attributes": {
20418
+ "category": "rhc",
20419
+ "type": "file",
20420
+ "item": "padding-block-start"
20421
+ },
20422
+ "path": [
20423
+ "rhc",
20424
+ "file",
20425
+ "padding-block-start"
20426
+ ]
20427
+ },
20428
+ "padding-block-end": {
20429
+ "value": "0.75rem",
20430
+ "type": "spacing",
20431
+ "filePath": "src/generated/figma.tokens.json",
20432
+ "isSource": true,
20433
+ "original": {
20373
20434
  "value": "0.75rem",
20374
- "type": "spacing",
20435
+ "type": "spacing"
20436
+ },
20437
+ "name": "rhcFilePaddingBlockEnd",
20438
+ "attributes": {
20439
+ "category": "rhc",
20440
+ "type": "file",
20441
+ "item": "padding-block-end"
20442
+ },
20443
+ "path": [
20444
+ "rhc",
20445
+ "file",
20446
+ "padding-block-end"
20447
+ ]
20448
+ },
20449
+ "column-gap": {
20450
+ "value": "0.25rem",
20451
+ "type": "spacing",
20452
+ "filePath": "src/generated/figma.tokens.json",
20453
+ "isSource": true,
20454
+ "original": {
20455
+ "value": "0.25rem",
20456
+ "type": "spacing"
20457
+ },
20458
+ "name": "rhcFileColumnGap",
20459
+ "attributes": {
20460
+ "category": "rhc",
20461
+ "type": "file",
20462
+ "item": "column-gap"
20463
+ },
20464
+ "path": [
20465
+ "rhc",
20466
+ "file",
20467
+ "column-gap"
20468
+ ]
20469
+ },
20470
+ "error": {
20471
+ "border-color": {
20472
+ "value": "#d52b1e",
20473
+ "type": "color",
20375
20474
  "filePath": "src/generated/figma.tokens.json",
20376
20475
  "isSource": true,
20377
20476
  "original": {
20378
- "value": "0.75rem",
20379
- "type": "spacing"
20477
+ "value": "#d52b1e",
20478
+ "type": "color"
20380
20479
  },
20381
- "name": "rhcFileInputItemPaddingBlockEnd",
20480
+ "name": "rhcFileErrorBorderColor",
20382
20481
  "attributes": {
20383
20482
  "category": "rhc",
20384
- "type": "file-input",
20385
- "item": "item",
20386
- "subitem": "padding-block-end"
20483
+ "type": "file",
20484
+ "item": "error",
20485
+ "subitem": "border-color"
20387
20486
  },
20388
20487
  "path": [
20389
20488
  "rhc",
20390
- "file-input",
20391
- "item",
20392
- "padding-block-end"
20489
+ "file",
20490
+ "error",
20491
+ "border-color"
20393
20492
  ]
20394
- },
20395
- "column-gap": {
20396
- "value": "0.25rem",
20397
- "type": "spacing",
20493
+ }
20494
+ },
20495
+ "subtitle": {
20496
+ "color": {
20497
+ "value": "#64748B",
20498
+ "type": "color",
20398
20499
  "filePath": "src/generated/figma.tokens.json",
20399
20500
  "isSource": true,
20400
20501
  "original": {
20401
- "value": "0.25rem",
20402
- "type": "spacing"
20502
+ "value": "#64748B",
20503
+ "type": "color"
20403
20504
  },
20404
- "name": "rhcFileInputItemColumnGap",
20505
+ "name": "rhcFileSubtitleColor",
20405
20506
  "attributes": {
20406
20507
  "category": "rhc",
20407
- "type": "file-input",
20408
- "item": "item",
20409
- "subitem": "column-gap"
20508
+ "type": "file",
20509
+ "item": "subtitle",
20510
+ "subitem": "color"
20410
20511
  },
20411
20512
  "path": [
20412
20513
  "rhc",
20413
- "file-input",
20414
- "item",
20415
- "column-gap"
20514
+ "file",
20515
+ "subtitle",
20516
+ "color"
20416
20517
  ]
20417
- },
20418
- "error": {
20419
- "border-color": {
20420
- "value": "#d52b1e",
20421
- "type": "color",
20422
- "filePath": "src/generated/figma.tokens.json",
20423
- "isSource": true,
20424
- "original": {
20425
- "value": "#d52b1e",
20426
- "type": "color"
20427
- },
20428
- "name": "rhcFileInputItemErrorBorderColor",
20429
- "attributes": {
20430
- "category": "rhc",
20431
- "type": "file-input",
20432
- "item": "item",
20433
- "subitem": "error",
20434
- "state": "border-color"
20435
- },
20436
- "path": [
20437
- "rhc",
20438
- "file-input",
20439
- "item",
20440
- "error",
20441
- "border-color"
20442
- ]
20443
- }
20444
- },
20445
- "subtitle": {
20446
- "color": {
20447
- "value": "#64748B",
20448
- "type": "color",
20449
- "filePath": "src/generated/figma.tokens.json",
20450
- "isSource": true,
20451
- "original": {
20452
- "value": "#64748B",
20453
- "type": "color"
20454
- },
20455
- "name": "rhcFileInputItemSubtitleColor",
20456
- "attributes": {
20457
- "category": "rhc",
20458
- "type": "file-input",
20459
- "item": "item",
20460
- "subitem": "subtitle",
20461
- "state": "color"
20462
- },
20463
- "path": [
20464
- "rhc",
20465
- "file-input",
20466
- "item",
20467
- "subtitle",
20468
- "color"
20469
- ]
20470
- }
20471
20518
  }
20472
20519
  }
20473
20520
  },
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 05 Dec 2024 09:01:29 GMT
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-input-item-subtitle-color: #64748B;
309
- @rhc-file-input-item-error-border-color: #d52b1e;
310
- @rhc-file-input-item-column-gap: 0.25rem;
311
- @rhc-file-input-item-padding-block-end: 0.75rem;
312
- @rhc-file-input-item-padding-block-start: 0.75rem;
313
- @rhc-file-input-item-padding-inline-end: 1rem;
314
- @rhc-file-input-item-padding-inline-start: 1rem;
315
- @rhc-file-input-item-border-radius: 5px;
316
- @rhc-file-input-item-border-width: 1px;
317
- @rhc-file-input-item-border-color: #154273;
318
- @rhc-file-input-item-border-style: solid;
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;
@@ -3360,54 +3360,68 @@
3360
3360
  "value": "{rhc.space.150}",
3361
3361
  "type": "spacing"
3362
3362
  },
3363
- "item": {
3364
- "border-style": {
3365
- "value": "solid",
3366
- "type": "borderStyle"
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.lintblauw.500}",
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.82",
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": "5661f7e083f242a1333dde9bafc03de77f9e85e3"
36
+ "gitHead": "d4cf11dd926a62cd8bec7c80d58e226f48d89974"
37
37
  }
@@ -3965,54 +3965,68 @@
3965
3965
  "value": "0.75rem",
3966
3966
  "type": "spacing"
3967
3967
  },
3968
- "item": {
3969
- "border-style": {
3970
- "value": "solid",
3971
- "type": "borderStyle"
3972
- },
3973
- "border-color": {
3974
- "value": "#154273",
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
- "border-width": {
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": "spacing"
3992
- },
3993
- "padding-block-start": {
3994
- "value": "0.75rem",
3995
- "type": "spacing"
3996
- },
3997
- "padding-block-end": {
3998
- "value": "0.75rem",
3999
- "type": "spacing"
4000
- },
4001
- "column-gap": {
4002
- "value": "0.25rem",
4003
- "type": "spacing"
4004
- },
4005
- "error": {
4006
- "border-color": {
4007
- "value": "#d52b1e",
4008
- "type": "color"
4009
- }
4010
- },
4011
- "subtitle": {
4012
- "color": {
4013
- "value": "#64748B",
4014
- "type": "color"
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
  },