@rijkshuisstijl-community/design-tokens 1.0.0-alpha.158 → 1.0.0-alpha.159

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 (53) hide show
  1. package/dist/_variables.scss +6 -2
  2. package/dist/index.css +6 -2
  3. package/dist/index.d.ts +5 -1
  4. package/dist/index.js +6 -2
  5. package/dist/index.json +5 -1
  6. package/dist/index.tokens.json +10 -2
  7. package/dist/root.css +6 -2
  8. package/dist/tokens.d.ts +10 -2
  9. package/dist/tokens.js +101 -3
  10. package/dist/uitvoerend-mintgroen-focus/_variables.scss +6 -2
  11. package/dist/uitvoerend-mintgroen-focus/index.css +6 -2
  12. package/dist/uitvoerend-mintgroen-focus/index.d.ts +5 -1
  13. package/dist/uitvoerend-mintgroen-focus/index.js +6 -2
  14. package/dist/uitvoerend-mintgroen-focus/index.json +5 -1
  15. package/dist/uitvoerend-mintgroen-focus/index.tokens.json +10 -2
  16. package/dist/uitvoerend-mintgroen-focus/root.css +6 -2
  17. package/dist/uitvoerend-mintgroen-focus/tokens.d.ts +10 -2
  18. package/dist/uitvoerend-mintgroen-focus/tokens.js +101 -3
  19. package/dist/uitvoerend-violet/_variables.scss +6 -2
  20. package/dist/uitvoerend-violet/index.css +6 -2
  21. package/dist/uitvoerend-violet/index.d.ts +5 -1
  22. package/dist/uitvoerend-violet/index.js +6 -2
  23. package/dist/uitvoerend-violet/index.json +5 -1
  24. package/dist/uitvoerend-violet/index.tokens.json +10 -2
  25. package/dist/uitvoerend-violet/root.css +6 -2
  26. package/dist/uitvoerend-violet/tokens.d.ts +10 -2
  27. package/dist/uitvoerend-violet/tokens.js +101 -3
  28. package/dist/uitvoerend-violet-oud/_variables.scss +6 -2
  29. package/dist/uitvoerend-violet-oud/index.css +6 -2
  30. package/dist/uitvoerend-violet-oud/index.d.ts +5 -1
  31. package/dist/uitvoerend-violet-oud/index.js +6 -2
  32. package/dist/uitvoerend-violet-oud/index.json +5 -1
  33. package/dist/uitvoerend-violet-oud/index.tokens.json +10 -2
  34. package/dist/uitvoerend-violet-oud/root.css +6 -2
  35. package/dist/uitvoerend-violet-oud/tokens.d.ts +10 -2
  36. package/dist/uitvoerend-violet-oud/tokens.js +101 -3
  37. package/dist/wetgevend/_variables.scss +6 -2
  38. package/dist/wetgevend/index.css +6 -2
  39. package/dist/wetgevend/index.d.ts +5 -1
  40. package/dist/wetgevend/index.js +6 -2
  41. package/dist/wetgevend/index.json +5 -1
  42. package/dist/wetgevend/index.tokens.json +10 -2
  43. package/dist/wetgevend/root.css +6 -2
  44. package/dist/wetgevend/tokens.d.ts +10 -2
  45. package/dist/wetgevend/tokens.js +101 -3
  46. package/figma/figma.tokens.json +21 -1
  47. package/package.json +2 -2
  48. package/src/generated/base.tokens.json +21 -1
  49. package/src/generated/themes.json +84 -4
  50. package/src/generated/uitvoerend-mintgroen-focus/tokens.json +21 -1
  51. package/src/generated/uitvoerend-violet/tokens.json +21 -1
  52. package/src/generated/uitvoerend-violet-oud/tokens.json +21 -1
  53. package/src/generated/wetgevend/tokens.json +21 -1
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 14 Feb 2025 16:26:07 GMT
3
+ // Generated on Mon, 17 Feb 2025 10:28:58 GMT
4
4
 
