@rijkshuisstijl-community/design-tokens 1.0.0-alpha.167 → 1.0.0-alpha.169

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 +67 -72
  2. package/dist/index.css +67 -72
  3. package/dist/index.d.ts +11 -16
  4. package/dist/index.js +67 -72
  5. package/dist/index.json +66 -71
  6. package/dist/index.tokens.json +57 -64
  7. package/dist/root.css +67 -72
  8. package/dist/tokens.d.ts +2 -9
  9. package/dist/tokens.js +145 -266
  10. package/dist/uitvoerend-mintgroen-focus/_variables.scss +112 -119
  11. package/dist/uitvoerend-mintgroen-focus/index.css +112 -119
  12. package/dist/uitvoerend-mintgroen-focus/index.d.ts +51 -58
  13. package/dist/uitvoerend-mintgroen-focus/index.js +112 -119
  14. package/dist/uitvoerend-mintgroen-focus/index.json +111 -118
  15. package/dist/uitvoerend-mintgroen-focus/index.tokens.json +121 -138
  16. package/dist/uitvoerend-mintgroen-focus/root.css +112 -119
  17. package/dist/uitvoerend-mintgroen-focus/tokens.d.ts +61 -78
  18. package/dist/uitvoerend-mintgroen-focus/tokens.js +3136 -3313
  19. package/dist/uitvoerend-violet/_variables.scss +72 -77
  20. package/dist/uitvoerend-violet/index.css +72 -77
  21. package/dist/uitvoerend-violet/index.d.ts +11 -16
  22. package/dist/uitvoerend-violet/index.js +72 -77
  23. package/dist/uitvoerend-violet/index.json +71 -76
  24. package/dist/uitvoerend-violet/index.tokens.json +62 -69
  25. package/dist/uitvoerend-violet/root.css +72 -77
  26. package/dist/uitvoerend-violet/tokens.d.ts +2 -9
  27. package/dist/uitvoerend-violet/tokens.js +155 -276
  28. package/dist/uitvoerend-violet-oud/_variables.scss +72 -77
  29. package/dist/uitvoerend-violet-oud/index.css +72 -77
  30. package/dist/uitvoerend-violet-oud/index.d.ts +11 -16
  31. package/dist/uitvoerend-violet-oud/index.js +72 -77
  32. package/dist/uitvoerend-violet-oud/index.json +71 -76
  33. package/dist/uitvoerend-violet-oud/index.tokens.json +62 -69
  34. package/dist/uitvoerend-violet-oud/root.css +72 -77
  35. package/dist/uitvoerend-violet-oud/tokens.d.ts +2 -9
  36. package/dist/uitvoerend-violet-oud/tokens.js +155 -276
  37. package/dist/wetgevend/_variables.scss +66 -71
  38. package/dist/wetgevend/index.css +66 -71
  39. package/dist/wetgevend/index.d.ts +11 -16
  40. package/dist/wetgevend/index.js +66 -71
  41. package/dist/wetgevend/index.json +65 -70
  42. package/dist/wetgevend/index.tokens.json +56 -63
  43. package/dist/wetgevend/root.css +66 -71
  44. package/dist/wetgevend/tokens.d.ts +2 -9
  45. package/dist/wetgevend/tokens.js +143 -264
  46. package/figma/figma.tokens.json +145 -165
  47. package/package.json +2 -2
  48. package/src/generated/base.tokens.json +57 -81
  49. package/src/generated/themes.json +442 -554
  50. package/src/generated/uitvoerend-mintgroen-focus/tokens.json +231 -271
  51. package/src/generated/uitvoerend-violet/tokens.json +62 -86
  52. package/src/generated/uitvoerend-violet-oud/tokens.json +62 -86
  53. package/src/generated/wetgevend/tokens.json +56 -80
package/dist/uitvoerend-mintgroen-focus/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 20 Feb 2025 15:23:01 GMT
3
+ // Generated on Fri, 21 Feb 2025 08:09:24 GMT
4
4
 
5
5
  $nl-number-badge-padding-block: 0.5rem;
6
6
  $nl-number-badge-padding-inline: 0.5rem;
@@ -50,21 +50,17 @@ $nl-heading-level-1-line-height: 125%;
50
50
  $nl-heading-level-1-font-weight: 700;
51
51
  $nl-heading-level-1-font-family: Fira Sans, Arial, Verdana, sans-serif;
52
52
  $nl-heading-level-1-color: #154273;
53
- $nl-paragraph-small-line-height: 150%;
54
- $nl-paragraph-small-font-weight: 400;
55
- $nl-paragraph-small-font-size: 1.125rem;
56
- $nl-paragraph-small-color: #154273;
57
53
  $nl-paragraph-lead-line-height: 150%;
58
54
  $nl-paragraph-lead-font-weight: 400;
59
55
  $nl-paragraph-lead-font-size: 1.5rem;
60
- $nl-paragraph-lead-color: #154273;
56
+ $nl-paragraph-lead-color: #0F172A;
61
57
  $nl-paragraph-margin-block-start: 0;
62
58
  $nl-paragraph-margin-block-end: 0;
63
59
  $nl-paragraph-line-height: 150%;
64
60
  $nl-paragraph-font-weight: 400;
65
61
  $nl-paragraph-font-size: 1.25rem;
66
62
  $nl-paragraph-font-family: Fira Sans, Arial, Verdana, sans-serif;
