@utrecht/design-tokens 2.4.0 → 2.5.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 (62) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/_mixin-theme.scss +41 -13
  3. package/dist/_mixin.scss +41 -13
  4. package/dist/_variables.scss +41 -13
  5. package/dist/dark/_mixin-theme.scss +41 -13
  6. package/dist/dark/_mixin.scss +41 -13
  7. package/dist/dark/_variables.scss +41 -13
  8. package/dist/dark/index.cjs +42 -14
  9. package/dist/dark/index.css +41 -13
  10. package/dist/dark/index.d.ts +35 -7
  11. package/dist/dark/index.flat.json +40 -12
  12. package/dist/dark/index.json +909 -181
  13. package/dist/dark/index.mjs +41 -13
  14. package/dist/dark/index.tokens.json +123 -212
  15. package/dist/dark/list.json +909 -181
  16. package/dist/dark/list.mjs +909 -181
  17. package/dist/dark/property.css +19 -6
  18. package/dist/dark/root.css +40 -12
  19. package/dist/dark/theme-prince-xml.css +41 -13
  20. package/dist/dark/theme.css +40 -12
  21. package/dist/dark/tokens.cjs +842 -231
  22. package/dist/dark/tokens.d.ts +78 -106
  23. package/dist/dark/tokens.json +842 -231
  24. package/dist/dark/variables.cjs +42 -14
  25. package/dist/dark/variables.css +40 -12
  26. package/dist/dark/variables.d.ts +35 -7
  27. package/dist/dark/variables.json +40 -12
  28. package/dist/dark/variables.less +41 -13
  29. package/dist/dark/variables.mjs +41 -13
  30. package/dist/index.cjs +42 -14
  31. package/dist/index.css +82 -26
  32. package/dist/index.d.ts +35 -7
  33. package/dist/index.flat.json +40 -12
  34. package/dist/index.json +903 -175
  35. package/dist/index.mjs +41 -13
  36. package/dist/index.tokens.json +123 -212
  37. package/dist/list.json +903 -175
  38. package/dist/list.mjs +903 -175
  39. package/dist/property.css +19 -6
  40. package/dist/root.css +40 -12
  41. package/dist/theme-prince-xml.css +41 -13
  42. package/dist/theme.css +40 -12
  43. package/dist/tokens.cjs +842 -231
  44. package/dist/tokens.d.ts +78 -106
  45. package/dist/tokens.json +842 -231
  46. package/dist/variables.cjs +42 -14
  47. package/dist/variables.css +40 -12
  48. package/dist/variables.d.ts +35 -7
  49. package/dist/variables.json +40 -12
  50. package/dist/variables.less +41 -13
  51. package/dist/variables.mjs +41 -13
  52. package/package.json +1 -1
  53. package/src/component/signalen/signalen.tokens.json +17 -0
  54. package/src/component/utrecht/body.tokens.json +11 -0
  55. package/src/component/utrecht/link-list.tokens.json +3 -0
  56. package/src/component/utrecht/nav-bar.tokens.json +0 -2
  57. package/src/component/utrecht/page-body.tokens.json +19 -0
  58. package/src/component/utrecht/page-footer.tokens.json +6 -4
  59. package/src/component/utrecht/page-header.tokens.json +14 -4
  60. package/src/component/utrecht/page.tokens.json +2 -2
  61. package/src/component/utrecht/root.tokens.json +8 -0
  62. package/project.json +0 -25
package/dist/dark/index.flat.json CHANGED
@@ -109,6 +109,9 @@
109
109
  "ofPageFooterFg": "hsl(0 0% 100%)",
110
110
  "ofProgressIndicatorBackgroundColor": "hsl(0 0% 15%)",
111
111
  "ofProgressIndicatorMobileBoxShadow": "0px 0px 2px 0px rgba(0 0 0 / 20%)",
112
+ "signalenModalDialogBackgroundColor": "hsl(0 0% 100%)",
113
+ "signalenModalDialogColor": "hsl(0 0% 0%)",
114
+ "signalenProgressBarBorderRadius": "4px",
112
115
  "utrechtAccordionButtonActiveBackgroundColor": "hsl(0 0% 80%)",
113
116
  "utrechtAccordionButtonActiveBorderColor": "hsl(0 0% 95%)",
114
117
  "utrechtAccordionButtonActiveColor": "hsl(0 0% 10%)",
@@ -197,6 +200,11 @@
197
200
  "utrechtBlockquoteMarginBlockStart": "1.6em",
198
201
  "utrechtBlockquoteMarginInlineEnd": "1.6em",
199
202
  "utrechtBlockquoteMarginInlineStart": "1.6em",
203
+ "utrechtBodyBackgroundColor": "hsl(0 0% 100%)",
204
+ "utrechtBodyColor": "hsl(0 0% 0%)",
205
+ "utrechtBodyFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
206
+ "utrechtBodyFontSize": "1rem",
207
+ "utrechtBodyLineHeight": "1.4",
200
208
  "utrechtBorderRadiusLg": "8px",
201
209
  "utrechtBorderRadiusMd": "4px",
202
210
  "utrechtBorderRadiusNone": "0",
@@ -671,6 +679,7 @@
671
679
  "utrechtLinkHoverTextDecoration": "underline",
672
680
  "utrechtLinkHoverTextDecorationThickness": "3px",
673
681
  "utrechtLinkIconSize": "1.2em",
682
+ "utrechtLinkListIconInsetBlockStart": "0.15em",
674
683
  "utrechtLinkListIconSize": "14px",
675
684
  "utrechtLinkListLinkColumnGap": "8px",
676
685
  "utrechtLinkListLinkFontWeight": "700",
@@ -751,8 +760,6 @@
751
760
  "utrechtMarkColor": "hsl(0 0% 0%)",