5
5
  $nl-number-badge-padding-block: 0.5rem;
6
6
  $nl-number-badge-padding-inline: 0.5rem;
@@ -865,9 +865,13 @@ $rhc-page-footer-padding-inline-end: 2.5rem;
865
865
  $rhc-page-footer-padding-inline-start: 2.5rem;
866
866
  $rhc-page-footer-padding-block-end: 2.5rem;
867
867
  $rhc-page-footer-padding-block-start: 2.5rem;
868
+ $rhc-page-footer-outlined-border-color: #a90061;
869
+ $rhc-page-footer-outlined-color: #a90061;
870
+ $rhc-page-footer-outlined-background-color: #fff;
868
871
  $rhc-page-footer-border-block-start-style: solid;
869
- $rhc-page-footer-border-block-start-color: #a90061;
872
+ $rhc-page-footer-border-block-start-color: #738eab;
870
873
  $rhc-page-footer-border-block-start-width: 2px;
874
+ $rhc-page-footer-content-column-gap: 2rem;
871
875
  $rhc-page-footer-content-padding-inline-end: 1rem;
872
876
  $rhc-page-footer-content-padding-inline-start: 1rem;
873
877
  $rhc-page-footer-content-max-inline-size: 1280px;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Feb 2025 16:26:07 GMT
3
+ * Generated on Mon, 17 Feb 2025 10:28:58 GMT
4
4
  */
5
5
 
