@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
@@ -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;
@@ -108,20 +104,20 @@ $utrecht-document-font-weight: 400;
108
104
  $utrecht-document-line-height: 150%;
109
105
  $utrecht-document-font-size: 1.25rem;
110
106
  $utrecht-document-font-family: Fira Sans, Arial, Verdana, sans-serif;
111
- $utrecht-document-color: #000;
107
+ $utrecht-document-color: #0F172A;
112
108
  $utrecht-document-background-color: #fff;
113
109
  $utrecht-accordion-button-active-row-gap: 0;
114
- $utrecht-accordion-button-active-color: #154273;
110
+ $utrecht-accordion-button-active-color: #0F172A;
115
111
  $utrecht-accordion-button-active-border-color: #94A3B8;
116
112
  $utrecht-accordion-button-active-background-color: #F1F5F9;
117
- $utrecht-accordion-button-focus-color: #154273;
113
+ $utrecht-accordion-button-focus-color: #0F172A;
118
114
  $utrecht-accordion-button-focus-border-color: #154273;
119
115
  $utrecht-accordion-button-focus-background-color: #dce3ea;
120
- $utrecht-accordion-button-color: #154273;
116
+ $utrecht-accordion-button-color: #0F172A;
121
117
  $utrecht-accordion-button-border-width: 0;
122
118
  $utrecht-accordion-button-border-color: #94A3B8;
123
119
  $utrecht-accordion-button-background-color: #fff;
124
- $utrecht-accordion-button-hover-color: #154273;
120
+ $utrecht-accordion-button-hover-color: #0F172A;
125
121
  $utrecht-accordion-button-hover-border-color: #94A3B8;
126
122
  $utrecht-accordion-button-hover-background-color: #F8FAFC;
127
123
  $utrecht-accordion-button-icon-size: 24px;
@@ -141,19 +137,19 @@ $utrecht-alert-icon-ok-color: #39870c;
141
137
  $utrecht-alert-icon-error-color: #d52b1e;
142
138
  $utrecht-alert-icon-info-color: #007bc7;
143
139
  $utrecht-alert-icon-inset-block-start: 3px;
144
- $utrecht-alert-warning-color: #154273;
140
+ $utrecht-alert-warning-color: #0F172A;
145
141
  $utrecht-alert-warning-border-color: transparent;
146
142
  $utrecht-alert-warning-background-color: #fff4db;
147
- $utrecht-alert-ok-color: #154273;
143
+ $utrecht-alert-ok-color: #0F172A;
148
144
  $utrecht-alert-ok-border-color: transparent;
149
145
  $utrecht-alert-ok-background-color: #e1eddb;
150
- $utrecht-alert-error-color: #154273;
146
+ $utrecht-alert-error-color: #0F172A;
151
147
  $utrecht-alert-error-border-color: transparent;
152
148
  $utrecht-alert-error-background-color: #f9dfdd;
153
- $utrecht-alert-info-color: #154273;
149
+ $utrecht-alert-info-color: #0F172A;
154
150
  $utrecht-alert-info-border-color: transparent;
155
151
  $utrecht-alert-info-background-color: #d9ebf7;
156
- $utrecht-alert-color: #154273;
152
+ $utrecht-alert-color: #0F172A;
157
153
  $utrecht-alert-border-color: transparent;
158
154
  $utrecht-alert-background-color: #d9ebf7;
159
155
  $utrecht-alert-padding-inline-start: 1rem;
@@ -207,7 +203,7 @@ $utrecht-blockquote-margin-inline-start: 0;
207
203
  $utrecht-blockquote-margin-inline-end: 0;
208
204
  $utrecht-blockquote-margin-block-start: 0;
209
205
  $utrecht-blockquote-margin-block-end: 0;
210
- $utrecht-blockquote-content-color: #154273;
206
+ $utrecht-blockquote-content-color: #0F172A;
211
207
  $utrecht-blockquote-content-font-size: 1.5rem;
212
208
  $utrecht-blockquote-content-font-weight: 400;
213
209
  $utrecht-blockquote-content-line-height: 150%;
@@ -395,14 +391,14 @@ $utrecht-checkbox-border-radius: 0;
395
391
  $utrecht-form-fieldset-invalid-border-inline-start-width: 0px;