67
- $nl-paragraph-color: #154273;
63
+ $nl-paragraph-color: #0F172A;
68
64
  $nl-skip-link-text-underline-offset: 0.125rem;
69
65
  $nl-skip-link-text-decoration: underline;
70
66
  $nl-skip-link-box-block-end-shadow-color: #0000001a;
@@ -78,7 +74,7 @@ $nl-skip-link-border-color: transparent;
78
74
  $nl-skip-link-background-color: #154273;
79
75
  $nl-skip-link-focus-visible-outline-color: #000;
80
76
  $nl-skip-link-focus-text-decoration: None;
81
- $nl-skip-link-focus-color: #154273;
77
+ $nl-skip-link-focus-color: #0F172A;
82
78
  $nl-skip-link-focus-border-width: 2px;
83
79
  $nl-skip-link-focus-border-style: solid;
84
80
  $nl-skip-link-focus-border-color: #154273;
@@ -112,7 +108,7 @@ $utrecht-document-font-weight: 400;
112
108
  $utrecht-document-line-height: 150%;
113
109
  $utrecht-document-font-size: 1.25rem;
114
110
  $utrecht-document-font-family: Fira Sans, Arial, Verdana, sans-serif;
115
- $utrecht-document-color: #000;
111
+ $utrecht-document-color: #0F172A;
116
112
  $utrecht-document-background-color: #fff;
117
113
  $utrecht-alert-border-radius: 5px;
118
114
  $utrecht-alert-message-column-gap: 0.5rem;
@@ -123,19 +119,19 @@ $utrecht-alert-icon-ok-color: #39870c;
123
119
  $utrecht-alert-icon-error-color: #d52b1e;
124
120
  $utrecht-alert-icon-info-color: #007bc7;
125
121
  $utrecht-alert-icon-inset-block-start: 3px;
126
- $utrecht-alert-warning-color: #154273;
122
+ $utrecht-alert-warning-color: #0F172A;
127
123
  $utrecht-alert-warning-border-color: transparent;
128
124
  $utrecht-alert-warning-background-color: #fff4db;
129
- $utrecht-alert-ok-color: #154273;
125
+ $utrecht-alert-ok-color: #0F172A;
130
126
  $utrecht-alert-ok-border-color: transparent;
131
127
  $utrecht-alert-ok-background-color: #e1eddb;
132
- $utrecht-alert-error-color: #154273;
128
+ $utrecht-alert-error-color: #0F172A;
133
129
  $utrecht-alert-error-border-color: transparent;
134
130
  $utrecht-alert-error-background-color: #f9dfdd;
135
- $utrecht-alert-info-color: #154273;
131
+ $utrecht-alert-info-color: #0F172A;
136
132
  $utrecht-alert-info-border-color: transparent;
137
133
  $utrecht-alert-info-background-color: #d9ebf7;
138
- $utrecht-alert-color: #154273;
134
+ $utrecht-alert-color: #0F172A;
139
135
  $utrecht-alert-border-color: transparent;
140
136
  $utrecht-alert-background-color: #d9ebf7;
141
137
  $utrecht-alert-padding-inline-start: 1rem;
@@ -189,7 +185,7 @@ $utrecht-blockquote-margin-inline-start: 0;
189
185
  $utrecht-blockquote-margin-inline-end: 0;
190
186
  $utrecht-blockquote-margin-block-start: 0;
191
187
  $utrecht-blockquote-margin-block-end: 0;
192
- $utrecht-blockquote-content-color: #154273;
188
+ $utrecht-blockquote-content-color: #0F172A;
193
189
  $utrecht-blockquote-content-font-size: 1.5rem;
194
190
  $utrecht-blockquote-content-font-weight: 400;
195
191
  $utrecht-blockquote-content-line-height: 150%;
@@ -235,14 +231,14 @@ $utrecht-button-group-background-color: transparent;
235
231
  $utrecht-form-fieldset-invalid-border-inline-start-width: 0px;
236
232
  $utrecht-form-fieldset-invalid-padding-inline-start: 0;
237
233
  $utrecht-form-fieldset-invalid-border-inline-start-color: #d52b1e;
238
- $utrecht-form-fieldset-section-color: #154273;
234
+ $utrecht-form-fieldset-section-color: #0F172A;
239
235
  $utrecht-form-fieldset-section-background-color: transparent;
240
236
  $utrecht-form-fieldset-legend-disabled-color: #334155;
241
237
  $utrecht-form-fieldset-legend-line-height: 150%;
242
238
  $utrecht-form-fieldset-legend-font-weight: 700;
243
239
  $utrecht-form-fieldset-legend-font-size: 1.25rem;
244
240
  $utrecht-form-fieldset-legend-font-family: Fira Sans, Arial, Verdana, sans-serif;
245
- $utrecht-form-fieldset-legend-color: #154273;
241
+ $utrecht-form-fieldset-legend-color: #0F172A;
246
242
  $utrecht-figure-img-border-start-start-radius: 0;
247
243
  $utrecht-figure-img-border-start-end-radius: 0;
248
244
  $utrecht-figure-img-border-end-start-radius: 0;
@@ -287,10 +283,10 @@ $utrecht-form-field-label-line-height: 150%;
287
283
  $utrecht-form-field-label-font-weight: 700;
288
284
  $utrecht-form-field-label-font-size: 1.25rem;
