@rijkshuisstijl-community/design-tokens 1.0.0-alpha.29 → 1.0.0-alpha.30
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 +12 -1
- package/dist/index.css +12 -1
- package/dist/index.d.ts +12 -1
- package/dist/index.js +12 -1
- package/dist/index.json +11 -0
- package/dist/index.tokens.json +23 -0
- package/dist/root.css +12 -1
- package/dist/tokens.d.ts +24 -1
- package/dist/tokens.js +272 -1
- package/dist/variables.less +12 -1
- package/figma/figma.tokens.json +65 -3
- package/package.json +2 -2
- package/src/generated/figma.tokens.json +57 -0
package/dist/_variables.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Mon, 21 Oct 2024 09:37:14 GMT
|
|
4
4
|
|
|
5
5
|
$rhc-space-700: 3.5rem;
|
|
6
6
|
$rhc-space-600: 3rem;
|
|
@@ -701,6 +701,17 @@ $utrecht-badge-counter-min-inline-size: 24px;
|
|
|
701
701
|
$utrecht-badge-counter-min-block-size: 24px;
|
|
702
702
|
$utrecht-badge-counter-line-height: 150%;
|
|
703
703
|
$utrecht-badge-counter-font-size: 1.25rem;
|
|
704
|
+
$utrecht-form-fieldset-invalid-border-inline-start-width: 0px;
|
|
705
|
+
$utrecht-form-fieldset-invalid-padding-inline-start: 0;
|
|
706
|
+
$utrecht-form-fieldset-invalid-border-inline-start-color: #d52b1e;
|
|
707
|
+
$utrecht-form-fieldset-section-color: #154273;
|
|
708
|
+
$utrecht-form-fieldset-section-background-color: transparent;
|
|
709
|
+
$utrecht-form-fieldset-legend-disabled-color: #334155;
|
|
710
|
+
$utrecht-form-fieldset-legend-line-height: 150%;
|
|
711
|
+
$utrecht-form-fieldset-legend-font-weight: 700;
|
|
712
|
+
$utrecht-form-fieldset-legend-font-size: 1.25rem;
|
|
713
|
+
$utrecht-form-fieldset-legend-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
714
|
+
$utrecht-form-fieldset-legend-color: #154273;
|
|
704
715
|
$utrecht-figure-img-border-start-start-radius: 0;
|
|
705
716
|
$utrecht-figure-img-border-start-end-radius: 0;
|
|
706
717
|
$utrecht-figure-img-border-end-start-radius: 0;
|
package/dist/index.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 21 Oct 2024 09:37:13 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
.rhc-theme {
|
|
@@ -703,6 +703,17 @@
|
|
|
703
703
|
--utrecht-badge-counter-min-block-size: 24px;
|
|
704
704
|
--utrecht-badge-counter-line-height: 150%;
|
|
705
705
|
--utrecht-badge-counter-font-size: 1.25rem;
|
|
706
|
+
--utrecht-form-fieldset-invalid-border-inline-start-width: 0px;
|
|
707
|
+
--utrecht-form-fieldset-invalid-padding-inline-start: 0;
|
|
708
|
+
--utrecht-form-fieldset-invalid-border-inline-start-color: #d52b1e;
|
|
709
|
+
--utrecht-form-fieldset-section-color: #154273;
|
|
710
|
+
--utrecht-form-fieldset-section-background-color: transparent;
|
|
711
|
+
--utrecht-form-fieldset-legend-disabled-color: #334155;
|
|
712
|
+
--utrecht-form-fieldset-legend-line-height: 150%;
|
|
713
|
+
--utrecht-form-fieldset-legend-font-weight: 700;
|
|
714
|
+
--utrecht-form-fieldset-legend-font-size: 1.25rem;
|
|
715
|
+
--utrecht-form-fieldset-legend-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
716
|
+
--utrecht-form-fieldset-legend-color: #154273;
|
|
706
717
|
--utrecht-figure-img-border-start-start-radius: 0;
|
|
707
718
|
--utrecht-figure-img-border-start-end-radius: 0;
|
|
708
719
|
--utrecht-figure-img-border-end-start-radius: 0;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 21 Oct 2024 09:37:14 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const utrechtActionActivateCursor : string;
|
|
@@ -384,6 +384,17 @@ export const utrechtFigureImgBorderEndEndRadius : number;
|
|
|
384
384
|
export const utrechtFigureImgBorderEndStartRadius : number;
|
|
385
385
|
export const utrechtFigureImgBorderStartEndRadius : number;
|
|
386
386
|
export const utrechtFigureImgBorderStartStartRadius : number;
|
|
387
|
+
export const utrechtFormFieldsetLegendColor : string;
|
|
388
|
+
export const utrechtFormFieldsetLegendFontFamily : string;
|
|
389
|
+
export const utrechtFormFieldsetLegendFontSize : string;
|
|
390
|
+
export const utrechtFormFieldsetLegendFontWeight : number;
|
|
391
|
+
export const utrechtFormFieldsetLegendLineHeight : string;
|
|
392
|
+
export const utrechtFormFieldsetLegendDisabledColor : string;
|
|
393
|
+
export const utrechtFormFieldsetSectionBackgroundColor : string;
|
|
394
|
+
export const utrechtFormFieldsetSectionColor : string;
|
|
395
|
+
export const utrechtFormFieldsetInvalidBorderInlineStartColor : string;
|
|
396
|
+
export const utrechtFormFieldsetInvalidPaddingInlineStart : number;
|
|
397
|
+
export const utrechtFormFieldsetInvalidBorderInlineStartWidth : string;
|
|
387
398
|
export const utrechtBadgeCounterFontSize : string;
|
|
388
399
|
export const utrechtBadgeCounterLineHeight : string;
|
|
389
400
|
export const utrechtBadgeCounterMinBlockSize : string;
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 21 Oct 2024 09:37:13 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const utrechtActionActivateCursor = "pointer";
|
|
@@ -383,6 +383,17 @@ export const utrechtFigureImgBorderEndEndRadius = 0;
|
|
|
383
383
|
export const utrechtFigureImgBorderEndStartRadius = 0;
|
|
384
384
|
export const utrechtFigureImgBorderStartEndRadius = 0;
|
|
385
385
|
export const utrechtFigureImgBorderStartStartRadius = 0;
|
|
386
|
+
export const utrechtFormFieldsetLegendColor = "#154273";
|
|
387
|
+
export const utrechtFormFieldsetLegendFontFamily = "Fira Sans, Arial, Verdana, sans-serif";
|
|
388
|
+
export const utrechtFormFieldsetLegendFontSize = "1.25rem";
|
|
389
|
+
export const utrechtFormFieldsetLegendFontWeight = 700;
|
|
390
|
+
export const utrechtFormFieldsetLegendLineHeight = "150%";
|
|
391
|
+
export const utrechtFormFieldsetLegendDisabledColor = "#334155";
|
|
392
|
+
export const utrechtFormFieldsetSectionBackgroundColor = "transparent";
|
|
393
|
+
export const utrechtFormFieldsetSectionColor = "#154273";
|
|
394
|
+
export const utrechtFormFieldsetInvalidBorderInlineStartColor = "#d52b1e";
|
|
395
|
+
export const utrechtFormFieldsetInvalidPaddingInlineStart = 0;
|
|
396
|
+
export const utrechtFormFieldsetInvalidBorderInlineStartWidth = "0px";
|
|
386
397
|
export const utrechtBadgeCounterFontSize = "1.25rem";
|
|
387
398
|
export const utrechtBadgeCounterLineHeight = "150%";
|
|
388
399
|
export const utrechtBadgeCounterMinBlockSize = "24px";
|
package/dist/index.json
CHANGED
|
@@ -379,6 +379,17 @@
|
|
|
379
379
|
"utrechtFigureImgBorderEndStartRadius": 0,
|
|
380
380
|
"utrechtFigureImgBorderStartEndRadius": 0,
|
|
381
381
|
"utrechtFigureImgBorderStartStartRadius": 0,
|
|
382
|
+
"utrechtFormFieldsetLegendColor": "#154273",
|
|
383
|
+
"utrechtFormFieldsetLegendFontFamily": "Fira Sans, Arial, Verdana, sans-serif",
|
|
384
|
+
"utrechtFormFieldsetLegendFontSize": "1.25rem",
|
|
385
|
+
"utrechtFormFieldsetLegendFontWeight": 700,
|
|
386
|
+
"utrechtFormFieldsetLegendLineHeight": "150%",
|
|
387
|
+
"utrechtFormFieldsetLegendDisabledColor": "#334155",
|
|
388
|
+
"utrechtFormFieldsetSectionBackgroundColor": "transparent",
|
|
389
|
+
"utrechtFormFieldsetSectionColor": "#154273",
|
|
390
|
+
"utrechtFormFieldsetInvalidBorderInlineStartColor": "#d52b1e",
|
|
391
|
+
"utrechtFormFieldsetInvalidPaddingInlineStart": 0,
|
|
392
|
+
"utrechtFormFieldsetInvalidBorderInlineStartWidth": "0px",
|
|
382
393
|
"utrechtBadgeCounterFontSize": "1.25rem",
|
|
383
394
|
"utrechtBadgeCounterLineHeight": "150%",
|
|
384
395
|
"utrechtBadgeCounterMinBlockSize": "24px",
|
package/dist/index.tokens.json
CHANGED
|
@@ -569,6 +569,29 @@
|
|
|
569
569
|
"border-start-start-radius": 0
|
|
570
570
|
}
|
|
571
571
|
},
|
|
572
|
+
"form-fieldset": {
|
|
573
|
+
"legend": {
|
|
574
|
+
"color": "#154273",
|
|
575
|
+
"font-family": "Fira Sans, Arial, Verdana, sans-serif",
|
|
576
|
+
"font-size": "1.25rem",
|
|
577
|
+
"font-weight": 700,
|
|
578
|
+
"line-height": "150%",
|
|
579
|
+
"disabled": {
|
|
580
|
+
"color": "#334155"
|
|
581
|
+
}
|
|
582
|
+
},
|
|
583
|
+
"section": {
|
|
584
|
+
"background-color": "transparent",
|
|
585
|
+
"color": "#154273"
|
|
586
|
+
},
|
|
587
|
+
"invalid": {
|
|
588
|
+
"border-inline-start": {
|
|
589
|
+
"color": "#d52b1e"
|
|
590
|
+
},
|
|
591
|
+
"padding-inline-start": 0,
|
|
592
|
+
"border-inline-start-width": "0px"
|
|
593
|
+
}
|
|
594
|
+
},
|
|
572
595
|
"badge-counter": {
|
|
573
596
|
"font-size": "1.25rem",
|
|
574
597
|
"line-height": "150%",
|
package/dist/root.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 21 Oct 2024 09:37:13 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -703,6 +703,17 @@
|
|
|
703
703
|
--utrecht-badge-counter-min-block-size: 24px;
|
|
704
704
|
--utrecht-badge-counter-line-height: 150%;
|
|
705
705
|
--utrecht-badge-counter-font-size: 1.25rem;
|
|
706
|
+
--utrecht-form-fieldset-invalid-border-inline-start-width: 0px;
|
|
707
|
+
--utrecht-form-fieldset-invalid-padding-inline-start: 0;
|
|
708
|
+
--utrecht-form-fieldset-invalid-border-inline-start-color: #d52b1e;
|
|
709
|
+
--utrecht-form-fieldset-section-color: #154273;
|
|
710
|
+
--utrecht-form-fieldset-section-background-color: transparent;
|
|
711
|
+
--utrecht-form-fieldset-legend-disabled-color: #334155;
|
|
712
|
+
--utrecht-form-fieldset-legend-line-height: 150%;
|
|
713
|
+
--utrecht-form-fieldset-legend-font-weight: 700;
|
|
714
|
+
--utrecht-form-fieldset-legend-font-size: 1.25rem;
|
|
715
|
+
--utrecht-form-fieldset-legend-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
716
|
+
--utrecht-form-fieldset-legend-color: #154273;
|
|
706
717
|
--utrecht-figure-img-border-start-start-radius: 0;
|
|
707
718
|
--utrecht-figure-img-border-start-end-radius: 0;
|
|
708
719
|
--utrecht-figure-img-border-end-start-radius: 0;
|
package/dist/tokens.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 21 Oct 2024 09:37:14 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export default tokens;
|
|
@@ -592,6 +592,29 @@ declare const tokens: {
|
|
|
592
592
|
"border-start-start-radius": DesignToken
|
|
593
593
|
}
|
|
594
594
|
},
|
|
595
|
+
"form-fieldset": {
|
|
596
|
+
"legend": {
|
|
597
|
+
"color": DesignToken,
|
|
598
|
+
"font-family": DesignToken,
|
|
599
|
+
"font-size": DesignToken,
|
|
600
|
+
"font-weight": DesignToken,
|
|
601
|
+
"line-height": DesignToken,
|
|
602
|
+
"disabled": {
|
|
603
|
+
"color": DesignToken
|
|
604
|
+
}
|
|
605
|
+
},
|
|
606
|
+
"section": {
|
|
607
|
+
"background-color": DesignToken,
|
|
608
|
+
"color": DesignToken
|
|
609
|
+
},
|
|
610
|
+
"invalid": {
|
|
611
|
+
"border-inline-start": {
|
|
612
|
+
"color": DesignToken
|
|
613
|
+
},
|
|
614
|
+
"padding-inline-start": DesignToken,
|
|
615
|
+
"border-inline-start-width": DesignToken
|
|
616
|
+
}
|
|
617
|
+
},
|
|
595
618
|
"badge-counter": {
|
|
596
619
|
"font-size": DesignToken,
|
|
597
620
|
"line-height": DesignToken,
|
package/dist/tokens.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 21 Oct 2024 09:37:13 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
@@ -8657,6 +8657,277 @@ module.exports = {
|
|
|
8657
8657
|
}
|
|
8658
8658
|
}
|
|
8659
8659
|
},
|
|
8660
|
+
"form-fieldset": {
|
|
8661
|
+
"legend": {
|
|
8662
|
+
"color": {
|
|
8663
|
+
"value": "#154273",
|
|
8664
|
+
"type": "color",
|
|
8665
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
8666
|
+
"isSource": true,
|
|
8667
|
+
"original": {
|
|
8668
|
+
"value": "#154273",
|
|
8669
|
+
"type": "color"
|
|
8670
|
+
},
|
|
8671
|
+
"name": "utrechtFormFieldsetLegendColor",
|
|
8672
|
+
"attributes": {
|
|
8673
|
+
"category": "utrecht",
|
|
8674
|
+
"type": "form-fieldset",
|
|
8675
|
+
"item": "legend",
|
|
8676
|
+
"subitem": "color"
|
|
8677
|
+
},
|
|
8678
|
+
"path": [
|
|
8679
|
+
"utrecht",
|
|
8680
|
+
"form-fieldset",
|
|
8681
|
+
"legend",
|
|
8682
|
+
"color"
|
|
8683
|
+
]
|
|
8684
|
+
},
|
|
8685
|
+
"font-family": {
|
|
8686
|
+
"value": "Fira Sans, Arial, Verdana, sans-serif",
|
|
8687
|
+
"type": "fontFamilies",
|
|
8688
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
8689
|
+
"isSource": true,
|
|
8690
|
+
"original": {
|
|
8691
|
+
"value": "Fira Sans, Arial, Verdana, sans-serif",
|
|
8692
|
+
"type": "fontFamilies"
|
|
8693
|
+
},
|
|
8694
|
+
"name": "utrechtFormFieldsetLegendFontFamily",
|
|
8695
|
+
"attributes": {
|
|
8696
|
+
"category": "utrecht",
|
|
8697
|
+
"type": "form-fieldset",
|
|
8698
|
+
"item": "legend",
|
|
8699
|
+
"subitem": "font-family"
|
|
8700
|
+
},
|
|
8701
|
+
"path": [
|
|
8702
|
+
"utrecht",
|
|
8703
|
+
"form-fieldset",
|
|
8704
|
+
"legend",
|
|
8705
|
+
"font-family"
|
|
8706
|
+
]
|
|
8707
|
+
},
|
|
8708
|
+
"font-size": {
|
|
8709
|
+
"value": "1.25rem",
|
|
8710
|
+
"type": "fontSizes",
|
|
8711
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
8712
|
+
"isSource": true,
|
|
8713
|
+
"original": {
|
|
8714
|
+
"value": "1.25rem",
|
|
8715
|
+
"type": "fontSizes"
|
|
8716
|
+
},
|
|
8717
|
+
"name": "utrechtFormFieldsetLegendFontSize",
|
|
8718
|
+
"attributes": {
|
|
8719
|
+
"category": "utrecht",
|
|
8720
|
+
"type": "form-fieldset",
|
|
8721
|
+
"item": "legend",
|
|
8722
|
+
"subitem": "font-size"
|
|
8723
|
+
},
|
|
8724
|
+
"path": [
|
|
8725
|
+
"utrecht",
|
|
8726
|
+
"form-fieldset",
|
|
8727
|
+
"legend",
|
|
8728
|
+
"font-size"
|
|
8729
|
+
]
|
|
8730
|
+
},
|
|
8731
|
+
"font-weight": {
|
|
8732
|
+
"value": 700,
|
|
8733
|
+
"type": "fontWeights",
|
|
8734
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
8735
|
+
"isSource": true,
|
|
8736
|
+
"original": {
|
|
8737
|
+
"value": 700,
|
|
8738
|
+
"type": "fontWeights"
|
|
8739
|
+
},
|
|
8740
|
+
"name": "utrechtFormFieldsetLegendFontWeight",
|
|
8741
|
+
"attributes": {
|
|
8742
|
+
"category": "utrecht",
|
|
8743
|
+
"type": "form-fieldset",
|
|
8744
|
+
"item": "legend",
|
|
8745
|
+
"subitem": "font-weight"
|
|
8746
|
+
},
|
|
8747
|
+
"path": [
|
|
8748
|
+
"utrecht",
|
|
8749
|
+
"form-fieldset",
|
|
8750
|
+
"legend",
|
|
8751
|
+
"font-weight"
|
|
8752
|
+
]
|
|
8753
|
+
},
|
|
8754
|
+
"line-height": {
|
|
8755
|
+
"value": "150%",
|
|
8756
|
+
"type": "lineHeights",
|
|
8757
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
8758
|
+
"isSource": true,
|
|
8759
|
+
"original": {
|
|
8760
|
+
"value": "150%",
|
|
8761
|
+
"type": "lineHeights"
|
|
8762
|
+
},
|
|
8763
|
+
"name": "utrechtFormFieldsetLegendLineHeight",
|
|
8764
|
+
"attributes": {
|
|
8765
|
+
"category": "utrecht",
|
|
8766
|
+
"type": "form-fieldset",
|
|
8767
|
+
"item": "legend",
|
|
8768
|
+
"subitem": "line-height"
|
|
8769
|
+
},
|
|
8770
|
+
"path": [
|
|
8771
|
+
"utrecht",
|
|
8772
|
+
"form-fieldset",
|
|
8773
|
+
"legend",
|
|
8774
|
+
"line-height"
|
|
8775
|
+
]
|
|
8776
|
+
},
|
|
8777
|
+
"disabled": {
|
|
8778
|
+
"color": {
|
|
8779
|
+
"value": "#334155",
|
|
8780
|
+
"type": "color",
|
|
8781
|
+
"description": "Do not use a disabled state",
|
|
8782
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
8783
|
+
"isSource": true,
|
|
8784
|
+
"original": {
|
|
8785
|
+
"value": "#334155",
|
|
8786
|
+
"type": "color",
|
|
8787
|
+
"description": "Do not use a disabled state"
|
|
8788
|
+
},
|
|
8789
|
+
"name": "utrechtFormFieldsetLegendDisabledColor",
|
|
8790
|
+
"attributes": {
|
|
8791
|
+
"category": "utrecht",
|
|
8792
|
+
"type": "form-fieldset",
|
|
8793
|
+
"item": "legend",
|
|
8794
|
+
"subitem": "disabled",
|
|
8795
|
+
"state": "color"
|
|
8796
|
+
},
|
|
8797
|
+
"path": [
|
|
8798
|
+
"utrecht",
|
|
8799
|
+
"form-fieldset",
|
|
8800
|
+
"legend",
|
|
8801
|
+
"disabled",
|
|
8802
|
+
"color"
|
|
8803
|
+
]
|
|
8804
|
+
}
|
|
8805
|
+
}
|
|
8806
|
+
},
|
|
8807
|
+
"section": {
|
|
8808
|
+
"background-color": {
|
|
8809
|
+
"value": "transparent",
|
|
8810
|
+
"type": "color",
|
|
8811
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
8812
|
+
"isSource": true,
|
|
8813
|
+
"original": {
|
|
8814
|
+
"value": "transparent",
|
|
8815
|
+
"type": "color"
|
|
8816
|
+
},
|
|
8817
|
+
"name": "utrechtFormFieldsetSectionBackgroundColor",
|
|
8818
|
+
"attributes": {
|
|
8819
|
+
"category": "utrecht",
|
|
8820
|
+
"type": "form-fieldset",
|
|
8821
|
+
"item": "section",
|
|
8822
|
+
"subitem": "background-color"
|
|
8823
|
+
},
|
|
8824
|
+
"path": [
|
|
8825
|
+
"utrecht",
|
|
8826
|
+
"form-fieldset",
|
|
8827
|
+
"section",
|
|
8828
|
+
"background-color"
|
|
8829
|
+
]
|
|
8830
|
+
},
|
|
8831
|
+
"color": {
|
|
8832
|
+
"value": "#154273",
|
|
8833
|
+
"type": "color",
|
|
8834
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
8835
|
+
"isSource": true,
|
|
8836
|
+
"original": {
|
|
8837
|
+
"value": "#154273",
|
|
8838
|
+
"type": "color"
|
|
8839
|
+
},
|
|
8840
|
+
"name": "utrechtFormFieldsetSectionColor",
|
|
8841
|
+
"attributes": {
|
|
8842
|
+
"category": "utrecht",
|
|
8843
|
+
"type": "form-fieldset",
|
|
8844
|
+
"item": "section",
|
|
8845
|
+
"subitem": "color"
|
|
8846
|
+
},
|
|
8847
|
+
"path": [
|
|
8848
|
+
"utrecht",
|
|
8849
|
+
"form-fieldset",
|
|
8850
|
+
"section",
|
|
8851
|
+
"color"
|
|
8852
|
+
]
|
|
8853
|
+
}
|
|
8854
|
+
},
|
|
8855
|
+
"invalid": {
|
|
8856
|
+
"border-inline-start": {
|
|
8857
|
+
"color": {
|
|
8858
|
+
"value": "#d52b1e",
|
|
8859
|
+
"type": "color",
|
|
8860
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
8861
|
+
"isSource": true,
|
|
8862
|
+
"original": {
|
|
8863
|
+
"value": "#d52b1e",
|
|
8864
|
+
"type": "color"
|
|
8865
|
+
},
|
|
8866
|
+
"name": "utrechtFormFieldsetInvalidBorderInlineStartColor",
|
|
8867
|
+
"attributes": {
|
|
8868
|
+
"category": "utrecht",
|
|
8869
|
+
"type": "form-fieldset",
|
|
8870
|
+
"item": "invalid",
|
|
8871
|
+
"subitem": "border-inline-start",
|
|
8872
|
+
"state": "color"
|
|
8873
|
+
},
|
|
8874
|
+
"path": [
|
|
8875
|
+
"utrecht",
|
|
8876
|
+
"form-fieldset",
|
|
8877
|
+
"invalid",
|
|
8878
|
+
"border-inline-start",
|
|
8879
|
+
"color"
|
|
8880
|
+
]
|
|
8881
|
+
}
|
|
8882
|
+
},
|
|
8883
|
+
"padding-inline-start": {
|
|
8884
|
+
"value": 0,
|
|
8885
|
+
"type": "spacing",
|
|
8886
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
8887
|
+
"isSource": true,
|
|
8888
|
+
"original": {
|
|
8889
|
+
"value": 0,
|
|
8890
|
+
"type": "spacing"
|
|
8891
|
+
},
|
|
8892
|
+
"name": "utrechtFormFieldsetInvalidPaddingInlineStart",
|
|
8893
|
+
"attributes": {
|
|
8894
|
+
"category": "utrecht",
|
|
8895
|
+
"type": "form-fieldset",
|
|
8896
|
+
"item": "invalid",
|
|
8897
|
+
"subitem": "padding-inline-start"
|
|
8898
|
+
},
|
|
8899
|
+
"path": [
|
|
8900
|
+
"utrecht",
|
|
8901
|
+
"form-fieldset",
|
|
8902
|
+
"invalid",
|
|
8903
|
+
"padding-inline-start"
|
|
8904
|
+
]
|
|
8905
|
+
},
|
|
8906
|
+
"border-inline-start-width": {
|
|
8907
|
+
"value": "0px",
|
|
8908
|
+
"type": "borderWidth",
|
|
8909
|
+
"filePath": "src/generated/figma.tokens.json",
|
|
8910
|
+
"isSource": true,
|
|
8911
|
+
"original": {
|
|
8912
|
+
"value": "0px",
|
|
8913
|
+
"type": "borderWidth"
|
|
8914
|
+
},
|
|
8915
|
+
"name": "utrechtFormFieldsetInvalidBorderInlineStartWidth",
|
|
8916
|
+
"attributes": {
|
|
8917
|
+
"category": "utrecht",
|
|
8918
|
+
"type": "form-fieldset",
|
|
8919
|
+
"item": "invalid",
|
|
8920
|
+
"subitem": "border-inline-start-width"
|
|
8921
|
+
},
|
|
8922
|
+
"path": [
|
|
8923
|
+
"utrecht",
|
|
8924
|
+
"form-fieldset",
|
|
8925
|
+
"invalid",
|
|
8926
|
+
"border-inline-start-width"
|
|
8927
|
+
]
|
|
8928
|
+
}
|
|
8929
|
+
}
|
|
8930
|
+
},
|
|
8660
8931
|
"badge-counter": {
|
|
8661
8932
|
"font-size": {
|
|
8662
8933
|
"value": "1.25rem",
|
package/dist/variables.less
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Mon, 21 Oct 2024 09:37:14 GMT
|
|
4
4
|
|
|
5
5
|
@rhc-space-700: 3.5rem;
|
|
6
6
|
@rhc-space-600: 3rem;
|
|
@@ -701,6 +701,17 @@
|
|
|
701
701
|
@utrecht-badge-counter-min-block-size: 24px;
|
|
702
702
|
@utrecht-badge-counter-line-height: 150%;
|
|
703
703
|
@utrecht-badge-counter-font-size: 1.25rem;
|
|
704
|
+
@utrecht-form-fieldset-invalid-border-inline-start-width: 0px;
|
|
705
|
+
@utrecht-form-fieldset-invalid-padding-inline-start: 0;
|
|
706
|
+
@utrecht-form-fieldset-invalid-border-inline-start-color: #d52b1e;
|
|
707
|
+
@utrecht-form-fieldset-section-color: #154273;
|
|
708
|
+
@utrecht-form-fieldset-section-background-color: transparent;
|
|
709
|
+
@utrecht-form-fieldset-legend-disabled-color: #334155;
|
|
710
|
+
@utrecht-form-fieldset-legend-line-height: 150%;
|
|
711
|
+
@utrecht-form-fieldset-legend-font-weight: 700;
|
|
712
|
+
@utrecht-form-fieldset-legend-font-size: 1.25rem;
|
|
713
|
+
@utrecht-form-fieldset-legend-font-family: Fira Sans, Arial, Verdana, sans-serif;
|
|
714
|
+
@utrecht-form-fieldset-legend-color: #154273;
|
|
704
715
|
@utrecht-figure-img-border-start-start-radius: 0;
|
|
705
716
|
@utrecht-figure-img-border-start-end-radius: 0;
|
|
706
717
|
@utrecht-figure-img-border-end-start-radius: 0;
|
package/figma/figma.tokens.json
CHANGED
|
@@ -3018,6 +3018,67 @@
|
|
|
3018
3018
|
}
|
|
3019
3019
|
}
|
|
3020
3020
|
},
|
|
3021
|
+
"components/fieldset": {
|
|
3022
|
+
"utrecht": {
|
|
3023
|
+
"form-fieldset": {
|
|
3024
|
+
"legend": {
|
|
3025
|
+
"color": {
|
|
3026
|
+
"value": "{rhc.color.foreground.lint}",
|
|
3027
|
+
"type": "color"
|
|
3028
|
+
},
|
|
3029
|
+
"font-family": {
|
|
3030
|
+
"value": "{rhc.font-family.primary}",
|
|
3031
|
+
"type": "fontFamilies"
|
|
3032
|
+
},
|
|
3033
|
+
"font-size": {
|
|
3034
|
+
"value": "{rhc.font-size.paragraph.default}",
|
|
3035
|
+
"type": "fontSizes"
|
|
3036
|
+
},
|
|
3037
|
+
"font-weight": {
|
|
3038
|
+
"value": "{rhc.font-weight.bold}",
|
|
3039
|
+
"type": "fontWeights"
|
|
3040
|
+
},
|
|
3041
|
+
"line-height": {
|
|
3042
|
+
"value": "{rhc.line-height.md}",
|
|
3043
|
+
"type": "lineHeights"
|
|
3044
|
+
},
|
|
3045
|
+
"disabled": {
|
|
3046
|
+
"color": {
|
|
3047
|
+
"value": "{rhc.color.foreground.subdued}",
|
|
3048
|
+
"type": "color",
|
|
3049
|
+
"description": "Do not use a disabled state"
|
|
3050
|
+
}
|
|
3051
|
+
}
|
|
3052
|
+
},
|
|
3053
|
+
"section": {
|
|
3054
|
+
"background-color": {
|
|
3055
|
+
"value": "{rhc.color.none}",
|
|
3056
|
+
"type": "color"
|
|
3057
|
+
},
|
|
3058
|
+
"color": {
|
|
3059
|
+
"value": "{rhc.color.foreground.lint}",
|
|
3060
|
+
"type": "color"
|
|
3061
|
+
}
|
|
3062
|
+
},
|
|
3063
|
+
"invalid": {
|
|
3064
|
+
"border-inline-start": {
|
|
3065
|
+
"color": {
|
|
3066
|
+
"value": "{utrecht.form-field.invalid.border-inline-start-color}",
|
|
3067
|
+
"type": "color"
|
|
3068
|
+
}
|
|
3069
|
+
},
|
|
3070
|
+
"padding-inline-start": {
|
|
3071
|
+
"value": "{utrecht.form-field.invalid.padding-inline-start}",
|
|
3072
|
+
"type": "spacing"
|
|
3073
|
+
},
|
|
3074
|
+
"border-inline-start-width": {
|
|
3075
|
+
"value": "{utrecht.form-field.invalid.border-inline-start-width}",
|
|
3076
|
+
"type": "borderWidth"
|
|
3077
|
+
}
|
|
3078
|
+
}
|
|
3079
|
+
}
|
|
3080
|
+
}
|
|
3081
|
+
},
|
|
3021
3082
|
"components/figure": {
|
|
3022
3083
|
"utrecht": {
|
|
3023
3084
|
"figure": {
|
|
@@ -3759,8 +3820,8 @@
|
|
|
3759
3820
|
"type": "spacing"
|
|
3760
3821
|
},
|
|
3761
3822
|
"row-gap": {
|
|
3762
|
-
|
|
3763
|
-
|
|
3823
|
+
"value": "{rhc.space.200}",
|
|
3824
|
+
"type": "spacing"
|
|
3764
3825
|
},
|
|
3765
3826
|
"padding-inline-start": {
|
|
3766
3827
|
"value": "{rhc.space.300}",
|
|
@@ -6390,6 +6451,7 @@
|
|
|
6390
6451
|
"components/counter-badge",
|
|
6391
6452
|
"components/dot-badge",
|
|
6392
6453
|
"components/drawer",
|
|
6454
|
+
"components/fieldset",
|
|
6393
6455
|
"components/figure",
|
|
6394
6456
|
"components/footer",
|
|
6395
6457
|
"components/form-field",
|
|
@@ -6432,4 +6494,4 @@
|
|
|
6432
6494
|
"components/icon"
|
|
6433
6495
|
]
|
|
6434
6496
|
}
|
|
6435
|
-
}
|
|
6497
|
+
}
|
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.30",
|
|
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": "90d9ee66f473ac92e93bef1effe04bed945a0da6"
|
|
37
37
|
}
|
|
@@ -1667,6 +1667,63 @@
|
|
|
1667
1667
|
}
|
|
1668
1668
|
}
|
|
1669
1669
|
},
|
|
1670
|
+
"form-fieldset": {
|
|
1671
|
+
"legend": {
|
|
1672
|
+
"color": {
|
|
1673
|
+
"value": "#154273",
|
|
1674
|
+
"type": "color"
|
|
1675
|
+
},
|
|
1676
|
+
"font-family": {
|
|
1677
|
+
"value": "Fira Sans, Arial, Verdana, sans-serif",
|
|
1678
|
+
"type": "fontFamilies"
|
|
1679
|
+
},
|
|
1680
|
+
"font-size": {
|
|
1681
|
+
"value": "1.25rem",
|
|
1682
|
+
"type": "fontSizes"
|
|
1683
|
+
},
|
|
1684
|
+
"font-weight": {
|
|
1685
|
+
"value": 700,
|
|
1686
|
+
"type": "fontWeights"
|
|
1687
|
+
},
|
|
1688
|
+
"line-height": {
|
|
1689
|
+
"value": "150%",
|
|
1690
|
+
"type": "lineHeights"
|
|
1691
|
+
},
|
|
1692
|
+
"disabled": {
|
|
1693
|
+
"color": {
|
|
1694
|
+
"value": "#334155",
|
|
1695
|
+
"type": "color",
|
|
1696
|
+
"description": "Do not use a disabled state"
|
|
1697
|
+
}
|
|
1698
|
+
}
|
|
1699
|
+
},
|
|
1700
|
+
"section": {
|
|
1701
|
+
"background-color": {
|
|
1702
|
+
"value": "transparent",
|
|
1703
|
+
"type": "color"
|
|
1704
|
+
},
|
|
1705
|
+
"color": {
|
|
1706
|
+
"value": "#154273",
|
|
1707
|
+
"type": "color"
|
|
1708
|
+
}
|
|
1709
|
+
},
|
|
1710
|
+
"invalid": {
|
|
1711
|
+
"border-inline-start": {
|
|
1712
|
+
"color": {
|
|
1713
|
+
"value": "#d52b1e",
|
|
1714
|
+
"type": "color"
|
|
1715
|
+
}
|
|
1716
|
+
},
|
|
1717
|
+
"padding-inline-start": {
|
|
1718
|
+
"value": 0,
|
|
1719
|
+
"type": "spacing"
|
|
1720
|
+
},
|
|
1721
|
+
"border-inline-start-width": {
|
|
1722
|
+
"value": "0px",
|
|
1723
|
+
"type": "borderWidth"
|
|
1724
|
+
}
|
|
1725
|
+
}
|
|
1726
|
+
},
|
|
1670
1727
|
"badge-counter": {
|
|
1671
1728
|
"font-size": {
|
|
1672
1729
|
"value": "1.25rem",
|