396
392
  $utrecht-form-fieldset-invalid-padding-inline-start: 0;
397
393
  $utrecht-form-fieldset-invalid-border-inline-start-color: #d52b1e;
398
- $utrecht-form-fieldset-section-color: #154273;
394
+ $utrecht-form-fieldset-section-color: #0F172A;
399
395
  $utrecht-form-fieldset-section-background-color: transparent;
400
396
  $utrecht-form-fieldset-legend-disabled-color: #334155;
401
397
  $utrecht-form-fieldset-legend-line-height: 150%;
402
398
  $utrecht-form-fieldset-legend-font-weight: 700;
403
399
  $utrecht-form-fieldset-legend-font-size: 1.25rem;
404
400
  $utrecht-form-fieldset-legend-font-family: Fira Sans, Arial, Verdana, sans-serif;
405
- $utrecht-form-fieldset-legend-color: #154273;
401
+ $utrecht-form-fieldset-legend-color: #0F172A;
406
402
  $utrecht-figure-img-border-start-start-radius: 0;
407
403
  $utrecht-figure-img-border-start-end-radius: 0;
408
404
  $utrecht-figure-img-border-end-start-radius: 0;
@@ -447,10 +443,10 @@ $utrecht-form-field-label-line-height: 150%;
447
443
  $utrecht-form-field-label-font-weight: 700;
448
444
  $utrecht-form-field-label-font-size: 1.25rem;
449
445
  $utrecht-form-field-label-font-family: Fira Sans, Arial, Verdana, sans-serif;
450
- $utrecht-form-field-label-color: #154273;
446
+ $utrecht-form-field-label-color: #0F172A;
451
447
  $utrecht-form-label-font-weight: 700;
452
448
  $utrecht-form-label-font-size: 1.25rem;
453
- $utrecht-form-label-color: #154273;
449
+ $utrecht-form-label-color: #0F172A;
454
450
  $utrecht-link-line-height: 150%;
455
451
  $utrecht-link-font-size: 1.25rem;
456
452
  $utrecht-link-font-weight: 400;
@@ -484,7 +480,7 @@ $utrecht-ordered-list-line-height: 150%;
484
480
  $utrecht-ordered-list-font-size: 1.25rem;
485
481
  $utrecht-ordered-list-font-weight: 400;
486
482
  $utrecht-ordered-list-font-family: Fira Sans, Arial, Verdana, sans-serif;
487
- $utrecht-ordered-list-color: #154273;
483
+ $utrecht-ordered-list-color: #0F172A;
488
484
  $utrecht-ordered-list-item-margin-block-start: 0.25rem;
489
485
  $utrecht-ordered-list-item-margin-block-end: 0.25rem;
490
486
  $utrecht-ordered-list-item-padding-inline-start: 0;
@@ -545,21 +541,21 @@ $utrecht-select-padding-inline-end: 0.75rem;
545
541
  $utrecht-select-padding-block-start: 0.5rem;
546
542
  $utrecht-select-padding-block-end: 0.5rem;
547
543
  $utrecht-select-hover-border-width: 1px;
548
- $utrecht-select-hover-color: #154273;
544
+ $utrecht-select-hover-color: #0F172A;
549
545
  $utrecht-select-hover-border-color: #738eab;
550
546
  $utrecht-select-hover-background-color: #fff;
551
547
  $utrecht-select-disabled-color: #475569;
552
548
  $utrecht-select-disabled-border-color: #94A3B8;
553
549
  $utrecht-select-disabled-background-color: #CBD5E1;
554
550
  $utrecht-select-focus-border-width: 2px;
555
- $utrecht-select-focus-color: #154273;
551
+ $utrecht-select-focus-color: #0F172A;
556
552
  $utrecht-select-focus-border-color: #154273;
557
553
  $utrecht-select-focus-background-color: #fff;
558
554
  $utrecht-select-invalid-border-width: 1px;
559
- $utrecht-select-invalid-color: #154273;
555
+ $utrecht-select-invalid-color: #0F172A;
560
556
  $utrecht-select-invalid-border-color: #d52b1e;
