@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/index.flat.json CHANGED
@@ -109,6 +109,9 @@
109
109
  "ofPageFooterFg": "hsl(0 0% 100%)",
110
110
  "ofProgressIndicatorBackgroundColor": "hsl(0 0% 100%)",
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%)",
@@ -195,6 +198,11 @@
195
198
  "utrechtBlockquoteMarginBlockStart": "1.6em",
196
199
  "utrechtBlockquoteMarginInlineEnd": "1.6em",
197
200
  "utrechtBlockquoteMarginInlineStart": "1.6em",
201
+ "utrechtBodyBackgroundColor": "hsl(0 0% 100%)",
202
+ "utrechtBodyColor": "hsl(0 0% 0%)",
203
+ "utrechtBodyFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
204
+ "utrechtBodyFontSize": "1rem",
205
+ "utrechtBodyLineHeight": "1.4",
198
206
  "utrechtBorderRadiusLg": "8px",
199
207
  "utrechtBorderRadiusMd": "4px",
200
208
  "utrechtBorderRadiusNone": "0",
@@ -662,6 +670,7 @@
662
670
  "utrechtLinkHoverTextDecoration": "underline",
663
671
  "utrechtLinkHoverTextDecorationThickness": "3px",
664
672
  "utrechtLinkIconSize": "1.2em",
673
+ "utrechtLinkListIconInsetBlockStart": "0.15em",
665
674
  "utrechtLinkListIconSize": "14px",
666
675
  "utrechtLinkListLinkColumnGap": "8px",
667
676
  "utrechtLinkListLinkFontWeight": "700",
@@ -742,8 +751,6 @@
742
751
  "utrechtMarkColor": "hsl(0 0% 0%)",
743
752
  "utrechtMenulijstItemColor": "hsl(211 60% 35%)",
744
753
  "utrechtMenulijstItemHoverColor": "hsl(211 60% 40%)",
745
- "utrechtNavBarBackgroundColor": "hsl(0 0% 100%)",
746
- "utrechtNavBarColor": "hsl(0 0% 0%)",
747
754
  "utrechtNavBarContentMaxInlineSize": "1184px",
748
755
  "utrechtNavBarLinkPaddingBlockEnd": "8px",
749
756
  "utrechtNavBarLinkPaddingBlockStart": "8px",
@@ -764,27 +771,46 @@
764
771
  "utrechtOrderedListMarginBlockStart": "0",
765
772
  "utrechtOrderedListPaddingInlineStart": "28.8px",
766
773
  "utrechtPageBackgroundColor": "hsl(0 0% 100%)",
774
+ "utrechtPageBodyContentBackgroundColor": "hsl(0 0% 100%)",
775
+ "utrechtPageBodyContentColor": "hsl(0 0% 0%)",
776
+ "utrechtPageBodyContentMaxInlineSize": "1184px",
777
+ "utrechtPageBodyContentPaddingBlockEnd": "1em",
778
+ "utrechtPageBodyContentPaddingBlockStart": "0",
779
+ "utrechtPageBodyContentPaddingInlineEnd": "2.4em",
780
+ "utrechtPageBodyContentPaddingInlineStart": "2em",
781
+ "utrechtPageBodyPaddingBlockEnd": "0",
782
+ "utrechtPageBodyPaddingBlockStart": "0",
783
+ "utrechtPageBodyPaddingInlineEnd": "0",
784
+ "utrechtPageBodyPaddingInlineStart": "0",
767
785
  "utrechtPageColor": "hsl(0 0% 0%)",
768
786
  "utrechtPageContentPaddingBlockEnd": "2em",
769
787
  "utrechtPageContentPaddingBlockStart": "2em",
770
788
  "utrechtPageFooterBackgroundColor": "hsl(0 100% 40%)",
771
789
  "utrechtPageFooterBackgroundImage": "linear-gradient(45deg, hsl(0 100% 40%), hsl(0 100% 40%) 50%, #d63433 50%);",
772
790
  "utrechtPageFooterColor": "hsl(0 0% 100%)",
773
- "utrechtPageFooterPaddingBlockEnd": "48px",
774
- "utrechtPageFooterPaddingBlockStart": "48px",
775
- "utrechtPageFooterPaddingInlineEnd": "28px",
776
- "utrechtPageFooterPaddingInlineStart": "28px",
777
- "utrechtPageHeaderPaddingBlockEnd": "1em",
778
- "utrechtPageHeaderPaddingBlockStart": "1.8em",
779
- "utrechtPageHeaderPaddingInlineEnd": "2.4em",
780
- "utrechtPageHeaderPaddingInlineStart": "2em",
791
+ "utrechtPageFooterContentMaxInlineSize": "1184px",
792
+ "utrechtPageFooterContentPaddingBlockEnd": "48px",
793
+ "utrechtPageFooterContentPaddingBlockStart": "48px",
794
+ "utrechtPageFooterContentPaddingInline": "28px",
795
+ "utrechtPageHeaderContentBackgroundColor": "hsl(0 0% 100%)",
796
+ "utrechtPageHeaderContentColor": "hsl(0 0% 0%)",
797
+ "utrechtPageHeaderContentMaxInlineSize": "1184px",
798
+ "utrechtPageHeaderContentPaddingBlockEnd": "1em",
799
+ "utrechtPageHeaderContentPaddingBlockStart": "1.8em",
800
+ "utrechtPageHeaderContentPaddingInline": "2em",
801
+ "utrechtPageHeaderContentPaddingInlineEnd": "2.4em",
802
+ "utrechtPageHeaderContentPaddingInlineStart": "2em",
803
+ "utrechtPageHeaderPaddingBlockEnd": "0",
804
+ "utrechtPageHeaderPaddingBlockStart": "0",
805
+ "utrechtPageHeaderPaddingInlineEnd": "0",
806
+ "utrechtPageHeaderPaddingInlineStart": "0",
781
807
  "utrechtPageMarginInlineEnd": "2em",
782
808
  "utrechtPageMarginInlineStart": "2em",
783
809
  "utrechtPageMaxInlineSize": "1184px",
784
810
  "utrechtPagePaddingBlockEnd": "1em",
785
811
  "utrechtPagePaddingBlockStart": "1.8em",
786
- "utrechtPagePaddingInlineEnd": "2em",
787
- "utrechtPagePaddingInlineStart": "2em",
812
+ "utrechtPagePaddingInlineEnd": "0",
813
+ "utrechtPagePaddingInlineStart": "0",
788
814
  "utrechtPaginationFontSize": "0.875rem",
789
815
  "utrechtPaginationMarginBlockEnd": "1em",
790
816
  "utrechtPaginationMarginBlockStart": "0",
@@ -862,6 +888,8 @@
862
888
  "utrechtRichTextConfidantMarginBlockEnd": 0,
863
889
  "utrechtRichTextFriendMarginBlockEnd": "8px",
864
890
  "utrechtRichTextStrangerMarginBlockEnd": "32px",
891
+ "utrechtRootBackgroundColor": "hsl(0 0% 95%)",
892
+ "utrechtRootColor": "hsl(0 0% 10%)",
865
893
  "utrechtSearchBarButtonBackgroundColor": "hsl(0 100% 40%)",
866
894
  "utrechtSearchBarButtonBorderColor": "hsl(0 100% 40%)",
867
895
  "utrechtSearchBarButtonColor": "hsl(0 0% 100%)",