289
285
  $utrecht-form-field-label-font-family: Fira Sans, Arial, Verdana, sans-serif;
290
- $utrecht-form-field-label-color: #154273;
286
+ $utrecht-form-field-label-color: #0F172A;
291
287
  $utrecht-form-label-font-weight: 700;
292
288
  $utrecht-form-label-font-size: 1.25rem;
293
- $utrecht-form-label-color: #154273;
289
+ $utrecht-form-label-color: #0F172A;
294
290
  $utrecht-link-list-icon-inset-block-start: 0.188rem;
295
291
  $utrecht-link-list-icon-size: 24px;
296
292
  $utrecht-link-list-item-text-decoration: None;
@@ -302,7 +298,7 @@ $utrecht-ordered-list-line-height: 150%;
302
298
  $utrecht-ordered-list-font-size: 1.25rem;
303
299
  $utrecht-ordered-list-font-weight: 400;
304
300
  $utrecht-ordered-list-font-family: Fira Sans, Arial, Verdana, sans-serif;
305
- $utrecht-ordered-list-color: #154273;
301
+ $utrecht-ordered-list-color: #0F172A;
306
302
  $utrecht-ordered-list-item-margin-block-start: 0.25rem;
307
303
  $utrecht-ordered-list-item-margin-block-end: 0.25rem;
308
304
  $utrecht-ordered-list-item-padding-inline-start: 0;
@@ -310,46 +306,6 @@ $utrecht-ordered-list-margin-inline-start: 0.625rem;
310
306
  $utrecht-ordered-list-margin-block-start: 0.25rem;
311
307
  $utrecht-ordered-list-margin-block-end: 0.25rem;
312
308
  $utrecht-ordered-list-padding-inline-start: 1.5rem;
313
- $utrecht-radio-button-border-width: 1px;
314
- $utrecht-radio-button-border-radius: 999px;
315
- $utrecht-radio-button-hover-border-width: 1px;
316
- $utrecht-radio-button-hover-border-color: #738eab;
317
- $utrecht-radio-button-hover-background-color: #fff;
318
- $utrecht-radio-button-checked-border-width: 1px;
319
- $utrecht-radio-button-checked-disabled-color: #475569;
320
- $utrecht-radio-button-checked-disabled-border-color: #94A3B8;
321
- $utrecht-radio-button-checked-disabled-background-color: #CBD5E1;
322
- $utrecht-radio-button-checked-focus-border-width: 2px;
323
- $utrecht-radio-button-checked-focus-color: #154273;
324
- $utrecht-radio-button-checked-focus-border-color: #154273;
325
- $utrecht-radio-button-checked-focus-background-color: #fff;
326
- $utrecht-radio-button-checked-active-border-width: 1px;
327
- $utrecht-radio-button-checked-active-color: #fff;
328
- $utrecht-radio-button-checked-active-border-color: transparent;
329
- $utrecht-radio-button-checked-active-background-color: #4f7196;
330
- $utrecht-radio-button-checked-hover-border-width: 1px;
331
- $utrecht-radio-button-checked-hover-color: #fff;
332
- $utrecht-radio-button-checked-hover-border-color: transparent;
333
- $utrecht-radio-button-checked-hover-background-color: #738eab;
334
- $utrecht-radio-button-checked-color: #fff;
335
- $utrecht-radio-button-checked-border-color: transparent;
336
- $utrecht-radio-button-checked-background-color: #154273;
337
- $utrecht-radio-button-disabled-color: #475569;
338
- $utrecht-radio-button-disabled-border-color: #94A3B8;
339
- $utrecht-radio-button-disabled-background-color: #CBD5E1;
340
- $utrecht-radio-button-focus-border-width: 2px;
341
- $utrecht-radio-button-focus-border-color: #154273;
342
- $utrecht-radio-button-focus-background-color: #fff;
343
- $utrecht-radio-button-invalid-border-width: 1px;
344
- $utrecht-radio-button-invalid-border-color: #d52b1e;
345
- $utrecht-radio-button-invalid-background-color: #f9dfdd;
346
- $utrecht-radio-button-border-color: #154273;
347
- $utrecht-radio-button-background-color: #fff;
348
- $utrecht-radio-button-dot-size: 12px;
349
- $utrecht-radio-button-size: 24px;
350
- $utrecht-radio-button-active-border-color: #4f7196;
351
- $utrecht-radio-button-active-background-color: #fff;
352
- $utrecht-radio-button-active-border-width: 1px;
353
309
  $utrecht-separator-margin-block-start: 0.75rem;
354
310
  $utrecht-separator-margin-block-end: 0.75rem;
355
311
  $utrecht-separator-block-size: 2px;
@@ -367,7 +323,7 @@ $utrecht-table-container-box-inline-end-shadow-y: 16px;
367
323
  $utrecht-table-container-box-inline-end-shadow-x: 0;
368
324
  $utrecht-table-footer-cell-line-height: 150%;
369
325
  $utrecht-table-footer-cell-font-family: Fira Sans, Arial, Verdana, sans-serif;
370
- $utrecht-table-footer-cell-color: #154273;
326
+ $utrecht-table-footer-cell-color: #0F172A;
371
327
  $utrecht-table-footer-cell-font-size: 1.25rem;
372
328
  $utrecht-table-footer-cell-font-weight: 700;
373
329
  $utrecht-table-row-background-color: transparent;