561
557
  $utrecht-select-invalid-background-color: #f9dfdd;
562
- $utrecht-select-color: #154273;
558
+ $utrecht-select-color: #0F172A;
563
559
  $utrecht-select-border-color: #154273;
564
560
  $utrecht-select-background-color: #fff;
565
561
  $utrecht-select-icon-size: 24px;
@@ -581,7 +577,7 @@ $utrecht-table-container-box-inline-end-shadow-y: 16px;
581
577
  $utrecht-table-container-box-inline-end-shadow-x: 0;
582
578
  $utrecht-table-footer-cell-line-height: 150%;
583
579
  $utrecht-table-footer-cell-font-family: Fira Sans, Arial, Verdana, sans-serif;
584
- $utrecht-table-footer-cell-color: #154273;
580
+ $utrecht-table-footer-cell-color: #0F172A;
585
581
  $utrecht-table-footer-cell-font-size: 1.25rem;
586
582
  $utrecht-table-footer-cell-font-weight: 700;
587
583
  $utrecht-table-row-background-color: transparent;
@@ -597,7 +593,7 @@ $utrecht-table-data-cell-font-size: 1.25rem;
597
593
  $utrecht-table-data-cell-line-height: 150%;
598
594
  $utrecht-table-data-cell-font-weight: 400;
599
595
  $utrecht-table-data-cell-font-family: Fira Sans, Arial, Verdana, sans-serif;
600
- $utrecht-table-data-cell-color: #154273;
596
+ $utrecht-table-data-cell-color: #0F172A;
601
597
  $utrecht-table-cell-line-height: 150%;
602
598
  $utrecht-table-cell-padding-inline-start: 1rem;
603
599
  $utrecht-table-cell-padding-inline-end: 1rem;
@@ -606,13 +602,13 @@ $utrecht-table-cell-padding-block-end: 0.75rem;
606
602
  $utrecht-table-caption-font-size: 1.875rem;
607
603
  $utrecht-table-caption-font-weight: 700;
608
604
  $utrecht-table-caption-font-family: Fira Sans, Arial, Verdana, sans-serif;
609
- $utrecht-table-caption-color: #154273;
605
+ $utrecht-table-caption-color: #0F172A;
610
606
  $utrecht-table-caption-margin-block-end: 1.5rem;
611
607
  $utrecht-table-caption-line-height: 125%;
612
608
  $utrecht-table-header-cell-font-size: 1.25rem;
613
609
  $utrecht-table-header-cell-font-weight: 700;
614
610
  $utrecht-table-header-cell-font-family: Fira Sans, Arial, Verdana, sans-serif;
615
- $utrecht-table-header-cell-color: #154273;
611
+ $utrecht-table-header-cell-color: #0F172A;
616
612
  $utrecht-table-header-cell-line-height: 150%;
617
613
  $utrecht-textarea-font-size: 1.25rem;
618
614
  $utrecht-textarea-line-height: 150%;
@@ -622,25 +618,25 @@ $utrecht-textarea-border-width: 1px;
622
618
  $utrecht-textarea-border-bottom-width: 1px;
623
619
  $utrecht-textarea-border-radius: 0;
624
620
  $utrecht-textarea-hover-border-width: 1px;
625
- $utrecht-textarea-hover-color: #154273;
621
+ $utrecht-textarea-hover-color: #0F172A;
626
622
  $utrecht-textarea-hover-border-color: #738eab;
627
623
  $utrecht-textarea-hover-background-color: #fff;
628
- $utrecht-textarea-read-only-color: #154273;
624
+ $utrecht-textarea-read-only-color: #0F172A;
629
625
  $utrecht-textarea-read-only-border-color: transparent;
630
626
  $utrecht-textarea-read-only-background-color: #F1F5F9;
631
627
  $utrecht-textarea-disabled-color: #475569;
632
628
  $utrecht-textarea-disabled-border-color: #94A3B8;
633
629
  $utrecht-textarea-disabled-background-color: #CBD5E1;
634
630
  $utrecht-textarea-focus-border-width: 2px;
635
- $utrecht-textarea-focus-color: #154273;
631
+ $utrecht-textarea-focus-color: #0F172A;
636
632
  $utrecht-textarea-focus-border-color: #154273;
