@rijkshuisstijl-community/design-tokens 1.0.0-alpha.7 → 1.0.0-alpha.70
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/LICENSE.md +7 -282
- package/README.md +21 -3
- package/dist/_variables.scss +1169 -295
- package/dist/index.css +1169 -295
- package/dist/index.d.ts +1145 -270
- package/dist/index.js +1169 -295
- package/dist/index.json +1169 -295
- package/dist/index.tokens.json +1741 -598
- package/dist/root.css +1169 -295
- package/dist/tokens.d.ts +1646 -502
- package/dist/tokens.js +25742 -4616
- package/dist/variables.less +1169 -295
- package/figma/figma.tokens.json +6921 -0
- package/package.json +15 -12
- package/src/common/utrecht/focus.tokens.json +2 -2
- package/src/generated/figma.tokens.json +5494 -0
- package/token-transformer.mjs +49 -0
- package/src/brand/rhc/color.tokens.json +0 -103
- package/src/brand/rhc/font.tokens.json +0 -34
- package/src/components/basiselementen/document.tokens.json +0 -15
- package/src/components/rvo/button.tokens.json +0 -33
- package/src/components/rvo/checkbox.tokens.json +0 -32
- package/src/components/rvo/custom-radio-button.tokens.json +0 -24
- package/src/components/rvo/heading.tokens.json +0 -24
- package/src/components/rvo/logo.tokens.json +0 -13
- package/src/components/rvo/select.tokens.json +0 -15
- package/src/components/utrecht/breadcrumbs.tokens.json +0 -66
- package/src/components/utrecht/button.tokens.json +0 -120
- package/src/components/utrecht/custom-radio-button.tokens.json +0 -53
- package/src/components/utrecht/data-list.tokens.json +0 -91
- package/src/components/utrecht/document.tokens.json +0 -12
- package/src/components/utrecht/form-field.tokens.json +0 -21
- package/src/components/utrecht/form-fieldset.tokens.json +0 -27
- package/src/components/utrecht/form-input.tokens.json +0 -42
- package/src/components/utrecht/form-label.tokens.json +0 -23
- package/src/components/utrecht/heading-1.tokens.json +0 -13
- package/src/components/utrecht/heading-2.tokens.json +0 -13
- package/src/components/utrecht/heading-3.tokens.json +0 -13
- package/src/components/utrecht/heading-4.tokens.json +0 -13
- package/src/components/utrecht/heading-5.tokens.json +0 -13
- package/src/components/utrecht/heading-6.tokens.json +0 -13
- package/src/components/utrecht/link.tokens.json +0 -44
- package/src/components/utrecht/ordered-list.tokens.json +0 -19
- package/src/components/utrecht/paragraph.tokens.json +0 -23
- package/src/components/utrecht/unordered-list.tokens.json +0 -31
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"utrecht": {
|
|
3
|
-
"document": {
|
|
4
|
-
"background-color": { "value": "{basiselementen.color.wit}" },
|
|
5
|
-
"color": { "value": "{basiselementen.color.zwart}" },
|
|
6
|
-
"font-family": { "value": "{basiselementen.font.sans-serif.font-family}" },
|
|
7
|
-
"font-size": { "value": "{basiselementen.document.font-size}" },
|
|
8
|
-
"font-weight": {},
|
|
9
|
-
"line-height": { "value": "{basiselementen.document.line-height}" }
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"utrecht": {
|
|
3
|
-
"form-field": {
|
|
4
|
-
"description": {
|
|
5
|
-
"margin-block-start": { "value": "0" },
|
|
6
|
-
"margin-block-end": { "value": "1ex" }
|
|
7
|
-
},
|
|
8
|
-
"invalid": {
|
|
9
|
-
"border-inline-start-color": {},
|
|
10
|
-
"border-inline-start-width": {},
|
|
11
|
-
"padding-inline-start": {}
|
|
12
|
-
},
|
|
13
|
-
"label": {
|
|
14
|
-
"margin-block-end": {}
|
|
15
|
-
},
|
|
16
|
-
"margin-block-end": { "value": "1ex" },
|
|
17
|
-
"margin-block-start": { "value": "1ex" },
|
|
18
|
-
"min-width": { "value": "100%" }
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"utrecht": {
|
|
3
|
-
"form-fieldset": {
|
|
4
|
-
"margin-block-end": { "value": "1ex" },
|
|
5
|
-
"margin-block-start": { "value": "1ex" },
|
|
6
|
-
"section": {
|
|
7
|
-
"background-color": { "value": "{basiselementen.color.wit}" },
|
|
8
|
-
"color": {}
|
|
9
|
-
},
|
|
10
|
-
"padding-block-end": { "value": "36px" },
|
|
11
|
-
"padding-block-start": { "value": "36px" },
|
|
12
|
-
"padding-inline-end": { "value": "36px" },
|
|
13
|
-
"padding-inline-start": { "value": "36px" },
|
|
14
|
-
|
|
15
|
-
"legend": {
|
|
16
|
-
"color": {},
|
|
17
|
-
"font-family": {},
|
|
18
|
-
"font-size": {},
|
|
19
|
-
"font-weight": { "value": "{basiselementen.font-weight.bold}" },
|
|
20
|
-
"line-height": { "value": "150%" },
|
|
21
|
-
"margin-block-end": { "value": "1ex" },
|
|
22
|
-
"margin-block-start": { "value": "0" },
|
|
23
|
-
"text-transform": {}
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"utrecht": {
|
|
3
|
-
"form-input": {
|
|
4
|
-
"background-color": { "value": "{basiselementen.color.wit}" },
|
|
5
|
-
"border-color": { "value": "{basiselementen.color.grijs6}" },
|
|
6
|
-
"border-radius": { "value": "0" },
|
|
7
|
-
"border-width": { "value": "1px" },
|
|
8
|
-
"color": { "value": "{basiselementen.color.zwart}" },
|
|
9
|
-
"font-family": {},
|
|
10
|
-
"font-size": { "value": "18px" },
|
|
11
|
-
"font-style": {},
|
|
12
|
-
"max-inline-size": {},
|
|
13
|
-
"padding-block-end": { "value": "8px" },
|
|
14
|
-
"padding-block-start": { "value": "12px" },
|
|
15
|
-
"padding-inline-end": { "value": "12px" },
|
|
16
|
-
"padding-inline-start": { "value": "12px" },
|
|
17
|
-
"placeholder": {
|
|
18
|
-
"color": {}
|
|
19
|
-
},
|
|
20
|
-
"disabled": {
|
|
21
|
-
"background-color": { "value": "{basiselementen.color.grijs3} !important" },
|
|
22
|
-
"border-color": { "value": "{basiselementen.color.grijs7}" },
|
|
23
|
-
"border-width": { "value": "0" },
|
|
24
|
-
"color": { "value": "{basiselementen.color.grijs7}" }
|
|
25
|
-
},
|
|
26
|
-
"focus": {
|
|
27
|
-
"background-color": { "value": "{basiselementen.color.wit}" },
|
|
28
|
-
"border-color": { "value": "{basiselementen.color.grijs6}" },
|
|
29
|
-
"border-width": {}
|
|
30
|
-
},
|
|
31
|
-
"invalid": {
|
|
32
|
-
"background-color": { "value": "{basiselementen.color.wit}" },
|
|
33
|
-
"border-color": { "value": "{basiselementen.color.rood}" },
|
|
34
|
-
"border-width": { "value": "1px" }
|
|
35
|
-
},
|
|
36
|
-
"read-only": {
|
|
37
|
-
"border-color": { "value": "{basiselementen.color.grijs7}" },
|
|
38
|
-
"color": { "value": "{basiselementen.color.grijs7}" }
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"utrecht": {
|
|
3
|
-
"form-label": {
|
|
4
|
-
"color": {},
|
|
5
|
-
"font-weight": { "value": "{basiselementen.font-weight.bold}" },
|
|
6
|
-
"font-size": { "value": "18px" },
|
|
7
|
-
"checkbox": {
|
|
8
|
-
"color": {},
|
|
9
|
-
"font-weight": {}
|
|
10
|
-
},
|
|
11
|
-
"checked": {
|
|
12
|
-
"font-weight": {}
|
|
13
|
-
},
|
|
14
|
-
"disabled": {
|
|
15
|
-
"color": {}
|
|
16
|
-
},
|
|
17
|
-
"radio": {
|
|
18
|
-
"color": {},
|
|
19
|
-
"font-weight": {}
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"utrecht": {
|
|
3
|
-
"heading-1": {
|
|
4
|
-
"color": {},
|
|
5
|
-
"font-family": {},
|
|
6
|
-
"font-size": { "value": "2rem" },
|
|
7
|
-
"font-weight": { "value": "{basiselementen.font-weight.bold}" },
|
|
8
|
-
"line-height": { "value": "125%" },
|
|
9
|
-
"margin-block-end": { "value": "16px" },
|
|
10
|
-
"margin-block-start": { "value": "16px" }
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"utrecht": {
|
|
3
|
-
"heading-2": {
|
|
4
|
-
"color": {},
|
|
5
|
-
"font-family": {},
|
|
6
|
-
"font-size": { "value": "1.5rem" },
|
|
7
|
-
"font-weight": { "value": "{basiselementen.font-weight.bold}" },
|
|
8
|
-
"line-height": { "value": "150%" },
|
|
9
|
-
"margin-block-end": { "value": "4px" },
|
|
10
|
-
"margin-block-start": {}
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"utrecht": {
|
|
3
|
-
"heading-3": {
|
|
4
|
-
"color": {},
|
|
5
|
-
"font-family": {},
|
|
6
|
-
"font-size": { "value": "1.25rem" },
|
|
7
|
-
"font-weight": { "value": "{basiselementen.font-weight.bold}" },
|
|
8
|
-
"line-height": { "value": "125%" },
|
|
9
|
-
"margin-block-end": { "value": "4px" },
|
|
10
|
-
"margin-block-start": {}
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"utrecht": {
|
|
3
|
-
"heading-4": {
|
|
4
|
-
"color": {},
|
|
5
|
-
"font-family": {},
|
|
6
|
-
"font-size": { "value": "1.125rem" },
|
|
7
|
-
"font-weight": { "value": "{basiselementen.font-weight.bold}" },
|
|
8
|
-
"line-height": {},
|
|
9
|
-
"margin-block-end": { "value": "4px" },
|
|
10
|
-
"margin-block-start": {}
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"utrecht": {
|
|
3
|
-
"heading-5": {
|
|
4
|
-
"color": {},
|
|
5
|
-
"font-family": {},
|
|
6
|
-
"font-size": { "value": "1rem" },
|
|
7
|
-
"font-weight": { "value": "{basiselementen.font-weight.bold}" },
|
|
8
|
-
"line-height": {},
|
|
9
|
-
"margin-block-end": { "value": "4px" },
|
|
10
|
-
"margin-block-start": {}
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"utrecht": {
|
|
3
|
-
"heading-6": {
|
|
4
|
-
"color": {},
|
|
5
|
-
"font-family": {},
|
|
6
|
-
"font-size": { "value": "0.875rem" },
|
|
7
|
-
"font-weight": { "value": "{basiselementen.font-weight.bold}" },
|
|
8
|
-
"line-height": {},
|
|
9
|
-
"margin-block-end": { "value": "4px" },
|
|
10
|
-
"margin-block-start": {}
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"utrecht": {
|
|
3
|
-
"link": {
|
|
4
|
-
"background-color": {},
|
|
5
|
-
"color": { "value": "{basiselementen.color.hemelblauw}" },
|
|
6
|
-
"text-decoration": { "value": "underline" },
|
|
7
|
-
"text-decoration-thickness": { "value": "1px" },
|
|
8
|
-
"text-underline-offset": { "value": "2px" },
|
|
9
|
-
"font-weight": { "value": "{basiselementen.font-weight.normal}" },
|
|
10
|
-
"icon": {
|
|
11
|
-
"background-color": {}
|
|
12
|
-
},
|
|
13
|
-
"hover": {
|
|
14
|
-
"background-color": {},
|
|
15
|
-
"color": { "value": "{basiselementen.color.donkerblauw}" },
|
|
16
|
-
"text-decoration-thickness": { "value": "1px" },
|
|
17
|
-
"font-weight": { "value": "{basiselementen.font-weight.bold}" },
|
|
18
|
-
"icon": {
|
|
19
|
-
"background-color": {}
|
|
20
|
-
},
|
|
21
|
-
"text-decoration": { "value": "none" }
|
|
22
|
-
},
|
|
23
|
-
"active": {
|
|
24
|
-
"background-color": {},
|
|
25
|
-
"color": { "value": "{basiselementen.color.donkerblauw}" },
|
|
26
|
-
"font-weight": { "value": "{basiselementen.font-weight.bold}" },
|
|
27
|
-
"icon": {
|
|
28
|
-
"background-color": {}
|
|
29
|
-
},
|
|
30
|
-
"text-decoration-thickness": { "value": "1px" }
|
|
31
|
-
},
|
|
32
|
-
"focus": {
|
|
33
|
-
"background-color": {},
|
|
34
|
-
"color": {},
|
|
35
|
-
"font-weight": {},
|
|
36
|
-
"icon": {
|
|
37
|
-
"background-color": {}
|
|
38
|
-
},
|
|
39
|
-
"outline-offset": { "value": "0" },
|
|
40
|
-
"text-decoration-thickness": { "value": "1px" }
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"utrecht": {
|
|
3
|
-
"ordered-list": {
|
|
4
|
-
"margin-block-start": {},
|
|
5
|
-
"margin-block-end": { "value": "0" },
|
|
6
|
-
"item": {
|
|
7
|
-
"margin-block-start": { "value": "0.5ex" },
|
|
8
|
-
"margin-block-end": { "value": "0.5ex" },
|
|
9
|
-
"padding-inline-start": { "value": "0" }
|
|
10
|
-
},
|
|
11
|
-
"marker": {
|
|
12
|
-
"color": {}
|
|
13
|
-
},
|
|
14
|
-
"padding-inline-start": {
|
|
15
|
-
"value": "0"
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"utrecht": {
|
|
3
|
-
"paragraph": {
|
|
4
|
-
"color": {},
|
|
5
|
-
"font-family": {},
|
|
6
|
-
"font-size": { "value": "18px" },
|
|
7
|
-
"font-weight": {},
|
|
8
|
-
"line-height": { "value": "150%" },
|
|
9
|
-
"margin-block-start": {},
|
|
10
|
-
"margin-block-end": { "value": "16px" },
|
|
11
|
-
"lead": {
|
|
12
|
-
"color": {},
|
|
13
|
-
"font-size": { "value": "20px" },
|
|
14
|
-
"font-weight": {},
|
|
15
|
-
"line-height": { "value": "150%" }
|
|
16
|
-
},
|
|
17
|
-
"small": {
|
|
18
|
-
"font-size": { "value": "16px" },
|
|
19
|
-
"line-height": { "value": "150%" }
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"utrecht": {
|
|
3
|
-
"unordered-list": {
|
|
4
|
-
"margin-block-start": {
|
|
5
|
-
"value": "0"
|
|
6
|
-
},
|
|
7
|
-
"margin-block-end": {
|
|
8
|
-
"value": "16px"
|
|
9
|
-
},
|
|
10
|
-
"item": {
|
|
11
|
-
"margin-block-start": { "value": "0.5ex" },
|
|
12
|
-
"margin-block-end": { "value": "0.5ex" },
|
|
13
|
-
"padding-inline-start": {
|
|
14
|
-
"value": "0"
|
|
15
|
-
},
|
|
16
|
-
"marker": {
|
|
17
|
-
"value": "initial"
|
|
18
|
-
}
|
|
19
|
-
},
|
|
20
|
-
"marker": {
|
|
21
|
-
"color": {}
|
|
22
|
-
},
|
|
23
|
-
"padding-inline-start": {
|
|
24
|
-
"value": "20px"
|
|
25
|
-
},
|
|
26
|
-
"list-style-type": {
|
|
27
|
-
"value": "square"
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
}
|