@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/_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;
@@ -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: 2.5px;
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;
@@ -496,7 +492,7 @@ $utrecht-pre-heading-font-size: 1rem;
496
492
  $utrecht-pre-heading-line-height: 125%;
497
493
  $utrecht-pre-heading-font-weight: 700;
498
494
  $utrecht-pre-heading-font-family: Fira Sans, Arial, Verdana, sans-serif;
499
- $utrecht-pre-heading-color: #154273;
495
+ $utrecht-pre-heading-color: #0F172A;
500
496
  $utrecht-radio-button-border-width: 1px;
501
497
  $utrecht-radio-button-border-radius: 999px;
502
498
  $utrecht-radio-button-hover-border-width: 1px;
@@ -550,21 +546,21 @@ $utrecht-select-padding-inline-end: 0.75rem;
550
546
  $utrecht-select-padding-block-start: 0.5rem;
551
547
  $utrecht-select-padding-block-end: 0.5rem;
552
548
  $utrecht-select-hover-border-width: 1px;
553
- $utrecht-select-hover-color: #154273;
549
+ $utrecht-select-hover-color: #0F172A;
554
550
  $utrecht-select-hover-border-color: #738eab;
555
551
  $utrecht-select-hover-background-color: #fff;
556
552
  $utrecht-select-disabled-color: #475569;
557
553
  $utrecht-select-disabled-border-color: #94A3B8;
558
554
  $utrecht-select-disabled-background-color: #CBD5E1;
559
555
  $utrecht-select-focus-border-width: 2px;
560
- $utrecht-select-focus-color: #154273;
556
+ $utrecht-select-focus-color: #0F172A;
561
557
  $utrecht-select-focus-border-color: #154273;
562
558
  $utrecht-select-focus-background-color: #fff;
563
559
  $utrecht-select-invalid-border-width: 1px;
564
- $utrecht-select-invalid-color: #154273;
560
+ $utrecht-select-invalid-color: #0F172A;
565
561
  $utrecht-select-invalid-border-color: #d52b1e;
566
562
  $utrecht-select-invalid-background-color: #f9dfdd;
567
- $utrecht-select-color: #154273;
563
+ $utrecht-select-color: #0F172A;
568
564
  $utrecht-select-border-color: #154273;
569
565
  $utrecht-select-background-color: #fff;
570
566
  $utrecht-select-icon-size: 24px;
@@ -586,7 +582,7 @@ $utrecht-table-container-box-inline-end-shadow-y: 16px;
586
582
  $utrecht-table-container-box-inline-end-shadow-x: 0;
587
583
  $utrecht-table-footer-cell-line-height: 150%;
588
584
  $utrecht-table-footer-cell-font-family: Fira Sans, Arial, Verdana, sans-serif;
589
- $utrecht-table-footer-cell-color: #154273;
585
+ $utrecht-table-footer-cell-color: #0F172A;
590
586
  $utrecht-table-footer-cell-font-size: 1.25rem;
591
587
  $utrecht-table-footer-cell-font-weight: 700;
592
588
  $utrecht-table-row-background-color: transparent;
@@ -602,7 +598,7 @@ $utrecht-table-data-cell-font-size: 1.25rem;
602
598
  $utrecht-table-data-cell-line-height: 150%;
603
599
  $utrecht-table-data-cell-font-weight: 400;
604
600
  $utrecht-table-data-cell-font-family: Fira Sans, Arial, Verdana, sans-serif;
605
- $utrecht-table-data-cell-color: #154273;
601
+ $utrecht-table-data-cell-color: #0F172A;
606
602
  $utrecht-table-cell-line-height: 150%;
607
603
  $utrecht-table-cell-padding-inline-start: 1rem;
608
604
  $utrecht-table-cell-padding-inline-end: 1rem;
@@ -611,13 +607,13 @@ $utrecht-table-cell-padding-block-end: 0.75rem;
611
607
  $utrecht-table-caption-font-size: 1.875rem;
612
608
  $utrecht-table-caption-font-weight: 700;
613
609
  $utrecht-table-caption-font-family: Fira Sans, Arial, Verdana, sans-serif;
614
- $utrecht-table-caption-color: #154273;
610
+ $utrecht-table-caption-color: #0F172A;
615
611
  $utrecht-table-caption-margin-block-end: 1.5rem;
616
612
  $utrecht-table-caption-line-height: 125%;
