@rijkshuisstijl-community/design-tokens 1.1.0 → 1.2.0

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 (54) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/_variables.scss +722 -709
  3. package/dist/index.css +722 -709
  4. package/dist/index.d.ts +515 -502
  5. package/dist/index.js +541 -528
  6. package/dist/index.json +540 -527
  7. package/dist/index.tokens.json +1644 -1621
  8. package/dist/root.css +722 -709
  9. package/dist/tokens.d.ts +1580 -1557
  10. package/dist/tokens.js +22186 -21753
  11. package/dist/uitvoerend-mintgroen-focus/_variables.scss +536 -523
  12. package/dist/uitvoerend-mintgroen-focus/index.css +536 -523
  13. package/dist/uitvoerend-mintgroen-focus/index.d.ts +713 -700
  14. package/dist/uitvoerend-mintgroen-focus/index.js +713 -700
  15. package/dist/uitvoerend-mintgroen-focus/index.json +712 -699
  16. package/dist/uitvoerend-mintgroen-focus/index.tokens.json +1624 -1601
  17. package/dist/uitvoerend-mintgroen-focus/root.css +536 -523
  18. package/dist/uitvoerend-mintgroen-focus/tokens.d.ts +1543 -1520
  19. package/dist/uitvoerend-mintgroen-focus/tokens.js +21505 -21072
  20. package/dist/uitvoerend-violet/_variables.scss +41 -28
  21. package/dist/uitvoerend-violet/index.css +41 -28
  22. package/dist/uitvoerend-violet/index.d.ts +15 -2
  23. package/dist/uitvoerend-violet/index.js +41 -28
  24. package/dist/uitvoerend-violet/index.json +40 -27
  25. package/dist/uitvoerend-violet/index.tokens.json +54 -31
  26. package/dist/uitvoerend-violet/root.css +41 -28
  27. package/dist/uitvoerend-violet/tokens.d.ts +29 -6
  28. package/dist/uitvoerend-violet/tokens.js +551 -118
  29. package/dist/uitvoerend-violet-oud/_variables.scss +41 -28
  30. package/dist/uitvoerend-violet-oud/index.css +41 -28
  31. package/dist/uitvoerend-violet-oud/index.d.ts +15 -2
  32. package/dist/uitvoerend-violet-oud/index.js +41 -28
  33. package/dist/uitvoerend-violet-oud/index.json +40 -27
  34. package/dist/uitvoerend-violet-oud/index.tokens.json +54 -31
  35. package/dist/uitvoerend-violet-oud/root.css +41 -28
  36. package/dist/uitvoerend-violet-oud/tokens.d.ts +29 -6
  37. package/dist/uitvoerend-violet-oud/tokens.js +551 -118
  38. package/dist/wetgevend/_variables.scss +41 -28
  39. package/dist/wetgevend/index.css +41 -28
  40. package/dist/wetgevend/index.d.ts +15 -2
  41. package/dist/wetgevend/index.js +41 -28
  42. package/dist/wetgevend/index.json +40 -27
  43. package/dist/wetgevend/index.tokens.json +54 -31
  44. package/dist/wetgevend/root.css +41 -28
  45. package/dist/wetgevend/tokens.d.ts +29 -6
  46. package/dist/wetgevend/tokens.js +551 -118
  47. package/figma/figma.tokens.json +1589 -263
  48. package/package.json +1 -1
  49. package/src/generated/base.tokens.json +4428 -4323
  50. package/src/generated/themes.json +4869 -4449
  51. package/src/generated/uitvoerend-mintgroen-focus/tokens.json +4439 -4334
  52. package/src/generated/uitvoerend-violet/tokens.json +138 -33
  53. package/src/generated/uitvoerend-violet-oud/tokens.json +138 -33
  54. package/src/generated/wetgevend/tokens.json +138 -33
package/dist/wetgevend/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 19 Mar 2025 14:52:03 GMT
3
+ // Generated on Tue, 29 Apr 2025 12:01:02 GMT
4
4
 
5
5
  $nl-number-badge-padding-block: 0.5rem;
6
6
  $nl-number-badge-padding-inline: 0.5rem;
@@ -298,6 +298,7 @@ $rhc-color-primary-300: #738eab;
298
298
  $rhc-color-primary-200: #95a9c0;
299
299
  $rhc-color-primary-100: #b8c6d5;
300
300
  $rhc-color-primary-50: #dce3ea;
301
+ $rhc-color-accent-2-500: #f092cd;
301
302
  $rhc-color-accent-500: #8fcae7;
302
303
  $rhc-color-feedback-warning-subdued: #fff4db;
303
304
  $rhc-color-feedback-warning-default: #ffb612;
@@ -311,8 +312,8 @@ $rhc-color-canvas: #fff;
311
312
  $rhc-color-border-strong: #0F172A;
312
313
  $rhc-color-border-subdued: #94A3B8;
313
314
  $rhc-color-border-default: #64748B;
314
- $rhc-color-foreground-link: #01689b;
315
315
  $rhc-color-foreground-on-emphasis: #fff;
316
+ $rhc-color-foreground-link: #01689b;
316
317
  $rhc-color-foreground-subdued: #334155;
317
318
  $rhc-color-foreground-default: #0F172A;
318
319
  $rhc-color-focus-outline: #000;
@@ -759,11 +760,17 @@ $utrecht-breadcrumb-nav-link-icon-margin-inline: 0.25rem;
759
760
  $utrecht-breadcrumb-nav-link-icon-size: 24px;
760
761
  $utrecht-breadcrumb-nav-font-size: 1.25rem;
761
762
  $utrecht-breadcrumb-nav-line-height: 1.4;
763
+ $utrecht-button-pressed-color: #fff;
764
+ $utrecht-button-pressed-border-color: transparent;
765
+ $utrecht-button-pressed-background-color: #1E293B;
766
+ $utrecht-button-subtle-pressed-color: #162945;
767
+ $utrecht-button-subtle-pressed-border-color: transparent;
768
+ $utrecht-button-subtle-pressed-background-color: #b8c6d5;
762
769
  $utrecht-button-subtle-line-height: 1.875rem;