@@ -383,7 +339,7 @@ $utrecht-table-data-cell-font-size: 1.25rem;
383
339
  $utrecht-table-data-cell-line-height: 150%;
384
340
  $utrecht-table-data-cell-font-weight: 400;
385
341
  $utrecht-table-data-cell-font-family: Fira Sans, Arial, Verdana, sans-serif;
386
- $utrecht-table-data-cell-color: #154273;
342
+ $utrecht-table-data-cell-color: #0F172A;
387
343
  $utrecht-table-cell-line-height: 150%;
388
344
  $utrecht-table-cell-padding-inline-start: 1rem;
389
345
  $utrecht-table-cell-padding-inline-end: 1rem;
@@ -392,16 +348,16 @@ $utrecht-table-cell-padding-block-end: 0.75rem;
392
348
  $utrecht-table-caption-font-size: 1.875rem;
393
349
  $utrecht-table-caption-font-weight: 700;
394
350
  $utrecht-table-caption-font-family: Fira Sans, Arial, Verdana, sans-serif;
395
- $utrecht-table-caption-color: #154273;
351
+ $utrecht-table-caption-color: #0F172A;
396
352
  $utrecht-table-caption-margin-block-end: 1.5rem;
397
353
  $utrecht-table-caption-line-height: 125%;
398
354
  $utrecht-table-header-cell-font-size: 1.25rem;
399
355
  $utrecht-table-header-cell-font-weight: 700;
400
356
  $utrecht-table-header-cell-font-family: Fira Sans, Arial, Verdana, sans-serif;
401
- $utrecht-table-header-cell-color: #154273;
357
+ $utrecht-table-header-cell-color: #0F172A;
402
358
  $utrecht-table-header-cell-line-height: 150%;
403
- $utrecht-unordered-list-marker-border-color: #154273;
404
- $utrecht-unordered-list-marker-color: #154273;
359
+ $utrecht-unordered-list-marker-border-color: #0F172A;
360
+ $utrecht-unordered-list-marker-color: #0F172A;
405
361
  $utrecht-unordered-list-item-margin-block-start: 0.25rem;
406
362
  $utrecht-unordered-list-item-margin-block-end: 0.25rem;
407
363
  $utrecht-unordered-list-item-padding-inline-start: 0.5rem;
@@ -409,7 +365,7 @@ $utrecht-unordered-list-line-height: 150%;
409
365
  $utrecht-unordered-list-font-size: 1.25rem;
410
366
  $utrecht-unordered-list-font-weight: 400;
411
367
  $utrecht-unordered-list-font-family: Fira Sans, Arial, Verdana, sans-serif;
412
- $utrecht-unordered-list-color: #154273;
368
+ $utrecht-unordered-list-color: #0F172A;
413
369
  $utrecht-unordered-list-margin-block-start: 0.25rem;
414
370
  $utrecht-unordered-list-margin-block-end: 0.25rem;
415
371
  $utrecht-unordered-list-padding-inline-start: 1.5rem;
@@ -418,11 +374,11 @@ $utrecht-icon-size: 24px;
418
374
  $utrecht-icon-color: inherit;
419
375
  $utrecht-skip-link-focus-background-color: #FDD370;
420
376
  $utrecht-counter-badge-background-color: #FDD370;
421
- $utrecht-textbox-hover-color: #154273;
377
+ $utrecht-textbox-hover-color: #0F172A;
422
378
  $utrecht-textbox-hover-border-color: #738eab;
423
379
  $utrecht-textbox-hover-background-color: #fff;
424
380
  $utrecht-textbox-hover-border-width: 1px;
425
- $utrecht-textbox-read-only-color: #154273;
381
+ $utrecht-textbox-read-only-color: #0F172A;
426
382
  $utrecht-textbox-read-only-border-color: transparent;
427
383
  $utrecht-textbox-read-only-background-color: #F1F5F9;
428
384
  $utrecht-textbox-disabled-color: #475569;
@@ -432,10 +388,10 @@ $utrecht-textbox-border-width: 1px;
432
388
  $utrecht-textbox-border-block-end-width: auto;
433
389
  $utrecht-textbox-placeholder-color: #64748B;
434
390
  $utrecht-textbox-invalid-border-width: 1px;
435
- $utrecht-textbox-invalid-color: #154273;
391
+ $utrecht-textbox-invalid-color: #0F172A;
436
392
  $utrecht-textbox-invalid-border-color: #d52b1e;
437
393
  $utrecht-textbox-invalid-background-color: #f9dfdd;
438
- $utrecht-textbox-color: #154273;
394
+ $utrecht-textbox-color: #0F172A;
439
395
  $utrecht-textbox-border-color: #154273;
440
396
  $utrecht-textbox-background-color: #fff;
441
397
  $utrecht-textbox-padding-inline-start: 0.75rem;
@@ -448,7 +404,7 @@ $utrecht-textbox-font-weight: 400;
448
404
  $utrecht-textbox-font-size: 1.25rem;
449
405
  $utrecht-textbox-font-family: Fira Sans, Arial, Verdana, sans-serif;
450
406
  $utrecht-textbox-border-radius: 2.5px;
451
- $utrecht-textbox-focus-color: #154273;
407
+ $utrecht-textbox-focus-color: #0F172A;
452
408
  $utrecht-textbox-focus-border-color: #154273;
453
409
  $utrecht-textbox-focus-border-width: 2px;
