@rijkshuisstijl-community/design-tokens 7.0.0 → 8.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 +72 -0
- package/dist/_variables.scss +10 -48
- package/dist/index.css +10 -48
- package/dist/index.d.ts +8 -46
- package/dist/index.js +10 -48
- package/dist/index.json +9 -47
- package/dist/index.tokens.json +14 -64
- package/dist/koop/_variables.scss +23 -61
- package/dist/koop/index.css +23 -61
- package/dist/koop/index.d.ts +21 -59
- package/dist/koop/index.js +23 -61
- package/dist/koop/index.json +22 -60
- package/dist/koop/index.tokens.json +47 -97
- package/dist/koop/root.css +23 -61
- package/dist/koop/tokens.d.ts +46 -96
- package/dist/koop/tokens.js +528 -1396
- package/dist/root.css +10 -48
- package/dist/tokens.d.ts +13 -63
- package/dist/tokens.js +200 -1068
- package/dist/uitvoerend-groen/_variables.scss +23 -61
- package/dist/uitvoerend-groen/index.css +23 -61
- package/dist/uitvoerend-groen/index.d.ts +21 -59
- package/dist/uitvoerend-groen/index.js +23 -61
- package/dist/uitvoerend-groen/index.json +22 -60
- package/dist/uitvoerend-groen/index.tokens.json +47 -97
- package/dist/uitvoerend-groen/root.css +23 -61
- package/dist/uitvoerend-groen/tokens.d.ts +46 -96
- package/dist/uitvoerend-groen/tokens.js +528 -1396
- package/dist/uitvoerend-hemelblauw/_variables.scss +23 -61
- package/dist/uitvoerend-hemelblauw/index.css +23 -61
- package/dist/uitvoerend-hemelblauw/index.d.ts +21 -59
- package/dist/uitvoerend-hemelblauw/index.js +23 -61
- package/dist/uitvoerend-hemelblauw/index.json +22 -60
- package/dist/uitvoerend-hemelblauw/index.tokens.json +47 -97
- package/dist/uitvoerend-hemelblauw/root.css +23 -61
- package/dist/uitvoerend-hemelblauw/tokens.d.ts +46 -96
- package/dist/uitvoerend-hemelblauw/tokens.js +528 -1396
- package/dist/uitvoerend-mintgroen/_variables.scss +23 -61
- package/dist/uitvoerend-mintgroen/index.css +23 -61
- package/dist/uitvoerend-mintgroen/index.d.ts +21 -59
- package/dist/uitvoerend-mintgroen/index.js +23 -61
- package/dist/uitvoerend-mintgroen/index.json +22 -60
- package/dist/uitvoerend-mintgroen/index.tokens.json +47 -97
- package/dist/uitvoerend-mintgroen/root.css +23 -61
- package/dist/uitvoerend-mintgroen/tokens.d.ts +46 -96
- package/dist/uitvoerend-mintgroen/tokens.js +528 -1396
- package/dist/uitvoerend-oranje/_variables.scss +23 -61
- package/dist/uitvoerend-oranje/index.css +23 -61
- package/dist/uitvoerend-oranje/index.d.ts +21 -59
- package/dist/uitvoerend-oranje/index.js +23 -61
- package/dist/uitvoerend-oranje/index.json +22 -60
- package/dist/uitvoerend-oranje/index.tokens.json +47 -97
- package/dist/uitvoerend-oranje/root.css +23 -61
- package/dist/uitvoerend-oranje/tokens.d.ts +46 -96
- package/dist/uitvoerend-oranje/tokens.js +528 -1396
- package/dist/uitvoerend-paars/_variables.scss +23 -61
- package/dist/uitvoerend-paars/index.css +23 -61
- package/dist/uitvoerend-paars/index.d.ts +21 -59
- package/dist/uitvoerend-paars/index.js +23 -61
- package/dist/uitvoerend-paars/index.json +22 -60
- package/dist/uitvoerend-paars/index.tokens.json +47 -97
- package/dist/uitvoerend-paars/root.css +23 -61
- package/dist/uitvoerend-paars/tokens.d.ts +46 -96
- package/dist/uitvoerend-paars/tokens.js +528 -1396
- package/dist/uitvoerend-violet/_variables.scss +23 -61
- package/dist/uitvoerend-violet/index.css +23 -61
- package/dist/uitvoerend-violet/index.d.ts +21 -59
- package/dist/uitvoerend-violet/index.js +23 -61
- package/dist/uitvoerend-violet/index.json +22 -60
- package/dist/uitvoerend-violet/index.tokens.json +47 -97
- package/dist/uitvoerend-violet/root.css +23 -61
- package/dist/uitvoerend-violet/tokens.d.ts +46 -96
- package/dist/uitvoerend-violet/tokens.js +528 -1396
- package/dist/uitvoerend-violet-oud/_variables.scss +23 -61
- package/dist/uitvoerend-violet-oud/index.css +23 -61
- package/dist/uitvoerend-violet-oud/index.d.ts +21 -59
- package/dist/uitvoerend-violet-oud/index.js +23 -61
- package/dist/uitvoerend-violet-oud/index.json +22 -60
- package/dist/uitvoerend-violet-oud/index.tokens.json +47 -97
- package/dist/uitvoerend-violet-oud/root.css +23 -61
- package/dist/uitvoerend-violet-oud/tokens.d.ts +46 -96
- package/dist/uitvoerend-violet-oud/tokens.js +528 -1396
- package/dist/wetgevend/_variables.scss +23 -61
- package/dist/wetgevend/index.css +23 -61
- package/dist/wetgevend/index.d.ts +21 -59
- package/dist/wetgevend/index.js +23 -61
- package/dist/wetgevend/index.json +22 -60
- package/dist/wetgevend/index.tokens.json +47 -97
- package/dist/wetgevend/root.css +23 -61
- package/dist/wetgevend/tokens.d.ts +46 -96
- package/dist/wetgevend/tokens.js +528 -1396
- package/figma/figma.tokens.json +51 -270
- package/package.json +1 -1
- package/src/generated/base.tokens.json +35 -199
- package/src/generated/koop/tokens.json +105 -269
- package/src/generated/themes.json +945 -2421
- package/src/generated/uitvoerend-groen/tokens.json +105 -269
- package/src/generated/uitvoerend-hemelblauw/tokens.json +105 -269
- package/src/generated/uitvoerend-mintgroen/tokens.json +105 -269
- package/src/generated/uitvoerend-oranje/tokens.json +105 -269
- package/src/generated/uitvoerend-paars/tokens.json +105 -269
- package/src/generated/uitvoerend-violet/tokens.json +105 -269
- package/src/generated/uitvoerend-violet-oud/tokens.json +105 -269
- package/src/generated/wetgevend/tokens.json +105 -269
package/dist/koop/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 26 Sep 2025 23:36:53 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const utrechtTextboxHoverBackgroundColor : string;
|
|
@@ -221,8 +221,15 @@ export const utrechtTextareaReadOnlyColor : string;
|
|
|
221
221
|
export const utrechtTextareaDisabledBackgroundColor : string;
|
|
222
222
|
export const utrechtTextareaDisabledBorderColor : string;
|
|
223
223
|
export const utrechtTextareaDisabledColor : string;
|
|
224
|
-
export const
|
|
225
|
-
export const
|
|
224
|
+
export const utrechtFormLabelColor : string;
|
|
225
|
+
export const utrechtFormLabelFontSize : string;
|
|
226
|
+
export const utrechtFormLabelFontWeight : number;
|
|
227
|
+
export const utrechtFormLabelCheckboxColor : string;
|
|
228
|
+
export const utrechtFormLabelCheckboxFontWeight : number;
|
|
229
|
+
export const utrechtFormLabelRadioColor : string;
|
|
230
|
+
export const utrechtFormLabelRadioFontWeight : number;
|
|
231
|
+
export const utrechtFormLabelCheckedFontWeight : number;
|
|
232
|
+
export const utrechtFormLabelDisabledColor : string;
|
|
226
233
|
export const utrechtFormFieldErrorMessageBackgroundColor : string;
|
|
227
234
|
export const utrechtFormFieldErrorMessageColor : string;
|
|
228
235
|
export const utrechtFormFieldErrorMessageFontFamily : string;
|
|
@@ -235,22 +242,12 @@ export const utrechtFormFieldErrorMessagePaddingBlockEnd : string;
|
|
|
235
242
|
export const utrechtFormFieldErrorMessagePaddingBlockStart : string;
|
|
236
243
|
export const utrechtFormFieldErrorMessagePaddingInlineEnd : string;
|
|
237
244
|
export const utrechtFormFieldErrorMessagePaddingInlineStart : string;
|
|
238
|
-
export const utrechtFormFieldDescriptionPaddingBlockEnd : string;
|
|
239
245
|
export const utrechtFormFieldDescriptionColor : string;
|
|
240
246
|
export const utrechtFormFieldDescriptionFontFamily : string;
|
|
241
247
|
export const utrechtFormFieldDescriptionFontSize : string;
|
|
242
248
|
export const utrechtFormFieldDescriptionLineHeight : string;
|
|
243
249
|
export const utrechtFormFieldDescriptionMarginBlockEnd : string;
|
|
244
250
|
export const utrechtFormFieldDescriptionMarginBlockStart : string;
|
|
245
|
-
export const utrechtFormLabelColor : string;
|
|
246
|
-
export const utrechtFormLabelFontSize : string;
|
|
247
|
-
export const utrechtFormLabelFontWeight : number;
|
|
248
|
-
export const utrechtFormLabelCheckboxColor : string;
|
|
249
|
-
export const utrechtFormLabelCheckboxFontWeight : number;
|
|
250
|
-
export const utrechtFormLabelRadioColor : string;
|
|
251
|
-
export const utrechtFormLabelRadioFontWeight : number;
|
|
252
|
-
export const utrechtFormLabelCheckedFontWeight : number;
|
|
253
|
-
export const utrechtFormLabelDisabledColor : string;
|
|
254
251
|
export const utrechtFigureCaptionBorderColor : string;
|
|
255
252
|
export const utrechtFigureCaptionBorderWidth : string;
|
|
256
253
|
export const utrechtFigureCaptionPaddingBlockEnd : string;
|
|
@@ -275,46 +272,6 @@ export const utrechtNumberBadgeMinBlockSize : string;
|
|
|
275
272
|
export const utrechtNumberBadgeMinInlineSize : string;
|
|
276
273
|
export const utrechtNumberBadgePaddingBlock : string;
|
|
277
274
|
export const utrechtNumberBadgePaddingInline : string;
|
|
278
|
-
export const utrechtBlockquoteBorderBlockEndWidth : number;
|
|
279
|
-
export const utrechtBlockquoteBorderBlockStartWidth : number;
|
|
280
|
-
export const utrechtBlockquoteBorderEndEndRadius : number;
|
|
281
|
-
export const utrechtBlockquoteBorderEndStartRadius : number;
|
|
282
|
-
export const utrechtBlockquoteBorderInlineEndWidth : number;
|
|
283
|
-
export const utrechtBlockquoteBorderStartEndRadius : number;
|
|
284
|
-
export const utrechtBlockquoteBorderStartStartRadius : number;
|
|
285
|
-
export const utrechtBlockquoteMarginBlockEnd : number;
|
|
286
|
-
export const utrechtBlockquoteMarginBlockStart : number;
|
|
287
|
-
export const utrechtBlockquoteMarginInlineEnd : number;
|
|
288
|
-
export const utrechtBlockquoteMarginInlineStart : number;
|
|
289
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth : string;
|
|
290
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderColor : string;
|
|
291
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius : string;
|
|
292
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth : string;
|
|
293
|
-
export const utrechtBlockquoteCaptionColor : string;
|
|
294
|
-
export const utrechtBlockquoteCaptionFontFamily : string;
|
|
295
|
-
export const utrechtBlockquoteCaptionFontSize : string;
|
|
296
|
-
export const utrechtBlockquoteCaptionFontWeight : number;
|
|
297
|
-
export const utrechtBlockquoteCaptionLineHeight : string;
|
|
298
|
-
export const utrechtBlockquoteCaptionPaddingBlockStart : string;
|
|
299
|
-
export const utrechtBlockquoteContentFontFamily : string;
|
|
300
|
-
export const utrechtBlockquoteContentFontWeight : number;
|
|
301
|
-
export const utrechtBlockquoteContentLineHeight : string;
|
|
302
|
-
export const utrechtBlockquoteContentColor : string;
|
|
303
|
-
export const utrechtBlockquoteContentFontSize : string;
|
|
304
|
-
export const utrechtBlockquotePinkBackgroundVariationBackgroundColor : string;
|
|
305
|
-
export const utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius : string;
|
|
306
|
-
export const utrechtBlockquotePinkBackgroundVariationPadding : string;
|
|
307
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth : string;
|
|
308
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderColor : string;
|
|
309
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth : string;
|
|
310
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius : string;
|
|
311
|
-
export const utrechtBlockquotePinkCornerBorderVariationPadding : string;
|
|
312
|
-
export const utrechtBlockquotePinkLeftBorderVariationBorderColor : string;
|
|
313
|
-
export const utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth : string;
|
|
314
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd : string;
|
|
315
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart : string;
|
|
316
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd : string;
|
|
317
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart : string;
|
|
318
275
|
export const utrechtBlockquoteBackgroundColor : string;
|
|
319
276
|
export const utrechtBlockquoteBorderInlineStartWidth : string;
|
|
320
277
|
export const utrechtBlockquoteBorderColor : string;
|
|
@@ -330,6 +287,8 @@ export const utrechtBlockquotePaddingInlineStart : string;
|
|
|
330
287
|
export const utrechtBlockquoteRowGap : string;
|
|
331
288
|
export const utrechtBlockquoteAttributionColor : string;
|
|
332
289
|
export const utrechtBlockquoteAttributionFontSize : string;
|
|
290
|
+
export const utrechtBlockquoteContentColor : string;
|
|
291
|
+
export const utrechtBlockquoteContentFontSize : string;
|
|
333
292
|
export const utrechtAlertBackgroundColor : string;
|
|
334
293
|
export const utrechtAlertBorderColor : string;
|
|
335
294
|
export const utrechtAlertBorderRadius : string;
|
|
@@ -831,6 +790,14 @@ export const nlHeadingLevel6FontWeight : number;
|
|
|
831
790
|
export const nlHeadingLevel6LineHeight : string;
|
|
832
791
|
export const nlHeadingLevel6MarginBlockEnd : string;
|
|
833
792
|
export const nlHeadingLevel6MarginBlockStart : string;
|
|
793
|
+
export const rhcBlockquoteMarginBlockEnd : string;
|
|
794
|
+
export const rhcBlockquoteMarginBlockStart : string;
|
|
795
|
+
export const rhcBlockquoteMarginInlineEnd : string;
|
|
796
|
+
export const rhcBlockquoteMarginInlineStart : string;
|
|
797
|
+
export const rhcDataBadgeButtonColumnGap : string;
|
|
798
|
+
export const rhcDataBadgeButtonHoverBackgroundColor : string;
|
|
799
|
+
export const rhcDataBadgeButtonHoverColor : string;
|
|
800
|
+
export const rhcBreadcrumbNavLinkCurrentColor : string;
|
|
834
801
|
export const rhcKeepComment : string;
|
|
835
802
|
export const rhcKeepTopLeftBorderRadiusTopLeft : string;
|
|
836
803
|
export const rhcKeepTopLeftBorderRadiusTopRight : number;
|
|
@@ -848,10 +815,6 @@ export const rhcKeepBottomLeftBorderRadiusTopLeft : number;
|
|
|
848
815
|
export const rhcKeepBottomLeftBorderRadiusTopRight : number;
|
|
849
816
|
export const rhcKeepBottomLeftBorderRadiusBottomRight : number;
|
|
850
817
|
export const rhcKeepBottomLeftBorderRadiusBottomLeft : string;
|
|
851
|
-
export const rhcDataBadgeButtonColumnGap : string;
|
|
852
|
-
export const rhcDataBadgeButtonHoverBackgroundColor : string;
|
|
853
|
-
export const rhcDataBadgeButtonHoverColor : string;
|
|
854
|
-
export const rhcBreadcrumbNavLinkCurrentColor : string;
|
|
855
818
|
export const rhcRoundedCornerXsBorderRadius : string;
|
|
856
819
|
export const rhcRoundedCornerMdBorderRadius : string;
|
|
857
820
|
export const rhcRoundedCornerXlBorderRadius : string;
|
|
@@ -875,6 +838,7 @@ export const rhcNavBarLinkPaddingBlockStart : string;
|
|
|
875
838
|
export const rhcNavBarLinkPaddingInlineEnd : string;
|
|
876
839
|
export const rhcNavBarLinkPaddingInlineStart : string;
|
|
877
840
|
export const rhcNavBarLinkColumnGap : string;
|
|
841
|
+
export const rhcNavBarLinkFontSize : string;
|
|
878
842
|
export const rhcNavBarBackgroundColor : string;
|
|
879
843
|
export const rhcNavBarColor : string;
|
|
880
844
|
export const rhcNavBarBorderColor : string;
|
|
@@ -1156,7 +1120,6 @@ export const rhcColorForegroundSubdued : string;
|
|
|
1156
1120
|
export const rhcColorForegroundLink : string;
|
|
1157
1121
|
export const rhcColorForegroundOnDarkColor : string;
|
|
1158
1122
|
export const rhcColorForegroundOnLightColor : string;
|
|
1159
|
-
export const rhcColorBackdrop : string;
|
|
1160
1123
|
export const rhcColorBorderDefault : string;
|
|
1161
1124
|
export const rhcColorBorderSubdued : string;
|
|
1162
1125
|
export const rhcColorBorderStrong : string;
|
|
@@ -1298,7 +1261,6 @@ export const rhcColorLintblauw400 : string;
|
|
|
1298
1261
|
export const rhcColorLintblauw500 : string;
|
|
1299
1262
|
export const rhcColorWit : string;
|
|
1300
1263
|
export const rhcColorZwart : string;
|
|
1301
|
-
export const rhcColorTransparent30 : string;
|
|
1302
1264
|
export const rhcColorNone : string;
|
|
1303
1265
|
export const rhcFocusOutlineOffset : string;
|
|
1304
1266
|
export const rhcFocusOutlineStyle : string;
|
package/dist/koop/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 26 Sep 2025 23:36:53 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const utrechtTextboxHoverBackgroundColor = "#fff";
|
|
@@ -221,8 +221,15 @@ export const utrechtTextareaReadOnlyColor = "#0F172A";
|
|
|
221
221
|
export const utrechtTextareaDisabledBackgroundColor = "#CBD5E1";
|
|
222
222
|
export const utrechtTextareaDisabledBorderColor = "#94A3B8";
|
|
223
223
|
export const utrechtTextareaDisabledColor = "#475569";
|
|
224
|
-
export const
|
|
225
|
-
export const
|
|
224
|
+
export const utrechtFormLabelColor = "#0F172A";
|
|
225
|
+
export const utrechtFormLabelFontSize = "1.25rem";
|
|
226
|
+
export const utrechtFormLabelFontWeight = 700;
|
|
227
|
+
export const utrechtFormLabelCheckboxColor = "#0F172A";
|
|
228
|
+
export const utrechtFormLabelCheckboxFontWeight = 400;
|
|
229
|
+
export const utrechtFormLabelRadioColor = "#0F172A";
|
|
230
|
+
export const utrechtFormLabelRadioFontWeight = 400;
|
|
231
|
+
export const utrechtFormLabelCheckedFontWeight = 400;
|
|
232
|
+
export const utrechtFormLabelDisabledColor = "#94A3B8";
|
|
226
233
|
export const utrechtFormFieldErrorMessageBackgroundColor = "transparent";
|
|
227
234
|
export const utrechtFormFieldErrorMessageColor = "#d52b1e";
|
|
228
235
|
export const utrechtFormFieldErrorMessageFontFamily = "RijksSans, Arial, Verdana, sans-serif";
|
|
@@ -235,22 +242,12 @@ export const utrechtFormFieldErrorMessagePaddingBlockEnd = "0.5rem";
|
|
|
235
242
|
export const utrechtFormFieldErrorMessagePaddingBlockStart = "0rem";
|
|
236
243
|
export const utrechtFormFieldErrorMessagePaddingInlineEnd = "0rem";
|
|
237
244
|
export const utrechtFormFieldErrorMessagePaddingInlineStart = "0rem";
|
|
238
|
-
export const utrechtFormFieldDescriptionPaddingBlockEnd = "0.5rem";
|
|
239
245
|
export const utrechtFormFieldDescriptionColor = "#334155";
|
|
240
246
|
export const utrechtFormFieldDescriptionFontFamily = "RijksSans, Arial, Verdana, sans-serif";
|
|
241
247
|
export const utrechtFormFieldDescriptionFontSize = "1.25rem";
|
|
242
248
|
export const utrechtFormFieldDescriptionLineHeight = "150%";
|
|
243
249
|
export const utrechtFormFieldDescriptionMarginBlockEnd = "0.5rem";
|
|
244
250
|
export const utrechtFormFieldDescriptionMarginBlockStart = "-0.5rem";
|
|
245
|
-
export const utrechtFormLabelColor = "#0F172A";
|
|
246
|
-
export const utrechtFormLabelFontSize = "1.25rem";
|
|
247
|
-
export const utrechtFormLabelFontWeight = 700;
|
|
248
|
-
export const utrechtFormLabelCheckboxColor = "#0F172A";
|
|
249
|
-
export const utrechtFormLabelCheckboxFontWeight = 400;
|
|
250
|
-
export const utrechtFormLabelRadioColor = "#0F172A";
|
|
251
|
-
export const utrechtFormLabelRadioFontWeight = 400;
|
|
252
|
-
export const utrechtFormLabelCheckedFontWeight = 400;
|
|
253
|
-
export const utrechtFormLabelDisabledColor = "#94A3B8";
|
|
254
251
|
export const utrechtFigureCaptionBorderColor = "#CBD5E1";
|
|
255
252
|
export const utrechtFigureCaptionBorderWidth = "4px";
|
|
256
253
|
export const utrechtFigureCaptionPaddingBlockEnd = "0.5rem";
|
|
@@ -275,46 +272,6 @@ export const utrechtNumberBadgeMinBlockSize = "24px";
|
|
|
275
272
|
export const utrechtNumberBadgeMinInlineSize = "24px";
|
|
276
273
|
export const utrechtNumberBadgePaddingBlock = "0.125rem";
|
|
277
274
|
export const utrechtNumberBadgePaddingInline = "0.5rem";
|
|
278
|
-
export const utrechtBlockquoteBorderBlockEndWidth = 0;
|
|
279
|
-
export const utrechtBlockquoteBorderBlockStartWidth = 0;
|
|
280
|
-
export const utrechtBlockquoteBorderEndEndRadius = 0;
|
|
281
|
-
export const utrechtBlockquoteBorderEndStartRadius = 0;
|
|
282
|
-
export const utrechtBlockquoteBorderInlineEndWidth = 0;
|
|
283
|
-
export const utrechtBlockquoteBorderStartEndRadius = 0;
|
|
284
|
-
export const utrechtBlockquoteBorderStartStartRadius = 0;
|
|
285
|
-
export const utrechtBlockquoteMarginBlockEnd = 0;
|
|
286
|
-
export const utrechtBlockquoteMarginBlockStart = 0;
|
|
287
|
-
export const utrechtBlockquoteMarginInlineEnd = 0;
|
|
288
|
-
export const utrechtBlockquoteMarginInlineStart = 0;
|
|
289
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth = "2px";
|
|
290
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderColor = "#154273";
|
|
291
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius = "3rem";
|
|
292
|
-
export const utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth = "2px";
|
|
293
|
-
export const utrechtBlockquoteCaptionColor = "#154273";
|
|
294
|
-
export const utrechtBlockquoteCaptionFontFamily = "RijksSans, Arial, Verdana, sans-serif";
|
|
295
|
-
export const utrechtBlockquoteCaptionFontSize = "1.25rem";
|
|
296
|
-
export const utrechtBlockquoteCaptionFontWeight = 400;
|
|
297
|
-
export const utrechtBlockquoteCaptionLineHeight = "150%";
|
|
298
|
-
export const utrechtBlockquoteCaptionPaddingBlockStart = "0.75rem";
|
|
299
|
-
export const utrechtBlockquoteContentFontFamily = "RijksSans, Arial, Verdana, sans-serif";
|
|
300
|
-
export const utrechtBlockquoteContentFontWeight = 400;
|
|
301
|
-
export const utrechtBlockquoteContentLineHeight = "150%";
|
|
302
|
-
export const utrechtBlockquoteContentColor = "#154273";
|
|
303
|
-
export const utrechtBlockquoteContentFontSize = "1.25rem";
|
|
304
|
-
export const utrechtBlockquotePinkBackgroundVariationBackgroundColor = "#F6BDE1";
|
|
305
|
-
export const utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius = "3rem";
|
|
306
|
-
export const utrechtBlockquotePinkBackgroundVariationPadding = "2.5rem";
|
|
307
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth = "0.25rem";
|
|
308
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderColor = "#F6BDE1";
|
|
309
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth = "0.25rem";
|
|
310
|
-
export const utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius = "3rem";
|
|
311
|
-
export const utrechtBlockquotePinkCornerBorderVariationPadding = "2.5rem";
|
|
312
|
-
export const utrechtBlockquotePinkLeftBorderVariationBorderColor = "#F6BDE1";
|
|
313
|
-
export const utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth = "0.75rem";
|
|
314
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd = "1.5rem";
|
|
315
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart = "1.5rem";
|
|
316
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd = "2.5rem";
|
|
317
|
-
export const utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart = "2.5rem";
|
|
318
275
|
export const utrechtBlockquoteBackgroundColor = "transparent";
|
|
319
276
|
export const utrechtBlockquoteBorderInlineStartWidth = "0px";
|
|
320
277
|
export const utrechtBlockquoteBorderColor = "transparent";
|
|
@@ -330,6 +287,8 @@ export const utrechtBlockquotePaddingInlineStart = "2rem";
|
|
|
330
287
|
export const utrechtBlockquoteRowGap = "0.75rem";
|
|
331
288
|
export const utrechtBlockquoteAttributionColor = "#154273";
|
|
332
289
|
export const utrechtBlockquoteAttributionFontSize = "1.25rem";
|
|
290
|
+
export const utrechtBlockquoteContentColor = "#154273";
|
|
291
|
+
export const utrechtBlockquoteContentFontSize = "1.25rem";
|
|
333
292
|
export const utrechtAlertBackgroundColor = "#d9ebf7";
|
|
334
293
|
export const utrechtAlertBorderColor = "transparent";
|
|
335
294
|
export const utrechtAlertBorderRadius = "5px";
|
|
@@ -831,7 +790,15 @@ export const nlHeadingLevel6FontWeight = 700;
|
|
|
831
790
|
export const nlHeadingLevel6LineHeight = "150%";
|
|
832
791
|
export const nlHeadingLevel6MarginBlockEnd = "0rem";
|
|
833
792
|
export const nlHeadingLevel6MarginBlockStart = "0rem";
|
|
834
|
-
export const
|
|
793
|
+
export const rhcBlockquoteMarginBlockEnd = "0rem";
|
|
794
|
+
export const rhcBlockquoteMarginBlockStart = "0rem";
|
|
795
|
+
export const rhcBlockquoteMarginInlineEnd = "0rem";
|
|
796
|
+
export const rhcBlockquoteMarginInlineStart = "0rem";
|
|
797
|
+
export const rhcDataBadgeButtonColumnGap = "0.125rem";
|
|
798
|
+
export const rhcDataBadgeButtonHoverBackgroundColor = "#154273";
|
|
799
|
+
export const rhcDataBadgeButtonHoverColor = "#fff";
|
|
800
|
+
export const rhcBreadcrumbNavLinkCurrentColor = "#334155";
|
|
801
|
+
export const rhcKeepComment = "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.";
|
|
835
802
|
export const rhcKeepTopLeftBorderRadiusTopLeft = "48px";
|
|
836
803
|
export const rhcKeepTopLeftBorderRadiusTopRight = 0;
|
|
837
804
|
export const rhcKeepTopLeftBorderRadiusBottomRight = 0;
|
|
@@ -848,10 +815,6 @@ export const rhcKeepBottomLeftBorderRadiusTopLeft = 0;
|
|
|
848
815
|
export const rhcKeepBottomLeftBorderRadiusTopRight = 0;
|
|
849
816
|
export const rhcKeepBottomLeftBorderRadiusBottomRight = 0;
|
|
850
817
|
export const rhcKeepBottomLeftBorderRadiusBottomLeft = "48px";
|
|
851
|
-
export const rhcDataBadgeButtonColumnGap = "0.125rem";
|
|
852
|
-
export const rhcDataBadgeButtonHoverBackgroundColor = "#154273";
|
|
853
|
-
export const rhcDataBadgeButtonHoverColor = "#fff";
|
|
854
|
-
export const rhcBreadcrumbNavLinkCurrentColor = "#334155";
|
|
855
818
|
export const rhcRoundedCornerXsBorderRadius = "24px";
|
|
856
819
|
export const rhcRoundedCornerMdBorderRadius = "48px";
|
|
857
820
|
export const rhcRoundedCornerXlBorderRadius = "96px";
|
|
@@ -875,6 +838,7 @@ export const rhcNavBarLinkPaddingBlockStart = "1rem";
|
|
|
875
838
|
export const rhcNavBarLinkPaddingInlineEnd = "0.75rem";
|
|
876
839
|
export const rhcNavBarLinkPaddingInlineStart = "0.75rem";
|
|
877
840
|
export const rhcNavBarLinkColumnGap = "0.5rem";
|
|
841
|
+
export const rhcNavBarLinkFontSize = "1.25rem";
|
|
878
842
|
export const rhcNavBarBackgroundColor = "#fff";
|
|
879
843
|
export const rhcNavBarColor = "#154273";
|
|
880
844
|
export const rhcNavBarBorderColor = "#154273";
|
|
@@ -1156,7 +1120,6 @@ export const rhcColorForegroundSubdued = "#334155";
|
|
|
1156
1120
|
export const rhcColorForegroundLink = "#01689b";
|
|
1157
1121
|
export const rhcColorForegroundOnDarkColor = "#fff";
|
|
1158
1122
|
export const rhcColorForegroundOnLightColor = "#000";
|
|
1159
|
-
export const rhcColorBackdrop = "#0000004d";
|
|
1160
1123
|
export const rhcColorBorderDefault = "#64748B";
|
|
1161
1124
|
export const rhcColorBorderSubdued = "#94A3B8";
|
|
1162
1125
|
export const rhcColorBorderStrong = "#0F172A";
|
|
@@ -1298,7 +1261,6 @@ export const rhcColorLintblauw400 = "#4f7196";
|
|
|
1298
1261
|
export const rhcColorLintblauw500 = "#154273";
|
|
1299
1262
|
export const rhcColorWit = "#fff";
|
|
1300
1263
|
export const rhcColorZwart = "#000";
|
|
1301
|
-
export const rhcColorTransparent30 = "#0000004d";
|
|
1302
1264
|
export const rhcColorNone = "transparent";
|
|
1303
1265
|
export const rhcFocusOutlineOffset = "0.125rem";
|
|
1304
1266
|
export const rhcFocusOutlineStyle = "solid";
|
|
@@ -1342,7 +1304,7 @@ export const rhcSizeQuarterLint = "12px";
|
|
|
1342
1304
|
export const rhcSizeHalfLint = "24px";
|
|
1343
1305
|
export const rhcSizeLint = "48px";
|
|
1344
1306
|
export const rhcSize2Lint = "96px";
|
|
1345
|
-
export const rhcSize3Lint = "
|
|
1307
|
+
export const rhcSize3Lint = "144px";
|
|
1346
1308
|
export const rhcBorderWidthDefault = "1px";
|
|
1347
1309
|
export const rhcBorderWidthM = "2px";
|
|
1348
1310
|
export const rhcBorderWidthNone = "0px";
|
package/dist/koop/index.json
CHANGED
|
@@ -217,8 +217,15 @@
|
|
|
217
217
|
"utrechtTextareaDisabledBackgroundColor": "#CBD5E1",
|
|
218
218
|
"utrechtTextareaDisabledBorderColor": "#94A3B8",
|
|
219
219
|
"utrechtTextareaDisabledColor": "#475569",
|
|
220
|
-
"
|
|
221
|
-
"
|
|
220
|
+
"utrechtFormLabelColor": "#0F172A",
|
|
221
|
+
"utrechtFormLabelFontSize": "1.25rem",
|
|
222
|
+
"utrechtFormLabelFontWeight": 700,
|
|
223
|
+
"utrechtFormLabelCheckboxColor": "#0F172A",
|
|
224
|
+
"utrechtFormLabelCheckboxFontWeight": 400,
|
|
225
|
+
"utrechtFormLabelRadioColor": "#0F172A",
|
|
226
|
+
"utrechtFormLabelRadioFontWeight": 400,
|
|
227
|
+
"utrechtFormLabelCheckedFontWeight": 400,
|
|
228
|
+
"utrechtFormLabelDisabledColor": "#94A3B8",
|
|
222
229
|
"utrechtFormFieldErrorMessageBackgroundColor": "transparent",
|
|
223
230
|
"utrechtFormFieldErrorMessageColor": "#d52b1e",
|
|
224
231
|
"utrechtFormFieldErrorMessageFontFamily": "RijksSans, Arial, Verdana, sans-serif",
|
|
@@ -231,22 +238,12 @@
|
|
|
231
238
|
"utrechtFormFieldErrorMessagePaddingBlockStart": "0rem",
|
|
232
239
|
"utrechtFormFieldErrorMessagePaddingInlineEnd": "0rem",
|
|
233
240
|
"utrechtFormFieldErrorMessagePaddingInlineStart": "0rem",
|
|
234
|
-
"utrechtFormFieldDescriptionPaddingBlockEnd": "0.5rem",
|
|
235
241
|
"utrechtFormFieldDescriptionColor": "#334155",
|
|
236
242
|
"utrechtFormFieldDescriptionFontFamily": "RijksSans, Arial, Verdana, sans-serif",
|
|
237
243
|
"utrechtFormFieldDescriptionFontSize": "1.25rem",
|
|
238
244
|
"utrechtFormFieldDescriptionLineHeight": "150%",
|
|
239
245
|
"utrechtFormFieldDescriptionMarginBlockEnd": "0.5rem",
|
|
240
246
|
"utrechtFormFieldDescriptionMarginBlockStart": "-0.5rem",
|
|
241
|
-
"utrechtFormLabelColor": "#0F172A",
|
|
242
|
-
"utrechtFormLabelFontSize": "1.25rem",
|
|
243
|
-
"utrechtFormLabelFontWeight": 700,
|
|
244
|
-
"utrechtFormLabelCheckboxColor": "#0F172A",
|
|
245
|
-
"utrechtFormLabelCheckboxFontWeight": 400,
|
|
246
|
-
"utrechtFormLabelRadioColor": "#0F172A",
|
|
247
|
-
"utrechtFormLabelRadioFontWeight": 400,
|
|
248
|
-
"utrechtFormLabelCheckedFontWeight": 400,
|
|
249
|
-
"utrechtFormLabelDisabledColor": "#94A3B8",
|
|
250
247
|
"utrechtFigureCaptionBorderColor": "#CBD5E1",
|
|
251
248
|
"utrechtFigureCaptionBorderWidth": "4px",
|
|
252
249
|
"utrechtFigureCaptionPaddingBlockEnd": "0.5rem",
|
|
@@ -271,46 +268,6 @@
|
|
|
271
268
|
"utrechtNumberBadgeMinInlineSize": "24px",
|
|
272
269
|
"utrechtNumberBadgePaddingBlock": "0.125rem",
|
|
273
270
|
"utrechtNumberBadgePaddingInline": "0.5rem",
|
|
274
|
-
"utrechtBlockquoteBorderBlockEndWidth": 0,
|
|
275
|
-
"utrechtBlockquoteBorderBlockStartWidth": 0,
|
|
276
|
-
"utrechtBlockquoteBorderEndEndRadius": 0,
|
|
277
|
-
"utrechtBlockquoteBorderEndStartRadius": 0,
|
|
278
|
-
"utrechtBlockquoteBorderInlineEndWidth": 0,
|
|
279
|
-
"utrechtBlockquoteBorderStartEndRadius": 0,
|
|
280
|
-
"utrechtBlockquoteBorderStartStartRadius": 0,
|
|
281
|
-
"utrechtBlockquoteMarginBlockEnd": 0,
|
|
282
|
-
"utrechtBlockquoteMarginBlockStart": 0,
|
|
283
|
-
"utrechtBlockquoteMarginInlineEnd": 0,
|
|
284
|
-
"utrechtBlockquoteMarginInlineStart": 0,
|
|
285
|
-
"utrechtBlockquoteBlueCornerBorderVariationBorderBlockEndWidth": "2px",
|
|
286
|
-
"utrechtBlockquoteBlueCornerBorderVariationBorderColor": "#154273",
|
|
287
|
-
"utrechtBlockquoteBlueCornerBorderVariationBorderEndEndRadius": "3rem",
|
|
288
|
-
"utrechtBlockquoteBlueCornerBorderVariationBorderInlineEndWidth": "2px",
|
|
289
|
-
"utrechtBlockquoteCaptionColor": "#154273",
|
|
290
|
-
"utrechtBlockquoteCaptionFontFamily": "RijksSans, Arial, Verdana, sans-serif",
|
|
291
|
-
"utrechtBlockquoteCaptionFontSize": "1.25rem",
|
|
292
|
-
"utrechtBlockquoteCaptionFontWeight": 400,
|
|
293
|
-
"utrechtBlockquoteCaptionLineHeight": "150%",
|
|
294
|
-
"utrechtBlockquoteCaptionPaddingBlockStart": "0.75rem",
|
|
295
|
-
"utrechtBlockquoteContentFontFamily": "RijksSans, Arial, Verdana, sans-serif",
|
|
296
|
-
"utrechtBlockquoteContentFontWeight": 400,
|
|
297
|
-
"utrechtBlockquoteContentLineHeight": "150%",
|
|
298
|
-
"utrechtBlockquoteContentColor": "#154273",
|
|
299
|
-
"utrechtBlockquoteContentFontSize": "1.25rem",
|
|
300
|
-
"utrechtBlockquotePinkBackgroundVariationBackgroundColor": "#F6BDE1",
|
|
301
|
-
"utrechtBlockquotePinkBackgroundVariationBorderEndStartRadius": "3rem",
|
|
302
|
-
"utrechtBlockquotePinkBackgroundVariationPadding": "2.5rem",
|
|
303
|
-
"utrechtBlockquotePinkCornerBorderVariationBorderBlockStartWidth": "0.25rem",
|
|
304
|
-
"utrechtBlockquotePinkCornerBorderVariationBorderColor": "#F6BDE1",
|
|
305
|
-
"utrechtBlockquotePinkCornerBorderVariationBorderInlineStartWidth": "0.25rem",
|
|
306
|
-
"utrechtBlockquotePinkCornerBorderVariationBorderStartStartRadius": "3rem",
|
|
307
|
-
"utrechtBlockquotePinkCornerBorderVariationPadding": "2.5rem",
|
|
308
|
-
"utrechtBlockquotePinkLeftBorderVariationBorderColor": "#F6BDE1",
|
|
309
|
-
"utrechtBlockquotePinkLeftBorderVariationBorderInlineStartWidth": "0.75rem",
|
|
310
|
-
"utrechtBlockquotePinkLeftBorderVariationPaddingBlockEnd": "1.5rem",
|
|
311
|
-
"utrechtBlockquotePinkLeftBorderVariationPaddingBlockStart": "1.5rem",
|
|
312
|
-
"utrechtBlockquotePinkLeftBorderVariationPaddingInlineEnd": "2.5rem",
|
|
313
|
-
"utrechtBlockquotePinkLeftBorderVariationPaddingInlineStart": "2.5rem",
|
|
314
271
|
"utrechtBlockquoteBackgroundColor": "transparent",
|
|
315
272
|
"utrechtBlockquoteBorderInlineStartWidth": "0px",
|
|
316
273
|
"utrechtBlockquoteBorderColor": "transparent",
|
|
@@ -326,6 +283,8 @@
|
|
|
326
283
|
"utrechtBlockquoteRowGap": "0.75rem",
|
|
327
284
|
"utrechtBlockquoteAttributionColor": "#154273",
|
|
328
285
|
"utrechtBlockquoteAttributionFontSize": "1.25rem",
|
|
286
|
+
"utrechtBlockquoteContentColor": "#154273",
|
|
287
|
+
"utrechtBlockquoteContentFontSize": "1.25rem",
|
|
329
288
|
"utrechtAlertBackgroundColor": "#d9ebf7",
|
|
330
289
|
"utrechtAlertBorderColor": "transparent",
|
|
331
290
|
"utrechtAlertBorderRadius": "5px",
|
|
@@ -827,7 +786,15 @@
|
|
|
827
786
|
"nlHeadingLevel6LineHeight": "150%",
|
|
828
787
|
"nlHeadingLevel6MarginBlockEnd": "0rem",
|
|
829
788
|
"nlHeadingLevel6MarginBlockStart": "0rem",
|
|
830
|
-
"
|
|
789
|
+
"rhcBlockquoteMarginBlockEnd": "0rem",
|
|
790
|
+
"rhcBlockquoteMarginBlockStart": "0rem",
|
|
791
|
+
"rhcBlockquoteMarginInlineEnd": "0rem",
|
|
792
|
+
"rhcBlockquoteMarginInlineStart": "0rem",
|
|
793
|
+
"rhcDataBadgeButtonColumnGap": "0.125rem",
|
|
794
|
+
"rhcDataBadgeButtonHoverBackgroundColor": "#154273",
|
|
795
|
+
"rhcDataBadgeButtonHoverColor": "#fff",
|
|
796
|
+
"rhcBreadcrumbNavLinkCurrentColor": "#334155",
|
|
797
|
+
"rhcKeepComment": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.",
|
|
831
798
|
"rhcKeepTopLeftBorderRadiusTopLeft": "48px",
|
|
832
799
|
"rhcKeepTopLeftBorderRadiusTopRight": 0,
|
|
833
800
|
"rhcKeepTopLeftBorderRadiusBottomRight": 0,
|
|
@@ -844,10 +811,6 @@
|
|
|
844
811
|
"rhcKeepBottomLeftBorderRadiusTopRight": 0,
|
|
845
812
|
"rhcKeepBottomLeftBorderRadiusBottomRight": 0,
|
|
846
813
|
"rhcKeepBottomLeftBorderRadiusBottomLeft": "48px",
|
|
847
|
-
"rhcDataBadgeButtonColumnGap": "0.125rem",
|
|
848
|
-
"rhcDataBadgeButtonHoverBackgroundColor": "#154273",
|
|
849
|
-
"rhcDataBadgeButtonHoverColor": "#fff",
|
|
850
|
-
"rhcBreadcrumbNavLinkCurrentColor": "#334155",
|
|
851
814
|
"rhcRoundedCornerXsBorderRadius": "24px",
|
|
852
815
|
"rhcRoundedCornerMdBorderRadius": "48px",
|
|
853
816
|
"rhcRoundedCornerXlBorderRadius": "96px",
|
|
@@ -871,6 +834,7 @@
|
|
|
871
834
|
"rhcNavBarLinkPaddingInlineEnd": "0.75rem",
|
|
872
835
|
"rhcNavBarLinkPaddingInlineStart": "0.75rem",
|
|
873
836
|
"rhcNavBarLinkColumnGap": "0.5rem",
|
|
837
|
+
"rhcNavBarLinkFontSize": "1.25rem",
|
|
874
838
|
"rhcNavBarBackgroundColor": "#fff",
|
|
875
839
|
"rhcNavBarColor": "#154273",
|
|
876
840
|
"rhcNavBarBorderColor": "#154273",
|
|
@@ -1152,7 +1116,6 @@
|
|
|
1152
1116
|
"rhcColorForegroundLink": "#01689b",
|
|
1153
1117
|
"rhcColorForegroundOnDarkColor": "#fff",
|
|
1154
1118
|
"rhcColorForegroundOnLightColor": "#000",
|
|
1155
|
-
"rhcColorBackdrop": "#0000004d",
|
|
1156
1119
|
"rhcColorBorderDefault": "#64748B",
|
|
1157
1120
|
"rhcColorBorderSubdued": "#94A3B8",
|
|
1158
1121
|
"rhcColorBorderStrong": "#0F172A",
|
|
@@ -1294,7 +1257,6 @@
|
|
|
1294
1257
|
"rhcColorLintblauw500": "#154273",
|
|
1295
1258
|
"rhcColorWit": "#fff",
|
|
1296
1259
|
"rhcColorZwart": "#000",
|
|
1297
|
-
"rhcColorTransparent30": "#0000004d",
|
|
1298
1260
|
"rhcColorNone": "transparent",
|
|
1299
1261
|
"rhcFocusOutlineOffset": "0.125rem",
|
|
1300
1262
|
"rhcFocusOutlineStyle": "solid",
|
|
@@ -1338,7 +1300,7 @@
|
|
|
1338
1300
|
"rhcSizeHalfLint": "24px",
|
|
1339
1301
|
"rhcSizeLint": "48px",
|
|
1340
1302
|
"rhcSize2Lint": "96px",
|
|
1341
|
-
"rhcSize3Lint": "
|
|
1303
|
+
"rhcSize3Lint": "144px",
|
|
1342
1304
|
"rhcBorderWidthDefault": "1px",
|
|
1343
1305
|
"rhcBorderWidthM": "2px",
|
|
1344
1306
|
"rhcBorderWidthNone": "0px",
|