@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/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 Tue, 10 Dec 2024 09:19: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
  },
@@ -20536,6 +20583,52 @@ module.exports = {
20536
20583
  ]
20537
20584
  }
20538
20585
  },
20586
+ "code-input": {
20587
+ "size": {
20588
+ "value": "48px",
20589
+ "type": "spacing",
20590
+ "filePath": "src/generated/figma.tokens.json",
20591
+ "isSource": true,
20592
+ "original": {
20593
+ "value": "48px",
20594
+ "type": "spacing"
20595
+ },
20596
+ "name": "rhcCodeInputSize",
20597
+ "attributes": {
20598
+ "category": "rhc",
20599
+ "type": "code-input",
20600
+ "item": "size"
20601
+ },
20602
+ "path": [
20603
+ "rhc",
20604
+ "code-input",
20605
+ "size"
20606
+ ]
20607
+ }
20608
+ },
20609
+ "code-input-group": {
20610
+ "column-gap": {
20611
+ "value": "0.5rem",
20612
+ "type": "spacing",
20613
+ "filePath": "src/generated/figma.tokens.json",
20614
+ "isSource": true,
20615
+ "original": {
20616
+ "value": "0.5rem",
20617
+ "type": "spacing"
20618
+ },
20619
+ "name": "rhcCodeInputGroupColumnGap",
20620
+ "attributes": {
20621
+ "category": "rhc",
20622
+ "type": "code-input-group",
20623
+ "item": "column-gap"
20624
+ },
20625
+ "path": [
20626
+ "rhc",
20627
+ "code-input-group",
20628
+ "column-gap"
20629
+ ]
20630
+ }
20631
+ },
20539
20632
  "checkbox-group": {
20540
20633
  "padding-block-end": {
20541
20634
  "value": "0.5rem",
@@ -27676,53 +27769,5 @@ module.exports = {
27676
27769
  }
27677
27770
  }
27678
27771
  }
27679
- },
27680
- "todo": {
27681
- "code-input": {
27682
- "size": {
27683
- "value": "48px",
27684
- "type": "spacing",
27685
- "filePath": "src/generated/figma.tokens.json",
27686
- "isSource": true,
27687
- "original": {
27688
- "value": "48px",
27689
- "type": "spacing"
27690
- },
27691
- "name": "todoCodeInputSize",
27692
- "attributes": {
27693
- "category": "todo",
27694
- "type": "code-input",
27695
- "item": "size"
27696
- },
27697
- "path": [
27698
- "todo",
27699
- "code-input",
27700
- "size"
27701
- ]
27702
- }
27703
- },
27704
- "code-input-group": {
27705
- "column-gap": {
27706
- "value": "0.5rem",
27707
- "type": "spacing",
27708
- "filePath": "src/generated/figma.tokens.json",
27709
- "isSource": true,
27710
- "original": {
27711
- "value": "0.5rem",
27712
- "type": "spacing"
27713
- },
27714
- "name": "todoCodeInputGroupColumnGap",
27715
- "attributes": {
27716
- "category": "todo",
27717
- "type": "code-input-group",
27718
- "item": "column-gap"
27719
- },
27720
- "path": [
27721
- "todo",
27722
- "code-input-group",
27723
- "column-gap"
27724
- ]
27725
- }
27726
- }
27727
27772
  }
27728
27773
  };
@@ -1,9 +1,7 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 05 Dec 2024 09:01:29 GMT
3
+ // Generated on Tue, 10 Dec 2024 09:19:20 GMT
4
4
 
5
- @todo-code-input-group-column-gap: 0.5rem;
6
- @todo-code-input-size: 48px;
7
5
  @rhc-sub-nav-bar-content-list-row-gap: 0.5rem;
8
6
  @rhc-sub-nav-bar-content-max-inline-size: 1280px;
9
7
  @rhc-sub-nav-bar-content-padding-inline-start: 1rem;
@@ -302,20 +300,25 @@
302
300
  @rhc-checkbox-group-row-gap: 1rem;
303
301
  @rhc-checkbox-group-padding-block-start: 0.5rem;
304
302
  @rhc-checkbox-group-padding-block-end: 0.5rem;
303
+ @rhc-code-input-group-column-gap: 0.5rem;
304
+ @rhc-code-input-size: 48px;
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;