454
410
  $utrecht-textbox-focus-background-color: #FDD370;
@@ -460,10 +416,10 @@ $utrecht-textarea-border-width: 1px;
460
416
  $utrecht-textarea-border-bottom-width: 1px;
461
417
  $utrecht-textarea-border-radius: 2.5px;
462
418
  $utrecht-textarea-hover-border-width: 1px;
463
- $utrecht-textarea-hover-color: #154273;
419
+ $utrecht-textarea-hover-color: #0F172A;
464
420
  $utrecht-textarea-hover-border-color: #738eab;
465
421
  $utrecht-textarea-hover-background-color: #fff;
466
- $utrecht-textarea-read-only-color: #154273;
422
+ $utrecht-textarea-read-only-color: #0F172A;
467
423
  $utrecht-textarea-read-only-border-color: transparent;
468
424
  $utrecht-textarea-read-only-background-color: #F1F5F9;
469
425
  $utrecht-textarea-disabled-color: #475569;
@@ -471,10 +427,10 @@ $utrecht-textarea-disabled-border-color: #94A3B8;
471
427
  $utrecht-textarea-disabled-background-color: #CBD5E1;
472
428
  $utrecht-textarea-placeholder-color: #64748B;
473
429
  $utrecht-textarea-invalid-border-width: 1px;
474
- $utrecht-textarea-invalid-color: #154273;
430
+ $utrecht-textarea-invalid-color: #0F172A;
475
431
  $utrecht-textarea-invalid-border-color: #d52b1e;
476
432
  $utrecht-textarea-invalid-background-color: #f9dfdd;
477
- $utrecht-textarea-color: #154273;
433
+ $utrecht-textarea-color: #0F172A;
478
434
  $utrecht-textarea-border-color: #154273;
479
435
  $utrecht-textarea-background-color: #fff;
480
436
  $utrecht-textarea-padding-inline-start: 0.75rem;
@@ -483,7 +439,7 @@ $utrecht-textarea-padding-block-start: 0.5rem;
483
439
  $utrecht-textarea-padding-block-end: 0.5rem;
484
440
  $utrecht-textarea-max-inline-size: 400px;
485
441
  $utrecht-textarea-focus-border-width: 2px;
486
- $utrecht-textarea-focus-color: #154273;
442
+ $utrecht-textarea-focus-color: #0F172A;
487
443
  $utrecht-textarea-focus-border-color: #154273;
488
444
  $utrecht-textarea-focus-background-color: #FDD370;
489
445
  $utrecht-select-max-inline-size: 400px;
@@ -499,23 +455,23 @@ $utrecht-select-padding-inline-end: 0.75rem;
499
455
  $utrecht-select-padding-block-start: 0.5rem;
500
456
  $utrecht-select-padding-block-end: 0.5rem;
501
457
  $utrecht-select-hover-border-width: 1px;
502
- $utrecht-select-hover-color: #154273;
458
+ $utrecht-select-hover-color: #0F172A;
503
459
  $utrecht-select-hover-border-color: #738eab;
504
460
  $utrecht-select-hover-background-color: #fff;
505
461
  $utrecht-select-disabled-color: #475569;
506
462
  $utrecht-select-disabled-border-color: #94A3B8;
507
463
  $utrecht-select-disabled-background-color: #CBD5E1;
508
464
  $utrecht-select-invalid-border-width: 1px;
509
- $utrecht-select-invalid-color: #154273;
465
+ $utrecht-select-invalid-color: #0F172A;
510
466
  $utrecht-select-invalid-border-color: #d52b1e;
511
467
  $utrecht-select-invalid-background-color: #f9dfdd;
512
- $utrecht-select-color: #154273;
468
+ $utrecht-select-color: #0F172A;
513
469
  $utrecht-select-border-color: #154273;
514
470
  $utrecht-select-background-color: #fff;
515
471
  $utrecht-select-icon-size: 24px;
516
472
  $utrecht-select-image-background-position: right 0.5rem center;
517
473
  $utrecht-select-focus-border-width: 2px;
518
- $utrecht-select-focus-color: #154273;
474
+ $utrecht-select-focus-color: #0F172A;
519
475
  $utrecht-select-focus-border-color: #154273;
520
476
  $utrecht-select-focus-background-color: #FDD370;
521
477
  $utrecht-link-line-height: 150%;
@@ -540,8 +496,46 @@ $utrecht-link-focus-text-decoration-thickness: auto;
540
496
  $utrecht-link-focus-text-decoration: None;
541
497
  $utrecht-link-focus-color: #01689b;
542
498
  $utrecht-link-focus-background-color: #FDD370;