752
761
  "utrechtMenulijstItemColor": "hsl(211 60% 35%)",
753
762
  "utrechtMenulijstItemHoverColor": "hsl(211 60% 40%)",
754
- "utrechtNavBarBackgroundColor": "hsl(0 0% 100%)",
755
- "utrechtNavBarColor": "hsl(0 0% 0%)",
756
763
  "utrechtNavBarContentMaxInlineSize": "1184px",
757
764
  "utrechtNavBarLinkPaddingBlockEnd": "8px",
758
765
  "utrechtNavBarLinkPaddingBlockStart": "8px",
@@ -773,27 +780,46 @@
773
780
  "utrechtOrderedListMarginBlockStart": "0",
774
781
  "utrechtOrderedListPaddingInlineStart": "28.8px",
775
782
  "utrechtPageBackgroundColor": "hsl(0 0% 15%)",
783
+ "utrechtPageBodyContentBackgroundColor": "hsl(0 0% 100%)",
784
+ "utrechtPageBodyContentColor": "hsl(0 0% 0%)",
785
+ "utrechtPageBodyContentMaxInlineSize": "1184px",
786
+ "utrechtPageBodyContentPaddingBlockEnd": "1em",
787
+ "utrechtPageBodyContentPaddingBlockStart": "0",
788
+ "utrechtPageBodyContentPaddingInlineEnd": "2.4em",
789
+ "utrechtPageBodyContentPaddingInlineStart": "2em",
790
+ "utrechtPageBodyPaddingBlockEnd": "0",
791
+ "utrechtPageBodyPaddingBlockStart": "0",
792
+ "utrechtPageBodyPaddingInlineEnd": "0",
793
+ "utrechtPageBodyPaddingInlineStart": "0",
776
794
  "utrechtPageColor": "hsl(0 0% 95%)",
777
795
  "utrechtPageContentPaddingBlockEnd": "2em",
778
796
  "utrechtPageContentPaddingBlockStart": "2em",
779
797
  "utrechtPageFooterBackgroundColor": "hsl(0 100% 40%)",
780
798
  "utrechtPageFooterBackgroundImage": "linear-gradient(45deg, hsl(0 100% 40%), hsl(0 100% 40%) 50%, #d63433 50%);",
781
799
  "utrechtPageFooterColor": "hsl(0 0% 100%)",
782
- "utrechtPageFooterPaddingBlockEnd": "48px",
783
- "utrechtPageFooterPaddingBlockStart": "48px",
784
- "utrechtPageFooterPaddingInlineEnd": "28px",
785
- "utrechtPageFooterPaddingInlineStart": "28px",
786
- "utrechtPageHeaderPaddingBlockEnd": "1em",
787
- "utrechtPageHeaderPaddingBlockStart": "1.8em",
788
- "utrechtPageHeaderPaddingInlineEnd": "2.4em",
789
- "utrechtPageHeaderPaddingInlineStart": "2em",
800
+ "utrechtPageFooterContentMaxInlineSize": "1184px",
801
+ "utrechtPageFooterContentPaddingBlockEnd": "48px",
802
+ "utrechtPageFooterContentPaddingBlockStart": "48px",
803
+ "utrechtPageFooterContentPaddingInline": "28px",
804
+ "utrechtPageHeaderContentBackgroundColor": "hsl(0 0% 100%)",
805
+ "utrechtPageHeaderContentColor": "hsl(0 0% 0%)",
806
+ "utrechtPageHeaderContentMaxInlineSize": "1184px",
807
+ "utrechtPageHeaderContentPaddingBlockEnd": "1em",
808
+ "utrechtPageHeaderContentPaddingBlockStart": "1.8em",
809
+ "utrechtPageHeaderContentPaddingInline": "2em",
810
+ "utrechtPageHeaderContentPaddingInlineEnd": "2.4em",
811
+ "utrechtPageHeaderContentPaddingInlineStart": "2em",
812
+ "utrechtPageHeaderPaddingBlockEnd": "0",
813
+ "utrechtPageHeaderPaddingBlockStart": "0",
814
+ "utrechtPageHeaderPaddingInlineEnd": "0",
815
+ "utrechtPageHeaderPaddingInlineStart": "0",
790
816
  "utrechtPageMarginInlineEnd": "2em",
791
817
  "utrechtPageMarginInlineStart": "2em",
792
818
  "utrechtPageMaxInlineSize": "1184px",
793
819
  "utrechtPagePaddingBlockEnd": "1em",
794
820
  "utrechtPagePaddingBlockStart": "1.8em",
795
- "utrechtPagePaddingInlineEnd": "2em",
796
- "utrechtPagePaddingInlineStart": "2em",
821
+ "utrechtPagePaddingInlineEnd": "0",
822
+ "utrechtPagePaddingInlineStart": "0",
797
823
  "utrechtPaginationFontSize": "0.875rem",
798
824
  "utrechtPaginationMarginBlockEnd": "1em",
799
825
  "utrechtPaginationMarginBlockStart": "0",
@@ -871,6 +897,8 @@
871
897
  "utrechtRichTextConfidantMarginBlockEnd": 0,
872
898
  "utrechtRichTextFriendMarginBlockEnd": "8px",
873
899
  "utrechtRichTextStrangerMarginBlockEnd": "32px",
900
+ "utrechtRootBackgroundColor": "hsl(0 0% 95%)",
901
+ "utrechtRootColor": "hsl(0 0% 10%)",
874
902
  "utrechtSearchBarButtonBackgroundColor": "hsl(0 100% 40%)",
875
903
  "utrechtSearchBarButtonBorderColor": "hsl(0 100% 40%)",
876
904
  "utrechtSearchBarButtonColor": "hsl(0 0% 100%)",