@rijkshuisstijl-community/design-tokens 1.2.0 → 2.0.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.
- package/CHANGELOG.md +27 -0
- package/README.md +153 -12
- package/dist/_variables.scss +94 -78
- package/dist/index.css +94 -78
- package/dist/index.d.ts +48 -32
- package/dist/index.js +94 -78
- package/dist/index.json +93 -77
- package/dist/index.tokens.json +113 -85
- package/dist/root.css +94 -78
- package/dist/tokens.d.ts +67 -39
- package/dist/tokens.js +1285 -921
- package/dist/uitvoerend-groen/_variables.scss +1337 -0
- package/dist/uitvoerend-groen/index.css +1340 -0
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-groen}/index.d.ts +922 -911
- package/dist/uitvoerend-groen/index.js +1338 -0
- package/dist/uitvoerend-groen/index.json +1335 -0
- package/dist/uitvoerend-groen/index.tokens.json +2049 -0
- package/dist/uitvoerend-groen/root.css +1340 -0
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-groen}/tokens.d.ts +1508 -1513
- package/dist/uitvoerend-groen/tokens.js +31258 -0
- package/dist/uitvoerend-hemelblauw/_variables.scss +1337 -0
- package/dist/uitvoerend-hemelblauw/index.css +1340 -0
- package/dist/uitvoerend-hemelblauw/index.d.ts +1338 -0
- package/dist/uitvoerend-hemelblauw/index.js +1338 -0
- package/dist/uitvoerend-hemelblauw/index.json +1335 -0
- package/dist/uitvoerend-hemelblauw/index.tokens.json +2049 -0
- package/dist/uitvoerend-hemelblauw/root.css +1340 -0
- package/dist/uitvoerend-hemelblauw/tokens.d.ts +2072 -0
- package/dist/uitvoerend-hemelblauw/tokens.js +31258 -0
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/_variables.scss +778 -767
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.css +779 -768
- package/dist/uitvoerend-mintgroen/index.d.ts +1338 -0
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.js +981 -970
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.json +980 -969
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/index.tokens.json +1611 -1616
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/root.css +778 -767
- package/dist/uitvoerend-mintgroen/tokens.d.ts +2072 -0
- package/dist/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/tokens.js +22466 -22247
- package/dist/uitvoerend-oranje/_variables.scss +1337 -0
- package/dist/uitvoerend-oranje/index.css +1340 -0
- package/dist/uitvoerend-oranje/index.d.ts +1338 -0
- package/dist/uitvoerend-oranje/index.js +1338 -0
- package/dist/uitvoerend-oranje/index.json +1335 -0
- package/dist/uitvoerend-oranje/index.tokens.json +2049 -0
- package/dist/uitvoerend-oranje/root.css +1340 -0
- package/dist/uitvoerend-oranje/tokens.d.ts +2072 -0
- package/dist/uitvoerend-oranje/tokens.js +31258 -0
- package/dist/uitvoerend-paars/_variables.scss +1337 -0
- package/dist/uitvoerend-paars/index.css +1340 -0
- package/dist/uitvoerend-paars/index.d.ts +1338 -0
- package/dist/uitvoerend-paars/index.js +1338 -0
- package/dist/uitvoerend-paars/index.json +1335 -0
- package/dist/uitvoerend-paars/index.tokens.json +2049 -0
- package/dist/uitvoerend-paars/root.css +1340 -0
- package/dist/uitvoerend-paars/tokens.d.ts +2072 -0
- package/dist/uitvoerend-paars/tokens.js +31258 -0
- package/dist/uitvoerend-violet/_variables.scss +191 -175
- package/dist/uitvoerend-violet/index.css +191 -175
- package/dist/uitvoerend-violet/index.d.ts +88 -72
- package/dist/uitvoerend-violet/index.js +191 -175
- package/dist/uitvoerend-violet/index.json +190 -174
- package/dist/uitvoerend-violet/index.tokens.json +227 -199
- package/dist/uitvoerend-violet/root.css +191 -175
- package/dist/uitvoerend-violet/tokens.d.ts +123 -95
- package/dist/uitvoerend-violet/tokens.js +16557 -16193
- package/dist/uitvoerend-violet-oud/_variables.scss +191 -174
- package/dist/uitvoerend-violet-oud/index.css +191 -174
- package/dist/uitvoerend-violet-oud/index.d.ts +88 -71
- package/dist/uitvoerend-violet-oud/index.js +191 -174
- package/dist/uitvoerend-violet-oud/index.json +190 -173
- package/dist/uitvoerend-violet-oud/index.tokens.json +227 -198
- package/dist/uitvoerend-violet-oud/root.css +191 -174
- package/dist/uitvoerend-violet-oud/tokens.d.ts +123 -94
- package/dist/uitvoerend-violet-oud/tokens.js +12703 -12318
- package/dist/wetgevend/_variables.scss +131 -115
- package/dist/wetgevend/index.css +131 -115
- package/dist/wetgevend/index.d.ts +88 -72
- package/dist/wetgevend/index.js +131 -115
- package/dist/wetgevend/index.json +130 -114
- package/dist/wetgevend/index.tokens.json +167 -139
- package/dist/wetgevend/root.css +131 -115
- package/dist/wetgevend/tokens.d.ts +123 -95
- package/dist/wetgevend/tokens.js +12053 -11689
- package/figma/figma.tokens.json +840 -294
- package/package.json +1 -1
- package/src/generated/base.tokens.json +240 -163
- package/src/generated/themes.json +30580 -5292
- package/src/generated/uitvoerend-groen/tokens.json +6252 -0
- package/src/generated/uitvoerend-hemelblauw/tokens.json +6252 -0
- package/src/generated/{uitvoerend-mintgroen-focus → uitvoerend-mintgroen}/tokens.json +4384 -4355
- package/src/generated/uitvoerend-oranje/tokens.json +6252 -0
- package/src/generated/uitvoerend-paars/tokens.json +6252 -0
- package/src/generated/uitvoerend-violet/tokens.json +506 -429
- package/src/generated/uitvoerend-violet-oud/tokens.json +512 -431
- package/src/generated/wetgevend/tokens.json +467 -390
|
@@ -1,13 +1,67 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Tue,
|
|
3
|
+
* Generated on Tue, 27 May 2025 13:07:14 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
export const
|
|
7
|
-
export const
|
|
8
|
-
export const
|
|
9
|
-
export const
|
|
10
|
-
export const
|
|
6
|
+
export const utrechtColumnLayoutColumnRuleColor : string;
|
|
7
|
+
export const utrechtColumnLayoutColumnRuleWidth : string;
|
|
8
|
+
export const utrechtColumnLayoutColumnWidth : string;
|
|
9
|
+
export const utrechtColumnLayoutGap : string;
|
|
10
|
+
export const utrechtBlockquoteBackgroundColor : string;
|
|
11
|
+
export const utrechtBlockquoteBorderInlineStartWidth : number;
|
|
12
|
+
export const utrechtBlockquoteBorderColor : string;
|
|
13
|
+
export const utrechtBlockquoteBorderRadius : number;
|
|
14
|
+
export const utrechtBlockquoteBorderWidth : number;
|
|
15
|
+
export const utrechtBlockquoteColor : string;
|
|
16
|
+
export const utrechtBlockquoteFontSize : string;
|
|
17
|
+
export const utrechtBlockquoteFontFamily : string;
|
|
18
|
+
export const utrechtBlockquotePaddingBlockEnd : string;
|
|
19
|
+
export const utrechtBlockquotePaddingBlockStart : string;
|
|
20
|
+
export const utrechtBlockquotePaddingInlineEnd : string;
|
|
21
|
+
export const utrechtBlockquotePaddingInlineStart : string;
|
|
22
|
+
export const utrechtBlockquoteRowGap : string;
|
|
23
|
+
export const utrechtBlockquoteAttributionColor : string;
|
|
24
|
+
export const utrechtBlockquoteAttributionFontSize : string;
|
|
25
|
+
export const utrechtBlockquoteContentColor : string;
|
|
26
|
+
export const utrechtBlockquoteContentFontSize : string;
|
|
27
|
+
export const utrechtBlockquoteContentFontFamily : string;
|
|
28
|
+
export const utrechtBlockquoteContentLineHeight : string;
|
|
29
|
+
export const utrechtBlockquoteContentFontWeight : number;
|
|
30
|
+
export const utrechtBlockquoteCaptionFontSize : string;
|
|
31
|
+
export const utrechtBlockquoteCaptionFontFamily : string;
|
|
32
|
+
export const utrechtBlockquoteCaptionLineHeight : string;
|
|
33
|
+
export const utrechtBlockquoteCaptionFontWeight : number;
|
|
34
|
+
export const utrechtBlockquoteCaptionPaddingBlockStart : string;
|
|
35
|
+
export const utrechtBlockquoteCaptionColor : string;
|
|
36
|
+
export const utrechtBlockquoteMarginBlockEnd : number;
|
|
37
|
+
export const utrechtBlockquoteMarginBlockStart : number;
|
|
38
|
+
export const utrechtBlockquoteMarginInlineEnd : number;
|
|
39
|
+
export const utrechtBlockquoteMarginInlineStart : number;
|
|
40
|
+
export const utrechtBlockquoteBorderBlockStartWidth : number;
|
|
41
|
+
export const utrechtBlockquoteBorderBlockEndWidth : number;
|
|
42
|
+
export const utrechtBlockquoteBorderInlineEndWidth : number;
|
|
43
|
+
export const utrechtBlockquoteBorderStartStartRadius : number;
|
|
44
|
+
export const utrechtBlockquoteBorderStartEndRadius : number;
|
|
45
|
+
export const utrechtBlockquoteBorderEndStartRadius : number;
|
|
46
|
+
export const utrechtBlockquoteBorderEndEndRadius : number;
|
|
47
|
+
export const utrechtBlockquoteBlueCornerBorderVariationBorderColor : string;
|
|
48
|
+
export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth : string;
|
|
49
|
+
export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth : string;
|
|
50
|
+
export const utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius : string;
|
|
51
|
+
export const utrechtBlockquotePinkBackgroundVariationBackgroundColor : string;
|
|
52
|
+
export const utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius : string;
|
|
53
|
+
export const utrechtBlockquotePinkBackgroundVariationPadding : string;
|
|
54
|
+
export const utrechtBlockquotePinkLeftBorderVariationBorderColor : string;
|
|
55
|
+
export const utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth : string;
|
|
56
|
+
export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart : string;
|
|
57
|
+
export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd : string;
|
|
58
|
+
export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart : string;
|
|
59
|
+
export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd : string;
|
|
60
|
+
export const utrechtBlockquotePinkCornerBorderVariationBorderColor : string;
|
|
61
|
+
export const utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth : string;
|
|
62
|
+
export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth : string;
|
|
63
|
+
export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius : string;
|
|
64
|
+
export const utrechtBlockquotePinkCornerBorderVariationPadding : string;
|
|
11
65
|
export const utrechtIconColor : string;
|
|
12
66
|
export const utrechtIconSize : string;
|
|
13
67
|
export const utrechtIconInsetBlockStart : number;
|
|
@@ -242,6 +296,11 @@ export const utrechtRadioButtonHoverBorderColor : string;
|
|
|
242
296
|
export const utrechtRadioButtonHoverBorderWidth : string;
|
|
243
297
|
export const utrechtRadioButtonBorderRadius : string;
|
|
244
298
|
export const utrechtRadioButtonBorderWidth : string;
|
|
299
|
+
export const utrechtPreHeadingColor : string;
|
|
300
|
+
export const utrechtPreHeadingFontFamily : string;
|
|
301
|
+
export const utrechtPreHeadingFontWeight : number;
|
|
302
|
+
export const utrechtPreHeadingLineHeight : string;
|
|
303
|
+
export const utrechtPreHeadingFontSize : string;
|
|
245
304
|
export const utrechtParagraphColor : string;
|
|
246
305
|
export const utrechtParagraphFontFamily : string;
|
|
247
306
|
export const utrechtParagraphFontSize : string;
|
|
@@ -587,55 +646,6 @@ export const utrechtBreadcrumbNavDividerInsetBlockStart : number;
|
|
|
587
646
|
export const utrechtBreadcrumbNavMarginInline : string;
|
|
588
647
|
export const utrechtBreadcrumbNavFontFamily : string;
|
|
589
648
|
export const utrechtBreadcrumbNavFontWeight : number;
|
|
590
|
-
export const utrechtBlockquoteCaptionFontSize : string;
|
|
591
|
-
export const utrechtBlockquoteCaptionFontFamily : string;
|
|
592
|
-
export const utrechtBlockquoteCaptionLineHeight : string;
|
|
593
|
-
export const utrechtBlockquoteCaptionFontWeight : number;
|
|
594
|
-
export const utrechtBlockquoteCaptionPaddingBlockStart : string;
|
|
595
|
-
export const utrechtBlockquoteCaptionColor : string;
|
|
596
|
-
export const utrechtBlockquoteContentFontFamily : string;
|
|
597
|
-
export const utrechtBlockquoteContentLineHeight : string;
|
|
598
|
-
export const utrechtBlockquoteContentFontWeight : number;
|
|
599
|
-
export const utrechtBlockquoteContentFontSize : string;
|
|
600
|
-
export const utrechtBlockquoteContentColor : string;
|
|
601
|
-
export const utrechtBlockquoteMarginBlockEnd : number;
|
|
602
|
-
export const utrechtBlockquoteMarginBlockStart : number;
|
|
603
|
-
export const utrechtBlockquoteMarginInlineEnd : number;
|
|
604
|
-
export const utrechtBlockquoteMarginInlineStart : number;
|
|
605
|
-
export const utrechtBlockquotePaddingBlockEnd : string;
|
|
606
|
-
export const utrechtBlockquotePaddingBlockStart : string;
|
|
607
|
-
export const utrechtBlockquotePaddingInlineEnd : string;
|
|
608
|
-
export const utrechtBlockquotePaddingInlineStart : string;
|
|
609
|
-
export const utrechtBlockquoteRowGap : string;
|
|
610
|
-
export const utrechtBlockquoteBackgroundColor : string;
|
|
611
|
-
export const utrechtBlockquoteBorderColor : string;
|
|
612
|
-
export const utrechtBlockquoteBorderBlockStartWidth : number;
|
|
613
|
-
export const utrechtBlockquoteBorderBlockEndWidth : number;
|
|
614
|
-
export const utrechtBlockquoteBorderInlineStartWidth : number;
|
|
615
|
-
export const utrechtBlockquoteBorderInlineEndWidth : number;
|
|
616
|
-
export const utrechtBlockquoteBorderStartStartRadius : number;
|
|
617
|
-
export const utrechtBlockquoteBorderStartEndRadius : number;
|
|
618
|
-
export const utrechtBlockquoteBorderEndStartRadius : number;
|
|
619
|
-
export const utrechtBlockquoteBorderEndEndRadius : number;
|
|
620
|
-
export const utrechtBlockquoteBorderWidth : string;
|
|
621
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderColor : string;
|
|
622
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth : string;
|
|
623
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth : string;
|
|
624
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius : string;
|
|
625
|
-
export const utrechtBlockquotePinkBackgroundVariationBackgroundColor : string;
|
|
626
|
-
export const utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius : string;
|
|
627
|
-
export const utrechtBlockquotePinkBackgroundVariationPadding : string;
|
|
628
|
-
export const utrechtBlockquotePinkLeftBorderVariationBorderColor : string;
|
|
629
|
-
export const utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth : string;
|
|
630
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart : string;
|
|
631
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd : string;
|
|
632
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart : string;
|
|
633
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd : string;
|
|
634
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderColor : string;
|
|
635
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth : string;
|
|
636
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth : string;
|
|
637
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius : string;
|
|
638
|
-
export const utrechtBlockquotePinkCornerBorderVariationPadding : string;
|
|
639
649
|
export const utrechtArticleMaxInlineSize : string;
|
|
640
650
|
export const utrechtAlertHeadingFontFamily : string;
|
|
641
651
|
export const utrechtAlertHeadingFontWeight : number;
|
|
@@ -712,6 +722,27 @@ export const utrechtFocusOutlineOffset : string;
|
|
|
712
722
|
export const utrechtFocusOutlineStyle : string;
|
|
713
723
|
export const utrechtFocusOutlineWidth : string;
|
|
714
724
|
export const utrechtFocusInverseOutlineColor : string;
|
|
725
|
+
export const rhcKeepComment : string;
|
|
726
|
+
export const rhcKeepTopLeftBorderRadiusTopLeft : string;
|
|
727
|
+
export const rhcKeepTopLeftBorderRadiusTopRight : number;
|
|
728
|
+
export const rhcKeepTopLeftBorderRadiusBottomRight : number;
|
|
729
|
+
export const rhcKeepTopLeftBorderRadiusBottomLeft : number;
|
|
730
|
+
export const rhcKeepTopRightBorderRadiusTopRight : string;
|
|
731
|
+
export const rhcKeepTopRightBorderRadiusTopLeft : number;
|
|
732
|
+
export const rhcKeepTopRightBorderRadiusBottomRight : number;
|
|
733
|
+
export const rhcKeepTopRightBorderRadiusBottomLeft : number;
|
|
734
|
+
export const rhcKeepBottomRightBorderRadiusTopLeft : number;
|
|
735
|
+
export const rhcKeepBottomRightBorderRadiusTopRight : number;
|
|
736
|
+
export const rhcKeepBottomRightBorderRadiusBottomRight : string;
|
|
737
|
+
export const rhcKeepBottomRightBorderRadiusBottomLeft : number;
|
|
738
|
+
export const rhcKeepBottomLeftBorderRadiusTopLeft : number;
|
|
739
|
+
export const rhcKeepBottomLeftBorderRadiusTopRight : number;
|
|
740
|
+
export const rhcKeepBottomLeftBorderRadiusBottomRight : number;
|
|
741
|
+
export const rhcKeepBottomLeftBorderRadiusBottomLeft : string;
|
|
742
|
+
export const rhcRoundedCornerXsBorderRadius : string;
|
|
743
|
+
export const rhcRoundedCornerMdBorderRadius : string;
|
|
744
|
+
export const rhcRoundedCornerXlBorderRadius : string;
|
|
745
|
+
export const rhcRoundedCornerBorderWidth : string;
|
|
715
746
|
export const rhcColorPrimary50 : string;
|
|
716
747
|
export const rhcColorPrimary100 : string;
|
|
717
748
|
export const rhcColorPrimary200 : string;
|
|
@@ -723,6 +754,8 @@ export const rhcColorFocusOutline : string;
|
|
|
723
754
|
export const rhcColorForegroundDefault : string;
|
|
724
755
|
export const rhcColorForegroundSubdued : string;
|
|
725
756
|
export const rhcColorForegroundLink : string;
|
|
757
|
+
export const rhcColorForegroundOnDarkColor : string;
|
|
758
|
+
export const rhcColorForegroundOnLightColor : string;
|
|
726
759
|
export const rhcColorForegroundOnEmphasis : string;
|
|
727
760
|
export const rhcColorBorderDefault : string;
|
|
728
761
|
export const rhcColorBorderSubdued : string;
|
|
@@ -1131,25 +1164,8 @@ export const rhcAccordionSectionBorderColor : string;
|
|
|
1131
1164
|
export const rhcAccordionHeaderMargin : number;
|
|
1132
1165
|
export const rhcAccordionBorderRadius : string;
|
|
1133
1166
|
export const rhcAccordionColor : string;
|
|
1134
|
-
export const rhcKeepTopLeftBorderRadiusTopLeft : string;
|
|
1135
|
-
export const rhcKeepTopLeftBorderRadiusTopRight : number;
|
|
1136
|
-
export const rhcKeepTopLeftBorderRadiusBottomRight : number;
|
|
1137
|
-
export const rhcKeepTopLeftBorderRadiusBottomLeft : number;
|
|
1138
|
-
export const rhcKeepTopRightBorderRadiusTopRight : string;
|
|
1139
|
-
export const rhcKeepTopRightBorderRadiusTopLeft : number;
|
|
1140
|
-
export const rhcKeepTopRightBorderRadiusBottomRight : number;
|
|
1141
|
-
export const rhcKeepTopRightBorderRadiusBottomLeft : number;
|
|
1142
|
-
export const rhcKeepBottomRightBorderRadiusTopLeft : number;
|
|
1143
|
-
export const rhcKeepBottomRightBorderRadiusTopRight : number;
|
|
1144
|
-
export const rhcKeepBottomRightBorderRadiusBottomRight : string;
|
|
1145
|
-
export const rhcKeepBottomRightBorderRadiusBottomLeft : number;
|
|
1146
|
-
export const rhcKeepBottomLeftBorderRadiusTopLeft : number;
|
|
1147
|
-
export const rhcKeepBottomLeftBorderRadiusTopRight : number;
|
|
1148
|
-
export const rhcKeepBottomLeftBorderRadiusBottomRight : number;
|
|
1149
|
-
export const rhcKeepBottomLeftBorderRadiusBottomLeft : string;
|
|
1150
1167
|
export const rhcBorderRadiusSm : string;
|
|
1151
1168
|
export const rhcBorderRadiusMd : string;
|
|
1152
|
-
export const rhcBorderRadiusKeep : string;
|
|
1153
1169
|
export const rhcBorderRadiusCircle : string;
|
|
1154
1170
|
export const rhcBorderRadiusNone : string;
|
|
1155
1171
|
export const rhcFocusOutlineOffset : string;
|