543
- $utrecht-radio-checked-focus-background-color: #FDD370;
544
- $utrecht-radio-focus-background-color: #FDD370;
499
+ $utrecht-radio-button-border-width: 1px;
500
+ $utrecht-radio-button-border-radius: 999px;
501
+ $utrecht-radio-button-hover-border-width: 1px;
502
+ $utrecht-radio-button-hover-border-color: #738eab;
503
+ $utrecht-radio-button-hover-background-color: #fff;
504
+ $utrecht-radio-button-disabled-color: #475569;
505
+ $utrecht-radio-button-disabled-border-color: #94A3B8;
506
+ $utrecht-radio-button-disabled-background-color: #CBD5E1;
507
+ $utrecht-radio-button-invalid-border-width: 1px;
508
+ $utrecht-radio-button-invalid-border-color: #d52b1e;
509
+ $utrecht-radio-button-invalid-background-color: #f9dfdd;
510
+ $utrecht-radio-button-border-color: #154273;
511
+ $utrecht-radio-button-background-color: #fff;
512
+ $utrecht-radio-button-dot-size: 12px;
513
+ $utrecht-radio-button-size: 24px;
514
+ $utrecht-radio-button-active-border-color: #4f7196;
515
+ $utrecht-radio-button-active-background-color: #fff;
516
+ $utrecht-radio-button-active-border-width: 1px;
517
+ $utrecht-radio-button-checked-border-width: 1px;
518
+ $utrecht-radio-button-checked-disabled-color: #475569;
519
+ $utrecht-radio-button-checked-disabled-border-color: #94A3B8;
520
+ $utrecht-radio-button-checked-disabled-background-color: #CBD5E1;
521
+ $utrecht-radio-button-checked-active-border-width: 1px;
522
+ $utrecht-radio-button-checked-active-color: #fff;
523
+ $utrecht-radio-button-checked-active-border-color: transparent;
524
+ $utrecht-radio-button-checked-active-background-color: #4f7196;
525
+ $utrecht-radio-button-checked-hover-border-width: 1px;
526
+ $utrecht-radio-button-checked-hover-color: #fff;
527
+ $utrecht-radio-button-checked-hover-border-color: transparent;
528
+ $utrecht-radio-button-checked-hover-background-color: #738eab;
529
+ $utrecht-radio-button-checked-color: #fff;
530
+ $utrecht-radio-button-checked-border-color: transparent;
531
+ $utrecht-radio-button-checked-background-color: #154273;
532
+ $utrecht-radio-button-checked-focus-border-width: 2px;
533
+ $utrecht-radio-button-checked-focus-color: #154273;
534
+ $utrecht-radio-button-checked-focus-border-color: #154273;
535
+ $utrecht-radio-button-checked-focus-background-color: #FDD370;
536
+ $utrecht-radio-button-focus-border-width: 2px;
537
+ $utrecht-radio-button-focus-border-color: #154273;
538
+ $utrecht-radio-button-focus-background-color: #FDD370;
545
539
  $utrecht-checkbox-active-border-color: #4f7196;
546
540
  $utrecht-checkbox-active-background-color: #fff;
547
541
  $utrecht-checkbox-active-border-width: 1px;
@@ -691,19 +685,19 @@ $utrecht-accordion-panel-padding-block-end: 1.5rem;
691
685
  $utrecht-accordion-panel-border-width: 0;
692
686
  $utrecht-accordion-panel-border-color: #94A3B8;
693
687
  $utrecht-accordion-button-active-row-gap: 0;
694
- $utrecht-accordion-button-active-color: #154273;
688
+ $utrecht-accordion-button-active-color: #0F172A;
695
689
  $utrecht-accordion-button-active-border-color: #94A3B8;
696
690
  $utrecht-accordion-button-active-background-color: #F1F5F9;
697
- $utrecht-accordion-button-color: #154273;
691
+ $utrecht-accordion-button-color: #0F172A;
698
692
  $utrecht-accordion-button-border-width: 0;
699
693
  $utrecht-accordion-button-border-color: #94A3B8;
700
694
  $utrecht-accordion-button-background-color: #fff;
701
- $utrecht-accordion-button-hover-color: #154273;
695
+ $utrecht-accordion-button-hover-color: #0F172A;
702
696
  $utrecht-accordion-button-hover-border-color: #94A3B8;
703
697
  $utrecht-accordion-button-hover-background-color: #F8FAFC;
704
698
  $utrecht-accordion-button-icon-size: 24px;
705
699
  $utrecht-accordion-button-gap: 0.5rem;
706
- $utrecht-accordion-button-focus-color: #154273;
700
+ $utrecht-accordion-button-focus-color: #0F172A;
707
701
  $utrecht-accordion-button-focus-border-color: #154273;
708
702
  $utrecht-accordion-button-focus-background-color: #FDD370;
709
703
  $rhc-space-700: 3.5rem;
@@ -786,13 +780,13 @@ $rhc-keep-top-left-border-radius-bottom-left: 0;
786
780
  $rhc-keep-top-left-border-radius-bottom-right: 0;
787
781
  $rhc-keep-top-left-border-radius-top-right: 0;
788
782
  $rhc-keep-top-left-border-radius-top-left: 48px;
789
- $rhc-accordion-color: #154273;
783
+ $rhc-accordion-color: #0F172A;
790
784
  $rhc-accordion-border-radius: 0px;
791
785
  $rhc-accordion-header-margin: 0;
792
786
  $rhc-accordion-section-border-color: #94A3B8;
793
787
  $rhc-accordion-section-border-width: 0;
794
788
  $rhc-accordion-section-border-block-end-width: 1px;
795
- $rhc-accordion-button-expanded-color: #154273;
789
+ $rhc-accordion-button-expanded-color: #0F172A;
796
790
  $rhc-accordion-button-expanded-background-color: #fff;
797
791
  $rhc-accordion-button-padding-inline-start: 1rem;
798
792
  $rhc-accordion-button-padding-inline-end: 1rem;
@@ -830,17 +824,17 @@ $rhc-card-as-link-padding-inline-start: 1rem;
830
824
  $rhc-card-as-link-padding-inline-end: 1rem;