763
770
  $utrecht-button-subtle-active-color: #0d2845;
764
771
  $utrecht-button-subtle-active-border-color: transparent;
765
- $utrecht-button-subtle-active-background-color: transparent;
766
- $utrecht-button-subtle-focus-color: #154273;
772
+ $utrecht-button-subtle-active-background-color: #95a9c0;
773
+ $utrecht-button-subtle-focus-color: #162f50;
767
774
  $utrecht-button-subtle-focus-border-color: transparent;
768
775
  $utrecht-button-subtle-focus-background-color: #dce3ea;
769
776
  $utrecht-button-subtle-disabled-color: #b8c6d5;
@@ -774,27 +781,33 @@ $utrecht-button-subtle-border-color: transparent;
774
781
  $utrecht-button-subtle-background-color: transparent;
775
782
  $utrecht-button-subtle-hover-color: #162f50;
776
783
  $utrecht-button-subtle-hover-border-color: transparent;
777
- $utrecht-button-subtle-hover-background-color: transparent;
784
+ $utrecht-button-subtle-hover-background-color: #dce3ea;
778
785
  $utrecht-button-subtle-font-weight: 700;
779
786
  $utrecht-button-subtle-font-size: 1.25rem;
787
+ $utrecht-button-secondary-action-pressed-color: #162945;
788
+ $utrecht-button-secondary-action-pressed-border-color: #162945;
789
+ $utrecht-button-secondary-action-pressed-background-color: #b8c6d5;
780
790
  $utrecht-button-secondary-action-line-height: 1.875rem;
781
791
  $utrecht-button-secondary-action-font-size: 1.25rem;
782
- $utrecht-button-secondary-action-active-color: #154273;
783
- $utrecht-button-secondary-action-active-border-color: #154273;
792
+ $utrecht-button-secondary-action-active-color: #162f50;
793
+ $utrecht-button-secondary-action-active-border-color: #162945;
784
794
  $utrecht-button-secondary-action-active-background-color: #95a9c0;
785
795
  $utrecht-button-secondary-action-font-weight: 700;
786
- $utrecht-button-secondary-action-focus-color: #154273;
796
+ $utrecht-button-secondary-action-focus-color: #162f50;
787
797
  $utrecht-button-secondary-action-focus-border-color: transparent;
788
- $utrecht-button-secondary-action-focus-background-color: #b8c6d5;
798
+ $utrecht-button-secondary-action-focus-background-color: #dce3ea;
789
799
  $utrecht-button-secondary-action-disabled-color: #738eab;
790
- $utrecht-button-secondary-action-disabled-border-color: #738eab;
800
+ $utrecht-button-secondary-action-disabled-border-color: #95a9c0;
791
801
  $utrecht-button-secondary-action-disabled-background-color: transparent;
792
802
  $utrecht-button-secondary-action-color: #154273;
793
803
  $utrecht-button-secondary-action-border-color: #154273;
794
804
  $utrecht-button-secondary-action-background-color: transparent;
795
- $utrecht-button-secondary-action-hover-color: #154273;
796
- $utrecht-button-secondary-action-hover-border-color: transparent;
797
- $utrecht-button-secondary-action-hover-background-color: #b8c6d5;
805
+ $utrecht-button-secondary-action-hover-color: #162f50;
806
+ $utrecht-button-secondary-action-hover-border-color: #162f50;
807
+ $utrecht-button-secondary-action-hover-background-color: #dce3ea;
808
+ $utrecht-button-primary-action-pressed-color: #fff;
809
+ $utrecht-button-primary-action-pressed-border-color: transparent;
810
+ $utrecht-button-primary-action-pressed-background-color: #162945;
798
811
  $utrecht-button-primary-action-line-height: 1.875rem;
799
812
  $utrecht-button-primary-action-font-size: 1.25rem;
800
813
  $utrecht-button-primary-action-active-color: #fff;
@@ -803,9 +816,9 @@ $utrecht-button-primary-action-active-background-color: #0d2845;
803
816
  $utrecht-button-primary-action-font-weight: 700;
804
817
  $utrecht-button-primary-action-focus-color: #fff;
805
818
  $utrecht-button-primary-action-focus-border-color: transparent;
806
- $utrecht-button-primary-action-focus-background-color: #154273;
819
+ $utrecht-button-primary-action-focus-background-color: #162f50;
807
820
  $utrecht-button-primary-action-disabled-color: #4f7196;
808
- $utrecht-button-primary-action-disabled-border-color: #95a9c0;
821
+ $utrecht-button-primary-action-disabled-border-color: transparent;
809
822
  $utrecht-button-primary-action-disabled-background-color: #b8c6d5;
810
823
  $utrecht-button-primary-action-color: #fff;
811
824
  $utrecht-button-primary-action-border-color: transparent;
@@ -816,18 +829,18 @@ $utrecht-button-primary-action-hover-background-color: #162f50;
816
829
  $utrecht-button-column-gap: 0.5rem;
817
830
  $utrecht-button-min-inline-size: 48px;
818
831
  $utrecht-button-min-block-size: 48px;
819
- $utrecht-button-active-color: #0F172A;
820
- $utrecht-button-active-border-color: #0F172A;
821
- $utrecht-button-active-background-color: #CBD5E1;
822
- $utrecht-button-hover-color: #1E293B;
823
- $utrecht-button-hover-border-color: #1E293B;
824
- $utrecht-button-hover-background-color: #F8FAFC;
825
- $utrecht-button-focus-color: #1E293B;
832
+ $utrecht-button-active-color: #fff;
833
+ $utrecht-button-active-border-color: transparent;
834
+ $utrecht-button-active-background-color: #1E293B;
835
+ $utrecht-button-hover-color: #fff;
836
+ $utrecht-button-hover-border-color: transparent;
837
+ $utrecht-button-hover-background-color: #475569;
838
+ $utrecht-button-focus-color: #fff;
826
839
  $utrecht-button-focus-border-color: transparent;
