@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:06 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;
@@ -1017,9 +1017,13 @@ $rhc-page-footer-padding-inline-end: 2.5rem;
1017
1017
  $rhc-page-footer-padding-inline-start: 2.5rem;
1018
1018
  $rhc-page-footer-padding-block-end: 2.5rem;
1019
1019
  $rhc-page-footer-padding-block-start: 2.5rem;
1020
+ $rhc-page-footer-outlined-border-color: #154273;
1021
+ $rhc-page-footer-outlined-color: #154273;
1022
+ $rhc-page-footer-outlined-background-color: #fff;
1020
1023
  $rhc-page-footer-border-block-start-style: solid;
1021
- $rhc-page-footer-border-block-start-color: #154273;
1024
+ $rhc-page-footer-border-block-start-color: #738eab;
1022
1025
  $rhc-page-footer-border-block-start-width: 2px;
1026
+ $rhc-page-footer-content-column-gap: 2rem;
1023
1027
  $rhc-page-footer-content-padding-inline-end: 1rem;
1024
1028
  $rhc-page-footer-content-padding-inline-start: 1rem;
1025
1029
  $rhc-page-footer-content-max-inline-size: 1280px;
package/dist/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Feb 2025 16:26:06 GMT
3
+ * Generated on Mon, 17 Feb 2025 10:28:58 GMT
4
4
  */
5
5
 
