@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/uitvoerend-violet/_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;
@@ -584,6 +584,7 @@ $rhc-color-cool-grey-300: #CBD5E1;
584
584
  $rhc-color-cool-grey-200: #E2E8F0;
585
585
  $rhc-color-cool-grey-100: #F1F5F9;
586
586
  $rhc-color-cool-grey-50: #F8FAFC;
587
+ $rhc-color-accent-2-500: #f092cd;
587
588
  $rhc-color-accent-500: #8fcae7;
588
589
  $rhc-color-feedback-warning-subdued: #fff4db;
589
590
  $rhc-color-feedback-warning-default: #ffb612;
@@ -597,8 +598,8 @@ $rhc-color-canvas: #fff;
597
598
  $rhc-color-border-strong: #0F172A;
598
599
  $rhc-color-border-subdued: #94A3B8;
599
600
  $rhc-color-border-default: #64748B;
600
- $rhc-color-foreground-link: #01689b;
601
601
  $rhc-color-foreground-on-emphasis: #fff;
602
+ $rhc-color-foreground-link: #01689b;
602
603
  $rhc-color-foreground-subdued: #334155;
603
604
  $rhc-color-foreground-default: #0F172A;
604
605
  $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: #63143a;
767
+ $utrecht-button-subtle-pressed-border-color: transparent;
768
+ $utrecht-button-subtle-pressed-background-color: #e5b3d0;
762
769
  $utrecht-button-subtle-line-height: 1.875rem;
763
770
  $utrecht-button-subtle-active-color: #65003a;
764
771
  $utrecht-button-subtle-active-border-color: transparent;
765
- $utrecht-button-subtle-active-background-color: transparent;
766
- $utrecht-button-subtle-focus-color: #a90061;
772
+ $utrecht-button-subtle-active-background-color: #D88CB7;
773
+ $utrecht-button-subtle-focus-color: #741344;
767
774
  $utrecht-button-subtle-focus-border-color: transparent;
768
775
  $utrecht-button-subtle-focus-background-color: #f2d9e7;
769
776
  $utrecht-button-subtle-disabled-color: #e5b3d0;
@@ -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: #741344;
776
783
  $utrecht-button-subtle-hover-border-color: transparent;
777
- $utrecht-button-subtle-hover-background-color: transparent;
784
+ $utrecht-button-subtle-hover-background-color: #f2d9e7;
778
785
  $utrecht-button-subtle-font-weight: 700;
779
786
  $utrecht-button-subtle-font-size: 1.25rem;
787
+ $utrecht-button-secondary-action-pressed-color: #63143a;
788
+ $utrecht-button-secondary-action-pressed-border-color: #63143a;
789
+ $utrecht-button-secondary-action-pressed-background-color: #e5b3d0;
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: #a90061;
783
- $utrecht-button-secondary-action-active-border-color: #a90061;
792
+ $utrecht-button-secondary-action-active-color: #741344;
793
+ $utrecht-button-secondary-action-active-border-color: #63143a;
784
794
  $utrecht-button-secondary-action-active-background-color: #D88CB7;
785
795
  $utrecht-button-secondary-action-font-weight: 700;
786
- $utrecht-button-secondary-action-focus-color: #a90061;
796
+ $utrecht-button-secondary-action-focus-color: #741344;
787
797
  $utrecht-button-secondary-action-focus-border-color: transparent;
788
- $utrecht-button-secondary-action-focus-background-color: #e5b3d0;
798
+ $utrecht-button-secondary-action-focus-background-color: #f2d9e7;
789
799
  $utrecht-button-secondary-action-disabled-color: #CB66A0;
790
- $utrecht-button-secondary-action-disabled-border-color: #CB66A0;
800
+ $utrecht-button-secondary-action-disabled-border-color: #D88CB7;
791
801
  $utrecht-button-secondary-action-disabled-background-color: transparent;
792
802
  $utrecht-button-secondary-action-color: #a90061;
793
803
  $utrecht-button-secondary-action-border-color: #a90061;
794
804
  $utrecht-button-secondary-action-background-color: transparent;