617
613
  $utrecht-table-header-cell-font-size: 1.25rem;
618
614
  $utrecht-table-header-cell-font-weight: 700;
619
615
  $utrecht-table-header-cell-font-family: Fira Sans, Arial, Verdana, sans-serif;
620
- $utrecht-table-header-cell-color: #154273;
616
+ $utrecht-table-header-cell-color: #0F172A;
621
617
  $utrecht-table-header-cell-line-height: 150%;
622
618
  $utrecht-textarea-font-size: 1.25rem;
623
619
  $utrecht-textarea-line-height: 150%;
@@ -627,25 +623,25 @@ $utrecht-textarea-border-width: 1px;
627
623
  $utrecht-textarea-border-bottom-width: 1px;
628
624
  $utrecht-textarea-border-radius: 2.5px;
629
625
  $utrecht-textarea-hover-border-width: 1px;
630
- $utrecht-textarea-hover-color: #154273;
626
+ $utrecht-textarea-hover-color: #0F172A;
631
627
  $utrecht-textarea-hover-border-color: #738eab;
632
628
  $utrecht-textarea-hover-background-color: #fff;
633
- $utrecht-textarea-read-only-color: #154273;
629
+ $utrecht-textarea-read-only-color: #0F172A;
634
630
  $utrecht-textarea-read-only-border-color: transparent;
635
631
  $utrecht-textarea-read-only-background-color: #F1F5F9;
636
632
  $utrecht-textarea-disabled-color: #475569;
637
633
  $utrecht-textarea-disabled-border-color: #94A3B8;
638
634
  $utrecht-textarea-disabled-background-color: #CBD5E1;
639
635
  $utrecht-textarea-focus-border-width: 2px;
640
- $utrecht-textarea-focus-color: #154273;
636
+ $utrecht-textarea-focus-color: #0F172A;
641
637
  $utrecht-textarea-focus-border-color: #154273;
642
638
  $utrecht-textarea-focus-background-color: #fff;
643
639
  $utrecht-textarea-placeholder-color: #64748B;
644
640
  $utrecht-textarea-invalid-border-width: 1px;
645
- $utrecht-textarea-invalid-color: #154273;
641
+ $utrecht-textarea-invalid-color: #0F172A;
646
642
  $utrecht-textarea-invalid-border-color: #d52b1e;
647
643
  $utrecht-textarea-invalid-background-color: #f9dfdd;
648
- $utrecht-textarea-color: #154273;
644
+ $utrecht-textarea-color: #0F172A;
649
645
  $utrecht-textarea-border-color: #154273;
650
646
  $utrecht-textarea-background-color: #fff;
651
647
  $utrecht-textarea-padding-inline-start: 0.75rem;
@@ -653,17 +649,17 @@ $utrecht-textarea-padding-inline-end: 0.75rem;
653
649
  $utrecht-textarea-padding-block-start: 0.5rem;
654
650
  $utrecht-textarea-padding-block-end: 0.5rem;
655
651
  $utrecht-textarea-max-inline-size: 400px;
656
- $utrecht-textbox-hover-color: #154273;
652
+ $utrecht-textbox-hover-color: #0F172A;
657
653
  $utrecht-textbox-hover-border-color: #738eab;
658
654
  $utrecht-textbox-hover-background-color: #fff;
659
655
  $utrecht-textbox-hover-border-width: 1px;
660
- $utrecht-textbox-read-only-color: #154273;
656
+ $utrecht-textbox-read-only-color: #0F172A;
661
657
  $utrecht-textbox-read-only-border-color: transparent;
662
658
  $utrecht-textbox-read-only-background-color: #F1F5F9;
663
659
  $utrecht-textbox-disabled-color: #475569;
664
660
  $utrecht-textbox-disabled-border-color: #94A3B8;
665
661
  $utrecht-textbox-disabled-background-color: #CBD5E1;
666
- $utrecht-textbox-focus-color: #154273;
662
+ $utrecht-textbox-focus-color: #0F172A;
667
663
  $utrecht-textbox-focus-border-color: #154273;
668
664
  $utrecht-textbox-focus-background-color: #fff;
669
665
  $utrecht-textbox-focus-border-width: 2px;
@@ -671,10 +667,10 @@ $utrecht-textbox-border-width: 1px;
671
667
  $utrecht-textbox-border-block-end-width: auto;