6
6
  .rhc-theme {
@@ -1019,9 +1019,13 @@
1019
1019
  --rhc-page-footer-padding-inline-start: 2.5rem;
1020
1020
  --rhc-page-footer-padding-block-end: 2.5rem;
1021
1021
  --rhc-page-footer-padding-block-start: 2.5rem;
1022
+ --rhc-page-footer-outlined-border-color: #154273;
1023
+ --rhc-page-footer-outlined-color: #154273;
1024
+ --rhc-page-footer-outlined-background-color: #fff;
1022
1025
  --rhc-page-footer-border-block-start-style: solid;
1023
- --rhc-page-footer-border-block-start-color: #154273;
1026
+ --rhc-page-footer-border-block-start-color: #738eab;
1024
1027
  --rhc-page-footer-border-block-start-width: 2px;
1028
+ --rhc-page-footer-content-column-gap: 2rem;
1025
1029
  --rhc-page-footer-content-padding-inline-end: 1rem;
1026
1030
  --rhc-page-footer-content-padding-inline-start: 1rem;
1027
1031
  --rhc-page-footer-content-max-inline-size: 1280px;
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Feb 2025 16:26:06 GMT
3
+ * Generated on Mon, 17 Feb 2025 10:28:58 GMT
4
4
  */
5
5
 
6
6
  export const rhcSubNavBarBackgroundColor : string;
@@ -180,9 +180,13 @@ export const rhcPageFooterColumnTitleMarginBlockEnd : string;
180
180
  export const rhcPageFooterContentMaxInlineSize : string;
181
181
  export const rhcPageFooterContentPaddingInlineStart : string;
182
182
  export const rhcPageFooterContentPaddingInlineEnd : string;
183
+ export const rhcPageFooterContentColumnGap : string;
183
184
  export const rhcPageFooterBorderBlockStartWidth : string;
184
185
  export const rhcPageFooterBorderBlockStartColor : string;
185
186
  export const rhcPageFooterBorderBlockStartStyle : string;
187
+ export const rhcPageFooterOutlinedBackgroundColor : string;
188
+ export const rhcPageFooterOutlinedColor : string;
189
+ export const rhcPageFooterOutlinedBorderColor : string;
186
190
  export const rhcPageFooterPaddingBlockStart : string;
187
191
  export const rhcPageFooterPaddingBlockEnd : string;
188
192
  export const rhcPageFooterPaddingInlineStart : string;
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Feb 2025 16:26:06 GMT
3
+ * Generated on Mon, 17 Feb 2025 10:28:58 GMT
4
4
  */
5
5
 
6
6
  export const rhcSubNavBarBackgroundColor = "#f2f4f6";
@@ -180,9 +180,13 @@ export const rhcPageFooterColumnTitleMarginBlockEnd = "0.75rem";
180
180
  export const rhcPageFooterContentMaxInlineSize = "1280px";
181
181
  export const rhcPageFooterContentPaddingInlineStart = "1rem";
182
182
  export const rhcPageFooterContentPaddingInlineEnd = "1rem";
183
+ export const rhcPageFooterContentColumnGap = "2rem";
183
184
  export const rhcPageFooterBorderBlockStartWidth = "2px";
184
- export const rhcPageFooterBorderBlockStartColor = "#154273";
185
+ export const rhcPageFooterBorderBlockStartColor = "#738eab";
185
186
  export const rhcPageFooterBorderBlockStartStyle = "solid";
187
+ export const rhcPageFooterOutlinedBackgroundColor = "#fff";
188
+ export const rhcPageFooterOutlinedColor = "#154273";
189
+ export const rhcPageFooterOutlinedBorderColor = "#154273";
186
190
  export const rhcPageFooterPaddingBlockStart = "2.5rem";
187
191
  export const rhcPageFooterPaddingBlockEnd = "2.5rem";
188
192
  export const rhcPageFooterPaddingInlineStart = "2.5rem";
package/dist/index.json CHANGED
@@ -176,9 +176,13 @@
176
176
  "rhcPageFooterContentMaxInlineSize": "1280px",
177
177
  "rhcPageFooterContentPaddingInlineStart": "1rem",
178
178
  "rhcPageFooterContentPaddingInlineEnd": "1rem",
179
+ "rhcPageFooterContentColumnGap": "2rem",
179
180
  "rhcPageFooterBorderBlockStartWidth": "2px",
180
- "rhcPageFooterBorderBlockStartColor": "#154273",
181
+ "rhcPageFooterBorderBlockStartColor": "#738eab",
181
182
  "rhcPageFooterBorderBlockStartStyle": "solid",
183
+ "rhcPageFooterOutlinedBackgroundColor": "#fff",
184
+ "rhcPageFooterOutlinedColor": "#154273",
185
+ "rhcPageFooterOutlinedBorderColor": "#154273",
182
186
  "rhcPageFooterPaddingBlockStart": "2.5rem",
183
187
  "rhcPageFooterPaddingBlockEnd": "2.5rem",
184
188
  "rhcPageFooterPaddingInlineStart": "2.5rem",
@@ -298,15 +298,23 @@
298
298
  "content": {
299
299
  "max-inline-size": "1280px",
300
300
  "padding-inline-start": "1rem",
301
- "padding-inline-end": "1rem"
301
+ "padding-inline-end": "1rem",
302
+ "column-gap": "2rem"
302
303
  },
303
304
  "border": {
304
305
  "block-start": {
305
306
  "width": "2px",
306
- "color": "#154273",
307
+ "color": "#738eab",
307
308
  "style": "solid"
308
309
  }
309
310
  },
311
+ "outlined": {
312
+ "background-color": "#fff",
313
+ "color": "#154273",
314
+ "border": {
315
+ "color": "#154273"
316
+ }
317
+ },
310
318
  "padding": {
311
319
  "block-start": "2.5rem",
312
320
  "block-end": "2.5rem",
package/dist/root.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Feb 2025 16:26:06 GMT
3
+ * Generated on Mon, 17 Feb 2025 10:28:58 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1019,9 +1019,13 @@
1019
1019
  --rhc-page-footer-padding-inline-start: 2.5rem;
1020
1020
  --rhc-page-footer-padding-block-end: 2.5rem;
1021
1021
  --rhc-page-footer-padding-block-start: 2.5rem;
1022
+ --rhc-page-footer-outlined-border-color: #154273;
1023
+ --rhc-page-footer-outlined-color: #154273;
1024
+ --rhc-page-footer-outlined-background-color: #fff;
1022
1025
  --rhc-page-footer-border-block-start-style: solid;
1023
- --rhc-page-footer-border-block-start-color: #154273;
1026
+ --rhc-page-footer-border-block-start-color: #738eab;
1024
1027
  --rhc-page-footer-border-block-start-width: 2px;
1028
+ --rhc-page-footer-content-column-gap: 2rem;
1025
1029
  --rhc-page-footer-content-padding-inline-end: 1rem;
1026
1030
  --rhc-page-footer-content-padding-inline-start: 1rem;
1027
1031
  --rhc-page-footer-content-max-inline-size: 1280px;
package/dist/tokens.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Feb 2025 16:26:06 GMT
3
+ * Generated on Mon, 17 Feb 2025 10:28:58 GMT
4
4
  */
5
5
 
6
6
  export default tokens;
@@ -321,7 +321,8 @@ declare const tokens: {
321
321
  "content": {
322
322
  "max-inline-size": DesignToken,
323
323
  "padding-inline-start": DesignToken,
324
- "padding-inline-end": DesignToken
324
+ "padding-inline-end": DesignToken,
325
+ "column-gap": DesignToken
325
326
  },
326
327
  "border": {
327
328
  "block-start": {
@@ -330,6 +331,13 @@ declare const tokens: {
330
331
  "style": DesignToken
331
332
  }
332
333
  },
334
+ "outlined": {
335
+ "background-color": DesignToken,
336
+ "color": DesignToken,
337
+ "border": {
338
+ "color": DesignToken
339
+ }
340
+ },
333
341
  "padding": {
334
342
  "block-start": DesignToken,
335
343
  "block-end": DesignToken,
package/dist/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Feb 2025 16:26:06 GMT
3
+ * Generated on Mon, 17 Feb 2025 10:28:58 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -4227,6 +4227,29 @@ module.exports = {
4227
4227
  "content",
4228
4228
  "padding-inline-end"
4229
4229
  ]
4230
+ },
4231
+ "column-gap": {
4232
+ "value": "2rem",
4233
+ "type": "spacing",
4234
+ "filePath": "src/generated/base.tokens.json",
4235
+ "isSource": true,
4236
+ "original": {
4237
+ "value": "2rem",
4238
+ "type": "spacing"
4239
+ },
4240
+ "name": "rhcPageFooterContentColumnGap",
4241
+ "attributes": {
4242
+ "category": "rhc",
4243
+ "type": "page-footer",
4244
+ "item": "content",
4245
+ "subitem": "column-gap"
4246
+ },
4247
+ "path": [
4248
+ "rhc",
4249
+ "page-footer",
4250
+ "content",
4251
+ "column-gap"
4252
+ ]
4230
4253
  }
4231
4254
  },
4232
4255
  "border": {
@@ -4257,12 +4280,12 @@ module.exports = {
4257
4280
  ]
4258
4281
  },
4259
4282
  "color": {
4260
- "value": "#154273",
4283
+ "value": "#738eab",
4261
4284
  "type": "color",
4262
4285
  "filePath": "src/generated/base.tokens.json",
4263
4286
  "isSource": true,
4264
4287
  "original": {
4265
- "value": "#154273",
4288
+ "value": "#738eab",
4266
4289
  "type": "color"
4267
4290
  },
4268
4291
  "name": "rhcPageFooterBorderBlockStartColor",
@@ -4308,6 +4331,81 @@ module.exports = {
4308
4331
  }
4309
4332
  }
4310
4333
  },
4334
+ "outlined": {
4335
+ "background-color": {
4336
+ "value": "#fff",
4337
+ "type": "color",
4338
+ "filePath": "src/generated/base.tokens.json",
4339
+ "isSource": true,
4340
+ "original": {
4341
+ "value": "#fff",
4342
+ "type": "color"
4343
+ },
4344
+ "name": "rhcPageFooterOutlinedBackgroundColor",
4345
+ "attributes": {
4346
+ "category": "rhc",
4347
+ "type": "page-footer",
4348
+ "item": "outlined",
4349
+ "subitem": "background-color"
4350
+ },
4351
+ "path": [
4352
+ "rhc",
4353
+ "page-footer",
4354
+ "outlined",
4355
+ "background-color"
4356
+ ]
4357
+ },
4358
+ "color": {
4359
+ "value": "#154273",
4360
+ "type": "color",
4361
+ "filePath": "src/generated/base.tokens.json",
4362
+ "isSource": true,
4363
+ "original": {
4364
+ "value": "#154273",
4365
+ "type": "color"
4366
+ },
4367
+ "name": "rhcPageFooterOutlinedColor",
4368
+ "attributes": {
4369
+ "category": "rhc",
4370
+ "type": "page-footer",
4371
+ "item": "outlined",
4372
+ "subitem": "color"
4373
+ },
4374
+ "path": [
4375
+ "rhc",
4376
+ "page-footer",
4377
+ "outlined",
4378
+ "color"
4379
+ ]
4380
+ },
4381
+ "border": {
4382
+ "color": {
4383
+ "value": "#154273",
4384
+ "type": "color",
4385
+ "filePath": "src/generated/base.tokens.json",
4386
+ "isSource": true,
4387
+ "original": {
4388
+ "value": "#154273",
4389
+ "type": "color"
4390
+ },
4391
+ "name": "rhcPageFooterOutlinedBorderColor",
4392
+ "attributes": {
4393
+ "category": "rhc",
4394
+ "type": "page-footer",
4395
+ "item": "outlined",
4396
+ "subitem": "border",
4397
+ "state": "color"
4398
+ },
4399
+ "path": [
4400
+ "rhc",
4401
+ "page-footer",
4402
+ "outlined",
4403
+ "border",
4404
+ "color"
4405
+ ]
4406
+ }
4407
+ }
4408
+ },
4311
4409
  "padding": {
4312
4410
  "block-start": {
4313
4411
  "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;
@@ -872,9 +872,13 @@ $rhc-page-footer-padding-inline-end: 2.5rem;
872
872
  $rhc-page-footer-padding-inline-start: 2.5rem;
873
873
  $rhc-page-footer-padding-block-end: 2.5rem;
874
874
  $rhc-page-footer-padding-block-start: 2.5rem;
875
+ $rhc-page-footer-outlined-border-color: #76d2b6;
876
+ $rhc-page-footer-outlined-color: #76d2b6;
877
+ $rhc-page-footer-outlined-background-color: #fff;
875
878
  $rhc-page-footer-border-block-start-style: solid;
876
- $rhc-page-footer-border-block-start-color: #76d2b6;
879
+ $rhc-page-footer-border-block-start-color: #738eab;
877
880
  $rhc-page-footer-border-block-start-width: 2px;
881
+ $rhc-page-footer-content-column-gap: 2rem;
878
882
  $rhc-page-footer-content-padding-inline-end: 1rem;
879
883
  $rhc-page-footer-content-padding-inline-start: 1rem;
880
884
  $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-mintgroen-focus {
@@ -874,9 +874,13 @@
874
874
  --rhc-page-footer-padding-inline-start: 2.5rem;
875
875
  --rhc-page-footer-padding-block-end: 2.5rem;
876
876
  --rhc-page-footer-padding-block-start: 2.5rem;
877
+ --rhc-page-footer-outlined-border-color: #76d2b6;
878
+ --rhc-page-footer-outlined-color: #76d2b6;
879
+ --rhc-page-footer-outlined-background-color: #fff;
877
880
  --rhc-page-footer-border-block-start-style: solid;
878
- --rhc-page-footer-border-block-start-color: #76d2b6;
881
+ --rhc-page-footer-border-block-start-color: #738eab;
879
882
  --rhc-page-footer-border-block-start-width: 2px;
883
+ --rhc-page-footer-content-column-gap: 2rem;
880
884
  --rhc-page-footer-content-padding-inline-end: 1rem;
881
885
  --rhc-page-footer-content-padding-inline-start: 1rem;
882
886
  --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 = "#eaf8f4";
@@ -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 = "#76d2b6";
332
+ export const rhcPageFooterBorderBlockStartColor = "#738eab";
332
333
  export const rhcPageFooterBorderBlockStartStyle = "solid";
334
+ export const rhcPageFooterOutlinedBackgroundColor = "#fff";
335
+ export const rhcPageFooterOutlinedColor = "#76d2b6";
336
+ export const rhcPageFooterOutlinedBorderColor = "#76d2b6";
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": "#76d2b6",
328
+ "rhcPageFooterBorderBlockStartColor": "#738eab",
328
329
  "rhcPageFooterBorderBlockStartStyle": "solid",
330
+ "rhcPageFooterOutlinedBackgroundColor": "#fff",
331
+ "rhcPageFooterOutlinedColor": "#76d2b6",
332
+ "rhcPageFooterOutlinedBorderColor": "#76d2b6",
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": "#76d2b6",
514
+ "color": "#738eab",
514
515
  "style": "solid"
515
516
  }
516
517
  },
518
+ "outlined": {
519
+ "background-color": "#fff",
520
+ "color": "#76d2b6",
521
+ "border": {
522
+ "color": "#76d2b6"
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 {
@@ -874,9 +874,13 @@
874
874
  --rhc-page-footer-padding-inline-start: 2.5rem;
875
875
  --rhc-page-footer-padding-block-end: 2.5rem;
876
876
  --rhc-page-footer-padding-block-start: 2.5rem;
877
+ --rhc-page-footer-outlined-border-color: #76d2b6;
878
+ --rhc-page-footer-outlined-color: #76d2b6;
879
+ --rhc-page-footer-outlined-background-color: #fff;
877
880
  --rhc-page-footer-border-block-start-style: solid;
878
- --rhc-page-footer-border-block-start-color: #76d2b6;
881
+ --rhc-page-footer-border-block-start-color: #738eab;
879
882
  --rhc-page-footer-border-block-start-width: 2px;
883
+ --rhc-page-footer-content-column-gap: 2rem;
880
884
  --rhc-page-footer-content-padding-inline-end: 1rem;
881
885
  --rhc-page-footer-content-padding-inline-start: 1rem;
882
886
  --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-mintgroen-focus/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": "#76d2b6",
7936
+ "value": "#738eab",
7914
7937
  "type": "color",
7915
7938
  "filePath": "src/generated/uitvoerend-mintgroen-focus/tokens.json",
7916
7939
  "isSource": true,
7917
7940
  "original": {
7918
- "value": "#76d2b6",
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-mintgroen-focus/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": "#76d2b6",
8013
+ "type": "color",
8014
+ "filePath": "src/generated/uitvoerend-mintgroen-focus/tokens.json",
8015
+ "isSource": true,
8016
+ "original": {
8017
+ "value": "#76d2b6",
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": "#76d2b6",
8037
+ "type": "color",
8038
+ "filePath": "src/generated/uitvoerend-mintgroen-focus/tokens.json",
8039
+ "isSource": true,
8040
+ "original": {
8041
+ "value": "#76d2b6",
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",