@rijkshuisstijl-community/design-tokens 1.0.0-alpha.43 → 1.0.0-alpha.45

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.
Files changed (13) hide show
  1. package/dist/_variables.scss +4 -1
  2. package/dist/index.css +4 -1
  3. package/dist/index.d.ts +4 -1
  4. package/dist/index.js +4 -1
  5. package/dist/index.json +3 -0
  6. package/dist/index.tokens.json +11 -2
  7. package/dist/root.css +4 -1
  8. package/dist/tokens.d.ts +12 -3
  9. package/dist/tokens.js +76 -1
  10. package/dist/variables.less +4 -1
  11. package/figma/figma.tokens.json +18 -0
  12. package/package.json +2 -2
  13. package/src/generated/figma.tokens.json +18 -0
package/dist/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 30 Oct 2024 13:28:29 GMT
3
+ // Generated on Thu, 31 Oct 2024 14:38:45 GMT
4
4
 
5
5
  $rhc-space-700: 3.5rem;
6
6
  $rhc-space-600: 3rem;
@@ -273,7 +273,10 @@ $rhc-page-footer-border-block-start-width: 2px;
273
273
  $rhc-page-footer-column-title-margin-block-end: 0.75rem;
274
274
  $rhc-page-footer-column-width: 200px;
275
275
  $rhc-page-footer-column-gap: 1.5rem;
276
+ $rhc-form-field-checkbox-option-margin-block-end: 0;
276
277
  $rhc-form-field-checkbox-option-column-gap: 0.5rem;
278
+ $rhc-form-field-radio-option-input-margin-block-start: 0.25rem;
279
+ $rhc-form-field-radio-option-label-margin-block-end: 0;
277
280
  $rhc-form-field-radio-option-row-gap: 0.5rem;
278
281
  $rhc-form-field-radio-option-font-weight: 400;
279
282
  $rhc-form-field-radio-option-column-gap: 0.5rem;
package/dist/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 30 Oct 2024 13:28:29 GMT
3
+ * Generated on Thu, 31 Oct 2024 14:38:44 GMT
4
4
  */
5
5
 
