@rijkshuisstijl-community/design-tokens 1.0.0-alpha.94 → 1.0.0-alpha.95
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 +5 -3
- package/dist/index.css +5 -3
- package/dist/index.d.ts +4 -2
- package/dist/index.js +5 -3
- package/dist/index.json +4 -2
- package/dist/index.tokens.json +5 -3
- package/dist/root.css +5 -3
- package/dist/tokens.d.ts +5 -3
- package/dist/tokens.js +55 -9
- package/dist/tokens.json +54 -8
- package/dist/variables.less +5 -3
- package/figma/figma.tokens.json +11 -3
- package/package.json +2 -2
- package/src/generated/figma.tokens.json +11 -3
package/dist/_variables.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Tue, 17 Dec 2024
|
|
3
|
+
// Generated on Tue, 17 Dec 2024 11:43:25 GMT
|
|
4
4
|
|
|
5
5
|
$rhc-sub-nav-bar-content-list-row-gap: 0.5rem;
|
|
6
6
|
$rhc-sub-nav-bar-content-max-inline-size: 1280px;
|
|
@@ -60,6 +60,7 @@ $rhc-font-size-sm-desktop: 1.5rem;
|
|
|
60
60
|
$rhc-font-size-xs-mobile: 1rem;
|
|
61
61
|
$rhc-font-size-xs-tablet: 1.125rem;
|
|
62
62
|
$rhc-font-size-xs-desktop: 1.25rem;
|
|
63
|
+
$rhc-font-size-paragraph-small: 1.125rem;
|
|
63
64
|
$rhc-font-size-paragraph-default: 1.25rem;
|
|
64
65
|
$rhc-font-size-paragraph-intro: 1.5rem;
|
|
65
66
|
$rhc-font-size-heading-level-5: 1.25rem;
|
|
@@ -527,7 +528,8 @@ $utrecht-accordion-panel-padding-block-end: 1.5rem;
|
|
|
527
528
|
$utrecht-accordion-panel-border-width: 0;
|
|
528
529
|
$utrecht-accordion-panel-border-color: #94A3B8;
|
|
529
530
|
$utrecht-alert-border-radius: 5px;
|
|
530
|
-
$utrecht-alert-message-
|
|
531
|
+
$utrecht-alert-message-column-gap: 0.5rem;
|
|
532
|
+
$utrecht-alert-message-line-height: 150%;
|
|
531
533
|
$utrecht-alert-icon-size: 24px;
|
|
532
534
|
$utrecht-alert-icon-warning-color: #ffb612;
|
|
533
535
|
$utrecht-alert-icon-ok-color: #39870c;
|
|
@@ -929,7 +931,7 @@ $utrecht-ordered-list-margin-block-end: 0.25rem;
|
|
|
929
931
|
$utrecht-ordered-list-padding-inline-start: 1.5rem;
|
|
930
932
|
$utrecht-paragraph-small-line-height: 150%;
|
|
931
933
|
$utrecht-paragraph-small-font-weight: 400;
|
|
932
|
-
$utrecht-paragraph-small-font-size: 1.
|
|
934
|
+
$utrecht-paragraph-small-font-size: 1.125rem;
|
|
933
935
|
$utrecht-paragraph-small-color: #154273;
|
|
934
936
|
$utrecht-paragraph-lead-line-height: 150%;
|
|
935
937
|
$utrecht-paragraph-lead-font-weight: 400;
|
package/dist/index.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Tue, 17 Dec 2024
|
|
3
|
+
* Generated on Tue, 17 Dec 2024 11:43:25 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
.rhc-theme {
|
|
@@ -62,6 +62,7 @@
|
|
|
62
62
|
--rhc-font-size-xs-mobile: 1rem;
|
|
63
63
|
--rhc-font-size-xs-tablet: 1.125rem;
|
|
64
64
|
--rhc-font-size-xs-desktop: 1.25rem;
|
|
65
|
+
--rhc-font-size-paragraph-small: 1.125rem;
|
|
65
66
|
--rhc-font-size-paragraph-default: 1.25rem;
|
|
66
67
|
--rhc-font-size-paragraph-intro: 1.5rem;
|
|
67
68
|
--rhc-font-size-heading-level-5: 1.25rem;
|
|
@@ -529,7 +530,8 @@
|
|
|
529
530
|
--utrecht-accordion-panel-border-width: 0;
|
|
530
531
|
--utrecht-accordion-panel-border-color: #94A3B8;
|
|
531
532
|
--utrecht-alert-border-radius: 5px;
|
|
532
|
-
--utrecht-alert-message-
|
|
533
|
+
--utrecht-alert-message-column-gap: 0.5rem;
|
|
534
|
+
--utrecht-alert-message-line-height: 150%;
|
|
533
535
|
--utrecht-alert-icon-size: 24px;
|
|
534
536
|
--utrecht-alert-icon-warning-color: #ffb612;
|
|
535
537
|
--utrecht-alert-icon-ok-color: #39870c;
|
|
@@ -931,7 +933,7 @@
|
|
|
931
933
|
--utrecht-ordered-list-padding-inline-start: 1.5rem;
|
|
932
934
|
--utrecht-paragraph-small-line-height: 150%;
|
|
933
935
|
--utrecht-paragraph-small-font-weight: 400;
|
|
934
|
-
--utrecht-paragraph-small-font-size: 1.
|
|
936
|
+
--utrecht-paragraph-small-font-size: 1.125rem;
|
|
935
937
|
--utrecht-paragraph-small-color: #154273;
|
|
936
938
|
--utrecht-paragraph-lead-line-height: 150%;
|
|
937
939
|
--utrecht-paragraph-lead-font-weight: 400;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Tue, 17 Dec 2024
|
|
3
|
+
* Generated on Tue, 17 Dec 2024 11:43:25 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const utrechtActionActivateCursor : string;
|
|
@@ -659,7 +659,8 @@ export const utrechtAlertIconErrorColor : string;
|
|
|
659
659
|
export const utrechtAlertIconOkColor : string;
|
|
660
660
|
export const utrechtAlertIconWarningColor : string;
|
|
661
661
|
export const utrechtAlertIconSize : string;
|
|
662
|
-
export const
|
|
662
|
+
export const utrechtAlertMessageLineHeight : string;
|
|
663
|
+
export const utrechtAlertMessageColumnGap : string;
|
|
663
664
|
export const utrechtAlertBorderRadius : string;
|
|
664
665
|
export const utrechtAccordionPanelBorderColor : string;
|
|
665
666
|
export const utrechtAccordionPanelBorderWidth : number;
|
|
@@ -1127,6 +1128,7 @@ export const rhcFontSizeHeadingLevel4 : string;
|
|
|
1127
1128
|
export const rhcFontSizeHeadingLevel5 : string;
|
|
1128
1129
|
export const rhcFontSizeParagraphIntro : string;
|
|
1129
1130
|
export const rhcFontSizeParagraphDefault : string;
|
|
1131
|
+
export const rhcFontSizeParagraphSmall : string;
|
|
1130
1132
|
export const rhcFontSizeXsDesktop : string;
|
|
1131
1133
|
export const rhcFontSizeXsTablet : string;
|
|
1132
1134
|
export const rhcFontSizeXsMobile : string;
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Tue, 17 Dec 2024
|
|
3
|
+
* Generated on Tue, 17 Dec 2024 11:43:24 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const utrechtActionActivateCursor = "pointer";
|
|
@@ -256,7 +256,7 @@ export const utrechtParagraphLeadFontSize = "1.5rem";
|
|
|
256
256
|
export const utrechtParagraphLeadFontWeight = 400;
|
|
257
257
|
export const utrechtParagraphLeadLineHeight = "150%";
|
|
258
258
|
export const utrechtParagraphSmallColor = "#154273";
|
|
259
|
-
export const utrechtParagraphSmallFontSize = "1.
|
|
259
|
+
export const utrechtParagraphSmallFontSize = "1.125rem";
|
|
260
260
|
export const utrechtParagraphSmallFontWeight = 400;
|
|
261
261
|
export const utrechtParagraphSmallLineHeight = "150%";
|
|
262
262
|
export const utrechtOrderedListPaddingInlineStart = "1.5rem";
|
|
@@ -658,7 +658,8 @@ export const utrechtAlertIconErrorColor = "#d52b1e";
|
|
|
658
658
|
export const utrechtAlertIconOkColor = "#39870c";
|
|
659
659
|
export const utrechtAlertIconWarningColor = "#ffb612";
|
|
660
660
|
export const utrechtAlertIconSize = "24px";
|
|
661
|
-
export const
|
|
661
|
+
export const utrechtAlertMessageLineHeight = "150%";
|
|
662
|
+
export const utrechtAlertMessageColumnGap = "0.5rem";
|
|
662
663
|
export const utrechtAlertBorderRadius = "5px";
|
|
663
664
|
export const utrechtAccordionPanelBorderColor = "#94A3B8";
|
|
664
665
|
export const utrechtAccordionPanelBorderWidth = 0;
|
|
@@ -1126,6 +1127,7 @@ export const rhcFontSizeHeadingLevel4 = "1.5rem";
|
|
|
1126
1127
|
export const rhcFontSizeHeadingLevel5 = "1.25rem";
|
|
1127
1128
|
export const rhcFontSizeParagraphIntro = "1.5rem";
|
|
1128
1129
|
export const rhcFontSizeParagraphDefault = "1.25rem";
|
|
1130
|
+
export const rhcFontSizeParagraphSmall = "1.125rem";
|
|
1129
1131
|
export const rhcFontSizeXsDesktop = "1.25rem";
|
|
1130
1132
|
export const rhcFontSizeXsTablet = "1.125rem";
|
|
1131
1133
|
export const rhcFontSizeXsMobile = "1rem";
|
package/dist/index.json
CHANGED
|
@@ -252,7 +252,7 @@
|
|
|
252
252
|
"utrechtParagraphLeadFontWeight": 400,
|
|
253
253
|
"utrechtParagraphLeadLineHeight": "150%",
|
|
254
254
|
"utrechtParagraphSmallColor": "#154273",
|
|
255
|
-
"utrechtParagraphSmallFontSize": "1.
|
|
255
|
+
"utrechtParagraphSmallFontSize": "1.125rem",
|
|
256
256
|
"utrechtParagraphSmallFontWeight": 400,
|
|
257
257
|
"utrechtParagraphSmallLineHeight": "150%",
|
|
258
258
|
"utrechtOrderedListPaddingInlineStart": "1.5rem",
|
|
@@ -654,7 +654,8 @@
|
|
|
654
654
|
"utrechtAlertIconOkColor": "#39870c",
|
|
655
655
|
"utrechtAlertIconWarningColor": "#ffb612",
|
|
656
656
|
"utrechtAlertIconSize": "24px",
|
|
657
|
-
"
|
|
657
|
+
"utrechtAlertMessageLineHeight": "150%",
|
|
658
|
+
"utrechtAlertMessageColumnGap": "0.5rem",
|
|
658
659
|
"utrechtAlertBorderRadius": "5px",
|
|
659
660
|
"utrechtAccordionPanelBorderColor": "#94A3B8",
|
|
660
661
|
"utrechtAccordionPanelBorderWidth": 0,
|
|
@@ -1122,6 +1123,7 @@
|
|
|
1122
1123
|
"rhcFontSizeHeadingLevel5": "1.25rem",
|
|
1123
1124
|
"rhcFontSizeParagraphIntro": "1.5rem",
|
|
1124
1125
|
"rhcFontSizeParagraphDefault": "1.25rem",
|
|
1126
|
+
"rhcFontSizeParagraphSmall": "1.125rem",
|
|
1125
1127
|
"rhcFontSizeXsDesktop": "1.25rem",
|
|
1126
1128
|
"rhcFontSizeXsTablet": "1.125rem",
|
|
1127
1129
|
"rhcFontSizeXsMobile": "1rem",
|
package/dist/index.tokens.json
CHANGED
|
@@ -378,7 +378,7 @@
|
|
|
378
378
|
},
|
|
379
379
|
"small": {
|
|
380
380
|
"color": "#154273",
|
|
381
|
-
"font-size": "1.
|
|
381
|
+
"font-size": "1.125rem",
|
|
382
382
|
"font-weight": 400,
|
|
383
383
|
"line-height": "150%"
|
|
384
384
|
}
|
|
@@ -984,7 +984,8 @@
|
|
|
984
984
|
"size": "24px"
|
|
985
985
|
},
|
|
986
986
|
"message": {
|
|
987
|
-
"
|
|
987
|
+
"line-height": "150%",
|
|
988
|
+
"column-gap": "0.5rem"
|
|
988
989
|
},
|
|
989
990
|
"border-radius": "5px"
|
|
990
991
|
},
|
|
@@ -1747,7 +1748,8 @@
|
|
|
1747
1748
|
},
|
|
1748
1749
|
"paragraph": {
|
|
1749
1750
|
"intro": "1.5rem",
|
|
1750
|
-
"default": "1.25rem"
|
|
1751
|
+
"default": "1.25rem",
|
|
1752
|
+
"small": "1.125rem"
|
|
1751
1753
|
},
|
|
1752
1754
|
"xs": {
|
|
1753
1755
|
"desktop": "1.25rem",
|
package/dist/root.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Tue, 17 Dec 2024
|
|
3
|
+
* Generated on Tue, 17 Dec 2024 11:43:25 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -62,6 +62,7 @@
|
|
|
62
62
|
--rhc-font-size-xs-mobile: 1rem;
|
|
63
63
|
--rhc-font-size-xs-tablet: 1.125rem;
|
|
64
64
|
--rhc-font-size-xs-desktop: 1.25rem;
|
|
65
|
+
--rhc-font-size-paragraph-small: 1.125rem;
|
|
65
66
|
--rhc-font-size-paragraph-default: 1.25rem;
|
|
66
67
|
--rhc-font-size-paragraph-intro: 1.5rem;
|
|
67
68
|
--rhc-font-size-heading-level-5: 1.25rem;
|
|
@@ -529,7 +530,8 @@
|
|
|
529
530
|
--utrecht-accordion-panel-border-width: 0;
|
|
530
531
|
--utrecht-accordion-panel-border-color: #94A3B8;
|
|
531
532
|
--utrecht-alert-border-radius: 5px;
|
|
532
|
-
--utrecht-alert-message-
|
|
533
|
+
--utrecht-alert-message-column-gap: 0.5rem;
|
|
534
|
+
--utrecht-alert-message-line-height: 150%;
|
|
533
535
|
--utrecht-alert-icon-size: 24px;
|
|
534
536
|
--utrecht-alert-icon-warning-color: #ffb612;
|
|
535
537
|
--utrecht-alert-icon-ok-color: #39870c;
|
|
@@ -931,7 +933,7 @@
|
|
|
931
933
|
--utrecht-ordered-list-padding-inline-start: 1.5rem;
|
|
932
934
|
--utrecht-paragraph-small-line-height: 150%;
|
|
933
935
|
--utrecht-paragraph-small-font-weight: 400;
|
|
934
|
-
--utrecht-paragraph-small-font-size: 1.
|
|
936
|
+
--utrecht-paragraph-small-font-size: 1.125rem;
|
|
935
937
|
--utrecht-paragraph-small-color: #154273;
|
|
936
938
|
--utrecht-paragraph-lead-line-height: 150%;
|
|
937
939
|
--utrecht-paragraph-lead-font-weight: 400;
|
package/dist/tokens.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Tue, 17 Dec 2024
|
|
3
|
+
* Generated on Tue, 17 Dec 2024 11:43:25 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export default tokens;
|
|
@@ -1007,7 +1007,8 @@ declare const tokens: {
|
|
|
1007
1007
|
"size": DesignToken
|
|
1008
1008
|
},
|
|
1009
1009
|
"message": {
|
|
1010
|
-
"
|
|
1010
|
+
"line-height": DesignToken,
|
|
1011
|
+
"column-gap": DesignToken
|
|
1011
1012
|
},
|
|
1012
1013
|
"border-radius": DesignToken
|
|
1013
1014
|
},
|
|
@@ -1770,7 +1771,8 @@ declare const tokens: {
|
|
|
1770
1771
|
},
|
|
1771
1772
|
"paragraph": {
|
|
1772
1773
|
"intro": DesignToken,
|
|
1773
|
-
"default": DesignToken
|
|
1774
|
+
"default": DesignToken,
|
|
1775
|
+
"small": DesignToken
|
|
1774
1776
|
},
|
|
1775
1777
|
"xs": {
|
|
1776
1778
|
"desktop": DesignToken,
|
package/dist/tokens.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Tue, 17 Dec 2024
|
|
3
|
+
* Generated on Tue, 17 Dec 2024 11:43:24 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
@@ -5808,12 +5808,12 @@ module.exports = {
|
|
|
5808
5808
|
]
|
|
5809
5809
|
},
|
|
5810
5810
|
"font-size": {
|
|
5811
|
-
"value": "1.
|
|
5811
|
+
"value": "1.125rem",
|
|
5812
5812
|
"type": "fontSizes",
|
|
5813
5813
|
"filePath": "src/generated/figma.tokens.json",
|
|
5814
5814
|
"isSource": true,
|
|
5815
5815
|
"original": {
|
|
5816
|
-
"value": "1.
|
|
5816
|
+
"value": "1.125rem",
|
|
5817
5817
|
"type": "fontSizes"
|
|
5818
5818
|
},
|
|
5819
5819
|
"name": "utrechtParagraphSmallFontSize",
|
|
@@ -15193,27 +15193,50 @@ module.exports = {
|
|
|
15193
15193
|
}
|
|
15194
15194
|
},
|
|
15195
15195
|
"message": {
|
|
15196
|
-
"
|
|
15197
|
-
"value":
|
|
15196
|
+
"line-height": {
|
|
15197
|
+
"value": "150%",
|
|
15198
|
+
"type": "lineHeights",
|
|
15199
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
15200
|
+
"isSource": true,
|
|
15201
|
+
"original": {
|
|
15202
|
+
"value": "150%",
|
|
15203
|
+
"type": "lineHeights"
|
|
15204
|
+
},
|
|
15205
|
+
"name": "utrechtAlertMessageLineHeight",
|
|
15206
|
+
"attributes": {
|
|
15207
|
+
"category": "utrecht",
|
|
15208
|
+
"type": "alert",
|
|
15209
|
+
"item": "message",
|
|
15210
|
+
"subitem": "line-height"
|
|
15211
|
+
},
|
|
15212
|
+
"path": [
|
|
15213
|
+
"utrecht",
|
|
15214
|
+
"alert",
|
|
15215
|
+
"message",
|
|
15216
|
+
"line-height"
|
|
15217
|
+
]
|
|
15218
|
+
},
|
|
15219
|
+
"column-gap": {
|
|
15220
|
+
"value": "0.5rem",
|
|
15198
15221
|
"type": "spacing",
|
|
15199
15222
|
"filePath": "src/generated/figma.tokens.json",
|
|
15200
15223
|
"isSource": true,
|
|
15201
15224
|
"original": {
|
|
15202
|
-
"value": 0,
|
|
15225
|
+
"value": "0.5rem",
|
|
15203
15226
|
"type": "spacing"
|
|
15204
15227
|
},
|
|
15205
|
-
"name": "
|
|
15228
|
+
"name": "utrechtAlertMessageColumnGap",
|
|
15206
15229
|
"attributes": {
|
|
15207
15230
|
"category": "utrecht",
|
|
15208
15231
|
"type": "alert",
|
|
15209
15232
|
"item": "message",
|
|
15210
|
-
"subitem": "
|
|
15233
|
+
"subitem": "column-gap"
|
|
15211
15234
|
},
|
|
15212
15235
|
"path": [
|
|
15213
15236
|
"utrecht",
|
|
15214
15237
|
"alert",
|
|
15215
15238
|
"message",
|
|
15216
|
-
"
|
|
15239
|
+
"column-gap"
|
|
15217
15240
|
]
|
|
15218
15241
|
}
|
|
15219
15242
|
},
|
|
@@ -26448,6 +26471,29 @@ module.exports = {
|
|
|
26448
26471
|
"paragraph",
|
|
26449
26472
|
"default"
|
|
26450
26473
|
]
|
|
26474
|
+
},
|
|
26475
|
+
"small": {
|
|
26476
|
+
"value": "1.125rem",
|
|
26477
|
+
"type": "fontSizes",
|
|
26478
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
26479
|
+
"isSource": true,
|
|
26480
|
+
"original": {
|
|
26481
|
+
"value": "1.125rem",
|
|
26482
|
+
"type": "fontSizes"
|
|
26483
|
+
},
|
|
26484
|
+
"name": "rhcFontSizeParagraphSmall",
|
|
26485
|
+
"attributes": {
|
|
26486
|
+
"category": "rhc",
|
|
26487
|
+
"type": "font-size",
|
|
26488
|
+
"item": "paragraph",
|
|
26489
|
+
"subitem": "small"
|
|
26490
|
+
},
|
|
26491
|
+
"path": [
|
|
26492
|
+
"rhc",
|
|
26493
|
+
"font-size",
|
|
26494
|
+
"paragraph",
|
|
26495
|
+
"small"
|
|
26496
|
+
]
|
|
26451
26497
|
}
|
|
26452
26498
|
},
|
|
26453
26499
|
"xs": {
|
package/dist/tokens.json
CHANGED
|
@@ -5803,12 +5803,12 @@
|
|
|
5803
5803
|
]
|
|
5804
5804
|
},
|
|
5805
5805
|
"font-size": {
|
|
5806
|
-
"value": "1.
|
|
5806
|
+
"value": "1.125rem",
|
|
5807
5807
|
"type": "fontSizes",
|
|
5808
5808
|
"filePath": "src/generated/figma.tokens.json",
|
|
5809
5809
|
"isSource": true,
|
|
5810
5810
|
"original": {
|
|
5811
|
-
"value": "1.
|
|
5811
|
+
"value": "1.125rem",
|
|
5812
5812
|
"type": "fontSizes"
|
|
5813
5813
|
},
|
|
5814
5814
|
"name": "utrechtParagraphSmallFontSize",
|
|
@@ -15188,27 +15188,50 @@
|
|
|
15188
15188
|
}
|
|
15189
15189
|
},
|
|
15190
15190
|
"message": {
|
|
15191
|
-
"
|
|
15192
|
-
"value":
|
|
15191
|
+
"line-height": {
|
|
15192
|
+
"value": "150%",
|
|
15193
|
+
"type": "lineHeights",
|
|
15194
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
15195
|
+
"isSource": true,
|
|
15196
|
+
"original": {
|
|
15197
|
+
"value": "150%",
|
|
15198
|
+
"type": "lineHeights"
|
|
15199
|
+
},
|
|
15200
|
+
"name": "utrechtAlertMessageLineHeight",
|
|
15201
|
+
"attributes": {
|
|
15202
|
+
"category": "utrecht",
|
|
15203
|
+
"type": "alert",
|
|
15204
|
+
"item": "message",
|
|
15205
|
+
"subitem": "line-height"
|
|
15206
|
+
},
|
|
15207
|
+
"path": [
|
|
15208
|
+
"utrecht",
|
|
15209
|
+
"alert",
|
|
15210
|
+
"message",
|
|
15211
|
+
"line-height"
|
|
15212
|
+
]
|
|
15213
|
+
},
|
|
15214
|
+
"column-gap": {
|
|
15215
|
+
"value": "0.5rem",
|
|
15193
15216
|
"type": "spacing",
|
|
15194
15217
|
"filePath": "src/generated/figma.tokens.json",
|
|
15195
15218
|
"isSource": true,
|
|
15196
15219
|
"original": {
|
|
15197
|
-
"value": 0,
|
|
15220
|
+
"value": "0.5rem",
|
|
15198
15221
|
"type": "spacing"
|
|
15199
15222
|
},
|
|
15200
|
-
"name": "
|
|
15223
|
+
"name": "utrechtAlertMessageColumnGap",
|
|
15201
15224
|
"attributes": {
|
|
15202
15225
|
"category": "utrecht",
|
|
15203
15226
|
"type": "alert",
|
|
15204
15227
|
"item": "message",
|
|
15205
|
-
"subitem": "
|
|
15228
|
+
"subitem": "column-gap"
|
|
15206
15229
|
},
|
|
15207
15230
|
"path": [
|
|
15208
15231
|
"utrecht",
|
|
15209
15232
|
"alert",
|
|
15210
15233
|
"message",
|
|
15211
|
-
"
|
|
15234
|
+
"column-gap"
|
|
15212
15235
|
]
|
|
15213
15236
|
}
|
|
15214
15237
|
},
|
|
@@ -26443,6 +26466,29 @@
|
|
|
26443
26466
|
"paragraph",
|
|
26444
26467
|
"default"
|
|
26445
26468
|
]
|
|
26469
|
+
},
|
|
26470
|
+
"small": {
|
|
26471
|
+
"value": "1.125rem",
|
|
26472
|
+
"type": "fontSizes",
|
|
26473
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
26474
|
+
"isSource": true,
|
|
26475
|
+
"original": {
|
|
26476
|
+
"value": "1.125rem",
|
|
26477
|
+
"type": "fontSizes"
|
|
26478
|
+
},
|
|
26479
|
+
"name": "rhcFontSizeParagraphSmall",
|
|
26480
|
+
"attributes": {
|
|
26481
|
+
"category": "rhc",
|
|
26482
|
+
"type": "font-size",
|
|
26483
|
+
"item": "paragraph",
|
|
26484
|
+
"subitem": "small"
|
|
26485
|
+
},
|
|
26486
|
+
"path": [
|
|
26487
|
+
"rhc",
|
|
26488
|
+
"font-size",
|
|
26489
|
+
"paragraph",
|
|
26490
|
+
"small"
|
|
26491
|
+
]
|
|
26446
26492
|
}
|
|
26447
26493
|
},
|
|
26448
26494
|
"xs": {
|
package/dist/variables.less
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Tue, 17 Dec 2024
|
|
3
|
+
// Generated on Tue, 17 Dec 2024 11:43:25 GMT
|
|
4
4
|
|
|
5
5
|
@rhc-sub-nav-bar-content-list-row-gap: 0.5rem;
|
|
6
6
|
@rhc-sub-nav-bar-content-max-inline-size: 1280px;
|
|
@@ -60,6 +60,7 @@
|
|
|
60
60
|
@rhc-font-size-xs-mobile: 1rem;
|
|
61
61
|
@rhc-font-size-xs-tablet: 1.125rem;
|
|
62
62
|
@rhc-font-size-xs-desktop: 1.25rem;
|
|
63
|
+
@rhc-font-size-paragraph-small: 1.125rem;
|
|
63
64
|
@rhc-font-size-paragraph-default: 1.25rem;
|
|
64
65
|
@rhc-font-size-paragraph-intro: 1.5rem;
|
|
65
66
|
@rhc-font-size-heading-level-5: 1.25rem;
|
|
@@ -527,7 +528,8 @@
|
|
|
527
528
|
@utrecht-accordion-panel-border-width: 0;
|
|
528
529
|
@utrecht-accordion-panel-border-color: #94A3B8;
|
|
529
530
|
@utrecht-alert-border-radius: 5px;
|
|
530
|
-
@utrecht-alert-message-
|
|
531
|
+
@utrecht-alert-message-column-gap: 0.5rem;
|
|
532
|
+
@utrecht-alert-message-line-height: 150%;
|
|
531
533
|
@utrecht-alert-icon-size: 24px;
|
|
532
534
|
@utrecht-alert-icon-warning-color: #ffb612;
|
|
533
535
|
@utrecht-alert-icon-ok-color: #39870c;
|
|
@@ -929,7 +931,7 @@
|
|
|
929
931
|
@utrecht-ordered-list-padding-inline-start: 1.5rem;
|
|
930
932
|
@utrecht-paragraph-small-line-height: 150%;
|
|
931
933
|
@utrecht-paragraph-small-font-weight: 400;
|
|
932
|
-
@utrecht-paragraph-small-font-size: 1.
|
|
934
|
+
@utrecht-paragraph-small-font-size: 1.125rem;
|
|
933
935
|
@utrecht-paragraph-small-color: #154273;
|
|
934
936
|
@utrecht-paragraph-lead-line-height: 150%;
|
|
935
937
|
@utrecht-paragraph-lead-font-weight: 400;
|
package/figma/figma.tokens.json
CHANGED
|
@@ -1046,6 +1046,10 @@
|
|
|
1046
1046
|
"default": {
|
|
1047
1047
|
"value": "{rhc.font-size.xs.desktop}",
|
|
1048
1048
|
"type": "fontSizes"
|
|
1049
|
+
},
|
|
1050
|
+
"small": {
|
|
1051
|
+
"value": "{rhc.font-size.xs.tablet}",
|
|
1052
|
+
"type": "fontSizes"
|
|
1049
1053
|
}
|
|
1050
1054
|
}
|
|
1051
1055
|
},
|
|
@@ -1627,8 +1631,12 @@
|
|
|
1627
1631
|
}
|
|
1628
1632
|
},
|
|
1629
1633
|
"message": {
|
|
1630
|
-
"
|
|
1631
|
-
"value": "{rhc.
|
|
1634
|
+
"line-height": {
|
|
1635
|
+
"value": "{rhc.line-height.md}",
|
|
1636
|
+
"type": "lineHeights"
|
|
1637
|
+
},
|
|
1638
|
+
"column-gap": {
|
|
1639
|
+
"value": "{rhc.space.100}",
|
|
1632
1640
|
"type": "spacing"
|
|
1633
1641
|
}
|
|
1634
1642
|
},
|
|
@@ -5155,7 +5163,7 @@
|
|
|
5155
5163
|
"type": "color"
|
|
5156
5164
|
},
|
|
5157
5165
|
"font-size": {
|
|
5158
|
-
"value": "{rhc.font-size.paragraph.
|
|
5166
|
+
"value": "{rhc.font-size.paragraph.small}",
|
|
5159
5167
|
"type": "fontSizes"
|
|
5160
5168
|
},
|
|
5161
5169
|
"font-weight": {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rijkshuisstijl-community/design-tokens",
|
|
3
|
-
"version": "1.0.0-alpha.
|
|
3
|
+
"version": "1.0.0-alpha.95",
|
|
4
4
|
"author": "Community for NL Design System",
|
|
5
5
|
"description": "Example design tokens",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -33,5 +33,5 @@
|
|
|
33
33
|
"style-dictionary": "3.9.2",
|
|
34
34
|
"token-transformer": "0.0.33"
|
|
35
35
|
},
|
|
36
|
-
"gitHead": "
|
|
36
|
+
"gitHead": "84c97c530b87f628312f1b491c49aa24415191dc"
|
|
37
37
|
}
|
|
@@ -1087,7 +1087,7 @@
|
|
|
1087
1087
|
"type": "color"
|
|
1088
1088
|
},
|
|
1089
1089
|
"font-size": {
|
|
1090
|
-
"value": "1.
|
|
1090
|
+
"value": "1.125rem",
|
|
1091
1091
|
"type": "fontSizes"
|
|
1092
1092
|
},
|
|
1093
1093
|
"font-weight": {
|
|
@@ -2935,8 +2935,12 @@
|
|
|
2935
2935
|
}
|
|
2936
2936
|
},
|
|
2937
2937
|
"message": {
|
|
2938
|
-
"
|
|
2939
|
-
"value":
|
|
2938
|
+
"line-height": {
|
|
2939
|
+
"value": "150%",
|
|
2940
|
+
"type": "lineHeights"
|
|
2941
|
+
},
|
|
2942
|
+
"column-gap": {
|
|
2943
|
+
"value": "0.5rem",
|
|
2940
2944
|
"type": "spacing"
|
|
2941
2945
|
}
|
|
2942
2946
|
},
|
|
@@ -5237,6 +5241,10 @@
|
|
|
5237
5241
|
"default": {
|
|
5238
5242
|
"value": "1.25rem",
|
|
5239
5243
|
"type": "fontSizes"
|
|
5244
|
+
},
|
|
5245
|
+
"small": {
|
|
5246
|
+
"value": "1.125rem",
|
|
5247
|
+
"type": "fontSizes"
|
|
5240
5248
|
}
|
|
5241
5249
|
},
|
|
5242
5250
|
"xs": {
|