@utrecht/design-tokens 2.3.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 (83) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/dist/_mixin-theme.scss +165 -76
  3. package/dist/_mixin.scss +165 -76
  4. package/dist/_variables.scss +165 -76
  5. package/dist/dark/_mixin-theme.scss +165 -76
  6. package/dist/dark/_mixin.scss +165 -76
  7. package/dist/dark/_variables.scss +165 -76
  8. package/dist/dark/index.cjs +104 -15
  9. package/dist/dark/index.css +165 -76
  10. package/dist/dark/index.d.ts +97 -8
  11. package/dist/dark/index.flat.json +102 -13
  12. package/dist/dark/index.json +11111 -9439
  13. package/dist/dark/index.mjs +103 -14
  14. package/dist/dark/index.tokens.json +369 -248
  15. package/dist/dark/list.json +11111 -9439
  16. package/dist/dark/list.mjs +11111 -9439
  17. package/dist/dark/property.css +19 -7
  18. package/dist/dark/root.css +164 -75
  19. package/dist/dark/theme-prince-xml.css +165 -76
  20. package/dist/dark/theme.css +164 -75
  21. package/dist/dark/tokens.cjs +2051 -347
  22. package/dist/dark/tokens.d.ts +255 -126
  23. package/dist/dark/tokens.json +2051 -347
  24. package/dist/dark/variables.cjs +104 -15
  25. package/dist/dark/variables.css +164 -75
  26. package/dist/dark/variables.d.ts +97 -8
  27. package/dist/dark/variables.json +102 -13
  28. package/dist/dark/variables.less +165 -76
  29. package/dist/dark/variables.mjs +103 -14
  30. package/dist/index.cjs +104 -15
  31. package/dist/index.css +330 -152
  32. package/dist/index.d.ts +97 -8
  33. package/dist/index.flat.json +102 -13
  34. package/dist/index.json +2175 -503
  35. package/dist/index.mjs +103 -14
  36. package/dist/index.tokens.json +369 -248
  37. package/dist/list.json +2175 -503
  38. package/dist/list.mjs +2175 -503
  39. package/dist/property.css +19 -7
  40. package/dist/root.css +164 -75
  41. package/dist/theme-prince-xml.css +165 -76
  42. package/dist/theme.css +164 -75
  43. package/dist/tokens.cjs +2051 -347
  44. package/dist/tokens.d.ts +255 -126
  45. package/dist/tokens.json +2051 -347
  46. package/dist/variables.cjs +104 -15
  47. package/dist/variables.css +164 -75
  48. package/dist/variables.d.ts +97 -8
  49. package/dist/variables.json +102 -13
  50. package/dist/variables.less +165 -76
  51. package/dist/variables.mjs +103 -14
  52. package/package.json +1 -1
  53. package/src/component/nl/code-block.tokens.json +13 -0
  54. package/src/component/nl/code.tokens.json +11 -0
  55. package/src/component/nl/data-badge.tokens.json +22 -0
  56. package/src/component/nl/heading.tokens.json +48 -0
  57. package/src/component/nl/mark.tokens.json +8 -0
  58. package/src/component/nl/number-badge.tokens.json +23 -0
  59. package/src/component/nl/paragraph.tokens.json +20 -0
  60. package/src/component/nl/skip-link.tokens.json +16 -0
  61. package/src/component/signalen/signalen.tokens.json +17 -0
  62. package/src/component/utrecht/badge.tokens.json +5 -5
  63. package/src/component/utrecht/body.tokens.json +11 -0
  64. package/src/component/utrecht/code-block.tokens.json +9 -9
  65. package/src/component/utrecht/heading-1.tokens.json +4 -4
  66. package/src/component/utrecht/heading-2.tokens.json +4 -4
  67. package/src/component/utrecht/heading-3.tokens.json +4 -4
  68. package/src/component/utrecht/heading-4.tokens.json +4 -4
  69. package/src/component/utrecht/heading-5.tokens.json +4 -4
  70. package/src/component/utrecht/heading-6.tokens.json +4 -4
  71. package/src/component/utrecht/link-list.tokens.json +3 -0
  72. package/src/component/utrecht/mark.tokens.json +2 -2
  73. package/src/component/utrecht/nav-bar.tokens.json +0 -2
  74. package/src/component/utrecht/number-badge.tokens.json +6 -6
  75. package/src/component/utrecht/page-body.tokens.json +19 -0
  76. package/src/component/utrecht/page-footer.tokens.json +6 -4
  77. package/src/component/utrecht/page-header.tokens.json +14 -4
  78. package/src/component/utrecht/page.tokens.json +2 -2
  79. package/src/component/utrecht/paragraph.tokens.json +8 -8
  80. package/src/component/utrecht/root.tokens.json +8 -0
  81. package/src/component/utrecht/skip-link.tokens.json +10 -10
  82. package/project.json +0 -25
  83. package/src/component/utrecht/badge-data.tokens.json +0 -8