6
6
  .rhc-theme {
@@ -275,7 +275,10 @@
275
275
  --rhc-page-footer-column-title-margin-block-end: 0.75rem;
276
276
  --rhc-page-footer-column-width: 200px;
277
277
  --rhc-page-footer-column-gap: 1.5rem;
278
+ --rhc-form-field-checkbox-option-margin-block-end: 0;
278
279
  --rhc-form-field-checkbox-option-column-gap: 0.5rem;
280
+ --rhc-form-field-radio-option-input-margin-block-start: 0.25rem;
281
+ --rhc-form-field-radio-option-label-margin-block-end: 0;
279
282
  --rhc-form-field-radio-option-row-gap: 0.5rem;
280
283
  --rhc-form-field-radio-option-font-weight: 400;
281
284
  --rhc-form-field-radio-option-column-gap: 0.5rem;
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 30 Oct 2024 13:28:29 GMT
3
+ * Generated on Thu, 31 Oct 2024 14:38:45 GMT
4
4
  */
5
5
 
6
6
  export const utrechtActionActivateCursor : string;
@@ -843,7 +843,10 @@ export const rhcHeroInlineSize : string;
843
843
  export const rhcFormFieldRadioOptionColumnGap : string;
844
844
  export const rhcFormFieldRadioOptionFontWeight : number;
845
845
  export const rhcFormFieldRadioOptionRowGap : string;
846
+ export const rhcFormFieldRadioOptionLabelMarginBlockEnd : number;
847
+ export const rhcFormFieldRadioOptionInputMarginBlockStart : string;
846
848
  export const rhcFormFieldCheckboxOptionColumnGap : string;
849
+ export const rhcFormFieldCheckboxOptionMarginBlockEnd : number;
847
850
  export const rhcPageFooterColumnGap : string;
848
851
  export const rhcPageFooterColumnWidth : string;
849
852
  export const rhcPageFooterColumnTitleMarginBlockEnd : string;
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 30 Oct 2024 13:28:29 GMT
3
+ * Generated on Thu, 31 Oct 2024 14:38:44 GMT
4
4
  */
5
5
 
6
6
  export const utrechtActionActivateCursor = "pointer";
@@ -842,7 +842,10 @@ export const rhcHeroInlineSize = "100%";
842
842
  export const rhcFormFieldRadioOptionColumnGap = "0.5rem";
843
843
  export const rhcFormFieldRadioOptionFontWeight = 400;
844
844
  export const rhcFormFieldRadioOptionRowGap = "0.5rem";
845
+ export const rhcFormFieldRadioOptionLabelMarginBlockEnd = 0;
846
+ export const rhcFormFieldRadioOptionInputMarginBlockStart = "0.25rem";
845
847
  export const rhcFormFieldCheckboxOptionColumnGap = "0.5rem";
848
+ export const rhcFormFieldCheckboxOptionMarginBlockEnd = 0;
846
849
  export const rhcPageFooterColumnGap = "1.5rem";
847
850
  export const rhcPageFooterColumnWidth = "200px";
848
851
  export const rhcPageFooterColumnTitleMarginBlockEnd = "0.75rem";
package/dist/index.json CHANGED
@@ -838,7 +838,10 @@
838
838
  "rhcFormFieldRadioOptionColumnGap": "0.5rem",
839
839
  "rhcFormFieldRadioOptionFontWeight": 400,
840
840
  "rhcFormFieldRadioOptionRowGap": "0.5rem",
841
+ "rhcFormFieldRadioOptionLabelMarginBlockEnd": 0,
842
+ "rhcFormFieldRadioOptionInputMarginBlockStart": "0.25rem",
841
843
  "rhcFormFieldCheckboxOptionColumnGap": "0.5rem",
844
+ "rhcFormFieldCheckboxOptionMarginBlockEnd": 0,
842
845
  "rhcPageFooterColumnGap": "1.5rem",
843
846
  "rhcPageFooterColumnWidth": "200px",
844
847
  "rhcPageFooterColumnTitleMarginBlockEnd": "0.75rem",
package/dist/index.tokens.json CHANGED
@@ -1300,10 +1300,19 @@
1300
1300
  "form-field-radio-option": {
1301
1301
  "column-gap": "0.5rem",
1302
1302
  "font-weight": 400,
1303
- "row-gap": "0.5rem"
1303
+ "row-gap": "0.5rem",
1304
+ "label": {
1305
+ "margin-block-end": 0
1306
+ },
1307
+ "input": {
1308
+ "margin": {
1309
+ "block-start": "0.25rem"
1310
+ }
1311
+ }
1304
1312
  },
1305
1313
  "form-field-checkbox-option": {
1306
- "column-gap": "0.5rem"
1314
+ "column-gap": "0.5rem",
1315
+ "margin-block-end": 0
1307
1316
  },
1308
1317
  "page-footer": {
1309
1318
  "column-gap": "1.5rem",
package/dist/root.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 30 Oct 2024 13:28:29 GMT
3
+ * Generated on Thu, 31 Oct 2024 14:38:44 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -275,7 +275,10 @@
275
275
  --rhc-page-footer-column-title-margin-block-end: 0.75rem;
276
276
  --rhc-page-footer-column-width: 200px;
277
277
  --rhc-page-footer-column-gap: 1.5rem;
278
+ --rhc-form-field-checkbox-option-margin-block-end: 0;
278
279
  --rhc-form-field-checkbox-option-column-gap: 0.5rem;
280
+ --rhc-form-field-radio-option-input-margin-block-start: 0.25rem;
281
+ --rhc-form-field-radio-option-label-margin-block-end: 0;
279
282
  --rhc-form-field-radio-option-row-gap: 0.5rem;
280
283
  --rhc-form-field-radio-option-font-weight: 400;
281
284
  --rhc-form-field-radio-option-column-gap: 0.5rem;
package/dist/tokens.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 30 Oct 2024 13:28:29 GMT
3
+ * Generated on Thu, 31 Oct 2024 14:38:45 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
@@ -1323,10 +1323,19 @@ declare const tokens: {
1323
1323
  "form-field-radio-option": {
1324
1324
  "column-gap": DesignToken,
1325
1325
  "font-weight": DesignToken,
1326
- "row-gap": DesignToken
1326
+ "row-gap": DesignToken,
1327
+ "label": {
1328
+ "margin-block-end": DesignToken
1329
+ },
1330
+ "input": {
1331
+ "margin": {
1332
+ "block-start": DesignToken
1333
+ }
1334
+ }
1327
1335
  },
1328
1336
  "form-field-checkbox-option": {
1329
- "column-gap": DesignToken
1337
+ "column-gap": DesignToken,
1338
+ "margin-block-end": DesignToken
1330
1339
  },
1331
1340
  "page-footer": {
1332
1341
  "column-gap": DesignToken,
package/dist/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 30 Oct 2024 13:28:29 GMT
3
+ * Generated on Thu, 31 Oct 2024 14:38:44 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -19599,6 +19599,60 @@ module.exports = {
19599
19599
  "form-field-radio-option",
19600
19600
  "row-gap"
19601
19601
  ]
19602
+ },
19603
+ "label": {
19604
+ "margin-block-end": {
19605
+ "value": 0,
19606
+ "type": "spacing",
19607
+ "filePath": "src/generated/figma.tokens.json",
19608
+ "isSource": true,
19609
+ "original": {
19610
+ "value": 0,
19611
+ "type": "spacing"
19612
+ },
19613
+ "name": "rhcFormFieldRadioOptionLabelMarginBlockEnd",
19614
+ "attributes": {
19615
+ "category": "rhc",
19616
+ "type": "form-field-radio-option",
19617
+ "item": "label",
19618
+ "subitem": "margin-block-end"
19619
+ },
19620
+ "path": [
19621
+ "rhc",
19622
+ "form-field-radio-option",
19623
+ "label",
19624
+ "margin-block-end"
19625
+ ]
19626
+ }
19627
+ },
19628
+ "input": {
19629
+ "margin": {
19630
+ "block-start": {
19631
+ "value": "0.25rem",
19632
+ "type": "spacing",
19633
+ "filePath": "src/generated/figma.tokens.json",
19634
+ "isSource": true,
19635
+ "original": {
19636
+ "value": "0.25rem",
19637
+ "type": "spacing"
19638
+ },
19639
+ "name": "rhcFormFieldRadioOptionInputMarginBlockStart",
19640
+ "attributes": {
19641
+ "category": "rhc",
19642
+ "type": "form-field-radio-option",
19643
+ "item": "input",
19644
+ "subitem": "margin",
19645
+ "state": "block-start"
19646
+ },
19647
+ "path": [
19648
+ "rhc",
19649
+ "form-field-radio-option",
19650
+ "input",
19651
+ "margin",
19652
+ "block-start"
19653
+ ]
19654
+ }
19655
+ }
19602
19656
  }
19603
19657
  },
19604
19658
  "form-field-checkbox-option": {
@@ -19622,6 +19676,27 @@ module.exports = {
19622
19676
  "form-field-checkbox-option",
19623
19677
  "column-gap"
19624
19678
  ]
19679
+ },
19680
+ "margin-block-end": {
19681
+ "value": 0,
19682
+ "type": "spacing",
19683
+ "filePath": "src/generated/figma.tokens.json",
19684
+ "isSource": true,
19685
+ "original": {
19686
+ "value": 0,
19687
+ "type": "spacing"
19688
+ },
19689
+ "name": "rhcFormFieldCheckboxOptionMarginBlockEnd",
19690
+ "attributes": {
19691
+ "category": "rhc",
19692
+ "type": "form-field-checkbox-option",
19693
+ "item": "margin-block-end"
19694
+ },
19695
+ "path": [
19696
+ "rhc",
19697
+ "form-field-checkbox-option",
19698
+ "margin-block-end"
19699
+ ]
19625
19700
  }
19626
19701
  },
19627
19702
  "page-footer": {
package/dist/variables.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 30 Oct 2024 13:28:29 GMT
3
+ // Generated on Thu, 31 Oct 2024 14:38:45 GMT
4
4
 
5
5
  @rhc-space-700: 3.5rem;
6
6
  @rhc-space-600: 3rem;
@@ -273,7 +273,10 @@
273
273
  @rhc-page-footer-column-title-margin-block-end: 0.75rem;
274
274
  @rhc-page-footer-column-width: 200px;
275
275
  @rhc-page-footer-column-gap: 1.5rem;
276
+ @rhc-form-field-checkbox-option-margin-block-end: 0;
276
277
  @rhc-form-field-checkbox-option-column-gap: 0.5rem;
278
+ @rhc-form-field-radio-option-input-margin-block-start: 0.25rem;
279
+ @rhc-form-field-radio-option-label-margin-block-end: 0;
277
280
  @rhc-form-field-radio-option-row-gap: 0.5rem;
278
281
  @rhc-form-field-radio-option-font-weight: 400;
279
282
  @rhc-form-field-radio-option-column-gap: 0.5rem;
package/figma/figma.tokens.json CHANGED
@@ -3319,6 +3319,10 @@
3319
3319
  "column-gap": {
3320
3320
  "value": "{rhc.space.100}",
3321
3321
  "type": "spacing"
3322
+ },
3323
+ "margin-block-end": {
3324
+ "value": "{rhc.space.0}",
3325
+ "type": "spacing"
3322
3326
  }
3323
3327
  }
3324
3328
  }
