@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.
Files changed (13) hide show
  1. package/dist/_variables.scss +15 -12
  2. package/dist/index.css +15 -12
  3. package/dist/index.d.ts +15 -12
  4. package/dist/index.js +15 -12
  5. package/dist/index.json +14 -11
  6. package/dist/index.tokens.json +21 -16
  7. package/dist/root.css +15 -12
  8. package/dist/tokens.d.ts +22 -17
  9. package/dist/tokens.js +287 -240
  10. package/dist/variables.less +15 -12
  11. package/figma/figma.tokens.json +79 -65
  12. package/package.json +2 -2
  13. package/src/generated/figma.tokens.json +77 -63
package/dist/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 03 Dec 2024 15:40:07 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 Tue, 03 Dec 2024 15:40:07 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 Tue, 03 Dec 2024 15:40:07 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 Tue, 03 Dec 2024 15:40:07 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",
package/dist/index.tokens.json CHANGED
@@ -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 Tue, 03 Dec 2024 15:40:07 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 Tue, 03 Dec 2024 15:40:08 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": {