package/dist/dark/index.flat.json CHANGED
@@ -42,12 +42,76 @@
42
42
  "denhaagProcessStepsSubStepMarkerBackgroundColor": "hsl(0 0% 100%)",
43
43
  "denhaagProcessStepsSubStepMarkerBorderColor": "hsl(90 30% 30%)",
44
44
  "denhaagProcessStepsSubStepMarkerSize": "12px",
45
+ "nlCodeBlockBackgroundColor": "hsl(0 0% 95%)",
46
+ "nlCodeBlockColor": "hsl(0 0% 0%)",
47
+ "nlCodeBlockFontFamily": "\"Monaco\"",
48
+ "nlCodeBlockFontSize": "1rem",
49
+ "nlCodeBlockLineHeight": "1.5",
50
+ "nlCodeBlockPaddingBlock": "20px",
51
+ "nlCodeBlockPaddingInline": "20px",
52
+ "nlDataBadgeBackgroundColor": "hsl(0 0% 30%)",
53
+ "nlDataBadgeBorderRadius": "0",
54
+ "nlDataBadgeColor": "hsl(0 0% 100%)",
55
+ "nlDataBadgePaddingBlock": "8px",
56
+ "nlDataBadgePaddingInline": "12px",
57
+ "nlHeadingLevel1FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
58
+ "nlHeadingLevel1FontSize": "2rem",
59
+ "nlHeadingLevel1FontWeight": "700",
60
+ "nlHeadingLevel1LineHeight": "1.25",
61
+ "nlHeadingLevel2FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
62
+ "nlHeadingLevel2FontSize": "1.25rem",
63
+ "nlHeadingLevel2FontWeight": "700",
64
+ "nlHeadingLevel2LineHeight": "1.25",
65
+ "nlHeadingLevel3FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
66
+ "nlHeadingLevel3FontSize": "1.25rem",
67
+ "nlHeadingLevel3FontWeight": "400",
68
+ "nlHeadingLevel3LineHeight": "1.25",
69
+ "nlHeadingLevel4FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
70
+ "nlHeadingLevel4FontSize": "1.125rem",
71
+ "nlHeadingLevel4FontWeight": "400",
72
+ "nlHeadingLevel4LineHeight": "1.5",
73
+ "nlHeadingLevel5FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
74
+ "nlHeadingLevel5FontSize": "0.875rem",
75
+ "nlHeadingLevel5FontWeight": "400",
76
+ "nlHeadingLevel5LineHeight": "1.5",
77
+ "nlHeadingLevel6FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
78
+ "nlHeadingLevel6FontSize": "0.875rem",
79
+ "nlHeadingLevel6FontWeight": "400",
80
+ "nlHeadingLevel6LineHeight": "1.5",
81
+ "nlMarkBackgroundColor": "hsl(48 100% 60%)",
82
+ "nlMarkColor": "hsl(0 0% 0%)",
83
+ "nlNumberBadgeBackgroundColor": "hsl(0 100% 40%)",
84
+ "nlNumberBadgeBorderRadius": "1rem",
85
+ "nlNumberBadgeColor": "hsl(0 0% 100%)",
86
+ "nlNumberBadgeFontSize": "1rem",
87
+ "nlNumberBadgePaddingBlock": "1ex",
88
+ "nlNumberBadgePaddingInline": "1ex",
89
+ "nlParagraphFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
90
+ "nlParagraphFontSize": "1rem",
91
+ "nlParagraphFontWeight": "400",
92
+ "nlParagraphLeadColor": "hsl(0 0% 95%)",
93
+ "nlParagraphLeadFontSize": "1.25rem",
94
+ "nlParagraphLeadFontWeight": "400",
95
+ "nlParagraphLeadLineHeight": "1.5",
96
+ "nlParagraphLineHeight": "1.5",
97
+ "nlParagraphSmallFontSize": "0.875rem",
98
+ "nlSkipLinkBackgroundColor": "hsl(0 0% 15%)",
99
+ "nlSkipLinkColor": "hsl(0 0% 100%)",
100
+ "nlSkipLinkFocusVisibleBackgroundColor": "hsl(48 100% 80%)",
101
+ "nlSkipLinkFocusVisibleColor": "hsl(0 0% 0%)",
102
+ "nlSkipLinkFocusVisibleTextDecoration": "none",
103
+ "nlSkipLinkPaddingBlock": "8px",
104
+ "nlSkipLinkPaddingInline": "16px",
105
+ "nlSkipLinkTextDecoration": "underline",
45
106
  "ofLayoutBackground": "hsl(0 0% 15%)",