672
668
  $utrecht-textbox-placeholder-color: #64748B;
673
669
  $utrecht-textbox-invalid-border-width: 1px;
674
- $utrecht-textbox-invalid-color: #154273;
670
+ $utrecht-textbox-invalid-color: #0F172A;
675
671
  $utrecht-textbox-invalid-border-color: #d52b1e;
676
672
  $utrecht-textbox-invalid-background-color: #f9dfdd;
677
- $utrecht-textbox-color: #154273;
673
+ $utrecht-textbox-color: #0F172A;
678
674
  $utrecht-textbox-border-color: #154273;
679
675
  $utrecht-textbox-background-color: #fff;
680
676
  $utrecht-textbox-padding-inline-start: 0.75rem;
@@ -687,8 +683,8 @@ $utrecht-textbox-font-weight: 400;
687
683
  $utrecht-textbox-font-size: 1.25rem;
688
684
  $utrecht-textbox-font-family: Fira Sans, Arial, Verdana, sans-serif;
689
685
  $utrecht-textbox-border-radius: 2.5px;
690
- $utrecht-unordered-list-marker-border-color: #154273;
691
- $utrecht-unordered-list-marker-color: #154273;
686
+ $utrecht-unordered-list-marker-border-color: #0F172A;
687
+ $utrecht-unordered-list-marker-color: #0F172A;
692
688
  $utrecht-unordered-list-item-margin-block-start: 0.25rem;
693
689
  $utrecht-unordered-list-item-margin-block-end: 0.25rem;
694
690
  $utrecht-unordered-list-item-padding-inline-start: 0.5rem;
@@ -696,7 +692,7 @@ $utrecht-unordered-list-line-height: 150%;
696
692
  $utrecht-unordered-list-font-size: 1.25rem;
697
693
  $utrecht-unordered-list-font-weight: 400;
698
694
  $utrecht-unordered-list-font-family: Fira Sans, Arial, Verdana, sans-serif;
699
- $utrecht-unordered-list-color: #154273;
695
+ $utrecht-unordered-list-color: #0F172A;
700
696
  $utrecht-unordered-list-margin-block-start: 0.25rem;
701
697
  $utrecht-unordered-list-margin-block-end: 0.25rem;
702
698
  $utrecht-unordered-list-padding-inline-start: 1.5rem;
@@ -873,16 +869,16 @@ $rhc-color-lichtblauw-300: #BCDFF0;
873
869
  $rhc-color-lichtblauw-200: #CCE7F4;
874
870
  $rhc-color-lichtblauw-100: #ddeff8;
875
871
  $rhc-color-lichtblauw-50: #eef7fb;
876
- $rhc-color-grijs-900: #0F172A;
877
- $rhc-color-grijs-800: #1E293B;
878
- $rhc-color-grijs-700: #334155;
879
- $rhc-color-grijs-600: #475569;
880
- $rhc-color-grijs-500: #64748B;
881
- $rhc-color-grijs-400: #94A3B8;
882
- $rhc-color-grijs-300: #CBD5E1;
883
- $rhc-color-grijs-200: #E2E8F0;
884
- $rhc-color-grijs-100: #F1F5F9;
885
- $rhc-color-grijs-50: #F8FAFC;
872
+ $rhc-color-cool-grey-900: #0F172A;
873
+ $rhc-color-cool-grey-800: #1E293B;
874
+ $rhc-color-cool-grey-700: #334155;
875
+ $rhc-color-cool-grey-600: #475569;
876
+ $rhc-color-cool-grey-500: #64748B;
877
+ $rhc-color-cool-grey-400: #94A3B8;
878
+ $rhc-color-cool-grey-300: #CBD5E1;
879
+ $rhc-color-cool-grey-200: #E2E8F0;
880
+ $rhc-color-cool-grey-100: #F1F5F9;
881
+ $rhc-color-cool-grey-50: #F8FAFC;
886
882
  $rhc-color-primary-hover: #162f50;
887
883
  $rhc-color-primary-500: #154273;
888
884
  $rhc-color-primary-400: #4f7196;
@@ -900,14 +896,13 @@ $rhc-color-feedback-info-default: #007bc7;
900
896
  $rhc-color-feedback-success-subdued: #e1eddb;
901
897
  $rhc-color-feedback-success-default: #39870c;
902
898
  $rhc-color-canvas: #fff;