831
825
  $rhc-card-as-link-padding-block-start: 1rem;
832
826
  $rhc-card-as-link-padding-block-end: 1rem;
833
- $rhc-card-as-link-metadata-color: #154273;
827
+ $rhc-card-as-link-metadata-color: #0F172A;
834
828
  $rhc-card-as-link-link-focus-text-decoration: none;
835
829
  $rhc-card-as-link-link-hover-text-decoration: none;
836
830
  $rhc-card-as-link-link-active-text-decoration: none;
837
831
  $rhc-card-as-link-link-text-decoration: underline;
838
832
  $rhc-card-as-link-link-color: #01689b;
839
833
  $rhc-card-as-link-icon-size: 24px;
840
- $rhc-card-as-link-icon-color: #154273;
834
+ $rhc-card-as-link-icon-color: #0F172A;
841
835
  $rhc-card-as-link-inline-size: 328px;
842
836
  $rhc-card-as-link-column-gap: 1rem;
843
- $rhc-card-as-link-color: #154273;
837
+ $rhc-card-as-link-color: #0F172A;
844
838
  $rhc-card-as-link-border-width: 1px;
845
839
  $rhc-card-as-link-border-radius: 5px;
846
840
  $rhc-card-as-link-border-color: #CBD5E1;
@@ -937,7 +931,7 @@ $rhc-logo-image-color: #154273;
937
931
  $rhc-logo-image-block-size: 96px;
938
932
  $rhc-logo-image-inline-size: 48px;
939
933
  $rhc-logo-image-background-color: #fff;
940
- $rhc-message-list-item-heading-color: #154273;
934
+ $rhc-message-list-item-heading-color: #0F172A;
941
935
  $rhc-message-list-item-label-line-height: 150%;
942
936
  $rhc-message-list-item-label-font-weight: 700;
943
937
  $rhc-message-list-item-label-font-size: 1.25rem;
@@ -948,15 +942,15 @@ $rhc-message-list-item-content-font-size: 1.125rem;
948
942
  $rhc-message-list-item-padding-inline: 1rem;
949
943
  $rhc-message-list-item-padding-block: 0.75rem;
950
944
  $rhc-message-list-item-min-height: 48px;
951
- $rhc-message-list-item-icon-color: #154273;
945
+ $rhc-message-list-item-icon-color: #0F172A;
952
946
  $rhc-message-list-item-icon-size: 24px;
953
947
  $rhc-message-list-item-column-gap: 1rem;
954
948
  $rhc-message-list-item-color: #334155;
955
949
  $rhc-message-list-item-border-width: 1px;
956
950
  $rhc-message-list-item-border-color: #CBD5E1;
957
951
  $rhc-message-list-item-background-color: #fff;
958
- $rhc-nav-bar-border-color: #64748B;
959
- $rhc-nav-bar-color: #154273;
952
+ $rhc-nav-bar-border-color: #98DDC8;
953
+ $rhc-nav-bar-color: #76d2b6;
960
954
  $rhc-nav-bar-background-color: #fff;
961
955
  $rhc-nav-bar-heading-font-weight: 700;
962
956
  $rhc-nav-bar-link-column-gap: 0.5rem;
@@ -964,17 +958,17 @@ $rhc-nav-bar-link-padding-inline-start: 0.75rem;
964
958
  $rhc-nav-bar-link-padding-inline-end: 0.75rem;
965
959
  $rhc-nav-bar-link-padding-block-start: 1rem;
966
960
  $rhc-nav-bar-link-padding-block-end: 1rem;
967
- $rhc-nav-bar-link-hover-color: #154273;
961
+ $rhc-nav-bar-link-hover-color: #76d2b6;
968
962
  $rhc-nav-bar-link-hover-background-color: #F8FAFC;
969
- $rhc-nav-bar-link-focus-color: #154273;
970
- $rhc-nav-bar-link-focus-background-color: #dce3ea;
971
- $rhc-nav-bar-link-color: #154273;
963
+ $rhc-nav-bar-link-focus-color: #76d2b6;
964
+ $rhc-nav-bar-link-focus-background-color: #eaf8f4;
965
+ $rhc-nav-bar-link-color: #76d2b6;
972
966
  $rhc-nav-bar-link-background-color: #fff;
973
967
  $rhc-nav-bar-link-active-color: #fff;
974
- $rhc-nav-bar-link-active-background-color: #154273;
968
+ $rhc-nav-bar-link-active-background-color: #76d2b6;
975
969
  $rhc-nav-bar-icon-size: 24px;
976
970
  $rhc-nav-bar-icon-active-color: #fff;
977
- $rhc-nav-bar-icon-color: #154273;
971
+ $rhc-nav-bar-icon-color: #0F172A;
978
972
  $rhc-nav-bar-content-column-gap: 1rem;
979
973
  $rhc-nav-bar-container-inline-size: 100%;
980
974
  $rhc-nav-bar-padding-inline: 1rem;
@@ -984,7 +978,7 @@ $rhc-navigation-list-item-padding-inline: 1rem;
984
978
  $rhc-navigation-list-item-padding-block: 0.75rem;
985
979
  $rhc-navigation-list-item-min-height: 48px;
986
980
  $rhc-navigation-list-item-column-gap: 1rem;