46
107
  "ofLayoutBg": "hsl(0 0% 15%)",
47
108
  "ofPageFooterBg": "hsl(0 100% 40%)",
48
109
  "ofPageFooterFg": "hsl(0 0% 100%)",
49
110
  "ofProgressIndicatorBackgroundColor": "hsl(0 0% 15%)",
50
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",
51
115
  "utrechtAccordionButtonActiveBackgroundColor": "hsl(0 0% 80%)",
52
116
  "utrechtAccordionButtonActiveBorderColor": "hsl(0 0% 95%)",
53
117
  "utrechtAccordionButtonActiveColor": "hsl(0 0% 10%)",
@@ -136,6 +200,11 @@
136
200
  "utrechtBlockquoteMarginBlockStart": "1.6em",
137
201
  "utrechtBlockquoteMarginInlineEnd": "1.6em",
138
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",
139
208
  "utrechtBorderRadiusLg": "8px",
140
209
  "utrechtBorderRadiusMd": "4px",
141
210
  "utrechtBorderRadiusNone": "0",
@@ -345,6 +414,7 @@
345
414
  "utrechtCheckboxSize": "24px",
346
415
  "utrechtCodeBlockBackgroundColor": "hsl(0 0% 95%)",
347
416
  "utrechtCodeBlockColor": "hsl(0 0% 0%)",
417
+ "utrechtCodeBlockFontFamily": "\"Monaco\"",
348
418
  "utrechtCodeBlockFontSize": "1rem",
349
419
  "utrechtCodeBlockLineHeight": "1.5",
350
420
  "utrechtCodeBlockMarginBlockEnd": "20px",
@@ -609,6 +679,7 @@
609
679
  "utrechtLinkHoverTextDecoration": "underline",
610
680
  "utrechtLinkHoverTextDecorationThickness": "3px",
611
681
  "utrechtLinkIconSize": "1.2em",
682
+ "utrechtLinkListIconInsetBlockStart": "0.15em",
612
683
  "utrechtLinkListIconSize": "14px",
613
684
  "utrechtLinkListLinkColumnGap": "8px",
614
685
  "utrechtLinkListLinkFontWeight": "700",
@@ -689,8 +760,6 @@
689
760
  "utrechtMarkColor": "hsl(0 0% 0%)",