903
- $rhc-color-border-strong: #000;
899
+ $rhc-color-border-strong: #0F172A;
904
900
  $rhc-color-border-subdued: #94A3B8;
905
901
  $rhc-color-border-default: #64748B;
906
902
  $rhc-color-foreground-link: #01689b;
907
903
  $rhc-color-foreground-on-emphasis: #fff;
908
904
  $rhc-color-foreground-subdued: #334155;
909
- $rhc-color-foreground-lint: #154273;
910
- $rhc-color-foreground-default: #000;
905
+ $rhc-color-foreground-default: #0F172A;
911
906
  $rhc-color-focus-outline: #000;
912
907
  $rhc-border-radius-none: 0px;
913
908
  $rhc-border-radius-circle: 999px;
@@ -930,13 +925,13 @@ $rhc-keep-top-left-border-radius-bottom-left: 0;
930
925
  $rhc-keep-top-left-border-radius-bottom-right: 0;
931
926
  $rhc-keep-top-left-border-radius-top-right: 0;
932
927
  $rhc-keep-top-left-border-radius-top-left: 48px;
933
- $rhc-accordion-color: #154273;
928
+ $rhc-accordion-color: #0F172A;
934
929
  $rhc-accordion-border-radius: 0px;
935
930
  $rhc-accordion-header-margin: 0;
936
931
  $rhc-accordion-section-border-color: #94A3B8;
937
932
  $rhc-accordion-section-border-width: 0;
938
933
  $rhc-accordion-section-border-block-end-width: 1px;
939
- $rhc-accordion-button-expanded-color: #154273;
934
+ $rhc-accordion-button-expanded-color: #0F172A;
940
935
  $rhc-accordion-button-expanded-background-color: #fff;
941
936
  $rhc-accordion-button-padding-inline-start: 1rem;
942
937
  $rhc-accordion-button-padding-inline-end: 1rem;
@@ -974,17 +969,17 @@ $rhc-card-as-link-padding-inline-start: 1rem;
974
969
  $rhc-card-as-link-padding-inline-end: 1rem;
975
970
  $rhc-card-as-link-padding-block-start: 1rem;
976
971
  $rhc-card-as-link-padding-block-end: 1rem;
977
- $rhc-card-as-link-metadata-color: #154273;
972
+ $rhc-card-as-link-metadata-color: #0F172A;
978
973
  $rhc-card-as-link-link-focus-text-decoration: none;
979
974
  $rhc-card-as-link-link-hover-text-decoration: none;
980
975
  $rhc-card-as-link-link-active-text-decoration: none;
981
976
  $rhc-card-as-link-link-text-decoration: underline;
982
977
  $rhc-card-as-link-link-color: #01689b;
983
978
  $rhc-card-as-link-icon-size: 24px;
984
- $rhc-card-as-link-icon-color: #154273;
979
+ $rhc-card-as-link-icon-color: #0F172A;
985
980
  $rhc-card-as-link-inline-size: 328px;
986
981
  $rhc-card-as-link-column-gap: 1rem;
987
- $rhc-card-as-link-color: #154273;
982
+ $rhc-card-as-link-color: #0F172A;
988
983
  $rhc-card-as-link-border-width: 1px;
989
984
  $rhc-card-as-link-border-radius: 5px;
990
985
  $rhc-card-as-link-border-color: #CBD5E1;
@@ -1081,7 +1076,7 @@ $rhc-logo-image-color: #154273;
1081
1076
  $rhc-logo-image-block-size: 96px;
1082
1077
  $rhc-logo-image-inline-size: 48px;
1083
1078
  $rhc-logo-image-background-color: #fff;
1084
- $rhc-message-list-item-heading-color: #154273;
1079
+ $rhc-message-list-item-heading-color: #0F172A;
1085
1080
  $rhc-message-list-item-label-line-height: 150%;
1086
1081
  $rhc-message-list-item-label-font-weight: 700;
1087
1082
  $rhc-message-list-item-label-font-size: 1.25rem;
@@ -1092,14 +1087,14 @@ $rhc-message-list-item-content-font-size: 1.125rem;
1092
1087
  $rhc-message-list-item-padding-inline: 1rem;
1093
1088
  $rhc-message-list-item-padding-block: 0.75rem;
1094
1089
  $rhc-message-list-item-min-height: 48px;