827
- $utrecht-button-focus-background-color: #FDDE94;
828
- $utrecht-button-disabled-color: #64748B;
840
+ $utrecht-button-focus-background-color: #475569;
841
+ $utrecht-button-disabled-color: #94A3B8;
829
842
  $utrecht-button-disabled-border-color: transparent;
830
- $utrecht-button-disabled-background-color: #F8FAFC;
843
+ $utrecht-button-disabled-background-color: #E2E8F0;
831
844
  $utrecht-button-padding-inline-start: 1rem;
832
845
  $utrecht-button-padding-inline-end: 1rem;
833
846
  $utrecht-button-padding-block-start: 0.5rem;
@@ -840,9 +853,9 @@ $utrecht-button-icon-size: 24px;
840
853
  $utrecht-button-icon-gap: 0.5rem;
841
854
  $utrecht-button-border-width: 1px;
842
855
  $utrecht-button-border-radius: 5px;
843
- $utrecht-button-color: #334155;
844
- $utrecht-button-border-color: #334155;
845
- $utrecht-button-background-color: transparent;
856
+ $utrecht-button-color: #fff;
857
+ $utrecht-button-border-color: transparent;
858
+ $utrecht-button-background-color: #0F172A;
846
859
  $utrecht-button-group-row-gap: 0.5rem;
847
860
  $utrecht-button-group-padding-block-start: 0px;
848
861
  $utrecht-button-group-padding-block-end: 0px;
package/dist/wetgevend/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 19 Mar 2025 14:52:03 GMT
3
+ * Generated on Tue, 29 Apr 2025 12:01:02 GMT
4
4
  */
5
5
 