637
633
  $utrecht-textarea-focus-background-color: #fff;
638
634
  $utrecht-textarea-placeholder-color: #64748B;
639
635
  $utrecht-textarea-invalid-border-width: 1px;
640
- $utrecht-textarea-invalid-color: #154273;
636
+ $utrecht-textarea-invalid-color: #0F172A;
641
637
  $utrecht-textarea-invalid-border-color: #d52b1e;
642
638
  $utrecht-textarea-invalid-background-color: #f9dfdd;
643
- $utrecht-textarea-color: #154273;
639
+ $utrecht-textarea-color: #0F172A;
644
640
  $utrecht-textarea-border-color: #154273;
645
641
  $utrecht-textarea-background-color: #fff;
646
642
  $utrecht-textarea-padding-inline-start: 0.75rem;
@@ -648,17 +644,17 @@ $utrecht-textarea-padding-inline-end: 0.75rem;
648
644
  $utrecht-textarea-padding-block-start: 0.5rem;
649
645
  $utrecht-textarea-padding-block-end: 0.5rem;
650
646
  $utrecht-textarea-max-inline-size: 400px;
651
- $utrecht-textbox-hover-color: #154273;
647
+ $utrecht-textbox-hover-color: #0F172A;
652
648
  $utrecht-textbox-hover-border-color: #738eab;
653
649
  $utrecht-textbox-hover-background-color: #fff;
654
650
  $utrecht-textbox-hover-border-width: 1px;
655
- $utrecht-textbox-read-only-color: #154273;
651
+ $utrecht-textbox-read-only-color: #0F172A;
656
652
  $utrecht-textbox-read-only-border-color: transparent;
657
653
  $utrecht-textbox-read-only-background-color: #F1F5F9;
658
654
  $utrecht-textbox-disabled-color: #475569;
659
655
  $utrecht-textbox-disabled-border-color: #94A3B8;
660
656
  $utrecht-textbox-disabled-background-color: #CBD5E1;
661
- $utrecht-textbox-focus-color: #154273;
657
+ $utrecht-textbox-focus-color: #0F172A;
662
658
  $utrecht-textbox-focus-border-color: #154273;
663
659
  $utrecht-textbox-focus-background-color: #fff;
664
660
  $utrecht-textbox-focus-border-width: 2px;
@@ -666,10 +662,10 @@ $utrecht-textbox-border-width: 1px;
666
662
  $utrecht-textbox-border-block-end-width: auto;
667
663
  $utrecht-textbox-placeholder-color: #64748B;
668
664
  $utrecht-textbox-invalid-border-width: 1px;
669
- $utrecht-textbox-invalid-color: #154273;
665
+ $utrecht-textbox-invalid-color: #0F172A;
670
666
  $utrecht-textbox-invalid-border-color: #d52b1e;
671
667
  $utrecht-textbox-invalid-background-color: #f9dfdd;
672
- $utrecht-textbox-color: #154273;
668
+ $utrecht-textbox-color: #0F172A;
673
669
  $utrecht-textbox-border-color: #154273;
674
670
  $utrecht-textbox-background-color: #fff;
675
671
  $utrecht-textbox-padding-inline-start: 0.75rem;
@@ -682,8 +678,8 @@ $utrecht-textbox-font-weight: 400;
682
678
  $utrecht-textbox-font-size: 1.25rem;
683
679
  $utrecht-textbox-font-family: Fira Sans, Arial, Verdana, sans-serif;
684
680
  $utrecht-textbox-border-radius: 0;
685
- $utrecht-unordered-list-marker-border-color: #154273;
686
- $utrecht-unordered-list-marker-color: #154273;
681
+ $utrecht-unordered-list-marker-border-color: #0F172A;
682
+ $utrecht-unordered-list-marker-color: #0F172A;
687
683
  $utrecht-unordered-list-item-margin-block-start: 0.25rem;
688
684
  $utrecht-unordered-list-item-margin-block-end: 0.25rem;
689
685
  $utrecht-unordered-list-item-padding-inline-start: 0.5rem;
@@ -691,7 +687,7 @@ $utrecht-unordered-list-line-height: 150%;
691
687
  $utrecht-unordered-list-font-size: 1.25rem;