1095
- $rhc-message-list-item-icon-color: #154273;
1090
+ $rhc-message-list-item-icon-color: #0F172A;
1096
1091
  $rhc-message-list-item-icon-size: 24px;
1097
1092
  $rhc-message-list-item-column-gap: 1rem;
1098
1093
  $rhc-message-list-item-color: #334155;
1099
1094
  $rhc-message-list-item-border-width: 1px;
1100
1095
  $rhc-message-list-item-border-color: #CBD5E1;
1101
1096
  $rhc-message-list-item-background-color: #fff;
1102
- $rhc-nav-bar-border-color: #64748B;
1097
+ $rhc-nav-bar-border-color: #4f7196;
1103
1098
  $rhc-nav-bar-color: #154273;
1104
1099
  $rhc-nav-bar-background-color: #fff;
1105
1100
  $rhc-nav-bar-heading-font-weight: 700;
@@ -1118,7 +1113,7 @@ $rhc-nav-bar-link-active-color: #fff;
1118
1113
  $rhc-nav-bar-link-active-background-color: #154273;
1119
1114
  $rhc-nav-bar-icon-size: 24px;
1120
1115
  $rhc-nav-bar-icon-active-color: #fff;
1121
- $rhc-nav-bar-icon-color: #154273;
1116
+ $rhc-nav-bar-icon-color: #0F172A;
1122
1117
  $rhc-nav-bar-content-column-gap: 1rem;
1123
1118
  $rhc-nav-bar-container-inline-size: 100%;
1124
1119
  $rhc-nav-bar-padding-inline: 1rem;
@@ -1128,7 +1123,7 @@ $rhc-navigation-list-item-padding-inline: 1rem;
1128
1123
  $rhc-navigation-list-item-padding-block: 0.75rem;
1129
1124
  $rhc-navigation-list-item-min-height: 48px;
1130
1125
  $rhc-navigation-list-item-column-gap: 1rem;
1131
- $rhc-navigation-list-item-heading-color: #154273;
1126
+ $rhc-navigation-list-item-heading-color: #0F172A;
1132
1127
  $rhc-navigation-list-item-border-color: #CBD5E1;
1133
1128
  $rhc-navigation-list-item-border-width: 1px;
1134
1129
  $rhc-navigation-list-item-color: #334155;
@@ -1148,7 +1143,7 @@ $rhc-navigation-list-item-icon-padding-block: 0.5rem;
1148
1143
  $rhc-navigation-list-item-icon-padding-inline: 0.5rem;
1149
1144
  $rhc-navigation-list-icon-color: #fff;
1150
1145
  $rhc-navigation-list-icon-border-radius: 999px;
1151
- $rhc-navigation-list-icon-background-color: #154273;
1146
+ $rhc-navigation-list-icon-background-color: #0F172A;
1152
1147
  $rhc-radio-group-row-gap: 1rem;
1153
1148
  $rhc-radio-group-padding-block-start: 0.5rem;
1154
1149
  $rhc-radio-group-padding-block-end: 0.5rem;
@@ -1168,7 +1163,7 @@ $rhc-sidenav-link-focus-border-radius: 5px;
1168
1163
  $rhc-sidenav-link-active-text-decoration: underline;
1169
1164
  $rhc-sidenav-link-active-color: #42145f;
1170
1165
  $rhc-sidenav-link-color: #01689b;
1171
- $rhc-sidenav-link-current-color: #154273;
1166
+ $rhc-sidenav-link-current-color: #0F172A;
1172
1167
  $rhc-sidenav-link-current-font-weight: 700;
1173
1168
  $rhc-sidenav-link-font-weight: 400;
1174
1169
  $rhc-sidenav-link-font-family: Fira Sans, Arial, Verdana, sans-serif;
@@ -1180,7 +1175,7 @@ $rhc-sidenav-display: flex;
1180
1175
  $rhc-toggletip-focus-background-color: #007bc7;
1181
1176
  $rhc-toggletip-focus-color: #fff;
1182
1177
  $rhc-toggletip-hover-background-color: #66AFDD;
1183
- $rhc-toggletip-hover-color: #154273;
1178
+ $rhc-toggletip-hover-color: #0F172A;
1184
1179
  $rhc-toggletip-active-border-color: #007bc7;
1185
1180
  $rhc-toggletip-active-background-color: #fff;
1186
1181
  $rhc-toggletip-active-color: #007bc7;