690
761
  "utrechtMenulijstItemColor": "hsl(211 60% 35%)",
691
762
  "utrechtMenulijstItemHoverColor": "hsl(211 60% 40%)",
692
- "utrechtNavBarBackgroundColor": "hsl(0 0% 100%)",
693
- "utrechtNavBarColor": "hsl(0 0% 0%)",
694
763
  "utrechtNavBarContentMaxInlineSize": "1184px",
695
764
  "utrechtNavBarLinkPaddingBlockEnd": "8px",
696
765
  "utrechtNavBarLinkPaddingBlockStart": "8px",
@@ -711,27 +780,46 @@
711
780
  "utrechtOrderedListMarginBlockStart": "0",
712
781
  "utrechtOrderedListPaddingInlineStart": "28.8px",
713
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",
714
794
  "utrechtPageColor": "hsl(0 0% 95%)",
715
795
  "utrechtPageContentPaddingBlockEnd": "2em",
716
796
  "utrechtPageContentPaddingBlockStart": "2em",
717
797
  "utrechtPageFooterBackgroundColor": "hsl(0 100% 40%)",
718
798
  "utrechtPageFooterBackgroundImage": "linear-gradient(45deg, hsl(0 100% 40%), hsl(0 100% 40%) 50%, #d63433 50%);",
719
799
  "utrechtPageFooterColor": "hsl(0 0% 100%)",
720
- "utrechtPageFooterPaddingBlockEnd": "48px",
721
- "utrechtPageFooterPaddingBlockStart": "48px",
722
- "utrechtPageFooterPaddingInlineEnd": "28px",
723
- "utrechtPageFooterPaddingInlineStart": "28px",
724
- "utrechtPageHeaderPaddingBlockEnd": "1em",
725
- "utrechtPageHeaderPaddingBlockStart": "1.8em",
726
- "utrechtPageHeaderPaddingInlineEnd": "2.4em",
727
- "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",
728
816
  "utrechtPageMarginInlineEnd": "2em",
729
817
  "utrechtPageMarginInlineStart": "2em",
730
818
  "utrechtPageMaxInlineSize": "1184px",
731
819
  "utrechtPagePaddingBlockEnd": "1em",
732
820
  "utrechtPagePaddingBlockStart": "1.8em",
733
- "utrechtPagePaddingInlineEnd": "2em",
734
- "utrechtPagePaddingInlineStart": "2em",
821
+ "utrechtPagePaddingInlineEnd": "0",
822
+ "utrechtPagePaddingInlineStart": "0",
735
823
  "utrechtPaginationFontSize": "0.875rem",
736
824
  "utrechtPaginationMarginBlockEnd": "1em",
737
825
  "utrechtPaginationMarginBlockStart": "0",
@@ -771,7 +859,6 @@
771
859
  "utrechtParagraphFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
772
860
  "utrechtParagraphFontSize": "1rem",
773
861
  "utrechtParagraphFontWeight": "400",
774
- "utrechtParagraphLeadColor": "hsl(0 0% 95%)",
775
862
  "utrechtParagraphLeadFontSize": "1.25rem",
776
863
  "utrechtParagraphLeadFontWeight": "400",
777
864
  "utrechtParagraphLeadLineHeight": "1.5",
@@ -810,6 +897,8 @@
810
897
  "utrechtRichTextConfidantMarginBlockEnd": 0,
811
898
  "utrechtRichTextFriendMarginBlockEnd": "8px",
812
899
  "utrechtRichTextStrangerMarginBlockEnd": "32px",
900
+ "utrechtRootBackgroundColor": "hsl(0 0% 95%)",
901
+ "utrechtRootColor": "hsl(0 0% 10%)",
813
902
  "utrechtSearchBarButtonBackgroundColor": "hsl(0 100% 40%)",
814
903
  "utrechtSearchBarButtonBorderColor": "hsl(0 100% 40%)",
815
904
  "utrechtSearchBarButtonColor": "hsl(0 0% 100%)",