@rijkshuisstijl-community/design-tokens 1.0.0-alpha.116 → 1.0.0-alpha.118
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/dist/_variables.scss +16 -11
- package/dist/index.css +16 -11
- package/dist/index.d.ts +16 -11
- package/dist/index.js +16 -11
- package/dist/index.json +16 -11
- package/dist/index.tokens.json +23 -16
- package/dist/root.css +16 -11
- package/dist/tokens.d.ts +24 -17
- package/dist/tokens.js +359 -252
- package/dist/tokens.json +358 -251
- package/dist/variables.less +16 -11
- package/figma/figma.tokens.json +94 -66
- package/package.json +2 -2
- package/src/generated/figma.tokens.json +4342 -4320
package/dist/_variables.scss
CHANGED
|
@@ -1,17 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Thu, 16 Jan 2025 09:11:52 GMT
|
|
4
4
|
|
|
5
|
-
$rhc-sub-nav-bar-content-list-row-gap: 0.5rem;
|
|
6
|
-
$rhc-sub-nav-bar-content-max-inline-size: 1280px;
|
|
7
|
-
$rhc-sub-nav-bar-content-padding-inline-start: 1rem;
|
|
8
|
-
$rhc-sub-nav-bar-content-padding-inline-end: 1rem;
|
|
9
|
-
$rhc-sub-nav-bar-inline-size: 100%;
|
|
10
|
-
$rhc-sub-nav-bar-padding-block-start: 2rem;
|
|
11
|
-
$rhc-sub-nav-bar-padding-block-end: 2rem;
|
|
12
|
-
$rhc-sub-nav-bar-column-width: 375px;
|
|
13
|
-
$rhc-sub-nav-bar-column-gap: 0.5rem;
|
|
14
|
-
$rhc-sub-nav-bar-background-color: #f2f4f6;
|
|
15
5
|
$rhc-space-700: 3.5rem;
|
|
16
6
|
$rhc-space-600: 3rem;
|
|
17
7
|
$rhc-space-500: 2.5rem;
|
|
@@ -493,6 +483,16 @@ $rhc-toggletip-border-radius: 5px;
|
|
|
493
483
|
$rhc-toggletip-border-color: transparent;
|
|
494
484
|
$rhc-toggletip-background-color: #007bc7;
|
|
495
485
|
$rhc-toggletip-color: #fff;
|
|
486
|
+
$rhc-sub-nav-bar-content-list-row-gap: 0.5rem;
|
|
487
|
+
$rhc-sub-nav-bar-content-max-inline-size: 1280px;
|
|
488
|
+
$rhc-sub-nav-bar-content-padding-inline-start: 1rem;
|
|
489
|
+
$rhc-sub-nav-bar-content-padding-inline-end: 1rem;
|
|
490
|
+
$rhc-sub-nav-bar-inline-size: 100%;
|
|
491
|
+
$rhc-sub-nav-bar-padding-block-start: 2rem;
|
|
492
|
+
$rhc-sub-nav-bar-padding-block-end: 2rem;
|
|
493
|
+
$rhc-sub-nav-bar-column-width: 375px;
|
|
494
|
+
$rhc-sub-nav-bar-column-gap: 0.5rem;
|
|
495
|
+
$rhc-sub-nav-bar-background-color: #f2f4f6;
|
|
496
496
|
$utrecht-pointer-target-min-size: 48px;
|
|
497
497
|
$utrecht-rich-text-confidant-margin-block-end: 0;
|
|
498
498
|
$utrecht-rich-text-best-friend-margin-block-end: 0.25rem;
|
|
@@ -946,6 +946,11 @@ $utrecht-paragraph-font-weight: 400;
|
|
|
946
946
|
$utrecht-paragraph-font-size: 1.25rem;
|
|
947
947
|
$utrecht-paragraph-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
948
948
|
$utrecht-paragraph-color: #154273;
|
|
949
|
+
$utrecht-pre-heading-font-size: 1rem;
|
|
950
|
+
$utrecht-pre-heading-line-height: 125%;
|
|
951
|
+
$utrecht-pre-heading-font-weight: 700;
|
|
952
|
+
$utrecht-pre-heading-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
953
|
+
$utrecht-pre-heading-color: #154273;
|
|
949
954
|
$utrecht-radio-button-border-width: 1px;
|
|
950
955
|
$utrecht-radio-button-border-radius: 999px;
|
|
951
956
|
$utrecht-radio-button-hover-border-width: 1px;
|
package/dist/index.css
CHANGED
|
@@ -1,19 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 16 Jan 2025 09:11:52 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
.rhc-theme {
|
|
7
|
-
--rhc-sub-nav-bar-content-list-row-gap: 0.5rem;
|
|
8
|
-
--rhc-sub-nav-bar-content-max-inline-size: 1280px;
|
|
9
|
-
--rhc-sub-nav-bar-content-padding-inline-start: 1rem;
|
|
10
|
-
--rhc-sub-nav-bar-content-padding-inline-end: 1rem;
|
|
11
|
-
--rhc-sub-nav-bar-inline-size: 100%;
|
|
12
|
-
--rhc-sub-nav-bar-padding-block-start: 2rem;
|
|
13
|
-
--rhc-sub-nav-bar-padding-block-end: 2rem;
|
|
14
|
-
--rhc-sub-nav-bar-column-width: 375px;
|
|
15
|
-
--rhc-sub-nav-bar-column-gap: 0.5rem;
|
|
16
|
-
--rhc-sub-nav-bar-background-color: #f2f4f6;
|
|
17
7
|
--rhc-space-700: 3.5rem;
|
|
18
8
|
--rhc-space-600: 3rem;
|
|
19
9
|
--rhc-space-500: 2.5rem;
|
|
@@ -495,6 +485,16 @@
|
|
|
495
485
|
--rhc-toggletip-border-color: transparent;
|
|
496
486
|
--rhc-toggletip-background-color: #007bc7;
|
|
497
487
|
--rhc-toggletip-color: #fff;
|
|
488
|
+
--rhc-sub-nav-bar-content-list-row-gap: 0.5rem;
|
|
489
|
+
--rhc-sub-nav-bar-content-max-inline-size: 1280px;
|
|
490
|
+
--rhc-sub-nav-bar-content-padding-inline-start: 1rem;
|
|
491
|
+
--rhc-sub-nav-bar-content-padding-inline-end: 1rem;
|
|
492
|
+
--rhc-sub-nav-bar-inline-size: 100%;
|
|
493
|
+
--rhc-sub-nav-bar-padding-block-start: 2rem;
|
|
494
|
+
--rhc-sub-nav-bar-padding-block-end: 2rem;
|
|
495
|
+
--rhc-sub-nav-bar-column-width: 375px;
|
|
496
|
+
--rhc-sub-nav-bar-column-gap: 0.5rem;
|
|
497
|
+
--rhc-sub-nav-bar-background-color: #f2f4f6;
|
|
498
498
|
--utrecht-pointer-target-min-size: 48px;
|
|
499
499
|
--utrecht-rich-text-confidant-margin-block-end: 0;
|
|
500
500
|
--utrecht-rich-text-best-friend-margin-block-end: 0.25rem;
|
|
@@ -948,6 +948,11 @@
|
|
|
948
948
|
--utrecht-paragraph-font-size: 1.25rem;
|
|
949
949
|
--utrecht-paragraph-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
950
950
|
--utrecht-paragraph-color: #154273;
|
|
951
|
+
--utrecht-pre-heading-font-size: 1rem;
|
|
952
|
+
--utrecht-pre-heading-line-height: 125%;
|
|
953
|
+
--utrecht-pre-heading-font-weight: 700;
|
|
954
|
+
--utrecht-pre-heading-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
955
|
+
--utrecht-pre-heading-color: #154273;
|
|
951
956
|
--utrecht-radio-button-border-width: 1px;
|
|
952
957
|
--utrecht-radio-button-border-radius: 999px;
|
|
953
958
|
--utrecht-radio-button-hover-border-width: 1px;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 16 Jan 2025 09:11:52 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const utrechtActionActivateCursor : string;
|
|
@@ -247,6 +247,11 @@ export const utrechtRadioButtonHoverBorderColor : string;
|
|
|
247
247
|
export const utrechtRadioButtonHoverBorderWidth : string;
|
|
248
248
|
export const utrechtRadioButtonBorderRadius : string;
|
|
249
249
|
export const utrechtRadioButtonBorderWidth : string;
|
|
250
|
+
export const utrechtPreHeadingColor : string;
|
|
251
|
+
export const utrechtPreHeadingFontFamily : string;
|
|
252
|
+
export const utrechtPreHeadingFontWeight : number;
|
|
253
|
+
export const utrechtPreHeadingLineHeight : string;
|
|
254
|
+
export const utrechtPreHeadingFontSize : string;
|
|
250
255
|
export const utrechtParagraphColor : string;
|
|
251
256
|
export const utrechtParagraphFontFamily : string;
|
|
252
257
|
export const utrechtParagraphFontSize : string;
|
|
@@ -700,6 +705,16 @@ export const utrechtRichTextFriendMarginBlockEnd : string;
|
|
|
700
705
|
export const utrechtRichTextBestFriendMarginBlockEnd : string;
|
|
701
706
|
export const utrechtRichTextConfidantMarginBlockEnd : number;
|
|
702
707
|
export const utrechtPointerTargetMinSize : string;
|
|
708
|
+
export const rhcSubNavBarBackgroundColor : string;
|
|
709
|
+
export const rhcSubNavBarColumnGap : string;
|
|
710
|
+
export const rhcSubNavBarColumnWidth : string;
|
|
711
|
+
export const rhcSubNavBarPaddingBlockEnd : string;
|
|
712
|
+
export const rhcSubNavBarPaddingBlockStart : string;
|
|
713
|
+
export const rhcSubNavBarInlineSize : string;
|
|
714
|
+
export const rhcSubNavBarContentPaddingInlineEnd : string;
|
|
715
|
+
export const rhcSubNavBarContentPaddingInlineStart : string;
|
|
716
|
+
export const rhcSubNavBarContentMaxInlineSize : string;
|
|
717
|
+
export const rhcSubNavBarContentListRowGap : string;
|
|
703
718
|
export const rhcToggletipColor : string;
|
|
704
719
|
export const rhcToggletipBackgroundColor : string;
|
|
705
720
|
export const rhcToggletipBorderColor : string;
|
|
@@ -1181,13 +1196,3 @@ export const rhcSpace400 : string;
|
|
|
1181
1196
|
export const rhcSpace500 : string;
|
|
1182
1197
|
export const rhcSpace600 : string;
|
|
1183
1198
|
export const rhcSpace700 : string;
|
|
1184
|
-
export const rhcSubNavBarBackgroundColor : string;
|
|
1185
|
-
export const rhcSubNavBarColumnGap : string;
|
|
1186
|
-
export const rhcSubNavBarColumnWidth : string;
|
|
1187
|
-
export const rhcSubNavBarPaddingBlockEnd : string;
|
|
1188
|
-
export const rhcSubNavBarPaddingBlockStart : string;
|
|
1189
|
-
export const rhcSubNavBarInlineSize : string;
|
|
1190
|
-
export const rhcSubNavBarContentPaddingInlineEnd : string;
|
|
1191
|
-
export const rhcSubNavBarContentPaddingInlineStart : string;
|
|
1192
|
-
export const rhcSubNavBarContentMaxInlineSize : string;
|
|
1193
|
-
export const rhcSubNavBarContentListRowGap : string;
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 16 Jan 2025 09:11:52 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const utrechtActionActivateCursor = "pointer";
|
|
@@ -246,6 +246,11 @@ export const utrechtRadioButtonHoverBorderColor = "#738eab";
|
|
|
246
246
|
export const utrechtRadioButtonHoverBorderWidth = "1px";
|
|
247
247
|
export const utrechtRadioButtonBorderRadius = "999px";
|
|
248
248
|
export const utrechtRadioButtonBorderWidth = "1px";
|
|
249
|
+
export const utrechtPreHeadingColor = "#154273";
|
|
250
|
+
export const utrechtPreHeadingFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
251
|
+
export const utrechtPreHeadingFontWeight = 700;
|
|
252
|
+
export const utrechtPreHeadingLineHeight = "125%";
|
|
253
|
+
export const utrechtPreHeadingFontSize = "1rem";
|
|
249
254
|
export const utrechtParagraphColor = "#154273";
|
|
250
255
|
export const utrechtParagraphFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
251
256
|
export const utrechtParagraphFontSize = "1.25rem";
|
|
@@ -699,6 +704,16 @@ export const utrechtRichTextFriendMarginBlockEnd = "0.5rem";
|
|
|
699
704
|
export const utrechtRichTextBestFriendMarginBlockEnd = "0.25rem";
|
|
700
705
|
export const utrechtRichTextConfidantMarginBlockEnd = 0;
|
|
701
706
|
export const utrechtPointerTargetMinSize = "48px";
|
|
707
|
+
export const rhcSubNavBarBackgroundColor = "#f2f4f6";
|
|
708
|
+
export const rhcSubNavBarColumnGap = "0.5rem";
|
|
709
|
+
export const rhcSubNavBarColumnWidth = "375px";
|
|
710
|
+
export const rhcSubNavBarPaddingBlockEnd = "2rem";
|
|
711
|
+
export const rhcSubNavBarPaddingBlockStart = "2rem";
|
|
712
|
+
export const rhcSubNavBarInlineSize = "100%";
|
|
713
|
+
export const rhcSubNavBarContentPaddingInlineEnd = "1rem";
|
|
714
|
+
export const rhcSubNavBarContentPaddingInlineStart = "1rem";
|
|
715
|
+
export const rhcSubNavBarContentMaxInlineSize = "1280px";
|
|
716
|
+
export const rhcSubNavBarContentListRowGap = "0.5rem";
|
|
702
717
|
export const rhcToggletipColor = "#fff";
|
|
703
718
|
export const rhcToggletipBackgroundColor = "#007bc7";
|
|
704
719
|
export const rhcToggletipBorderColor = "transparent";
|
|
@@ -1180,13 +1195,3 @@ export const rhcSpace400 = "2rem";
|
|
|
1180
1195
|
export const rhcSpace500 = "2.5rem";
|
|
1181
1196
|
export const rhcSpace600 = "3rem";
|
|
1182
1197
|
export const rhcSpace700 = "3.5rem";
|
|
1183
|
-
export const rhcSubNavBarBackgroundColor = "#f2f4f6";
|
|
1184
|
-
export const rhcSubNavBarColumnGap = "0.5rem";
|
|
1185
|
-
export const rhcSubNavBarColumnWidth = "375px";
|
|
1186
|
-
export const rhcSubNavBarPaddingBlockEnd = "2rem";
|
|
1187
|
-
export const rhcSubNavBarPaddingBlockStart = "2rem";
|
|
1188
|
-
export const rhcSubNavBarInlineSize = "100%";
|
|
1189
|
-
export const rhcSubNavBarContentPaddingInlineEnd = "1rem";
|
|
1190
|
-
export const rhcSubNavBarContentPaddingInlineStart = "1rem";
|
|
1191
|
-
export const rhcSubNavBarContentMaxInlineSize = "1280px";
|
|
1192
|
-
export const rhcSubNavBarContentListRowGap = "0.5rem";
|
package/dist/index.json
CHANGED
|
@@ -242,6 +242,11 @@
|
|
|
242
242
|
"utrechtRadioButtonHoverBorderWidth": "1px",
|
|
243
243
|
"utrechtRadioButtonBorderRadius": "999px",
|
|
244
244
|
"utrechtRadioButtonBorderWidth": "1px",
|
|
245
|
+
"utrechtPreHeadingColor": "#154273",
|
|
246
|
+
"utrechtPreHeadingFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
247
|
+
"utrechtPreHeadingFontWeight": 700,
|
|
248
|
+
"utrechtPreHeadingLineHeight": "125%",
|
|
249
|
+
"utrechtPreHeadingFontSize": "1rem",
|
|
245
250
|
"utrechtParagraphColor": "#154273",
|
|
246
251
|
"utrechtParagraphFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
247
252
|
"utrechtParagraphFontSize": "1.25rem",
|
|
@@ -695,6 +700,16 @@
|
|
|
695
700
|
"utrechtRichTextBestFriendMarginBlockEnd": "0.25rem",
|
|
696
701
|
"utrechtRichTextConfidantMarginBlockEnd": 0,
|
|
697
702
|
"utrechtPointerTargetMinSize": "48px",
|
|
703
|
+
"rhcSubNavBarBackgroundColor": "#f2f4f6",
|
|
704
|
+
"rhcSubNavBarColumnGap": "0.5rem",
|
|
705
|
+
"rhcSubNavBarColumnWidth": "375px",
|
|
706
|
+
"rhcSubNavBarPaddingBlockEnd": "2rem",
|
|
707
|
+
"rhcSubNavBarPaddingBlockStart": "2rem",
|
|
708
|
+
"rhcSubNavBarInlineSize": "100%",
|
|
709
|
+
"rhcSubNavBarContentPaddingInlineEnd": "1rem",
|
|
710
|
+
"rhcSubNavBarContentPaddingInlineStart": "1rem",
|
|
711
|
+
"rhcSubNavBarContentMaxInlineSize": "1280px",
|
|
712
|
+
"rhcSubNavBarContentListRowGap": "0.5rem",
|
|
698
713
|
"rhcToggletipColor": "#fff",
|
|
699
714
|
"rhcToggletipBackgroundColor": "#007bc7",
|
|
700
715
|
"rhcToggletipBorderColor": "transparent",
|
|
@@ -1175,15 +1190,5 @@
|
|
|
1175
1190
|
"rhcSpace400": "2rem",
|
|
1176
1191
|
"rhcSpace500": "2.5rem",
|
|
1177
1192
|
"rhcSpace600": "3rem",
|
|
1178
|
-
"rhcSpace700": "3.5rem"
|
|
1179
|
-
"rhcSubNavBarBackgroundColor": "#f2f4f6",
|
|
1180
|
-
"rhcSubNavBarColumnGap": "0.5rem",
|
|
1181
|
-
"rhcSubNavBarColumnWidth": "375px",
|
|
1182
|
-
"rhcSubNavBarPaddingBlockEnd": "2rem",
|
|
1183
|
-
"rhcSubNavBarPaddingBlockStart": "2rem",
|
|
1184
|
-
"rhcSubNavBarInlineSize": "100%",
|
|
1185
|
-
"rhcSubNavBarContentPaddingInlineEnd": "1rem",
|
|
1186
|
-
"rhcSubNavBarContentPaddingInlineStart": "1rem",
|
|
1187
|
-
"rhcSubNavBarContentMaxInlineSize": "1280px",
|
|
1188
|
-
"rhcSubNavBarContentListRowGap": "0.5rem"
|
|
1193
|
+
"rhcSpace700": "3.5rem"
|
|
1189
1194
|
}
|
package/dist/index.tokens.json
CHANGED
|
@@ -364,6 +364,13 @@
|
|
|
364
364
|
"border-radius": "999px",
|
|
365
365
|
"border-width": "1px"
|
|
366
366
|
},
|
|
367
|
+
"pre-heading": {
|
|
368
|
+
"color": "#154273",
|
|
369
|
+
"font-family": "Fira Sans, Arial, Verdana, sans-serif",
|
|
370
|
+
"font-weight": 700,
|
|
371
|
+
"line-height": "125%",
|
|
372
|
+
"font-size": "1rem"
|
|
373
|
+
},
|
|
367
374
|
"paragraph": {
|
|
368
375
|
"color": "#154273",
|
|
369
376
|
"font-family": "Fira Sans, Arial, Verdana, sans-serif",
|
|
@@ -1061,6 +1068,22 @@
|
|
|
1061
1068
|
}
|
|
1062
1069
|
},
|
|
1063
1070
|
"rhc": {
|
|
1071
|
+
"sub-nav-bar": {
|
|
1072
|
+
"background-color": "#f2f4f6",
|
|
1073
|
+
"column-gap": "0.5rem",
|
|
1074
|
+
"column-width": "375px",
|
|
1075
|
+
"padding-block-end": "2rem",
|
|
1076
|
+
"padding-block-start": "2rem",
|
|
1077
|
+
"inline-size": "100%",
|
|
1078
|
+
"content": {
|
|
1079
|
+
"padding-inline-end": "1rem",
|
|
1080
|
+
"padding-inline-start": "1rem",
|
|
1081
|
+
"max-inline-size": "1280px",
|
|
1082
|
+
"list": {
|
|
1083
|
+
"row-gap": "0.5rem"
|
|
1084
|
+
}
|
|
1085
|
+
}
|
|
1086
|
+
},
|
|
1064
1087
|
"toggletip": {
|
|
1065
1088
|
"color": "#fff",
|
|
1066
1089
|
"background-color": "#007bc7",
|
|
@@ -1829,22 +1852,6 @@
|
|
|
1829
1852
|
"500": "2.5rem",
|
|
1830
1853
|
"600": "3rem",
|
|
1831
1854
|
"700": "3.5rem"
|
|
1832
|
-
},
|
|
1833
|
-
"sub-nav-bar": {
|
|
1834
|
-
"background-color": "#f2f4f6",
|
|
1835
|
-
"column-gap": "0.5rem",
|
|
1836
|
-
"column-width": "375px",
|
|
1837
|
-
"padding-block-end": "2rem",
|
|
1838
|
-
"padding-block-start": "2rem",
|
|
1839
|
-
"inline-size": "100%",
|
|
1840
|
-
"content": {
|
|
1841
|
-
"padding-inline-end": "1rem",
|
|
1842
|
-
"padding-inline-start": "1rem",
|
|
1843
|
-
"max-inline-size": "1280px",
|
|
1844
|
-
"list": {
|
|
1845
|
-
"row-gap": "0.5rem"
|
|
1846
|
-
}
|
|
1847
|
-
}
|
|
1848
1855
|
}
|
|
1849
1856
|
}
|
|
1850
1857
|
}
|
package/dist/root.css
CHANGED
|
@@ -1,19 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 16 Jan 2025 09:11:52 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
7
|
-
--rhc-sub-nav-bar-content-list-row-gap: 0.5rem;
|
|
8
|
-
--rhc-sub-nav-bar-content-max-inline-size: 1280px;
|
|
9
|
-
--rhc-sub-nav-bar-content-padding-inline-start: 1rem;
|
|
10
|
-
--rhc-sub-nav-bar-content-padding-inline-end: 1rem;
|
|
11
|
-
--rhc-sub-nav-bar-inline-size: 100%;
|
|
12
|
-
--rhc-sub-nav-bar-padding-block-start: 2rem;
|
|
13
|
-
--rhc-sub-nav-bar-padding-block-end: 2rem;
|
|
14
|
-
--rhc-sub-nav-bar-column-width: 375px;
|
|
15
|
-
--rhc-sub-nav-bar-column-gap: 0.5rem;
|
|
16
|
-
--rhc-sub-nav-bar-background-color: #f2f4f6;
|
|
17
7
|
--rhc-space-700: 3.5rem;
|
|
18
8
|
--rhc-space-600: 3rem;
|
|
19
9
|
--rhc-space-500: 2.5rem;
|
|
@@ -495,6 +485,16 @@
|
|
|
495
485
|
--rhc-toggletip-border-color: transparent;
|
|
496
486
|
--rhc-toggletip-background-color: #007bc7;
|
|
497
487
|
--rhc-toggletip-color: #fff;
|
|
488
|
+
--rhc-sub-nav-bar-content-list-row-gap: 0.5rem;
|
|
489
|
+
--rhc-sub-nav-bar-content-max-inline-size: 1280px;
|
|
490
|
+
--rhc-sub-nav-bar-content-padding-inline-start: 1rem;
|
|
491
|
+
--rhc-sub-nav-bar-content-padding-inline-end: 1rem;
|
|
492
|
+
--rhc-sub-nav-bar-inline-size: 100%;
|
|
493
|
+
--rhc-sub-nav-bar-padding-block-start: 2rem;
|
|
494
|
+
--rhc-sub-nav-bar-padding-block-end: 2rem;
|
|
495
|
+
--rhc-sub-nav-bar-column-width: 375px;
|
|
496
|
+
--rhc-sub-nav-bar-column-gap: 0.5rem;
|
|
497
|
+
--rhc-sub-nav-bar-background-color: #f2f4f6;
|
|
498
498
|
--utrecht-pointer-target-min-size: 48px;
|
|
499
499
|
--utrecht-rich-text-confidant-margin-block-end: 0;
|
|
500
500
|
--utrecht-rich-text-best-friend-margin-block-end: 0.25rem;
|
|
@@ -948,6 +948,11 @@
|
|
|
948
948
|
--utrecht-paragraph-font-size: 1.25rem;
|
|
949
949
|
--utrecht-paragraph-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
950
950
|
--utrecht-paragraph-color: #154273;
|
|
951
|
+
--utrecht-pre-heading-font-size: 1rem;
|
|
952
|
+
--utrecht-pre-heading-line-height: 125%;
|
|
953
|
+
--utrecht-pre-heading-font-weight: 700;
|
|
954
|
+
--utrecht-pre-heading-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
955
|
+
--utrecht-pre-heading-color: #154273;
|
|
951
956
|
--utrecht-radio-button-border-width: 1px;
|
|
952
957
|
--utrecht-radio-button-border-radius: 999px;
|
|
953
958
|
--utrecht-radio-button-hover-border-width: 1px;
|
package/dist/tokens.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 16 Jan 2025 09:11:52 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export default tokens;
|
|
@@ -387,6 +387,13 @@ declare const tokens: {
|
|
|
387
387
|
"border-radius": DesignToken,
|
|
388
388
|
"border-width": DesignToken
|
|
389
389
|
},
|
|
390
|
+
"pre-heading": {
|
|
391
|
+
"color": DesignToken,
|
|
392
|
+
"font-family": DesignToken,
|
|
393
|
+
"font-weight": DesignToken,
|
|
394
|
+
"line-height": DesignToken,
|
|
395
|
+
"font-size": DesignToken
|
|
396
|
+
},
|
|
390
397
|
"paragraph": {
|
|
391
398
|
"color": DesignToken,
|
|
392
399
|
"font-family": DesignToken,
|
|
@@ -1084,6 +1091,22 @@ declare const tokens: {
|
|
|
1084
1091
|
}
|
|
1085
1092
|
},
|
|
1086
1093
|
"rhc": {
|
|
1094
|
+
"sub-nav-bar": {
|
|
1095
|
+
"background-color": DesignToken,
|
|
1096
|
+
"column-gap": DesignToken,
|
|
1097
|
+
"column-width": DesignToken,
|
|
1098
|
+
"padding-block-end": DesignToken,
|
|
1099
|
+
"padding-block-start": DesignToken,
|
|
1100
|
+
"inline-size": DesignToken,
|
|
1101
|
+
"content": {
|
|
1102
|
+
"padding-inline-end": DesignToken,
|
|
1103
|
+
"padding-inline-start": DesignToken,
|
|
1104
|
+
"max-inline-size": DesignToken,
|
|
1105
|
+
"list": {
|
|
1106
|
+
"row-gap": DesignToken
|
|
1107
|
+
}
|
|
1108
|
+
}
|
|
1109
|
+
},
|
|
1087
1110
|
"toggletip": {
|
|
1088
1111
|
"color": DesignToken,
|
|
1089
1112
|
"background-color": DesignToken,
|
|
@@ -1852,22 +1875,6 @@ declare const tokens: {
|
|
|
1852
1875
|
"500": DesignToken,
|
|
1853
1876
|
"600": DesignToken,
|
|
1854
1877
|
"700": DesignToken
|
|
1855
|
-
},
|
|
1856
|
-
"sub-nav-bar": {
|
|
1857
|
-
"background-color": DesignToken,
|
|
1858
|
-
"column-gap": DesignToken,
|
|
1859
|
-
"column-width": DesignToken,
|
|
1860
|
-
"padding-block-end": DesignToken,
|
|
1861
|
-
"padding-block-start": DesignToken,
|
|
1862
|
-
"inline-size": DesignToken,
|
|
1863
|
-
"content": {
|
|
1864
|
-
"padding-inline-end": DesignToken,
|
|
1865
|
-
"padding-inline-start": DesignToken,
|
|
1866
|
-
"max-inline-size": DesignToken,
|
|
1867
|
-
"list": {
|
|
1868
|
-
"row-gap": DesignToken
|
|
1869
|
-
}
|
|
1870
|
-
}
|
|
1871
1878
|
}
|
|
1872
1879
|
}
|
|
1873
1880
|
}
|