692
688
  $utrecht-unordered-list-font-weight: 400;
693
689
  $utrecht-unordered-list-font-family: Fira Sans, Arial, Verdana, sans-serif;
694
- $utrecht-unordered-list-color: #154273;
690
+ $utrecht-unordered-list-color: #0F172A;
695
691
  $utrecht-unordered-list-margin-block-start: 0.25rem;
696
692
  $utrecht-unordered-list-margin-block-end: 0.25rem;
697
693
  $utrecht-unordered-list-padding-inline-start: 1.5rem;
@@ -773,13 +769,13 @@ $rhc-keep-top-left-border-radius-bottom-left: 0;
773
769
  $rhc-keep-top-left-border-radius-bottom-right: 0;
774
770
  $rhc-keep-top-left-border-radius-top-right: 0;
775
771
  $rhc-keep-top-left-border-radius-top-left: 0;
776
- $rhc-accordion-color: #154273;
772
+ $rhc-accordion-color: #0F172A;
777
773
  $rhc-accordion-border-radius: 0px;
778
774
  $rhc-accordion-header-margin: 0;
779
775
  $rhc-accordion-section-border-color: #94A3B8;
780
776
  $rhc-accordion-section-border-width: 0;
781
777
  $rhc-accordion-section-border-block-end-width: 1px;
782
- $rhc-accordion-button-expanded-color: #154273;
778
+ $rhc-accordion-button-expanded-color: #0F172A;
783
779
  $rhc-accordion-button-expanded-background-color: #fff;
784
780
  $rhc-accordion-button-padding-inline-start: 1rem;
785
781
  $rhc-accordion-button-padding-inline-end: 1rem;
@@ -817,17 +813,17 @@ $rhc-card-as-link-padding-inline-start: 1rem;
817
813
  $rhc-card-as-link-padding-inline-end: 1rem;
818
814
  $rhc-card-as-link-padding-block-start: 1rem;
819
815
  $rhc-card-as-link-padding-block-end: 1rem;
820
- $rhc-card-as-link-metadata-color: #154273;
816
+ $rhc-card-as-link-metadata-color: #0F172A;
821
817
  $rhc-card-as-link-link-focus-text-decoration: none;
822
818
  $rhc-card-as-link-link-hover-text-decoration: none;
823
819
  $rhc-card-as-link-link-active-text-decoration: none;
824
820
  $rhc-card-as-link-link-text-decoration: underline;
825
821
  $rhc-card-as-link-link-color: #01689b;
826
822
  $rhc-card-as-link-icon-size: 24px;
827
- $rhc-card-as-link-icon-color: #154273;
823
+ $rhc-card-as-link-icon-color: #0F172A;
828
824
  $rhc-card-as-link-inline-size: 328px;
829
825
  $rhc-card-as-link-column-gap: 1rem;
830
- $rhc-card-as-link-color: #154273;
826
+ $rhc-card-as-link-color: #0F172A;
831
827
  $rhc-card-as-link-border-width: 1px;
832
828
  $rhc-card-as-link-border-radius: 0;
833
829
  $rhc-card-as-link-border-color: #CBD5E1;
@@ -924,7 +920,7 @@ $rhc-logo-image-color: #154273;
924
920
  $rhc-logo-image-block-size: 96px;
925
921
  $rhc-logo-image-inline-size: 48px;
926
922
  $rhc-logo-image-background-color: #fff;
927
- $rhc-message-list-item-heading-color: #154273;
923
+ $rhc-message-list-item-heading-color: #0F172A;
928
924
  $rhc-message-list-item-label-line-height: 150%;
929
925
  $rhc-message-list-item-label-font-weight: 700;
930
926
  $rhc-message-list-item-label-font-size: 1.25rem;
@@ -935,15 +931,15 @@ $rhc-message-list-item-content-font-size: 1.125rem;
935
931
  $rhc-message-list-item-padding-inline: 1rem;
936
932
  $rhc-message-list-item-padding-block: 0.75rem;
937
933
  $rhc-message-list-item-min-height: 48px;
