@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/root.css 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
 
6
6
  :root {
@@ -52,21 +52,17 @@
52
52
  --nl-heading-level-1-font-weight: 700;
53
53
  --nl-heading-level-1-font-family: Fira Sans, Arial, Verdana, sans-serif;
54
54
  --nl-heading-level-1-color: #154273;
55
- --nl-paragraph-small-line-height: 150%;
56
- --nl-paragraph-small-font-weight: 400;
57
- --nl-paragraph-small-font-size: 1.125rem;
58
- --nl-paragraph-small-color: #154273;
59
55
  --nl-paragraph-lead-line-height: 150%;
60
56
  --nl-paragraph-lead-font-weight: 400;
61
57
  --nl-paragraph-lead-font-size: 1.5rem;
62
- --nl-paragraph-lead-color: #154273;
58
+ --nl-paragraph-lead-color: #0F172A;
63
59
  --nl-paragraph-margin-block-start: 0;
64
60
  --nl-paragraph-margin-block-end: 0;
65
61
  --nl-paragraph-line-height: 150%;
66
62
  --nl-paragraph-font-weight: 400;
67
63
  --nl-paragraph-font-size: 1.25rem;
68
64
  --nl-paragraph-font-family: Fira Sans, Arial, Verdana, sans-serif;
69
- --nl-paragraph-color: #154273;
65
+ --nl-paragraph-color: #0F172A;
70
66
  --nl-skip-link-text-underline-offset: 0.125rem;
71
67
  --nl-skip-link-text-decoration: underline;
72
68
  --nl-skip-link-box-block-end-shadow-color: #0000001a;
@@ -80,7 +76,7 @@
80
76
  --nl-skip-link-background-color: #154273;
81
77
  --nl-skip-link-focus-visible-outline-color: #000;
82
78
  --nl-skip-link-focus-text-decoration: None;
83
- --nl-skip-link-focus-color: #154273;
79
+ --nl-skip-link-focus-color: #0F172A;
84
80
  --nl-skip-link-focus-border-width: 2px;
85
81
  --nl-skip-link-focus-border-style: solid;
86
82
  --nl-skip-link-focus-border-color: #154273;
@@ -110,20 +106,20 @@
110
106
  --utrecht-document-line-height: 150%;
111
107
  --utrecht-document-font-size: 1.25rem;
112
108
  --utrecht-document-font-family: Fira Sans, Arial, Verdana, sans-serif;
113
- --utrecht-document-color: #000;
109
+ --utrecht-document-color: #0F172A;
114
110
  --utrecht-document-background-color: #fff;
115
111
  --utrecht-accordion-button-active-row-gap: 0;
116
- --utrecht-accordion-button-active-color: #154273;
112
+ --utrecht-accordion-button-active-color: #0F172A;
117
113
  --utrecht-accordion-button-active-border-color: #94A3B8;
118
114
  --utrecht-accordion-button-active-background-color: #F1F5F9;
119
- --utrecht-accordion-button-focus-color: #154273;
115
+ --utrecht-accordion-button-focus-color: #0F172A;
120
116
  --utrecht-accordion-button-focus-border-color: #154273;
121
117
  --utrecht-accordion-button-focus-background-color: #dce3ea;
122
- --utrecht-accordion-button-color: #154273;
118
+ --utrecht-accordion-button-color: #0F172A;
123
119
  --utrecht-accordion-button-border-width: 0;
124
120
  --utrecht-accordion-button-border-color: #94A3B8;
125
121
  --utrecht-accordion-button-background-color: #fff;
126
- --utrecht-accordion-button-hover-color: #154273;
122
+ --utrecht-accordion-button-hover-color: #0F172A;
127
123
  --utrecht-accordion-button-hover-border-color: #94A3B8;
128
124
  --utrecht-accordion-button-hover-background-color: #F8FAFC;
129
125
  --utrecht-accordion-button-icon-size: 24px;
@@ -143,19 +139,19 @@
143
139
  --utrecht-alert-icon-error-color: #d52b1e;
144
140
  --utrecht-alert-icon-info-color: #007bc7;
145
141
  --utrecht-alert-icon-inset-block-start: 3px;
146
- --utrecht-alert-warning-color: #154273;
142
+ --utrecht-alert-warning-color: #0F172A;
147
143
  --utrecht-alert-warning-border-color: transparent;
148
144
  --utrecht-alert-warning-background-color: #fff4db;
149
- --utrecht-alert-ok-color: #154273;
145
+ --utrecht-alert-ok-color: #0F172A;
150
146
  --utrecht-alert-ok-border-color: transparent;
151
147
  --utrecht-alert-ok-background-color: #e1eddb;
152
- --utrecht-alert-error-color: #154273;
148
+ --utrecht-alert-error-color: #0F172A;
153
149
  --utrecht-alert-error-border-color: transparent;
154
150
  --utrecht-alert-error-background-color: #f9dfdd;
155
- --utrecht-alert-info-color: #154273;
151
+ --utrecht-alert-info-color: #0F172A;
156
152
  --utrecht-alert-info-border-color: transparent;
157
153
  --utrecht-alert-info-background-color: #d9ebf7;
158
- --utrecht-alert-color: #154273;
154
+ --utrecht-alert-color: #0F172A;
159
155
  --utrecht-alert-border-color: transparent;
160
156
  --utrecht-alert-background-color: #d9ebf7;
161
157
  --utrecht-alert-padding-inline-start: 1rem;
@@ -209,7 +205,7 @@
209
205
  --utrecht-blockquote-margin-inline-end: 0;
210
206
  --utrecht-blockquote-margin-block-start: 0;
211
207
  --utrecht-blockquote-margin-block-end: 0;
212
- --utrecht-blockquote-content-color: #154273;
208
+ --utrecht-blockquote-content-color: #0F172A;
213
209
  --utrecht-blockquote-content-font-size: 1.5rem;
214
210
  --utrecht-blockquote-content-font-weight: 400;
215
211
  --utrecht-blockquote-content-line-height: 150%;
@@ -397,14 +393,14 @@
397
393
  --utrecht-form-fieldset-invalid-border-inline-start-width: 0px;
398
394
  --utrecht-form-fieldset-invalid-padding-inline-start: 0;
399
395
  --utrecht-form-fieldset-invalid-border-inline-start-color: #d52b1e;
400
- --utrecht-form-fieldset-section-color: #154273;
396
+ --utrecht-form-fieldset-section-color: #0F172A;
401
397
  --utrecht-form-fieldset-section-background-color: transparent;
402
398
  --utrecht-form-fieldset-legend-disabled-color: #334155;
403
399
  --utrecht-form-fieldset-legend-line-height: 150%;
404
400
  --utrecht-form-fieldset-legend-font-weight: 700;
405
401
  --utrecht-form-fieldset-legend-font-size: 1.25rem;
406
402
  --utrecht-form-fieldset-legend-font-family: Fira Sans, Arial, Verdana, sans-serif;
407
- --utrecht-form-fieldset-legend-color: #154273;
403
+ --utrecht-form-fieldset-legend-color: #0F172A;
408
404
  --utrecht-figure-img-border-start-start-radius: 0;
409
405
  --utrecht-figure-img-border-start-end-radius: 0;
410
406
  --utrecht-figure-img-border-end-start-radius: 0;
@@ -449,10 +445,10 @@
449
445
  --utrecht-form-field-label-font-weight: 700;
450
446
  --utrecht-form-field-label-font-size: 1.25rem;
451
447
  --utrecht-form-field-label-font-family: Fira Sans, Arial, Verdana, sans-serif;
452
- --utrecht-form-field-label-color: #154273;
448
+ --utrecht-form-field-label-color: #0F172A;
453
449
  --utrecht-form-label-font-weight: 700;
454
450
  --utrecht-form-label-font-size: 1.25rem;
455
- --utrecht-form-label-color: #154273;
451
+ --utrecht-form-label-color: #0F172A;
456
452
  --utrecht-link-line-height: 150%;
457
453
  --utrecht-link-font-size: 1.25rem;
458
454
  --utrecht-link-font-weight: 400;
@@ -486,7 +482,7 @@
486
482
  --utrecht-ordered-list-font-size: 1.25rem;
487
483
  --utrecht-ordered-list-font-weight: 400;
488
484
  --utrecht-ordered-list-font-family: Fira Sans, Arial, Verdana, sans-serif;
489
- --utrecht-ordered-list-color: #154273;
485
+ --utrecht-ordered-list-color: #0F172A;
490
486
  --utrecht-ordered-list-item-margin-block-start: 0.25rem;
491
487
  --utrecht-ordered-list-item-margin-block-end: 0.25rem;
492
488
  --utrecht-ordered-list-item-padding-inline-start: 0;
@@ -498,7 +494,7 @@
498
494
  --utrecht-pre-heading-line-height: 125%;
499
495
  --utrecht-pre-heading-font-weight: 700;
500
496
  --utrecht-pre-heading-font-family: Fira Sans, Arial, Verdana, sans-serif;
501
- --utrecht-pre-heading-color: #154273;
497
+ --utrecht-pre-heading-color: #0F172A;
502
498
  --utrecht-radio-button-border-width: 1px;
503
499
  --utrecht-radio-button-border-radius: 999px;
504
500
  --utrecht-radio-button-hover-border-width: 1px;
@@ -552,21 +548,21 @@
552
548
  --utrecht-select-padding-block-start: 0.5rem;
553
549
  --utrecht-select-padding-block-end: 0.5rem;
554
550
  --utrecht-select-hover-border-width: 1px;
555
- --utrecht-select-hover-color: #154273;
551
+ --utrecht-select-hover-color: #0F172A;
556
552
  --utrecht-select-hover-border-color: #738eab;
557
553
  --utrecht-select-hover-background-color: #fff;
558
554
  --utrecht-select-disabled-color: #475569;
559
555
  --utrecht-select-disabled-border-color: #94A3B8;
560
556
  --utrecht-select-disabled-background-color: #CBD5E1;
561
557
  --utrecht-select-focus-border-width: 2px;
562
- --utrecht-select-focus-color: #154273;
558
+ --utrecht-select-focus-color: #0F172A;
563
559
  --utrecht-select-focus-border-color: #154273;
564
560
  --utrecht-select-focus-background-color: #fff;
565
561
  --utrecht-select-invalid-border-width: 1px;
566
- --utrecht-select-invalid-color: #154273;
562
+ --utrecht-select-invalid-color: #0F172A;
567
563
  --utrecht-select-invalid-border-color: #d52b1e;
568
564
  --utrecht-select-invalid-background-color: #f9dfdd;
569
- --utrecht-select-color: #154273;
565
+ --utrecht-select-color: #0F172A;
570
566
  --utrecht-select-border-color: #154273;
571
567
  --utrecht-select-background-color: #fff;
572
568
  --utrecht-select-icon-size: 24px;
@@ -588,7 +584,7 @@
588
584
  --utrecht-table-container-box-inline-end-shadow-x: 0;
589
585
  --utrecht-table-footer-cell-line-height: 150%;
590
586
  --utrecht-table-footer-cell-font-family: Fira Sans, Arial, Verdana, sans-serif;
591
- --utrecht-table-footer-cell-color: #154273;
587
+ --utrecht-table-footer-cell-color: #0F172A;
592
588
  --utrecht-table-footer-cell-font-size: 1.25rem;
593
589
  --utrecht-table-footer-cell-font-weight: 700;
594
590
  --utrecht-table-row-background-color: transparent;
@@ -604,7 +600,7 @@
604
600
  --utrecht-table-data-cell-line-height: 150%;
605
601
  --utrecht-table-data-cell-font-weight: 400;
606
602
  --utrecht-table-data-cell-font-family: Fira Sans, Arial, Verdana, sans-serif;
607
- --utrecht-table-data-cell-color: #154273;
603
+ --utrecht-table-data-cell-color: #0F172A;
608
604
  --utrecht-table-cell-line-height: 150%;
609
605
  --utrecht-table-cell-padding-inline-start: 1rem;
610
606
  --utrecht-table-cell-padding-inline-end: 1rem;
@@ -613,13 +609,13 @@
613
609
  --utrecht-table-caption-font-size: 1.875rem;
614
610
  --utrecht-table-caption-font-weight: 700;
615
611
  --utrecht-table-caption-font-family: Fira Sans, Arial, Verdana, sans-serif;
616
- --utrecht-table-caption-color: #154273;
612
+ --utrecht-table-caption-color: #0F172A;
617
613
  --utrecht-table-caption-margin-block-end: 1.5rem;
618
614
  --utrecht-table-caption-line-height: 125%;
619
615
  --utrecht-table-header-cell-font-size: 1.25rem;
620
616
  --utrecht-table-header-cell-font-weight: 700;
621
617
  --utrecht-table-header-cell-font-family: Fira Sans, Arial, Verdana, sans-serif;
622
- --utrecht-table-header-cell-color: #154273;
618
+ --utrecht-table-header-cell-color: #0F172A;
623
619
  --utrecht-table-header-cell-line-height: 150%;
624
620
  --utrecht-textarea-font-size: 1.25rem;
625
621
  --utrecht-textarea-line-height: 150%;
@@ -629,25 +625,25 @@
629
625
  --utrecht-textarea-border-bottom-width: 1px;
630
626
  --utrecht-textarea-border-radius: 2.5px;
631
627
  --utrecht-textarea-hover-border-width: 1px;
632
- --utrecht-textarea-hover-color: #154273;
628
+ --utrecht-textarea-hover-color: #0F172A;
633
629
  --utrecht-textarea-hover-border-color: #738eab;
634
630
  --utrecht-textarea-hover-background-color: #fff;
635
- --utrecht-textarea-read-only-color: #154273;
631
+ --utrecht-textarea-read-only-color: #0F172A;
636
632
  --utrecht-textarea-read-only-border-color: transparent;
637
633
  --utrecht-textarea-read-only-background-color: #F1F5F9;
638
634
  --utrecht-textarea-disabled-color: #475569;
639
635
  --utrecht-textarea-disabled-border-color: #94A3B8;
640
636
  --utrecht-textarea-disabled-background-color: #CBD5E1;
641
637
  --utrecht-textarea-focus-border-width: 2px;
642
- --utrecht-textarea-focus-color: #154273;
638
+ --utrecht-textarea-focus-color: #0F172A;
643
639
  --utrecht-textarea-focus-border-color: #154273;
644
640
  --utrecht-textarea-focus-background-color: #fff;
645
641
  --utrecht-textarea-placeholder-color: #64748B;
646
642
  --utrecht-textarea-invalid-border-width: 1px;
647
- --utrecht-textarea-invalid-color: #154273;
643
+ --utrecht-textarea-invalid-color: #0F172A;
648
644
  --utrecht-textarea-invalid-border-color: #d52b1e;
649
645
  --utrecht-textarea-invalid-background-color: #f9dfdd;
650
- --utrecht-textarea-color: #154273;
646
+ --utrecht-textarea-color: #0F172A;
651
647
  --utrecht-textarea-border-color: #154273;
652
648
  --utrecht-textarea-background-color: #fff;
653
649
  --utrecht-textarea-padding-inline-start: 0.75rem;
@@ -655,17 +651,17 @@
655
651
  --utrecht-textarea-padding-block-start: 0.5rem;
656
652
  --utrecht-textarea-padding-block-end: 0.5rem;
657
653
  --utrecht-textarea-max-inline-size: 400px;
658
- --utrecht-textbox-hover-color: #154273;
654
+ --utrecht-textbox-hover-color: #0F172A;
659
655
  --utrecht-textbox-hover-border-color: #738eab;
660
656
  --utrecht-textbox-hover-background-color: #fff;
661
657
  --utrecht-textbox-hover-border-width: 1px;
662
- --utrecht-textbox-read-only-color: #154273;
658
+ --utrecht-textbox-read-only-color: #0F172A;
663
659
  --utrecht-textbox-read-only-border-color: transparent;
664
660
  --utrecht-textbox-read-only-background-color: #F1F5F9;
665
661
  --utrecht-textbox-disabled-color: #475569;
666
662
  --utrecht-textbox-disabled-border-color: #94A3B8;
667
663
  --utrecht-textbox-disabled-background-color: #CBD5E1;
668
- --utrecht-textbox-focus-color: #154273;
664
+ --utrecht-textbox-focus-color: #0F172A;
669
665
  --utrecht-textbox-focus-border-color: #154273;
670
666
  --utrecht-textbox-focus-background-color: #fff;
671
667
  --utrecht-textbox-focus-border-width: 2px;
@@ -673,10 +669,10 @@
673
669
  --utrecht-textbox-border-block-end-width: auto;
674
670
  --utrecht-textbox-placeholder-color: #64748B;
675
671
  --utrecht-textbox-invalid-border-width: 1px;
676
- --utrecht-textbox-invalid-color: #154273;
672
+ --utrecht-textbox-invalid-color: #0F172A;
677
673
  --utrecht-textbox-invalid-border-color: #d52b1e;
678
674
  --utrecht-textbox-invalid-background-color: #f9dfdd;
679
- --utrecht-textbox-color: #154273;
675
+ --utrecht-textbox-color: #0F172A;
680
676
  --utrecht-textbox-border-color: #154273;
681
677
  --utrecht-textbox-background-color: #fff;
682
678
  --utrecht-textbox-padding-inline-start: 0.75rem;
@@ -689,8 +685,8 @@
689
685
  --utrecht-textbox-font-size: 1.25rem;
690
686
  --utrecht-textbox-font-family: Fira Sans, Arial, Verdana, sans-serif;
691
687
  --utrecht-textbox-border-radius: 2.5px;
692
- --utrecht-unordered-list-marker-border-color: #154273;
693
- --utrecht-unordered-list-marker-color: #154273;
688
+ --utrecht-unordered-list-marker-border-color: #0F172A;
689
+ --utrecht-unordered-list-marker-color: #0F172A;
694
690
  --utrecht-unordered-list-item-margin-block-start: 0.25rem;
695
691
  --utrecht-unordered-list-item-margin-block-end: 0.25rem;
696
692
  --utrecht-unordered-list-item-padding-inline-start: 0.5rem;
@@ -698,7 +694,7 @@
698
694
  --utrecht-unordered-list-font-size: 1.25rem;
699
695
  --utrecht-unordered-list-font-weight: 400;
700
696
  --utrecht-unordered-list-font-family: Fira Sans, Arial, Verdana, sans-serif;
701
- --utrecht-unordered-list-color: #154273;
697
+ --utrecht-unordered-list-color: #0F172A;
702
698
  --utrecht-unordered-list-margin-block-start: 0.25rem;
703
699
  --utrecht-unordered-list-margin-block-end: 0.25rem;
704
700
  --utrecht-unordered-list-padding-inline-start: 1.5rem;
@@ -875,16 +871,16 @@
875
871
  --rhc-color-lichtblauw-200: #CCE7F4;
876
872
  --rhc-color-lichtblauw-100: #ddeff8;
877
873
  --rhc-color-lichtblauw-50: #eef7fb;
878
- --rhc-color-grijs-900: #0F172A;
879
- --rhc-color-grijs-800: #1E293B;
880
- --rhc-color-grijs-700: #334155;
881
- --rhc-color-grijs-600: #475569;
882
- --rhc-color-grijs-500: #64748B;
883
- --rhc-color-grijs-400: #94A3B8;
884
- --rhc-color-grijs-300: #CBD5E1;
885
- --rhc-color-grijs-200: #E2E8F0;
886
- --rhc-color-grijs-100: #F1F5F9;
887
- --rhc-color-grijs-50: #F8FAFC;
874
+ --rhc-color-cool-grey-900: #0F172A;
875
+ --rhc-color-cool-grey-800: #1E293B;
876
+ --rhc-color-cool-grey-700: #334155;
877
+ --rhc-color-cool-grey-600: #475569;
878
+ --rhc-color-cool-grey-500: #64748B;
879
+ --rhc-color-cool-grey-400: #94A3B8;
880
+ --rhc-color-cool-grey-300: #CBD5E1;
881
+ --rhc-color-cool-grey-200: #E2E8F0;
882
+ --rhc-color-cool-grey-100: #F1F5F9;
883
+ --rhc-color-cool-grey-50: #F8FAFC;
888
884
  --rhc-color-primary-hover: #162f50;
889
885
  --rhc-color-primary-500: #154273;
890
886
  --rhc-color-primary-400: #4f7196;
@@ -902,14 +898,13 @@
902
898
  --rhc-color-feedback-success-subdued: #e1eddb;
903
899
  --rhc-color-feedback-success-default: #39870c;
904
900
  --rhc-color-canvas: #fff;
905
- --rhc-color-border-strong: #000;
901
+ --rhc-color-border-strong: #0F172A;
906
902
  --rhc-color-border-subdued: #94A3B8;
907
903
  --rhc-color-border-default: #64748B;
908
904
  --rhc-color-foreground-link: #01689b;
909
905
  --rhc-color-foreground-on-emphasis: #fff;
910
906
  --rhc-color-foreground-subdued: #334155;
911
- --rhc-color-foreground-lint: #154273;
912
- --rhc-color-foreground-default: #000;
907
+ --rhc-color-foreground-default: #0F172A;
913
908
  --rhc-color-focus-outline: #000;
914
909
  --rhc-border-radius-none: 0px;
915
910
  --rhc-border-radius-circle: 999px;
@@ -932,13 +927,13 @@
932
927
  --rhc-keep-top-left-border-radius-bottom-right: 0;
933
928
  --rhc-keep-top-left-border-radius-top-right: 0;
934
929
  --rhc-keep-top-left-border-radius-top-left: 48px;
935
- --rhc-accordion-color: #154273;
930
+ --rhc-accordion-color: #0F172A;
936
931
  --rhc-accordion-border-radius: 0px;
937
932
  --rhc-accordion-header-margin: 0;
938
933
  --rhc-accordion-section-border-color: #94A3B8;
939
934
  --rhc-accordion-section-border-width: 0;
940
935
  --rhc-accordion-section-border-block-end-width: 1px;
941
- --rhc-accordion-button-expanded-color: #154273;
936
+ --rhc-accordion-button-expanded-color: #0F172A;
942
937
  --rhc-accordion-button-expanded-background-color: #fff;
943
938
  --rhc-accordion-button-padding-inline-start: 1rem;
944
939
  --rhc-accordion-button-padding-inline-end: 1rem;
@@ -976,17 +971,17 @@
976
971
  --rhc-card-as-link-padding-inline-end: 1rem;
977
972
  --rhc-card-as-link-padding-block-start: 1rem;
978
973
  --rhc-card-as-link-padding-block-end: 1rem;
979
- --rhc-card-as-link-metadata-color: #154273;
974
+ --rhc-card-as-link-metadata-color: #0F172A;
980
975
  --rhc-card-as-link-link-focus-text-decoration: none;
981
976
  --rhc-card-as-link-link-hover-text-decoration: none;
982
977
  --rhc-card-as-link-link-active-text-decoration: none;
983
978
  --rhc-card-as-link-link-text-decoration: underline;
984
979
  --rhc-card-as-link-link-color: #01689b;
985
980
  --rhc-card-as-link-icon-size: 24px;
986
- --rhc-card-as-link-icon-color: #154273;
981
+ --rhc-card-as-link-icon-color: #0F172A;
987
982
  --rhc-card-as-link-inline-size: 328px;
988
983
  --rhc-card-as-link-column-gap: 1rem;
989
- --rhc-card-as-link-color: #154273;
984
+ --rhc-card-as-link-color: #0F172A;
990
985
  --rhc-card-as-link-border-width: 1px;
991
986
  --rhc-card-as-link-border-radius: 5px;
992
987
  --rhc-card-as-link-border-color: #CBD5E1;
@@ -1083,7 +1078,7 @@
1083
1078
  --rhc-logo-image-block-size: 96px;
1084
1079
  --rhc-logo-image-inline-size: 48px;
1085
1080
  --rhc-logo-image-background-color: #fff;
1086
- --rhc-message-list-item-heading-color: #154273;
1081
+ --rhc-message-list-item-heading-color: #0F172A;
1087
1082
  --rhc-message-list-item-label-line-height: 150%;
1088
1083
  --rhc-message-list-item-label-font-weight: 700;
1089
1084
  --rhc-message-list-item-label-font-size: 1.25rem;
@@ -1094,14 +1089,14 @@
1094
1089
  --rhc-message-list-item-padding-inline: 1rem;
1095
1090
  --rhc-message-list-item-padding-block: 0.75rem;
1096
1091
  --rhc-message-list-item-min-height: 48px;
1097
- --rhc-message-list-item-icon-color: #154273;
1092
+ --rhc-message-list-item-icon-color: #0F172A;
1098
1093
  --rhc-message-list-item-icon-size: 24px;
1099
1094
  --rhc-message-list-item-column-gap: 1rem;
1100
1095
  --rhc-message-list-item-color: #334155;
1101
1096
  --rhc-message-list-item-border-width: 1px;
1102
1097
  --rhc-message-list-item-border-color: #CBD5E1;
1103
1098
  --rhc-message-list-item-background-color: #fff;
1104
- --rhc-nav-bar-border-color: #64748B;
1099
+ --rhc-nav-bar-border-color: #4f7196;
1105
1100
  --rhc-nav-bar-color: #154273;
1106
1101
  --rhc-nav-bar-background-color: #fff;
1107
1102
  --rhc-nav-bar-heading-font-weight: 700;
@@ -1120,7 +1115,7 @@
1120
1115
  --rhc-nav-bar-link-active-background-color: #154273;
1121
1116
  --rhc-nav-bar-icon-size: 24px;
1122
1117
  --rhc-nav-bar-icon-active-color: #fff;
1123
- --rhc-nav-bar-icon-color: #154273;
1118
+ --rhc-nav-bar-icon-color: #0F172A;
1124
1119
  --rhc-nav-bar-content-column-gap: 1rem;
1125
1120
  --rhc-nav-bar-container-inline-size: 100%;
1126
1121
  --rhc-nav-bar-padding-inline: 1rem;
@@ -1130,7 +1125,7 @@
1130
1125
  --rhc-navigation-list-item-padding-block: 0.75rem;
1131
1126
  --rhc-navigation-list-item-min-height: 48px;
1132
1127
  --rhc-navigation-list-item-column-gap: 1rem;
1133
- --rhc-navigation-list-item-heading-color: #154273;
1128
+ --rhc-navigation-list-item-heading-color: #0F172A;
1134
1129
  --rhc-navigation-list-item-border-color: #CBD5E1;
1135
1130
  --rhc-navigation-list-item-border-width: 1px;
1136
1131
  --rhc-navigation-list-item-color: #334155;
@@ -1150,7 +1145,7 @@
1150
1145
  --rhc-navigation-list-item-icon-padding-inline: 0.5rem;
1151
1146
  --rhc-navigation-list-icon-color: #fff;
1152
1147
  --rhc-navigation-list-icon-border-radius: 999px;
1153
- --rhc-navigation-list-icon-background-color: #154273;
1148
+ --rhc-navigation-list-icon-background-color: #0F172A;
1154
1149
  --rhc-radio-group-row-gap: 1rem;
1155
1150
  --rhc-radio-group-padding-block-start: 0.5rem;
1156
1151
  --rhc-radio-group-padding-block-end: 0.5rem;
@@ -1170,7 +1165,7 @@
1170
1165
  --rhc-sidenav-link-active-text-decoration: underline;
1171
1166
  --rhc-sidenav-link-active-color: #42145f;
1172
1167
  --rhc-sidenav-link-color: #01689b;
1173
- --rhc-sidenav-link-current-color: #154273;
1168
+ --rhc-sidenav-link-current-color: #0F172A;
1174
1169
  --rhc-sidenav-link-current-font-weight: 700;
1175
1170
  --rhc-sidenav-link-font-weight: 400;
1176
1171
  --rhc-sidenav-link-font-family: Fira Sans, Arial, Verdana, sans-serif;
@@ -1182,7 +1177,7 @@
1182
1177
  --rhc-toggletip-focus-background-color: #007bc7;
1183
1178
  --rhc-toggletip-focus-color: #fff;
1184
1179
  --rhc-toggletip-hover-background-color: #66AFDD;
1185
- --rhc-toggletip-hover-color: #154273;
1180
+ --rhc-toggletip-hover-color: #0F172A;
1186
1181
  --rhc-toggletip-active-border-color: #007bc7;
1187
1182
  --rhc-toggletip-active-background-color: #fff;
1188
1183
  --rhc-toggletip-active-color: #007bc7;
package/dist/tokens.d.ts 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
 
6
6
  export default tokens;
@@ -527,7 +527,6 @@ declare const tokens: {
527
527
  },
528
528
  "foreground": {
529
529
  "default": DesignToken,
530
- "lint": DesignToken,
531
530
  "subdued": DesignToken,
532
531
  "onEmphasis": DesignToken,
533
532
  "link": DesignToken
@@ -568,7 +567,7 @@ declare const tokens: {
568
567
  "500": DesignToken,
569
568
  "hover": DesignToken
570
569
  },
571
- "grijs": {
570
+ "cool-grey": {
572
571
  "50": DesignToken,
573
572
  "100": DesignToken,
574
573
  "200": DesignToken,
@@ -1810,12 +1809,6 @@ declare const tokens: {
1810
1809
  "font-size": DesignToken,
1811
1810
  "font-weight": DesignToken,
1812
1811
  "line-height": DesignToken
1813
- },
1814
- "small": {
1815
- "color": DesignToken,
1816
- "font-size": DesignToken,
1817
- "font-weight": DesignToken,
1818
- "line-height": DesignToken
1819
1812
  }
1820
1813
  },
1821
1814
  "heading-level-1": {