6
6
  .wetgevend {
@@ -300,6 +300,7 @@
300
300
  --rhc-color-primary-200: #95a9c0;
301
301
  --rhc-color-primary-100: #b8c6d5;
302
302
  --rhc-color-primary-50: #dce3ea;
303
+ --rhc-color-accent-2-500: #f092cd;
303
304
  --rhc-color-accent-500: #8fcae7;
304
305
  --rhc-color-feedback-warning-subdued: #fff4db;
305
306
  --rhc-color-feedback-warning-default: #ffb612;
@@ -313,8 +314,8 @@
313
314
  --rhc-color-border-strong: #0F172A;
314
315
  --rhc-color-border-subdued: #94A3B8;
315
316
  --rhc-color-border-default: #64748B;
316
- --rhc-color-foreground-link: #01689b;
317
317
  --rhc-color-foreground-on-emphasis: #fff;
318
+ --rhc-color-foreground-link: #01689b;
318
319
  --rhc-color-foreground-subdued: #334155;
319
320
  --rhc-color-foreground-default: #0F172A;
320
321
  --rhc-color-focus-outline: #000;
@@ -761,11 +762,17 @@
761
762
  --utrecht-breadcrumb-nav-link-icon-size: 24px;
762
763
  --utrecht-breadcrumb-nav-font-size: 1.25rem;
763
764
  --utrecht-breadcrumb-nav-line-height: 1.4;
765
+ --utrecht-button-pressed-color: #fff;
766
+ --utrecht-button-pressed-border-color: transparent;
767
+ --utrecht-button-pressed-background-color: #1E293B;
768
+ --utrecht-button-subtle-pressed-color: #162945;
769
+ --utrecht-button-subtle-pressed-border-color: transparent;
770
+ --utrecht-button-subtle-pressed-background-color: #b8c6d5;
764
771
  --utrecht-button-subtle-line-height: 1.875rem;
765
772
  --utrecht-button-subtle-active-color: #0d2845;
766
773
  --utrecht-button-subtle-active-border-color: transparent;
767
- --utrecht-button-subtle-active-background-color: transparent;
768
- --utrecht-button-subtle-focus-color: #154273;
774
+ --utrecht-button-subtle-active-background-color: #95a9c0;
775
+ --utrecht-button-subtle-focus-color: #162f50;
769
776
  --utrecht-button-subtle-focus-border-color: transparent;
770
777
  --utrecht-button-subtle-focus-background-color: #dce3ea;
771
778
  --utrecht-button-subtle-disabled-color: #b8c6d5;
@@ -776,27 +783,33 @@
776
783
  --utrecht-button-subtle-background-color: transparent;
777
784
  --utrecht-button-subtle-hover-color: #162f50;
778
785
  --utrecht-button-subtle-hover-border-color: transparent;
779
- --utrecht-button-subtle-hover-background-color: transparent;
786
+ --utrecht-button-subtle-hover-background-color: #dce3ea;
780
787
  --utrecht-button-subtle-font-weight: 700;
781
788
  --utrecht-button-subtle-font-size: 1.25rem;
789
+ --utrecht-button-secondary-action-pressed-color: #162945;
790
+ --utrecht-button-secondary-action-pressed-border-color: #162945;
791
+ --utrecht-button-secondary-action-pressed-background-color: #b8c6d5;
782
792
  --utrecht-button-secondary-action-line-height: 1.875rem;
783
793
  --utrecht-button-secondary-action-font-size: 1.25rem;
784
- --utrecht-button-secondary-action-active-color: #154273;
785
- --utrecht-button-secondary-action-active-border-color: #154273;
794
+ --utrecht-button-secondary-action-active-color: #162f50;
795
+ --utrecht-button-secondary-action-active-border-color: #162945;
786
796
  --utrecht-button-secondary-action-active-background-color: #95a9c0;
787
797
  --utrecht-button-secondary-action-font-weight: 700;
788
- --utrecht-button-secondary-action-focus-color: #154273;
798
+ --utrecht-button-secondary-action-focus-color: #162f50;
789
799
  --utrecht-button-secondary-action-focus-border-color: transparent;
790
- --utrecht-button-secondary-action-focus-background-color: #b8c6d5;
800
+ --utrecht-button-secondary-action-focus-background-color: #dce3ea;
791
801
  --utrecht-button-secondary-action-disabled-color: #738eab;
792
- --utrecht-button-secondary-action-disabled-border-color: #738eab;
802
+ --utrecht-button-secondary-action-disabled-border-color: #95a9c0;
793
803
  --utrecht-button-secondary-action-disabled-background-color: transparent;
794
804
  --utrecht-button-secondary-action-color: #154273;
795
805
  --utrecht-button-secondary-action-border-color: #154273;
796
806
  --utrecht-button-secondary-action-background-color: transparent;
797
- --utrecht-button-secondary-action-hover-color: #154273;
798
- --utrecht-button-secondary-action-hover-border-color: transparent;
799
- --utrecht-button-secondary-action-hover-background-color: #b8c6d5;
807
+ --utrecht-button-secondary-action-hover-color: #162f50;
808
+ --utrecht-button-secondary-action-hover-border-color: #162f50;
809
+ --utrecht-button-secondary-action-hover-background-color: #dce3ea;
810
+ --utrecht-button-primary-action-pressed-color: #fff;
811
+ --utrecht-button-primary-action-pressed-border-color: transparent;
812
+ --utrecht-button-primary-action-pressed-background-color: #162945;
800
813
  --utrecht-button-primary-action-line-height: 1.875rem;
801
814
  --utrecht-button-primary-action-font-size: 1.25rem;
802
815
  --utrecht-button-primary-action-active-color: #fff;
@@ -805,9 +818,9 @@
805
818
  --utrecht-button-primary-action-font-weight: 700;
806
819
  --utrecht-button-primary-action-focus-color: #fff;
807
820
  --utrecht-button-primary-action-focus-border-color: transparent;
808
- --utrecht-button-primary-action-focus-background-color: #154273;
821
+ --utrecht-button-primary-action-focus-background-color: #162f50;
809
822
  --utrecht-button-primary-action-disabled-color: #4f7196;
810
- --utrecht-button-primary-action-disabled-border-color: #95a9c0;
823
+ --utrecht-button-primary-action-disabled-border-color: transparent;
811
824
  --utrecht-button-primary-action-disabled-background-color: #b8c6d5;
812
825
  --utrecht-button-primary-action-color: #fff;
813
826
  --utrecht-button-primary-action-border-color: transparent;
@@ -818,18 +831,18 @@
818
831
  --utrecht-button-column-gap: 0.5rem;
819
832
  --utrecht-button-min-inline-size: 48px;
820
833
  --utrecht-button-min-block-size: 48px;
821
- --utrecht-button-active-color: #0F172A;
822
- --utrecht-button-active-border-color: #0F172A;
823
- --utrecht-button-active-background-color: #CBD5E1;
824
- --utrecht-button-hover-color: #1E293B;
825
- --utrecht-button-hover-border-color: #1E293B;
826
- --utrecht-button-hover-background-color: #F8FAFC;
827
- --utrecht-button-focus-color: #1E293B;
834
+ --utrecht-button-active-color: #fff;
835
+ --utrecht-button-active-border-color: transparent;
836
+ --utrecht-button-active-background-color: #1E293B;
837
+ --utrecht-button-hover-color: #fff;
838
+ --utrecht-button-hover-border-color: transparent;
839
+ --utrecht-button-hover-background-color: #475569;
840
+ --utrecht-button-focus-color: #fff;
828
841
  --utrecht-button-focus-border-color: transparent;
829
- --utrecht-button-focus-background-color: #FDDE94;
830
- --utrecht-button-disabled-color: #64748B;
842
+ --utrecht-button-focus-background-color: #475569;
843
+ --utrecht-button-disabled-color: #94A3B8;
831
844
  --utrecht-button-disabled-border-color: transparent;
832
- --utrecht-button-disabled-background-color: #F8FAFC;
845
+ --utrecht-button-disabled-background-color: #E2E8F0;
833
846
  --utrecht-button-padding-inline-start: 1rem;
834
847
  --utrecht-button-padding-inline-end: 1rem;
835
848
  --utrecht-button-padding-block-start: 0.5rem;
@@ -842,9 +855,9 @@
842
855
  --utrecht-button-icon-gap: 0.5rem;
843
856
  --utrecht-button-border-width: 1px;
844
857
  --utrecht-button-border-radius: 5px;
845
- --utrecht-button-color: #334155;
846
- --utrecht-button-border-color: #334155;
847
- --utrecht-button-background-color: transparent;
858
+ --utrecht-button-color: #fff;
859
+ --utrecht-button-border-color: transparent;
860
+ --utrecht-button-background-color: #0F172A;
848
861
  --utrecht-button-group-row-gap: 0.5rem;
849
862
  --utrecht-button-group-padding-block-start: 0px;
850
863
  --utrecht-button-group-padding-block-end: 0px;
package/dist/wetgevend/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 19 Mar 2025 14:52:03 GMT
3
+ * Generated on Tue, 29 Apr 2025 12:01:02 GMT
4
4
  */
5
5
 
6
6
  export const utrechtPreHeadingColor : string;
@@ -514,6 +514,9 @@ export const utrechtButtonPrimaryActionActiveBorderColor : string;
514
514
  export const utrechtButtonPrimaryActionActiveColor : string;
515
515
  export const utrechtButtonPrimaryActionFontSize : string;
516
516
  export const utrechtButtonPrimaryActionLineHeight : string;
517
+ export const utrechtButtonPrimaryActionPressedBackgroundColor : string;
518
+ export const utrechtButtonPrimaryActionPressedBorderColor : string;
519
+ export const utrechtButtonPrimaryActionPressedColor : string;
517
520
  export const utrechtButtonSecondaryActionHoverBackgroundColor : string;
518
521
  export const utrechtButtonSecondaryActionHoverBorderColor : string;
519
522
  export const utrechtButtonSecondaryActionHoverColor : string;
@@ -532,6 +535,9 @@ export const utrechtButtonSecondaryActionActiveBorderColor : string;
532
535
  export const utrechtButtonSecondaryActionActiveColor : string;
533
536
  export const utrechtButtonSecondaryActionFontSize : string;
534
537
  export const utrechtButtonSecondaryActionLineHeight : string;
538
+ export const utrechtButtonSecondaryActionPressedBackgroundColor : string;
539
+ export const utrechtButtonSecondaryActionPressedBorderColor : string;
540
+ export const utrechtButtonSecondaryActionPressedColor : string;
535
541
  export const utrechtButtonSubtleFontSize : string;
536
542
  export const utrechtButtonSubtleFontWeight : number;
537
543
  export const utrechtButtonSubtleHoverBackgroundColor : string;
@@ -550,6 +556,12 @@ export const utrechtButtonSubtleActiveBackgroundColor : string;
550
556
  export const utrechtButtonSubtleActiveBorderColor : string;
551
557
  export const utrechtButtonSubtleActiveColor : string;
552
558
  export const utrechtButtonSubtleLineHeight : string;
559
+ export const utrechtButtonSubtlePressedBackgroundColor : string;
560
+ export const utrechtButtonSubtlePressedBorderColor : string;
561
+ export const utrechtButtonSubtlePressedColor : string;
562
+ export const utrechtButtonPressedBackgroundColor : string;
563
+ export const utrechtButtonPressedBorderColor : string;
564
+ export const utrechtButtonPressedColor : string;
553
565
  export const utrechtBreadcrumbNavLineHeight : number;
554
566
  export const utrechtBreadcrumbNavFontSize : string;
555
567
  export const utrechtBreadcrumbNavLinkIconSize : string;
@@ -996,8 +1008,8 @@ export const rhcBorderRadiusNone : string;
996
1008
  export const rhcColorFocusOutline : string;
997
1009
  export const rhcColorForegroundDefault : string;
998
1010
  export const rhcColorForegroundSubdued : string;
999
- export const rhcColorForegroundOnEmphasis : string;
1000
1011
  export const rhcColorForegroundLink : string;
1012
+ export const rhcColorForegroundOnEmphasis : string;
1001
1013
  export const rhcColorBorderDefault : string;
1002
1014
  export const rhcColorBorderSubdued : string;
1003
1015
  export const rhcColorBorderStrong : string;
@@ -1011,6 +1023,7 @@ export const rhcColorFeedbackErrorSubdued : string;
1011
1023
  export const rhcColorFeedbackWarningDefault : string;
1012
1024
  export const rhcColorFeedbackWarningSubdued : string;
1013
1025
  export const rhcColorAccent500 : string;
1026
+ export const rhcColorAccent2500 : string;
1014
1027
  export const rhcColorPrimary50 : string;
1015
1028
  export const rhcColorPrimary100 : string;
1016
1029
  export const rhcColorPrimary200 : string;
package/dist/wetgevend/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 19 Mar 2025 14:52:03 GMT
3
+ * Generated on Tue, 29 Apr 2025 12:01:02 GMT
4
4
  */
5
5
 
6
6
  export const utrechtPreHeadingColor = "#0F172A";
@@ -466,9 +466,9 @@ export const utrechtButtonGroupMarginBlockStart = "0px";
466
466
  export const utrechtButtonGroupPaddingBlockEnd = "0px";
467
467
  export const utrechtButtonGroupPaddingBlockStart = "0px";
468
468
  export const utrechtButtonGroupRowGap = "0.5rem";
469
- export const utrechtButtonBackgroundColor = "transparent";
470
- export const utrechtButtonBorderColor = "#334155";
471
- export const utrechtButtonColor = "#334155";
469
+ export const utrechtButtonBackgroundColor = "#0F172A";
470
+ export const utrechtButtonBorderColor = "transparent";
471
+ export const utrechtButtonColor = "#fff";
472
472
  export const utrechtButtonBorderRadius = "5px";
473
473
  export const utrechtButtonBorderWidth = "1px";
474
474
  export const utrechtButtonIconGap = "0.5rem";
@@ -481,18 +481,18 @@ export const utrechtButtonPaddingBlockEnd = "0.5rem";
481
481
  export const utrechtButtonPaddingBlockStart = "0.5rem";
482
482
  export const utrechtButtonPaddingInlineEnd = "1rem";
483
483
  export const utrechtButtonPaddingInlineStart = "1rem";
484
- export const utrechtButtonDisabledBackgroundColor = "#F8FAFC";
484
+ export const utrechtButtonDisabledBackgroundColor = "#E2E8F0";
485
485
  export const utrechtButtonDisabledBorderColor = "transparent";
486
- export const utrechtButtonDisabledColor = "#64748B";
487
- export const utrechtButtonFocusBackgroundColor = "#FDDE94";
486
+ export const utrechtButtonDisabledColor = "#94A3B8";
487
+ export const utrechtButtonFocusBackgroundColor = "#475569";
488
488
  export const utrechtButtonFocusBorderColor = "transparent";
489
- export const utrechtButtonFocusColor = "#1E293B";
490
- export const utrechtButtonHoverBackgroundColor = "#F8FAFC";
491
- export const utrechtButtonHoverBorderColor = "#1E293B";
492
- export const utrechtButtonHoverColor = "#1E293B";
493
- export const utrechtButtonActiveBackgroundColor = "#CBD5E1";
494
- export const utrechtButtonActiveBorderColor = "#0F172A";
495
- export const utrechtButtonActiveColor = "#0F172A";
489
+ export const utrechtButtonFocusColor = "#fff";
490
+ export const utrechtButtonHoverBackgroundColor = "#475569";
491
+ export const utrechtButtonHoverBorderColor = "transparent";
492
+ export const utrechtButtonHoverColor = "#fff";
493
+ export const utrechtButtonActiveBackgroundColor = "#1E293B";
494
+ export const utrechtButtonActiveBorderColor = "transparent";
495
+ export const utrechtButtonActiveColor = "#fff";
496
496
  export const utrechtButtonMinBlockSize = "48px";
497
497
  export const utrechtButtonMinInlineSize = "48px";
498
498
  export const utrechtButtonColumnGap = "0.5rem";
@@ -503,9 +503,9 @@ export const utrechtButtonPrimaryActionBackgroundColor = "#154273";
503
503
  export const utrechtButtonPrimaryActionBorderColor = "transparent";
504
504
  export const utrechtButtonPrimaryActionColor = "#fff";
505
505
  export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#b8c6d5";
506
- export const utrechtButtonPrimaryActionDisabledBorderColor = "#95a9c0";
506
+ export const utrechtButtonPrimaryActionDisabledBorderColor = "transparent";
507
507
  export const utrechtButtonPrimaryActionDisabledColor = "#4f7196";
508
- export const utrechtButtonPrimaryActionFocusBackgroundColor = "#154273";
508
+ export const utrechtButtonPrimaryActionFocusBackgroundColor = "#162f50";
509
509
  export const utrechtButtonPrimaryActionFocusBorderColor = "transparent";
510
510
  export const utrechtButtonPrimaryActionFocusColor = "#fff";
511
511
  export const utrechtButtonPrimaryActionFontWeight = 700;
@@ -514,27 +514,33 @@ export const utrechtButtonPrimaryActionActiveBorderColor = "transparent";
514
514
  export const utrechtButtonPrimaryActionActiveColor = "#fff";
515
515
  export const utrechtButtonPrimaryActionFontSize = "1.25rem";
516
516
  export const utrechtButtonPrimaryActionLineHeight = "1.875rem";
517
- export const utrechtButtonSecondaryActionHoverBackgroundColor = "#b8c6d5";
518
- export const utrechtButtonSecondaryActionHoverBorderColor = "transparent";
519
- export const utrechtButtonSecondaryActionHoverColor = "#154273";
517
+ export const utrechtButtonPrimaryActionPressedBackgroundColor = "#162945";
518
+ export const utrechtButtonPrimaryActionPressedBorderColor = "transparent";
519
+ export const utrechtButtonPrimaryActionPressedColor = "#fff";
520
+ export const utrechtButtonSecondaryActionHoverBackgroundColor = "#dce3ea";
521
+ export const utrechtButtonSecondaryActionHoverBorderColor = "#162f50";
522
+ export const utrechtButtonSecondaryActionHoverColor = "#162f50";
520
523
  export const utrechtButtonSecondaryActionBackgroundColor = "transparent";
521
524
  export const utrechtButtonSecondaryActionBorderColor = "#154273";
522
525
  export const utrechtButtonSecondaryActionColor = "#154273";
523
526
  export const utrechtButtonSecondaryActionDisabledBackgroundColor = "transparent";
524
- export const utrechtButtonSecondaryActionDisabledBorderColor = "#738eab";
527
+ export const utrechtButtonSecondaryActionDisabledBorderColor = "#95a9c0";
525
528
  export const utrechtButtonSecondaryActionDisabledColor = "#738eab";
526
- export const utrechtButtonSecondaryActionFocusBackgroundColor = "#b8c6d5";
529
+ export const utrechtButtonSecondaryActionFocusBackgroundColor = "#dce3ea";
527
530
  export const utrechtButtonSecondaryActionFocusBorderColor = "transparent";
528
- export const utrechtButtonSecondaryActionFocusColor = "#154273";
531
+ export const utrechtButtonSecondaryActionFocusColor = "#162f50";
529
532
  export const utrechtButtonSecondaryActionFontWeight = 700;
530
533
  export const utrechtButtonSecondaryActionActiveBackgroundColor = "#95a9c0";
531
- export const utrechtButtonSecondaryActionActiveBorderColor = "#154273";
532
- export const utrechtButtonSecondaryActionActiveColor = "#154273";
534
+ export const utrechtButtonSecondaryActionActiveBorderColor = "#162945";
535
+ export const utrechtButtonSecondaryActionActiveColor = "#162f50";
533
536
  export const utrechtButtonSecondaryActionFontSize = "1.25rem";
534
537
  export const utrechtButtonSecondaryActionLineHeight = "1.875rem";
538
+ export const utrechtButtonSecondaryActionPressedBackgroundColor = "#b8c6d5";
539
+ export const utrechtButtonSecondaryActionPressedBorderColor = "#162945";
540
+ export const utrechtButtonSecondaryActionPressedColor = "#162945";
535
541
  export const utrechtButtonSubtleFontSize = "1.25rem";
536
542
  export const utrechtButtonSubtleFontWeight = 700;
537
- export const utrechtButtonSubtleHoverBackgroundColor = "transparent";
543
+ export const utrechtButtonSubtleHoverBackgroundColor = "#dce3ea";
538
544
  export const utrechtButtonSubtleHoverBorderColor = "transparent";
539
545
  export const utrechtButtonSubtleHoverColor = "#162f50";
540
546
  export const utrechtButtonSubtleBackgroundColor = "transparent";
@@ -545,11 +551,17 @@ export const utrechtButtonSubtleDisabledBorderColor = "transparent";
545
551
  export const utrechtButtonSubtleDisabledColor = "#b8c6d5";
546
552
  export const utrechtButtonSubtleFocusBackgroundColor = "#dce3ea";
547
553
  export const utrechtButtonSubtleFocusBorderColor = "transparent";
548
- export const utrechtButtonSubtleFocusColor = "#154273";
549
- export const utrechtButtonSubtleActiveBackgroundColor = "transparent";
554
+ export const utrechtButtonSubtleFocusColor = "#162f50";
555
+ export const utrechtButtonSubtleActiveBackgroundColor = "#95a9c0";
550
556
  export const utrechtButtonSubtleActiveBorderColor = "transparent";
551
557
  export const utrechtButtonSubtleActiveColor = "#0d2845";
552
558
  export const utrechtButtonSubtleLineHeight = "1.875rem";
559
+ export const utrechtButtonSubtlePressedBackgroundColor = "#b8c6d5";
560
+ export const utrechtButtonSubtlePressedBorderColor = "transparent";
561
+ export const utrechtButtonSubtlePressedColor = "#162945";
562
+ export const utrechtButtonPressedBackgroundColor = "#1E293B";
563
+ export const utrechtButtonPressedBorderColor = "transparent";
564
+ export const utrechtButtonPressedColor = "#fff";
553
565
  export const utrechtBreadcrumbNavLineHeight = 1.4;
554
566
  export const utrechtBreadcrumbNavFontSize = "1.25rem";
555
567
  export const utrechtBreadcrumbNavLinkIconSize = "24px";
@@ -996,8 +1008,8 @@ export const rhcBorderRadiusNone = "0px";
996
1008
  export const rhcColorFocusOutline = "#000";
997
1009
  export const rhcColorForegroundDefault = "#0F172A";
998
1010
  export const rhcColorForegroundSubdued = "#334155";
999
- export const rhcColorForegroundOnEmphasis = "#fff";
1000
1011
  export const rhcColorForegroundLink = "#01689b";
1012
+ export const rhcColorForegroundOnEmphasis = "#fff";
1001
1013
  export const rhcColorBorderDefault = "#64748B";
1002
1014
  export const rhcColorBorderSubdued = "#94A3B8";
1003
1015
  export const rhcColorBorderStrong = "#0F172A";
@@ -1011,6 +1023,7 @@ export const rhcColorFeedbackErrorSubdued = "#f9dfdd";
1011
1023
  export const rhcColorFeedbackWarningDefault = "#ffb612";
1012
1024
  export const rhcColorFeedbackWarningSubdued = "#fff4db";
1013
1025
  export const rhcColorAccent500 = "#8fcae7";
1026
+ export const rhcColorAccent2500 = "#f092cd";
1014
1027
  export const rhcColorPrimary50 = "#dce3ea";
1015
1028
  export const rhcColorPrimary100 = "#b8c6d5";
1016
1029
  export const rhcColorPrimary200 = "#95a9c0";
package/dist/wetgevend/index.json CHANGED
@@ -462,9 +462,9 @@
462
462
  "utrechtButtonGroupPaddingBlockEnd": "0px",
463
463
  "utrechtButtonGroupPaddingBlockStart": "0px",
464
464
  "utrechtButtonGroupRowGap": "0.5rem",
465
- "utrechtButtonBackgroundColor": "transparent",
466
- "utrechtButtonBorderColor": "#334155",
467
- "utrechtButtonColor": "#334155",
465
+ "utrechtButtonBackgroundColor": "#0F172A",
466
+ "utrechtButtonBorderColor": "transparent",
467
+ "utrechtButtonColor": "#fff",
468
468
  "utrechtButtonBorderRadius": "5px",
469
469
  "utrechtButtonBorderWidth": "1px",
470
470
  "utrechtButtonIconGap": "0.5rem",
@@ -477,18 +477,18 @@
477
477
  "utrechtButtonPaddingBlockStart": "0.5rem",
478
478
  "utrechtButtonPaddingInlineEnd": "1rem",
479
479
  "utrechtButtonPaddingInlineStart": "1rem",
480
- "utrechtButtonDisabledBackgroundColor": "#F8FAFC",
480
+ "utrechtButtonDisabledBackgroundColor": "#E2E8F0",
481
481
  "utrechtButtonDisabledBorderColor": "transparent",
482
- "utrechtButtonDisabledColor": "#64748B",
483
- "utrechtButtonFocusBackgroundColor": "#FDDE94",
482
+ "utrechtButtonDisabledColor": "#94A3B8",
483
+ "utrechtButtonFocusBackgroundColor": "#475569",
484
484
  "utrechtButtonFocusBorderColor": "transparent",
485
- "utrechtButtonFocusColor": "#1E293B",
486
- "utrechtButtonHoverBackgroundColor": "#F8FAFC",
487
- "utrechtButtonHoverBorderColor": "#1E293B",
488
- "utrechtButtonHoverColor": "#1E293B",
489
- "utrechtButtonActiveBackgroundColor": "#CBD5E1",
490
- "utrechtButtonActiveBorderColor": "#0F172A",
491
- "utrechtButtonActiveColor": "#0F172A",
485
+ "utrechtButtonFocusColor": "#fff",
486
+ "utrechtButtonHoverBackgroundColor": "#475569",
487
+ "utrechtButtonHoverBorderColor": "transparent",
488
+ "utrechtButtonHoverColor": "#fff",
489
+ "utrechtButtonActiveBackgroundColor": "#1E293B",
490
+ "utrechtButtonActiveBorderColor": "transparent",
491
+ "utrechtButtonActiveColor": "#fff",
492
492
  "utrechtButtonMinBlockSize": "48px",
493
493
  "utrechtButtonMinInlineSize": "48px",
494
494
  "utrechtButtonColumnGap": "0.5rem",
@@ -499,9 +499,9 @@
499
499
  "utrechtButtonPrimaryActionBorderColor": "transparent",
500
500
  "utrechtButtonPrimaryActionColor": "#fff",
501
501
  "utrechtButtonPrimaryActionDisabledBackgroundColor": "#b8c6d5",
502
- "utrechtButtonPrimaryActionDisabledBorderColor": "#95a9c0",
502
+ "utrechtButtonPrimaryActionDisabledBorderColor": "transparent",
503
503
  "utrechtButtonPrimaryActionDisabledColor": "#4f7196",
504
- "utrechtButtonPrimaryActionFocusBackgroundColor": "#154273",
504
+ "utrechtButtonPrimaryActionFocusBackgroundColor": "#162f50",
505
505
  "utrechtButtonPrimaryActionFocusBorderColor": "transparent",
506
506
  "utrechtButtonPrimaryActionFocusColor": "#fff",
507
507
  "utrechtButtonPrimaryActionFontWeight": 700,
@@ -510,27 +510,33 @@
510
510
  "utrechtButtonPrimaryActionActiveColor": "#fff",
511
511
  "utrechtButtonPrimaryActionFontSize": "1.25rem",
512
512
  "utrechtButtonPrimaryActionLineHeight": "1.875rem",
513
- "utrechtButtonSecondaryActionHoverBackgroundColor": "#b8c6d5",
514
- "utrechtButtonSecondaryActionHoverBorderColor": "transparent",
515
- "utrechtButtonSecondaryActionHoverColor": "#154273",
513
+ "utrechtButtonPrimaryActionPressedBackgroundColor": "#162945",
514
+ "utrechtButtonPrimaryActionPressedBorderColor": "transparent",
515
+ "utrechtButtonPrimaryActionPressedColor": "#fff",
516
+ "utrechtButtonSecondaryActionHoverBackgroundColor": "#dce3ea",
517
+ "utrechtButtonSecondaryActionHoverBorderColor": "#162f50",
518
+ "utrechtButtonSecondaryActionHoverColor": "#162f50",
516
519
  "utrechtButtonSecondaryActionBackgroundColor": "transparent",
517
520
  "utrechtButtonSecondaryActionBorderColor": "#154273",
518
521
  "utrechtButtonSecondaryActionColor": "#154273",
519
522
  "utrechtButtonSecondaryActionDisabledBackgroundColor": "transparent",
520
- "utrechtButtonSecondaryActionDisabledBorderColor": "#738eab",
523
+ "utrechtButtonSecondaryActionDisabledBorderColor": "#95a9c0",
521
524
  "utrechtButtonSecondaryActionDisabledColor": "#738eab",
522
- "utrechtButtonSecondaryActionFocusBackgroundColor": "#b8c6d5",
525
+ "utrechtButtonSecondaryActionFocusBackgroundColor": "#dce3ea",
523
526
  "utrechtButtonSecondaryActionFocusBorderColor": "transparent",
524
- "utrechtButtonSecondaryActionFocusColor": "#154273",
527
+ "utrechtButtonSecondaryActionFocusColor": "#162f50",
525
528
  "utrechtButtonSecondaryActionFontWeight": 700,
526
529
  "utrechtButtonSecondaryActionActiveBackgroundColor": "#95a9c0",
527
- "utrechtButtonSecondaryActionActiveBorderColor": "#154273",
528
- "utrechtButtonSecondaryActionActiveColor": "#154273",
530
+ "utrechtButtonSecondaryActionActiveBorderColor": "#162945",
531
+ "utrechtButtonSecondaryActionActiveColor": "#162f50",
529
532
  "utrechtButtonSecondaryActionFontSize": "1.25rem",
530
533
  "utrechtButtonSecondaryActionLineHeight": "1.875rem",
534
+ "utrechtButtonSecondaryActionPressedBackgroundColor": "#b8c6d5",
535
+ "utrechtButtonSecondaryActionPressedBorderColor": "#162945",
536
+ "utrechtButtonSecondaryActionPressedColor": "#162945",
531
537
  "utrechtButtonSubtleFontSize": "1.25rem",
532
538
  "utrechtButtonSubtleFontWeight": 700,
533
- "utrechtButtonSubtleHoverBackgroundColor": "transparent",
539
+ "utrechtButtonSubtleHoverBackgroundColor": "#dce3ea",
534
540
  "utrechtButtonSubtleHoverBorderColor": "transparent",
535
541
  "utrechtButtonSubtleHoverColor": "#162f50",
536
542
  "utrechtButtonSubtleBackgroundColor": "transparent",
@@ -541,11 +547,17 @@
541
547
  "utrechtButtonSubtleDisabledColor": "#b8c6d5",
542
548
  "utrechtButtonSubtleFocusBackgroundColor": "#dce3ea",
543
549
  "utrechtButtonSubtleFocusBorderColor": "transparent",
544
- "utrechtButtonSubtleFocusColor": "#154273",
545
- "utrechtButtonSubtleActiveBackgroundColor": "transparent",
550
+ "utrechtButtonSubtleFocusColor": "#162f50",
551
+ "utrechtButtonSubtleActiveBackgroundColor": "#95a9c0",
546
552
  "utrechtButtonSubtleActiveBorderColor": "transparent",
547
553
  "utrechtButtonSubtleActiveColor": "#0d2845",
548
554
  "utrechtButtonSubtleLineHeight": "1.875rem",
555
+ "utrechtButtonSubtlePressedBackgroundColor": "#b8c6d5",
556
+ "utrechtButtonSubtlePressedBorderColor": "transparent",
557
+ "utrechtButtonSubtlePressedColor": "#162945",
558
+ "utrechtButtonPressedBackgroundColor": "#1E293B",
559
+ "utrechtButtonPressedBorderColor": "transparent",
560
+ "utrechtButtonPressedColor": "#fff",
549
561
  "utrechtBreadcrumbNavLineHeight": 1.4,
550
562
  "utrechtBreadcrumbNavFontSize": "1.25rem",
551
563
  "utrechtBreadcrumbNavLinkIconSize": "24px",
@@ -992,8 +1004,8 @@
992
1004
  "rhcColorFocusOutline": "#000",
993
1005
  "rhcColorForegroundDefault": "#0F172A",
994
1006
  "rhcColorForegroundSubdued": "#334155",
995
- "rhcColorForegroundOnEmphasis": "#fff",
996
1007
  "rhcColorForegroundLink": "#01689b",
1008
+ "rhcColorForegroundOnEmphasis": "#fff",
997
1009
  "rhcColorBorderDefault": "#64748B",
998
1010
  "rhcColorBorderSubdued": "#94A3B8",
999
1011
  "rhcColorBorderStrong": "#0F172A",
@@ -1007,6 +1019,7 @@
1007
1019
  "rhcColorFeedbackWarningDefault": "#ffb612",
1008
1020
  "rhcColorFeedbackWarningSubdued": "#fff4db",
1009
1021
  "rhcColorAccent500": "#8fcae7",
1022
+ "rhcColorAccent2500": "#f092cd",
1010
1023
  "rhcColorPrimary50": "#dce3ea",
1011
1024
  "rhcColorPrimary100": "#b8c6d5",
1012
1025
  "rhcColorPrimary200": "#95a9c0",