6
6
  .uitvoerend-violet {
@@ -867,9 +867,13 @@
867
867
  --rhc-page-footer-padding-inline-start: 2.5rem;
868
868
  --rhc-page-footer-padding-block-end: 2.5rem;
869
869
  --rhc-page-footer-padding-block-start: 2.5rem;
870
+ --rhc-page-footer-outlined-border-color: #a90061;
871
+ --rhc-page-footer-outlined-color: #a90061;
872
+ --rhc-page-footer-outlined-background-color: #fff;
870
873
  --rhc-page-footer-border-block-start-style: solid;
871
- --rhc-page-footer-border-block-start-color: #a90061;
874
+ --rhc-page-footer-border-block-start-color: #738eab;
872
875
  --rhc-page-footer-border-block-start-width: 2px;
876
+ --rhc-page-footer-content-column-gap: 2rem;
873
877
  --rhc-page-footer-content-padding-inline-end: 1rem;
874
878
  --rhc-page-footer-content-padding-inline-start: 1rem;
875
879
  --rhc-page-footer-content-max-inline-size: 1280px;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Feb 2025 16:26:07 GMT
3
+ * Generated on Mon, 17 Feb 2025 10:28:58 GMT
4
4
  */
5
5
 
6
6
  export const rhcColorPrimary50 : string;
@@ -327,9 +327,13 @@ export const rhcPageFooterColumnTitleMarginBlockEnd : string;
327
327
  export const rhcPageFooterContentMaxInlineSize : string;
328
328
  export const rhcPageFooterContentPaddingInlineStart : string;
329
329
  export const rhcPageFooterContentPaddingInlineEnd : string;
330
+ export const rhcPageFooterContentColumnGap : string;
330
331
  export const rhcPageFooterBorderBlockStartWidth : string;
331
332
  export const rhcPageFooterBorderBlockStartColor : string;
332
333
  export const rhcPageFooterBorderBlockStartStyle : string;
334
+ export const rhcPageFooterOutlinedBackgroundColor : string;
335
+ export const rhcPageFooterOutlinedColor : string;
336
+ export const rhcPageFooterOutlinedBorderColor : string;
333
337
  export const rhcPageFooterPaddingBlockStart : string;
334
338
  export const rhcPageFooterPaddingBlockEnd : string;
335
339
  export const rhcPageFooterPaddingInlineStart : string;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Feb 2025 16:26:07 GMT
3
+ * Generated on Mon, 17 Feb 2025 10:28:58 GMT
4
4
  */
5
5
 
6
6
  export const rhcColorPrimary50 = "#f2d9e7";
@@ -327,9 +327,13 @@ export const rhcPageFooterColumnTitleMarginBlockEnd = "0.75rem";
327
327
  export const rhcPageFooterContentMaxInlineSize = "1280px";
328
328
  export const rhcPageFooterContentPaddingInlineStart = "1rem";
329
329
  export const rhcPageFooterContentPaddingInlineEnd = "1rem";
330
+ export const rhcPageFooterContentColumnGap = "2rem";
330
331
  export const rhcPageFooterBorderBlockStartWidth = "2px";
331
- export const rhcPageFooterBorderBlockStartColor = "#a90061";
332
+ export const rhcPageFooterBorderBlockStartColor = "#738eab";
332
333
  export const rhcPageFooterBorderBlockStartStyle = "solid";
334
+ export const rhcPageFooterOutlinedBackgroundColor = "#fff";
335
+ export const rhcPageFooterOutlinedColor = "#a90061";
336
+ export const rhcPageFooterOutlinedBorderColor = "#a90061";
333
337
  export const rhcPageFooterPaddingBlockStart = "2.5rem";
334
338
  export const rhcPageFooterPaddingBlockEnd = "2.5rem";
335
339
  export const rhcPageFooterPaddingInlineStart = "2.5rem";
@@ -323,9 +323,13 @@
323
323
  "rhcPageFooterContentMaxInlineSize": "1280px",
324
324
  "rhcPageFooterContentPaddingInlineStart": "1rem",
325
325
  "rhcPageFooterContentPaddingInlineEnd": "1rem",
326
+ "rhcPageFooterContentColumnGap": "2rem",
326
327
  "rhcPageFooterBorderBlockStartWidth": "2px",
327
- "rhcPageFooterBorderBlockStartColor": "#a90061",
328
+ "rhcPageFooterBorderBlockStartColor": "#738eab",
328
329
  "rhcPageFooterBorderBlockStartStyle": "solid",
330
+ "rhcPageFooterOutlinedBackgroundColor": "#fff",
331
+ "rhcPageFooterOutlinedColor": "#a90061",
332
+ "rhcPageFooterOutlinedBorderColor": "#a90061",
329
333
  "rhcPageFooterPaddingBlockStart": "2.5rem",
330
334
  "rhcPageFooterPaddingBlockEnd": "2.5rem",
331
335
  "rhcPageFooterPaddingInlineStart": "2.5rem",
@@ -505,15 +505,23 @@
505
505
  "content": {
506
506
  "max-inline-size": "1280px",
507
507
  "padding-inline-start": "1rem",
508
- "padding-inline-end": "1rem"
508
+ "padding-inline-end": "1rem",
509
+ "column-gap": "2rem"
509
510
  },
510
511
  "border": {
511
512
  "block-start": {
512
513
  "width": "2px",
513
- "color": "#a90061",
514
+ "color": "#738eab",
514
515
  "style": "solid"
515
516
  }
516
517
  },
518
+ "outlined": {
519
+ "background-color": "#fff",
520
+ "color": "#a90061",
521
+ "border": {
522
+ "color": "#a90061"
523
+ }
524
+ },
517
525
  "padding": {
518
526
  "block-start": "2.5rem",
519
527
  "block-end": "2.5rem",
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Feb 2025 16:26:07 GMT
3
+ * Generated on Mon, 17 Feb 2025 10:28:58 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -867,9 +867,13 @@
867
867
  --rhc-page-footer-padding-inline-start: 2.5rem;
868
868
  --rhc-page-footer-padding-block-end: 2.5rem;
869
869
  --rhc-page-footer-padding-block-start: 2.5rem;
870
+ --rhc-page-footer-outlined-border-color: #a90061;
871
+ --rhc-page-footer-outlined-color: #a90061;
872
+ --rhc-page-footer-outlined-background-color: #fff;
870
873
  --rhc-page-footer-border-block-start-style: solid;
871
- --rhc-page-footer-border-block-start-color: #a90061;
874
+ --rhc-page-footer-border-block-start-color: #738eab;
872
875
  --rhc-page-footer-border-block-start-width: 2px;
876
+ --rhc-page-footer-content-column-gap: 2rem;
873
877
  --rhc-page-footer-content-padding-inline-end: 1rem;
874
878
  --rhc-page-footer-content-padding-inline-start: 1rem;
875
879
  --rhc-page-footer-content-max-inline-size: 1280px;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Feb 2025 16:26:07 GMT
3
+ * Generated on Mon, 17 Feb 2025 10:28:58 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
@@ -528,7 +528,8 @@ declare const tokens: {
528
528
  "content": {
529
529
  "max-inline-size": DesignToken,
530
530
  "padding-inline-start": DesignToken,
531
- "padding-inline-end": DesignToken
531
+ "padding-inline-end": DesignToken,
532
+ "column-gap": DesignToken
532
533
  },
533
534
  "border": {
534
535
  "block-start": {
@@ -537,6 +538,13 @@ declare const tokens: {
537
538
  "style": DesignToken
538
539
  }
539
540
  },
541
+ "outlined": {
542
+ "background-color": DesignToken,
543
+ "color": DesignToken,
544
+ "border": {
545
+ "color": DesignToken
546
+ }
547
+ },
540
548
  "padding": {
541
549
  "block-start": DesignToken,
542
550
  "block-end": DesignToken,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Feb 2025 16:26:07 GMT
3
+ * Generated on Mon, 17 Feb 2025 10:28:58 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -7880,6 +7880,29 @@ module.exports = {
7880
7880
  "content",
7881
7881
  "padding-inline-end"
7882
7882
  ]
7883
+ },
7884
+ "column-gap": {
7885
+ "value": "2rem",
7886
+ "type": "spacing",
7887
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
7888
+ "isSource": true,
7889
+ "original": {
7890
+ "value": "2rem",
7891
+ "type": "spacing"
7892
+ },
7893
+ "name": "rhcPageFooterContentColumnGap",
7894
+ "attributes": {
7895
+ "category": "rhc",
7896
+ "type": "page-footer",
7897
+ "item": "content",
7898
+ "subitem": "column-gap"
7899
+ },
7900
+ "path": [
7901
+ "rhc",
7902
+ "page-footer",
7903
+ "content",
7904
+ "column-gap"
7905
+ ]
7883
7906
  }
7884
7907
  },
7885
7908
  "border": {
@@ -7910,12 +7933,12 @@ module.exports = {
7910
7933
  ]
7911
7934
  },
7912
7935
  "color": {
7913
- "value": "#a90061",
7936
+ "value": "#738eab",
7914
7937
  "type": "color",
7915
7938
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
7916
7939
  "isSource": true,
7917
7940
  "original": {
7918
- "value": "#a90061",
7941
+ "value": "#738eab",
7919
7942
  "type": "color"
7920
7943
  },
7921
7944
  "name": "rhcPageFooterBorderBlockStartColor",
@@ -7961,6 +7984,81 @@ module.exports = {
7961
7984
  }
7962
7985
  }
7963
7986
  },
7987
+ "outlined": {
7988
+ "background-color": {
7989
+ "value": "#fff",
7990
+ "type": "color",
7991
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
7992
+ "isSource": true,
7993
+ "original": {
7994
+ "value": "#fff",
7995
+ "type": "color"
7996
+ },
7997
+ "name": "rhcPageFooterOutlinedBackgroundColor",
7998
+ "attributes": {
7999
+ "category": "rhc",
8000
+ "type": "page-footer",
8001
+ "item": "outlined",
8002
+ "subitem": "background-color"
8003
+ },
8004
+ "path": [
8005
+ "rhc",
8006
+ "page-footer",
8007
+ "outlined",
8008
+ "background-color"
8009
+ ]
8010
+ },
8011
+ "color": {
8012
+ "value": "#a90061",
8013
+ "type": "color",
8014
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
8015
+ "isSource": true,
8016
+ "original": {
8017
+ "value": "#a90061",
8018
+ "type": "color"
8019
+ },
8020
+ "name": "rhcPageFooterOutlinedColor",
8021
+ "attributes": {
8022
+ "category": "rhc",
8023
+ "type": "page-footer",
8024
+ "item": "outlined",
8025
+ "subitem": "color"
8026
+ },
8027
+ "path": [
8028
+ "rhc",
8029
+ "page-footer",
8030
+ "outlined",
8031
+ "color"
8032
+ ]
8033
+ },
8034
+ "border": {
8035
+ "color": {
8036
+ "value": "#a90061",
8037
+ "type": "color",
8038
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
8039
+ "isSource": true,
8040
+ "original": {
8041
+ "value": "#a90061",
8042
+ "type": "color"
8043
+ },
8044
+ "name": "rhcPageFooterOutlinedBorderColor",
8045
+ "attributes": {
8046
+ "category": "rhc",
8047
+ "type": "page-footer",
8048
+ "item": "outlined",
8049
+ "subitem": "border",
8050
+ "state": "color"
8051
+ },
8052
+ "path": [
8053
+ "rhc",
8054
+ "page-footer",
8055
+ "outlined",
8056
+ "border",
8057
+ "color"
8058
+ ]
8059
+ }
8060
+ }
8061
+ },
7964
8062
  "padding": {
7965
8063
  "block-start": {
7966
8064
  "value": "2.5rem",
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 14 Feb 2025 16:26:07 GMT
3
+ // Generated on Mon, 17 Feb 2025 10:28:58 GMT
4
4
 
5
5
  $nl-number-badge-padding-block: 0.5rem;
6
6
  $nl-number-badge-padding-inline: 0.5rem;
@@ -860,9 +860,13 @@ $rhc-page-footer-padding-inline-end: 2.5rem;
860
860
  $rhc-page-footer-padding-inline-start: 2.5rem;
861
861
  $rhc-page-footer-padding-block-end: 2.5rem;
862
862
  $rhc-page-footer-padding-block-start: 2.5rem;
863
+ $rhc-page-footer-outlined-border-color: #a90061;
864
+ $rhc-page-footer-outlined-color: #a90061;
865
+ $rhc-page-footer-outlined-background-color: #fff;
863
866
  $rhc-page-footer-border-block-start-style: solid;
864
- $rhc-page-footer-border-block-start-color: #a90061;
867
+ $rhc-page-footer-border-block-start-color: #738eab;
865
868
  $rhc-page-footer-border-block-start-width: 2px;
869
+ $rhc-page-footer-content-column-gap: 2rem;
866
870
  $rhc-page-footer-content-padding-inline-end: 1rem;
867
871
  $rhc-page-footer-content-padding-inline-start: 1rem;
868
872
  $rhc-page-footer-content-max-inline-size: 1280px;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Feb 2025 16:26:07 GMT
3
+ * Generated on Mon, 17 Feb 2025 10:28:58 GMT
4
4
  */
5
5
 
6
6
  .uitvoerend-violet-oud {
@@ -862,9 +862,13 @@
862
862
  --rhc-page-footer-padding-inline-start: 2.5rem;
863
863
  --rhc-page-footer-padding-block-end: 2.5rem;
864
864
  --rhc-page-footer-padding-block-start: 2.5rem;
865
+ --rhc-page-footer-outlined-border-color: #a90061;
866
+ --rhc-page-footer-outlined-color: #a90061;
867
+ --rhc-page-footer-outlined-background-color: #fff;
865
868
  --rhc-page-footer-border-block-start-style: solid;
866
- --rhc-page-footer-border-block-start-color: #a90061;
869
+ --rhc-page-footer-border-block-start-color: #738eab;
867
870
  --rhc-page-footer-border-block-start-width: 2px;
871
+ --rhc-page-footer-content-column-gap: 2rem;
868
872
  --rhc-page-footer-content-padding-inline-end: 1rem;
869
873
  --rhc-page-footer-content-padding-inline-start: 1rem;
870
874
  --rhc-page-footer-content-max-inline-size: 1280px;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Feb 2025 16:26:07 GMT
3
+ * Generated on Mon, 17 Feb 2025 10:28:58 GMT
4
4
  */
5
5
 
6
6
  export const rhcColorPrimary50 : string;
@@ -332,9 +332,13 @@ export const rhcPageFooterColumnTitleMarginBlockEnd : string;
332
332
  export const rhcPageFooterContentMaxInlineSize : string;
333
333
  export const rhcPageFooterContentPaddingInlineStart : string;
334
334
  export const rhcPageFooterContentPaddingInlineEnd : string;
335
+ export const rhcPageFooterContentColumnGap : string;
335
336
  export const rhcPageFooterBorderBlockStartWidth : string;
336
337
  export const rhcPageFooterBorderBlockStartColor : string;
337
338
  export const rhcPageFooterBorderBlockStartStyle : string;
339
+ export const rhcPageFooterOutlinedBackgroundColor : string;
340
+ export const rhcPageFooterOutlinedColor : string;
341
+ export const rhcPageFooterOutlinedBorderColor : string;
338
342
  export const rhcPageFooterPaddingBlockStart : string;
339
343
  export const rhcPageFooterPaddingBlockEnd : string;
340
344
  export const rhcPageFooterPaddingInlineStart : string;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Feb 2025 16:26:07 GMT
3
+ * Generated on Mon, 17 Feb 2025 10:28:58 GMT
4
4
  */
5
5
 
6
6
  export const rhcColorPrimary50 = "#f2d9e7";
@@ -332,9 +332,13 @@ export const rhcPageFooterColumnTitleMarginBlockEnd = "0.75rem";
332
332
  export const rhcPageFooterContentMaxInlineSize = "1280px";
333
333
  export const rhcPageFooterContentPaddingInlineStart = "1rem";
334
334
  export const rhcPageFooterContentPaddingInlineEnd = "1rem";
335
+ export const rhcPageFooterContentColumnGap = "2rem";
335
336
  export const rhcPageFooterBorderBlockStartWidth = "2px";
336
- export const rhcPageFooterBorderBlockStartColor = "#a90061";
337
+ export const rhcPageFooterBorderBlockStartColor = "#738eab";
337
338
  export const rhcPageFooterBorderBlockStartStyle = "solid";
339
+ export const rhcPageFooterOutlinedBackgroundColor = "#fff";
340
+ export const rhcPageFooterOutlinedColor = "#a90061";
341
+ export const rhcPageFooterOutlinedBorderColor = "#a90061";
338
342
  export const rhcPageFooterPaddingBlockStart = "2.5rem";
339
343
  export const rhcPageFooterPaddingBlockEnd = "2.5rem";
340
344
  export const rhcPageFooterPaddingInlineStart = "2.5rem";
@@ -328,9 +328,13 @@
328
328
  "rhcPageFooterContentMaxInlineSize": "1280px",
329
329
  "rhcPageFooterContentPaddingInlineStart": "1rem",
330
330
  "rhcPageFooterContentPaddingInlineEnd": "1rem",
331
+ "rhcPageFooterContentColumnGap": "2rem",
331
332
  "rhcPageFooterBorderBlockStartWidth": "2px",
332
- "rhcPageFooterBorderBlockStartColor": "#a90061",
333
+ "rhcPageFooterBorderBlockStartColor": "#738eab",
333
334
  "rhcPageFooterBorderBlockStartStyle": "solid",
335
+ "rhcPageFooterOutlinedBackgroundColor": "#fff",
336
+ "rhcPageFooterOutlinedColor": "#a90061",
337
+ "rhcPageFooterOutlinedBorderColor": "#a90061",
334
338
  "rhcPageFooterPaddingBlockStart": "2.5rem",
335
339
  "rhcPageFooterPaddingBlockEnd": "2.5rem",
336
340
  "rhcPageFooterPaddingInlineStart": "2.5rem",
@@ -512,15 +512,23 @@
512
512
  "content": {
513
513
  "max-inline-size": "1280px",
514
514
  "padding-inline-start": "1rem",
515
- "padding-inline-end": "1rem"
515
+ "padding-inline-end": "1rem",
516
+ "column-gap": "2rem"
516
517
  },
517
518
  "border": {
518
519
  "block-start": {
519
520
  "width": "2px",
520
- "color": "#a90061",
521
+ "color": "#738eab",
521
522
  "style": "solid"
522
523
  }
523
524
  },
525
+ "outlined": {
526
+ "background-color": "#fff",
527
+ "color": "#a90061",
528
+ "border": {
529
+ "color": "#a90061"
530
+ }
531
+ },
524
532
  "padding": {
525
533
  "block-start": "2.5rem",
526
534
  "block-end": "2.5rem",
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Feb 2025 16:26:07 GMT
3
+ * Generated on Mon, 17 Feb 2025 10:28:58 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -862,9 +862,13 @@
862
862
  --rhc-page-footer-padding-inline-start: 2.5rem;
863
863
  --rhc-page-footer-padding-block-end: 2.5rem;
864
864
  --rhc-page-footer-padding-block-start: 2.5rem;
865
+ --rhc-page-footer-outlined-border-color: #a90061;
866
+ --rhc-page-footer-outlined-color: #a90061;
867
+ --rhc-page-footer-outlined-background-color: #fff;
865
868
  --rhc-page-footer-border-block-start-style: solid;
866
- --rhc-page-footer-border-block-start-color: #a90061;
869
+ --rhc-page-footer-border-block-start-color: #738eab;
867
870
  --rhc-page-footer-border-block-start-width: 2px;
871
+ --rhc-page-footer-content-column-gap: 2rem;
868
872
  --rhc-page-footer-content-padding-inline-end: 1rem;
869
873
  --rhc-page-footer-content-padding-inline-start: 1rem;
870
874
  --rhc-page-footer-content-max-inline-size: 1280px;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Feb 2025 16:26:07 GMT
3
+ * Generated on Mon, 17 Feb 2025 10:28:58 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
@@ -535,7 +535,8 @@ declare const tokens: {
535
535
  "content": {
536
536
  "max-inline-size": DesignToken,
537
537
  "padding-inline-start": DesignToken,
538
- "padding-inline-end": DesignToken
538
+ "padding-inline-end": DesignToken,
539
+ "column-gap": DesignToken
539
540
  },
540
541
  "border": {
541
542
  "block-start": {
@@ -544,6 +545,13 @@ declare const tokens: {
544
545
  "style": DesignToken
545
546
  }
546
547
  },
548
+ "outlined": {
549
+ "background-color": DesignToken,
550
+ "color": DesignToken,
551
+ "border": {
552
+ "color": DesignToken
553
+ }
554
+ },
547
555
  "padding": {
548
556
  "block-start": DesignToken,
549
557
  "block-end": DesignToken,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Feb 2025 16:26:07 GMT
3
+ * Generated on Mon, 17 Feb 2025 10:28:58 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -7991,6 +7991,29 @@ module.exports = {
7991
7991
  "content",
7992
7992
  "padding-inline-end"
7993
7993
  ]
7994
+ },
7995
+ "column-gap": {
7996
+ "value": "2rem",
7997
+ "type": "spacing",
7998
+ "filePath": "src/generated/uitvoerend-violet-oud/tokens.json",
7999
+ "isSource": true,
8000
+ "original": {
8001
+ "value": "2rem",
8002
+ "type": "spacing"
8003
+ },
8004
+ "name": "rhcPageFooterContentColumnGap",
8005
+ "attributes": {
8006
+ "category": "rhc",
8007
+ "type": "page-footer",
8008
+ "item": "content",
8009
+ "subitem": "column-gap"
8010
+ },
8011
+ "path": [
8012
+ "rhc",
8013
+ "page-footer",
8014
+ "content",
8015
+ "column-gap"
8016
+ ]
7994
8017
  }
7995
8018
  },
7996
8019
  "border": {
@@ -8021,12 +8044,12 @@ module.exports = {
8021
8044
  ]
8022
8045
  },
8023
8046
  "color": {
8024
- "value": "#a90061",
8047
+ "value": "#738eab",
8025
8048
  "type": "color",
8026
8049
  "filePath": "src/generated/uitvoerend-violet-oud/tokens.json",
8027
8050
  "isSource": true,
8028
8051
  "original": {
8029
- "value": "#a90061",
8052
+ "value": "#738eab",
8030
8053
  "type": "color"
8031
8054
  },
8032
8055
  "name": "rhcPageFooterBorderBlockStartColor",
@@ -8072,6 +8095,81 @@ module.exports = {
8072
8095
  }
8073
8096
  }
8074
8097
  },
8098
+ "outlined": {
8099
+ "background-color": {
8100
+ "value": "#fff",
8101
+ "type": "color",
8102
+ "filePath": "src/generated/uitvoerend-violet-oud/tokens.json",
8103
+ "isSource": true,
8104
+ "original": {
8105
+ "value": "#fff",
8106
+ "type": "color"
8107
+ },
8108
+ "name": "rhcPageFooterOutlinedBackgroundColor",
8109
+ "attributes": {
8110
+ "category": "rhc",
8111
+ "type": "page-footer",
8112
+ "item": "outlined",
8113
+ "subitem": "background-color"
8114
+ },
8115
+ "path": [
8116
+ "rhc",
8117
+ "page-footer",
8118
+ "outlined",
8119
+ "background-color"
8120
+ ]
8121
+ },
8122
+ "color": {
8123
+ "value": "#a90061",
8124
+ "type": "color",
8125
+ "filePath": "src/generated/uitvoerend-violet-oud/tokens.json",
8126
+ "isSource": true,
8127
+ "original": {
8128
+ "value": "#a90061",
8129
+ "type": "color"
8130
+ },
8131
+ "name": "rhcPageFooterOutlinedColor",
8132
+ "attributes": {
8133
+ "category": "rhc",
8134
+ "type": "page-footer",
8135
+ "item": "outlined",
8136
+ "subitem": "color"
8137
+ },
8138
+ "path": [
8139
+ "rhc",
8140
+ "page-footer",
8141
+ "outlined",
8142
+ "color"
8143
+ ]
8144
+ },
8145
+ "border": {
8146
+ "color": {
8147
+ "value": "#a90061",
8148
+ "type": "color",
8149
+ "filePath": "src/generated/uitvoerend-violet-oud/tokens.json",
8150
+ "isSource": true,
8151
+ "original": {
8152
+ "value": "#a90061",
8153
+ "type": "color"
8154
+ },
8155
+ "name": "rhcPageFooterOutlinedBorderColor",
8156
+ "attributes": {
8157
+ "category": "rhc",
8158
+ "type": "page-footer",
8159
+ "item": "outlined",
8160
+ "subitem": "border",
8161
+ "state": "color"
8162
+ },
8163
+ "path": [
8164
+ "rhc",
8165
+ "page-footer",
8166
+ "outlined",
8167
+ "border",
8168
+ "color"
8169
+ ]
8170
+ }
8171
+ }
8172
+ },
8075
8173
  "padding": {
8076
8174
  "block-start": {
8077
8175
  "value": "2.5rem",