938
- $rhc-message-list-item-icon-color: #154273;
934
+ $rhc-message-list-item-icon-color: #0F172A;
939
935
  $rhc-message-list-item-icon-size: 24px;
940
936
  $rhc-message-list-item-column-gap: 1rem;
941
937
  $rhc-message-list-item-color: #334155;
942
938
  $rhc-message-list-item-border-width: 1px;
943
939
  $rhc-message-list-item-border-color: #CBD5E1;
944
940
  $rhc-message-list-item-background-color: #fff;
945
- $rhc-nav-bar-border-color: #64748B;
946
- $rhc-nav-bar-color: #154273;
941
+ $rhc-nav-bar-border-color: #BE4088;
942
+ $rhc-nav-bar-color: #a90061;
947
943
  $rhc-nav-bar-background-color: #fff;
948
944
  $rhc-nav-bar-heading-font-weight: 700;
949
945
  $rhc-nav-bar-link-column-gap: 0.5rem;
@@ -951,17 +947,17 @@ $rhc-nav-bar-link-padding-inline-start: 0.75rem;
951
947
  $rhc-nav-bar-link-padding-inline-end: 0.75rem;
952
948
  $rhc-nav-bar-link-padding-block-start: 1rem;
953
949
  $rhc-nav-bar-link-padding-block-end: 1rem;
954
- $rhc-nav-bar-link-hover-color: #154273;
950
+ $rhc-nav-bar-link-hover-color: #a90061;
955
951
  $rhc-nav-bar-link-hover-background-color: #F8FAFC;
956
- $rhc-nav-bar-link-focus-color: #154273;
957
- $rhc-nav-bar-link-focus-background-color: #dce3ea;
958
- $rhc-nav-bar-link-color: #154273;
952
+ $rhc-nav-bar-link-focus-color: #a90061;
953
+ $rhc-nav-bar-link-focus-background-color: #f2d9e7;
954
+ $rhc-nav-bar-link-color: #a90061;
959
955
  $rhc-nav-bar-link-background-color: #fff;
960
956
  $rhc-nav-bar-link-active-color: #fff;
961
- $rhc-nav-bar-link-active-background-color: #154273;
957
+ $rhc-nav-bar-link-active-background-color: #a90061;
962
958
  $rhc-nav-bar-icon-size: 24px;
963
959
  $rhc-nav-bar-icon-active-color: #fff;
964
- $rhc-nav-bar-icon-color: #154273;
960
+ $rhc-nav-bar-icon-color: #0F172A;
965
961
  $rhc-nav-bar-content-column-gap: 1rem;
966
962
  $rhc-nav-bar-container-inline-size: 100%;
967
963
  $rhc-nav-bar-padding-inline: 1rem;
@@ -971,7 +967,7 @@ $rhc-navigation-list-item-padding-inline: 1rem;
971
967
  $rhc-navigation-list-item-padding-block: 0.75rem;
972
968
  $rhc-navigation-list-item-min-height: 48px;
973
969
  $rhc-navigation-list-item-column-gap: 1rem;
974
- $rhc-navigation-list-item-heading-color: #154273;
970
+ $rhc-navigation-list-item-heading-color: #0F172A;
975
971
  $rhc-navigation-list-item-border-color: #CBD5E1;
976
972
  $rhc-navigation-list-item-border-width: 1px;
977
973
  $rhc-navigation-list-item-color: #334155;
@@ -991,7 +987,7 @@ $rhc-navigation-list-item-icon-padding-block: 0.5rem;
991
987
  $rhc-navigation-list-item-icon-padding-inline: 0.5rem;
992
988
  $rhc-navigation-list-icon-color: #fff;
993
989
  $rhc-navigation-list-icon-border-radius: 999px;
994
- $rhc-navigation-list-icon-background-color: #154273;
990
+ $rhc-navigation-list-icon-background-color: #0F172A;
995
991
  $rhc-radio-group-row-gap: 1rem;
996
992
  $rhc-radio-group-padding-block-start: 0.5rem;
997
993
  $rhc-radio-group-padding-block-end: 0.5rem;
@@ -1011,7 +1007,7 @@ $rhc-sidenav-link-focus-border-radius: 0;
1011
1007
  $rhc-sidenav-link-active-text-decoration: underline;