@@ -3469,6 +3473,20 @@
3469
3473
  "row-gap": {
3470
3474
  "value": "{rhc.space.100}",
3471
3475
  "type": "spacing"
3476
+ },
3477
+ "label": {
3478
+ "margin-block-end": {
3479
+ "value": "{rhc.space.0}",
3480
+ "type": "spacing"
3481
+ }
3482
+ },
3483
+ "input": {
3484
+ "margin": {
3485
+ "block-start": {
3486
+ "value": "{rhc.space.50}",
3487
+ "type": "spacing"
3488
+ }
3489
+ }
3472
3490
  }
3473
3491
  }
3474
3492
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rijkshuisstijl-community/design-tokens",
3
- "version": "1.0.0-alpha.43",
3
+ "version": "1.0.0-alpha.45",
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": "3fc922adfeaf327a79e320f44b7d4b444a551d37"
36
+ "gitHead": "15e862ab61272a37a209882d29c60d62dc530a5e"
37
37
  }
package/src/generated/figma.tokens.json CHANGED
@@ -3836,12 +3836,30 @@
3836
3836
  "row-gap": {
3837
3837
  "value": "0.5rem",
3838
3838
  "type": "spacing"
3839
+ },
3840
+ "label": {
3841
+ "margin-block-end": {
3842
+ "value": 0,
3843
+ "type": "spacing"
3844
+ }
3845
+ },
3846
+ "input": {
3847
+ "margin": {
3848
+ "block-start": {
3849
+ "value": "0.25rem",
3850
+ "type": "spacing"
3851
+ }
3852
+ }
3839
3853
  }
3840
3854
  },
3841
3855
  "form-field-checkbox-option": {
3842
3856
  "column-gap": {
3843
3857
  "value": "0.5rem",
3844
3858
  "type": "spacing"
3859
+ },
3860
+ "margin-block-end": {
3861
+ "value": 0,
3862
+ "type": "spacing"
3845
3863
  }
3846
3864
  },
3847
3865
  "page-footer": {