987
- $rhc-navigation-list-item-heading-color: #154273;
981
+ $rhc-navigation-list-item-heading-color: #0F172A;
988
982
  $rhc-navigation-list-item-border-color: #CBD5E1;
989
983
  $rhc-navigation-list-item-border-width: 1px;
990
984
  $rhc-navigation-list-item-color: #334155;
@@ -1004,7 +998,7 @@ $rhc-navigation-list-item-icon-padding-block: 0.5rem;
1004
998
  $rhc-navigation-list-item-icon-padding-inline: 0.5rem;
1005
999
  $rhc-navigation-list-icon-color: #fff;
1006
1000
  $rhc-navigation-list-icon-border-radius: 999px;
1007
- $rhc-navigation-list-icon-background-color: #154273;
1001
+ $rhc-navigation-list-icon-background-color: #0F172A;
1008
1002
  $rhc-radio-group-row-gap: 1rem;
1009
1003
  $rhc-radio-group-padding-block-start: 0.5rem;
1010
1004
  $rhc-radio-group-padding-block-end: 0.5rem;
@@ -1024,7 +1018,7 @@ $rhc-sidenav-link-focus-border-radius: 5px;
1024
1018
  $rhc-sidenav-link-active-text-decoration: underline;
1025
1019
  $rhc-sidenav-link-active-color: #42145f;
1026
1020
  $rhc-sidenav-link-color: #01689b;
1027
- $rhc-sidenav-link-current-color: #154273;
1021
+ $rhc-sidenav-link-current-color: #0F172A;
1028
1022
  $rhc-sidenav-link-current-font-weight: 700;
1029
1023
  $rhc-sidenav-link-font-weight: 400;
1030
1024
  $rhc-sidenav-link-font-family: Fira Sans, Arial, Verdana, sans-serif;
@@ -1036,7 +1030,7 @@ $rhc-sidenav-display: flex;
1036
1030
  $rhc-toggletip-focus-background-color: #007bc7;
1037
1031
  $rhc-toggletip-focus-color: #fff;
1038
1032
  $rhc-toggletip-hover-background-color: #66AFDD;
1039
- $rhc-toggletip-hover-color: #154273;
1033
+ $rhc-toggletip-hover-color: #0F172A;
1040
1034
  $rhc-toggletip-active-border-color: #007bc7;
1041
1035
  $rhc-toggletip-active-background-color: #fff;
1042
1036
  $rhc-toggletip-active-color: #007bc7;
@@ -1168,16 +1162,16 @@ $rhc-color-lichtblauw-300: #BCDFF0;
1168
1162
  $rhc-color-lichtblauw-200: #CCE7F4;
1169
1163
  $rhc-color-lichtblauw-100: #ddeff8;
1170
1164
  $rhc-color-lichtblauw-50: #eef7fb;
1171
- $rhc-color-grijs-900: #0F172A;
1172
- $rhc-color-grijs-800: #1E293B;
1173
- $rhc-color-grijs-700: #334155;
1174
- $rhc-color-grijs-600: #475569;
1175
- $rhc-color-grijs-500: #64748B;
1176
- $rhc-color-grijs-400: #94A3B8;
1177
- $rhc-color-grijs-300: #CBD5E1;
1178
- $rhc-color-grijs-200: #E2E8F0;
1179
- $rhc-color-grijs-100: #F1F5F9;
1180
- $rhc-color-grijs-50: #F8FAFC;
1165
+ $rhc-color-cool-grey-900: #0F172A;
1166
+ $rhc-color-cool-grey-800: #1E293B;
1167
+ $rhc-color-cool-grey-700: #334155;
1168
+ $rhc-color-cool-grey-600: #475569;
1169
+ $rhc-color-cool-grey-500: #64748B;
1170
+ $rhc-color-cool-grey-400: #94A3B8;
1171
+ $rhc-color-cool-grey-300: #CBD5E1;
1172
+ $rhc-color-cool-grey-200: #E2E8F0;
1173
+ $rhc-color-cool-grey-100: #F1F5F9;
1174
+ $rhc-color-cool-grey-50: #F8FAFC;
1181
1175
  $rhc-color-accent-500: #8fcae7;
1182
1176
  $rhc-color-feedback-warning-subdued: #fff4db;
1183
1177
  $rhc-color-feedback-warning-default: #ffb612;
@@ -1188,14 +1182,13 @@ $rhc-color-feedback-info-default: #007bc7;
1188
1182
  $rhc-color-feedback-success-subdued: #e1eddb;
1189
1183
  $rhc-color-feedback-success-default: #39870c;
1190
1184
  $rhc-color-canvas: #fff;
1191
- $rhc-color-border-strong: #000;
1185
+ $rhc-color-border-strong: #0F172A;
1192
1186
  $rhc-color-border-subdued: #94A3B8;
1193
1187
  $rhc-color-border-default: #64748B;
1194
1188
  $rhc-color-foreground-link: #01689b;
1195
1189
  $rhc-color-foreground-on-emphasis: #fff;
1196
1190
  $rhc-color-foreground-subdued: #334155;
1197
- $rhc-color-foreground-lint: #154273;
1198
- $rhc-color-foreground-default: #000;
1191
+ $rhc-color-foreground-default: #0F172A;
1199
1192
  $rhc-color-focus-outline: #76d2b6;
1200
1193
  $rhc-color-primary-hover: #528e7c;
1201
1194
  $rhc-color-primary-500: #76d2b6;