1012
1008
  $rhc-sidenav-link-active-color: #42145f;
1013
1009
  $rhc-sidenav-link-color: #01689b;
1014
- $rhc-sidenav-link-current-color: #154273;
1010
+ $rhc-sidenav-link-current-color: #0F172A;
1015
1011
  $rhc-sidenav-link-current-font-weight: 700;
1016
1012
  $rhc-sidenav-link-font-weight: 400;
1017
1013
  $rhc-sidenav-link-font-family: Fira Sans, Arial, Verdana, sans-serif;
@@ -1023,7 +1019,7 @@ $rhc-sidenav-display: flex;
1023
1019
  $rhc-toggletip-focus-background-color: #007bc7;
1024
1020
  $rhc-toggletip-focus-color: #fff;
1025
1021
  $rhc-toggletip-hover-background-color: #66AFDD;
1026
- $rhc-toggletip-hover-color: #154273;
1022
+ $rhc-toggletip-hover-color: #0F172A;
1027
1023
  $rhc-toggletip-active-border-color: #007bc7;
1028
1024
  $rhc-toggletip-active-background-color: #fff;
1029
1025
  $rhc-toggletip-active-color: #007bc7;
@@ -1160,16 +1156,16 @@ $rhc-color-lichtblauw-300: #BCDFF0;
1160
1156
  $rhc-color-lichtblauw-200: #CCE7F4;
1161
1157
  $rhc-color-lichtblauw-100: #ddeff8;
1162
1158
  $rhc-color-lichtblauw-50: #eef7fb;
1163
- $rhc-color-grijs-900: #0F172A;
1164
- $rhc-color-grijs-800: #1E293B;
1165
- $rhc-color-grijs-700: #334155;
1166
- $rhc-color-grijs-600: #475569;
1167
- $rhc-color-grijs-500: #64748B;
1168
- $rhc-color-grijs-400: #94A3B8;
1169
- $rhc-color-grijs-300: #CBD5E1;
1170
- $rhc-color-grijs-200: #E2E8F0;
1171
- $rhc-color-grijs-100: #F1F5F9;
1172
- $rhc-color-grijs-50: #F8FAFC;
1159
+ $rhc-color-cool-grey-900: #0F172A;
1160
+ $rhc-color-cool-grey-800: #1E293B;
1161
+ $rhc-color-cool-grey-700: #334155;
1162
+ $rhc-color-cool-grey-600: #475569;
1163
+ $rhc-color-cool-grey-500: #64748B;
1164
+ $rhc-color-cool-grey-400: #94A3B8;
1165
+ $rhc-color-cool-grey-300: #CBD5E1;
1166
+ $rhc-color-cool-grey-200: #E2E8F0;
1167
+ $rhc-color-cool-grey-100: #F1F5F9;
1168
+ $rhc-color-cool-grey-50: #F8FAFC;
1173
1169
  $rhc-color-accent-500: #8fcae7;
1174
1170
  $rhc-color-feedback-warning-subdued: #fff4db;
1175
1171
  $rhc-color-feedback-warning-default: #ffb612;
@@ -1180,14 +1176,13 @@ $rhc-color-feedback-info-default: #007bc7;
1180
1176
  $rhc-color-feedback-success-subdued: #e1eddb;
1181
1177
  $rhc-color-feedback-success-default: #39870c;
1182
1178
  $rhc-color-canvas: #fff;
1183
- $rhc-color-border-strong: #000;
1179
+ $rhc-color-border-strong: #0F172A;
1184
1180
  $rhc-color-border-subdued: #94A3B8;
1185
1181
  $rhc-color-border-default: #64748B;
1186
1182
  $rhc-color-foreground-link: #01689b;
1187
1183
  $rhc-color-foreground-on-emphasis: #fff;
1188
1184
  $rhc-color-foreground-subdued: #334155;
1189
- $rhc-color-foreground-lint: #154273;
1190
- $rhc-color-foreground-default: #000;
1185
+ $rhc-color-foreground-default: #0F172A;
1191
1186
  $rhc-color-focus-outline: #000;
1192
1187
  $rhc-color-primary-hover: #741344;
1193
1188
  $rhc-color-primary-500: #a90061;