795
- $utrecht-button-secondary-action-hover-color: #a90061;
796
- $utrecht-button-secondary-action-hover-border-color: transparent;
797
- $utrecht-button-secondary-action-hover-background-color: #e5b3d0;
805
+ $utrecht-button-secondary-action-hover-color: #741344;
806
+ $utrecht-button-secondary-action-hover-border-color: #741344;
807
+ $utrecht-button-secondary-action-hover-background-color: #f2d9e7;
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: #63143a;
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: #65003a;
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: #a90061;
819
+ $utrecht-button-primary-action-focus-background-color: #741344;
807
820
  $utrecht-button-primary-action-disabled-color: #BE4088;
808
- $utrecht-button-primary-action-disabled-border-color: #D88CB7;
821
+ $utrecht-button-primary-action-disabled-border-color: transparent;
809
822
  $utrecht-button-primary-action-disabled-background-color: #e5b3d0;
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: #741344;
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/uitvoerend-violet/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
  .uitvoerend-violet {
@@ -586,6 +586,7 @@
586
586
  --rhc-color-cool-grey-200: #E2E8F0;
587
587
  --rhc-color-cool-grey-100: #F1F5F9;
588
588
  --rhc-color-cool-grey-50: #F8FAFC;
589
+ --rhc-color-accent-2-500: #f092cd;
589
590
  --rhc-color-accent-500: #8fcae7;
590
591
  --rhc-color-feedback-warning-subdued: #fff4db;
591
592
  --rhc-color-feedback-warning-default: #ffb612;
@@ -599,8 +600,8 @@
599
600
  --rhc-color-border-strong: #0F172A;
600
601
  --rhc-color-border-subdued: #94A3B8;
601
602
  --rhc-color-border-default: #64748B;
602
- --rhc-color-foreground-link: #01689b;
603
603
  --rhc-color-foreground-on-emphasis: #fff;
604
+ --rhc-color-foreground-link: #01689b;
604
605
  --rhc-color-foreground-subdued: #334155;
605
606
  --rhc-color-foreground-default: #0F172A;
606
607
  --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: #63143a;
769
+ --utrecht-button-subtle-pressed-border-color: transparent;
770
+ --utrecht-button-subtle-pressed-background-color: #e5b3d0;
764
771
  --utrecht-button-subtle-line-height: 1.875rem;
765
772
  --utrecht-button-subtle-active-color: #65003a;
766
773
  --utrecht-button-subtle-active-border-color: transparent;
767
- --utrecht-button-subtle-active-background-color: transparent;
768
- --utrecht-button-subtle-focus-color: #a90061;
774
+ --utrecht-button-subtle-active-background-color: #D88CB7;
775
+ --utrecht-button-subtle-focus-color: #741344;
769
776
  --utrecht-button-subtle-focus-border-color: transparent;
770
777
  --utrecht-button-subtle-focus-background-color: #f2d9e7;
771
778
  --utrecht-button-subtle-disabled-color: #e5b3d0;
@@ -776,27 +783,33 @@
776
783
  --utrecht-button-subtle-background-color: transparent;
777
784
  --utrecht-button-subtle-hover-color: #741344;
778
785
  --utrecht-button-subtle-hover-border-color: transparent;
779
- --utrecht-button-subtle-hover-background-color: transparent;
786
+ --utrecht-button-subtle-hover-background-color: #f2d9e7;
780
787
  --utrecht-button-subtle-font-weight: 700;
781
788
  --utrecht-button-subtle-font-size: 1.25rem;
789
+ --utrecht-button-secondary-action-pressed-color: #63143a;
790
+ --utrecht-button-secondary-action-pressed-border-color: #63143a;
791
+ --utrecht-button-secondary-action-pressed-background-color: #e5b3d0;
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: #a90061;
785
- --utrecht-button-secondary-action-active-border-color: #a90061;
794
+ --utrecht-button-secondary-action-active-color: #741344;
795
+ --utrecht-button-secondary-action-active-border-color: #63143a;
786
796
  --utrecht-button-secondary-action-active-background-color: #D88CB7;
787
797
  --utrecht-button-secondary-action-font-weight: 700;
788
- --utrecht-button-secondary-action-focus-color: #a90061;
798
+ --utrecht-button-secondary-action-focus-color: #741344;
789
799
  --utrecht-button-secondary-action-focus-border-color: transparent;
790
- --utrecht-button-secondary-action-focus-background-color: #e5b3d0;
800
+ --utrecht-button-secondary-action-focus-background-color: #f2d9e7;
791
801
  --utrecht-button-secondary-action-disabled-color: #CB66A0;
792
- --utrecht-button-secondary-action-disabled-border-color: #CB66A0;
802
+ --utrecht-button-secondary-action-disabled-border-color: #D88CB7;
793
803
  --utrecht-button-secondary-action-disabled-background-color: transparent;
794
804
  --utrecht-button-secondary-action-color: #a90061;
795
805
  --utrecht-button-secondary-action-border-color: #a90061;
796
806
  --utrecht-button-secondary-action-background-color: transparent;
797
- --utrecht-button-secondary-action-hover-color: #a90061;
798
- --utrecht-button-secondary-action-hover-border-color: transparent;
799
- --utrecht-button-secondary-action-hover-background-color: #e5b3d0;
807
+ --utrecht-button-secondary-action-hover-color: #741344;
808
+ --utrecht-button-secondary-action-hover-border-color: #741344;
809
+ --utrecht-button-secondary-action-hover-background-color: #f2d9e7;
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: #63143a;
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: #a90061;
821
+ --utrecht-button-primary-action-focus-background-color: #741344;
809
822
  --utrecht-button-primary-action-disabled-color: #BE4088;
810
- --utrecht-button-primary-action-disabled-border-color: #D88CB7;
823
+ --utrecht-button-primary-action-disabled-border-color: transparent;
811
824
  --utrecht-button-primary-action-disabled-background-color: #e5b3d0;
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/uitvoerend-violet/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;
@@ -710,8 +722,8 @@ export const rhcColorPrimaryHover : string;
710
722
  export const rhcColorFocusOutline : string;
711
723
  export const rhcColorForegroundDefault : string;
712
724
  export const rhcColorForegroundSubdued : string;
713
- export const rhcColorForegroundOnEmphasis : string;
714
725
  export const rhcColorForegroundLink : string;
726
+ export const rhcColorForegroundOnEmphasis : string;
715
727
  export const rhcColorBorderDefault : string;
716
728
  export const rhcColorBorderSubdued : string;
717
729
  export const rhcColorBorderStrong : string;
@@ -725,6 +737,7 @@ export const rhcColorFeedbackErrorSubdued : string;
725
737
  export const rhcColorFeedbackWarningDefault : string;
726
738
  export const rhcColorFeedbackWarningSubdued : string;
727
739
  export const rhcColorAccent500 : string;
740
+ export const rhcColorAccent2500 : string;
728
741
  export const rhcColorCoolGrey50 : string;
729
742
  export const rhcColorCoolGrey100 : string;
730
743
  export const rhcColorCoolGrey200 : string;
package/dist/uitvoerend-violet/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 = "#a90061";
503
503
  export const utrechtButtonPrimaryActionBorderColor = "transparent";
504
504
  export const utrechtButtonPrimaryActionColor = "#fff";
505
505
  export const utrechtButtonPrimaryActionDisabledBackgroundColor = "#e5b3d0";
506
- export const utrechtButtonPrimaryActionDisabledBorderColor = "#D88CB7";
506
+ export const utrechtButtonPrimaryActionDisabledBorderColor = "transparent";
507
507
  export const utrechtButtonPrimaryActionDisabledColor = "#BE4088";
508
- export const utrechtButtonPrimaryActionFocusBackgroundColor = "#a90061";
508
+ export const utrechtButtonPrimaryActionFocusBackgroundColor = "#741344";
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 = "#e5b3d0";
518
- export const utrechtButtonSecondaryActionHoverBorderColor = "transparent";
519
- export const utrechtButtonSecondaryActionHoverColor = "#a90061";
517
+ export const utrechtButtonPrimaryActionPressedBackgroundColor = "#63143a";
518
+ export const utrechtButtonPrimaryActionPressedBorderColor = "transparent";
519
+ export const utrechtButtonPrimaryActionPressedColor = "#fff";
520
+ export const utrechtButtonSecondaryActionHoverBackgroundColor = "#f2d9e7";
521
+ export const utrechtButtonSecondaryActionHoverBorderColor = "#741344";
522
+ export const utrechtButtonSecondaryActionHoverColor = "#741344";
520
523
  export const utrechtButtonSecondaryActionBackgroundColor = "transparent";
521
524
  export const utrechtButtonSecondaryActionBorderColor = "#a90061";
522
525
  export const utrechtButtonSecondaryActionColor = "#a90061";
523
526
  export const utrechtButtonSecondaryActionDisabledBackgroundColor = "transparent";
524
- export const utrechtButtonSecondaryActionDisabledBorderColor = "#CB66A0";
527
+ export const utrechtButtonSecondaryActionDisabledBorderColor = "#D88CB7";
525
528
  export const utrechtButtonSecondaryActionDisabledColor = "#CB66A0";
526
- export const utrechtButtonSecondaryActionFocusBackgroundColor = "#e5b3d0";
529
+ export const utrechtButtonSecondaryActionFocusBackgroundColor = "#f2d9e7";
527
530
  export const utrechtButtonSecondaryActionFocusBorderColor = "transparent";
528
- export const utrechtButtonSecondaryActionFocusColor = "#a90061";
531
+ export const utrechtButtonSecondaryActionFocusColor = "#741344";
529
532
  export const utrechtButtonSecondaryActionFontWeight = 700;
530
533
  export const utrechtButtonSecondaryActionActiveBackgroundColor = "#D88CB7";
531
- export const utrechtButtonSecondaryActionActiveBorderColor = "#a90061";
532
- export const utrechtButtonSecondaryActionActiveColor = "#a90061";
534
+ export const utrechtButtonSecondaryActionActiveBorderColor = "#63143a";
535
+ export const utrechtButtonSecondaryActionActiveColor = "#741344";
533
536
  export const utrechtButtonSecondaryActionFontSize = "1.25rem";
534
537
  export const utrechtButtonSecondaryActionLineHeight = "1.875rem";
538
+ export const utrechtButtonSecondaryActionPressedBackgroundColor = "#e5b3d0";
539
+ export const utrechtButtonSecondaryActionPressedBorderColor = "#63143a";
540
+ export const utrechtButtonSecondaryActionPressedColor = "#63143a";
535
541
  export const utrechtButtonSubtleFontSize = "1.25rem";
536
542
  export const utrechtButtonSubtleFontWeight = 700;
537
- export const utrechtButtonSubtleHoverBackgroundColor = "transparent";
543
+ export const utrechtButtonSubtleHoverBackgroundColor = "#f2d9e7";
538
544
  export const utrechtButtonSubtleHoverBorderColor = "transparent";
539
545
  export const utrechtButtonSubtleHoverColor = "#741344";
540
546
  export const utrechtButtonSubtleBackgroundColor = "transparent";
@@ -545,11 +551,17 @@ export const utrechtButtonSubtleDisabledBorderColor = "transparent";
545
551
  export const utrechtButtonSubtleDisabledColor = "#e5b3d0";
546
552
  export const utrechtButtonSubtleFocusBackgroundColor = "#f2d9e7";
547
553
  export const utrechtButtonSubtleFocusBorderColor = "transparent";
548
- export const utrechtButtonSubtleFocusColor = "#a90061";
549
- export const utrechtButtonSubtleActiveBackgroundColor = "transparent";
554
+ export const utrechtButtonSubtleFocusColor = "#741344";
555
+ export const utrechtButtonSubtleActiveBackgroundColor = "#D88CB7";
550
556
  export const utrechtButtonSubtleActiveBorderColor = "transparent";
551
557
  export const utrechtButtonSubtleActiveColor = "#65003a";
552
558
  export const utrechtButtonSubtleLineHeight = "1.875rem";
559
+ export const utrechtButtonSubtlePressedBackgroundColor = "#e5b3d0";
560
+ export const utrechtButtonSubtlePressedBorderColor = "transparent";
561
+ export const utrechtButtonSubtlePressedColor = "#63143a";
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";
@@ -710,8 +722,8 @@ export const rhcColorPrimaryHover = "#741344";
710
722
  export const rhcColorFocusOutline = "#000";
711
723
  export const rhcColorForegroundDefault = "#0F172A";
712
724
  export const rhcColorForegroundSubdued = "#334155";
713
- export const rhcColorForegroundOnEmphasis = "#fff";
714
725
  export const rhcColorForegroundLink = "#01689b";
726
+ export const rhcColorForegroundOnEmphasis = "#fff";
715
727
  export const rhcColorBorderDefault = "#64748B";
716
728
  export const rhcColorBorderSubdued = "#94A3B8";
717
729
  export const rhcColorBorderStrong = "#0F172A";
@@ -725,6 +737,7 @@ export const rhcColorFeedbackErrorSubdued = "#f9dfdd";
725
737
  export const rhcColorFeedbackWarningDefault = "#ffb612";
726
738
  export const rhcColorFeedbackWarningSubdued = "#fff4db";
727
739
  export const rhcColorAccent500 = "#8fcae7";
740
+ export const rhcColorAccent2500 = "#f092cd";
728
741
  export const rhcColorCoolGrey50 = "#F8FAFC";
729
742
  export const rhcColorCoolGrey100 = "#F1F5F9";
730
743
  export const rhcColorCoolGrey200 = "#E2E8F0";
package/dist/uitvoerend-violet/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": "#e5b3d0",
502
- "utrechtButtonPrimaryActionDisabledBorderColor": "#D88CB7",
502
+ "utrechtButtonPrimaryActionDisabledBorderColor": "transparent",
503
503
  "utrechtButtonPrimaryActionDisabledColor": "#BE4088",
504
- "utrechtButtonPrimaryActionFocusBackgroundColor": "#a90061",
504
+ "utrechtButtonPrimaryActionFocusBackgroundColor": "#741344",
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": "#e5b3d0",
514
- "utrechtButtonSecondaryActionHoverBorderColor": "transparent",
515
- "utrechtButtonSecondaryActionHoverColor": "#a90061",
513
+ "utrechtButtonPrimaryActionPressedBackgroundColor": "#63143a",
514
+ "utrechtButtonPrimaryActionPressedBorderColor": "transparent",
515
+ "utrechtButtonPrimaryActionPressedColor": "#fff",
516
+ "utrechtButtonSecondaryActionHoverBackgroundColor": "#f2d9e7",
517
+ "utrechtButtonSecondaryActionHoverBorderColor": "#741344",
518
+ "utrechtButtonSecondaryActionHoverColor": "#741344",
516
519
  "utrechtButtonSecondaryActionBackgroundColor": "transparent",
517
520
  "utrechtButtonSecondaryActionBorderColor": "#a90061",
518
521
  "utrechtButtonSecondaryActionColor": "#a90061",
519
522
  "utrechtButtonSecondaryActionDisabledBackgroundColor": "transparent",
520
- "utrechtButtonSecondaryActionDisabledBorderColor": "#CB66A0",
523
+ "utrechtButtonSecondaryActionDisabledBorderColor": "#D88CB7",
521
524
  "utrechtButtonSecondaryActionDisabledColor": "#CB66A0",
522
- "utrechtButtonSecondaryActionFocusBackgroundColor": "#e5b3d0",
525
+ "utrechtButtonSecondaryActionFocusBackgroundColor": "#f2d9e7",
523
526
  "utrechtButtonSecondaryActionFocusBorderColor": "transparent",
524
- "utrechtButtonSecondaryActionFocusColor": "#a90061",
527
+ "utrechtButtonSecondaryActionFocusColor": "#741344",
525
528
  "utrechtButtonSecondaryActionFontWeight": 700,
526
529
  "utrechtButtonSecondaryActionActiveBackgroundColor": "#D88CB7",
527
- "utrechtButtonSecondaryActionActiveBorderColor": "#a90061",
528
- "utrechtButtonSecondaryActionActiveColor": "#a90061",
530
+ "utrechtButtonSecondaryActionActiveBorderColor": "#63143a",
531
+ "utrechtButtonSecondaryActionActiveColor": "#741344",
529
532
  "utrechtButtonSecondaryActionFontSize": "1.25rem",
530
533
  "utrechtButtonSecondaryActionLineHeight": "1.875rem",
534
+ "utrechtButtonSecondaryActionPressedBackgroundColor": "#e5b3d0",
535
+ "utrechtButtonSecondaryActionPressedBorderColor": "#63143a",
536
+ "utrechtButtonSecondaryActionPressedColor": "#63143a",
531
537
  "utrechtButtonSubtleFontSize": "1.25rem",
532
538
  "utrechtButtonSubtleFontWeight": 700,
533
- "utrechtButtonSubtleHoverBackgroundColor": "transparent",
539
+ "utrechtButtonSubtleHoverBackgroundColor": "#f2d9e7",
534
540
  "utrechtButtonSubtleHoverBorderColor": "transparent",
535
541
  "utrechtButtonSubtleHoverColor": "#741344",
536
542
  "utrechtButtonSubtleBackgroundColor": "transparent",
@@ -541,11 +547,17 @@
541
547
  "utrechtButtonSubtleDisabledColor": "#e5b3d0",
542
548
  "utrechtButtonSubtleFocusBackgroundColor": "#f2d9e7",
543
549
  "utrechtButtonSubtleFocusBorderColor": "transparent",
544
- "utrechtButtonSubtleFocusColor": "#a90061",
545
- "utrechtButtonSubtleActiveBackgroundColor": "transparent",
550
+ "utrechtButtonSubtleFocusColor": "#741344",
551
+ "utrechtButtonSubtleActiveBackgroundColor": "#D88CB7",
546
552
  "utrechtButtonSubtleActiveBorderColor": "transparent",
547
553
  "utrechtButtonSubtleActiveColor": "#65003a",
548
554
  "utrechtButtonSubtleLineHeight": "1.875rem",
555
+ "utrechtButtonSubtlePressedBackgroundColor": "#e5b3d0",
556
+ "utrechtButtonSubtlePressedBorderColor": "transparent",
557
+ "utrechtButtonSubtlePressedColor": "#63143a",
558
+ "utrechtButtonPressedBackgroundColor": "#1E293B",
559
+ "utrechtButtonPressedBorderColor": "transparent",
560
+ "utrechtButtonPressedColor": "#fff",
549
561
  "utrechtBreadcrumbNavLineHeight": 1.4,
550
562
  "utrechtBreadcrumbNavFontSize": "1.25rem",
551
563
  "utrechtBreadcrumbNavLinkIconSize": "24px",
@@ -706,8 +718,8 @@
706
718
  "rhcColorFocusOutline": "#000",
707
719
  "rhcColorForegroundDefault": "#0F172A",
708
720
  "rhcColorForegroundSubdued": "#334155",
709
- "rhcColorForegroundOnEmphasis": "#fff",
710
721
  "rhcColorForegroundLink": "#01689b",
722
+ "rhcColorForegroundOnEmphasis": "#fff",
711
723
  "rhcColorBorderDefault": "#64748B",
712
724
  "rhcColorBorderSubdued": "#94A3B8",
713
725
  "rhcColorBorderStrong": "#0F172A",
@@ -721,6 +733,7 @@
721
733
  "rhcColorFeedbackWarningDefault": "#ffb612",
722
734
  "rhcColorFeedbackWarningSubdued": "#fff4db",
723
735
  "rhcColorAccent500": "#8fcae7",
736
+ "rhcColorAccent2500": "#f092cd",
724
737
  "rhcColorCoolGrey50": "#F8FAFC",
725
738
  "rhcColorCoolGrey100": "#F1F5F9",
726
739
  "rhcColorCoolGrey200": "#E2E8F0",