@conduction/theme 1.1.50 → 1.1.52
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/README.md +4 -0
- package/conduction-design-tokens/src/component/utrecht/focus.tokens.json +5 -5
- package/municipalities/bct-design-tokens/src/component/conduction/logo.tokens.json +3 -3
- package/municipalities/soest-design-tokens/LICENSE.md +17 -0
- package/municipalities/soest-design-tokens/README.md +3 -0
- package/municipalities/soest-design-tokens/documentation/color.stories.mdx +17 -0
- package/municipalities/soest-design-tokens/documentation/components.stories.mdx +11 -0
- package/municipalities/soest-design-tokens/documentation/design-tokens.stories.mdx +14 -0
- package/municipalities/soest-design-tokens/documentation/readme.stories.mdx +7 -0
- package/municipalities/soest-design-tokens/package.json +40 -0
- package/municipalities/soest-design-tokens/src/brand/soest/color.tokens.json +137 -0
- package/municipalities/soest-design-tokens/src/brand/soest/font-size.tokens.json +50 -0
- package/municipalities/soest-design-tokens/src/brand/soest/size.tokens.json +17 -0
- package/municipalities/soest-design-tokens/src/brand/soest/typography.tokens.json +40 -0
- package/municipalities/soest-design-tokens/src/common/utrecht/action.tokens.json +9 -0
- package/municipalities/soest-design-tokens/src/common/utrecht/space.tokens.json +28 -0
- package/municipalities/soest-design-tokens/src/component/conduction/card-header.tokens.json +34 -0
- package/municipalities/soest-design-tokens/src/component/conduction/card-wrapper.tokens.json +33 -0
- package/municipalities/soest-design-tokens/src/component/conduction/logo.tokens.json +27 -0
- package/municipalities/soest-design-tokens/src/component/conduction/pagination.tokens.json +95 -0
- package/municipalities/soest-design-tokens/src/component/conduction/select.tokens.json +39 -0
- package/municipalities/soest-design-tokens/src/component/conduction/table-wrapper.tokens.json +21 -0
- package/municipalities/soest-design-tokens/src/component/conduction/tooltip.tokens.json +17 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/alert.tokens.json +46 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/button.tokens.json +152 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/code.tokens.json +26 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/document.tokens.json +12 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/extra-tokens/alert.tokens.json +9 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/extra-tokens/form-field.tokens.json +13 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/extra-tokens/form-input.tokens.json +26 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/extra-tokens/icon.tokens.json +7 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/extra-tokens/link.tokens.json +10 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json +38 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/extra-tokens/page-header.tokens.json +15 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/extra-tokens/skip-link.tokens.json +24 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json +37 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/focus.tokens.json +15 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/form-field.tokens.json +17 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/form-input.tokens.json +34 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/heading.tokens.json +49 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/icon.tokens.json +12 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/link.tokens.json +33 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/list.tokens.json +31 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/page-footer.tokens.json +13 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/page-header.tokens.json +10 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/page.tokens.json +11 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/paragraph.tokens.json +25 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/select.tokens.json +47 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/separator.tokens.json +10 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/skip-link.tokens.json +16 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/surface.tokens.json +8 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/table.tokens.json +60 -0
- package/municipalities/soest-design-tokens/src/component/utrecht/textbox.tokens.json +35 -0
- package/municipalities/soest-design-tokens/src/config.json +73 -0
- package/municipalities/soest-design-tokens/src/font.scss +41 -0
- package/municipalities/soest-design-tokens/src/index.scss +8 -0
- package/municipalities/soest-design-tokens/style-dictionary.config.js +6 -0
- package/municipalities/stichtse-vecht-design-tokens/LICENSE.md +17 -0
- package/municipalities/stichtse-vecht-design-tokens/README.md +3 -0
- package/municipalities/stichtse-vecht-design-tokens/documentation/color.stories.mdx +17 -0
- package/municipalities/stichtse-vecht-design-tokens/documentation/components.stories.mdx +11 -0
- package/municipalities/stichtse-vecht-design-tokens/documentation/design-tokens.stories.mdx +14 -0
- package/municipalities/stichtse-vecht-design-tokens/documentation/readme.stories.mdx +7 -0
- package/municipalities/stichtse-vecht-design-tokens/package.json +40 -0
- package/municipalities/stichtse-vecht-design-tokens/src/brand/stichtse-vecht/color.tokens.json +144 -0
- package/municipalities/stichtse-vecht-design-tokens/src/brand/stichtse-vecht/font-size.tokens.json +50 -0
- package/municipalities/stichtse-vecht-design-tokens/src/brand/stichtse-vecht/size.tokens.json +17 -0
- package/municipalities/stichtse-vecht-design-tokens/src/brand/stichtse-vecht/typography.tokens.json +45 -0
- package/municipalities/stichtse-vecht-design-tokens/src/common/utrecht/action.tokens.json +9 -0
- package/municipalities/stichtse-vecht-design-tokens/src/common/utrecht/space.tokens.json +28 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/conduction/card-header.tokens.json +34 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/conduction/card-wrapper.tokens.json +55 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/conduction/logo.tokens.json +21 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/conduction/navigation.tokens.json +88 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/conduction/pagination.tokens.json +95 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/conduction/select.tokens.json +39 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/conduction/table-wrapper.tokens.json +21 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/conduction/tooltip.tokens.json +17 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/alert.tokens.json +46 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/button.tokens.json +152 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/code.tokens.json +26 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/document.tokens.json +12 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/extra-tokens/alert.tokens.json +9 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/extra-tokens/form-input.tokens.json +26 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/extra-tokens/icon.tokens.json +7 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/extra-tokens/link.tokens.json +10 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json +38 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/extra-tokens/page-header.tokens.json +15 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/extra-tokens/skip-link.tokens.json +24 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json +37 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/extra-tokens/textbox.tokens.json +26 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/focus.tokens.json +15 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/form-input.tokens.json +31 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/heading.tokens.json +49 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/icon.tokens.json +12 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/link.tokens.json +33 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/list.tokens.json +31 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/page-footer.tokens.json +15 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/page-header.tokens.json +10 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/page.tokens.json +11 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/paragraph.tokens.json +25 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/select.tokens.json +47 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/separator.tokens.json +10 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/skip-link.tokens.json +16 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/surface.tokens.json +8 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/table.tokens.json +60 -0
- package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/textbox.tokens.json +34 -0
- package/municipalities/stichtse-vecht-design-tokens/src/config.json +73 -0
- package/municipalities/stichtse-vecht-design-tokens/src/font.scss +20 -0
- package/municipalities/stichtse-vecht-design-tokens/src/index.scss +8 -0
- package/municipalities/stichtse-vecht-design-tokens/style-dictionary.config.js +6 -0
- package/package.json +4 -2
package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/form-input.tokens.json
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
{
|
|
2
|
+
"utrecht": {
|
|
3
|
+
"form-input": {
|
|
4
|
+
"border-bottom-width": {},
|
|
5
|
+
"border-color": { "value": "{stichtse-vecht.color.black.0}" },
|
|
6
|
+
"border-radius": {},
|
|
7
|
+
"border-width": { "value": "{stichtse-vecht.size.3xs}" },
|
|
8
|
+
"color": { "value": "{stichtse-vecht.color.black.0}" },
|
|
9
|
+
"font-family": { "value": "{stichtse-vecht.typography.sans-serif.font-family}" },
|
|
10
|
+
"font-size": { "value": "{stichtse-vecht.font-size.lg}" },
|
|
11
|
+
"min-inline-height": {},
|
|
12
|
+
"max-inline-size": {},
|
|
13
|
+
"padding-block-end": { "value": "{stichtse-vecht.size.xs}" },
|
|
14
|
+
"padding-block-start": { "value": "{stichtse-vecht.size.xs}" },
|
|
15
|
+
"padding-inline-end": { "value": "{stichtse-vecht.size.xs}" },
|
|
16
|
+
"padding-inline-start": { "value": "{stichtse-vecht.size.xs}" },
|
|
17
|
+
"disabled": {
|
|
18
|
+
"border-color": { "value": "{stichtse-vecht.color.grey.87}" },
|
|
19
|
+
"color": {}
|
|
20
|
+
},
|
|
21
|
+
"invalid": {
|
|
22
|
+
"border-color": { "value": "{stichtse-vecht.color.error}" },
|
|
23
|
+
"border-width": { "value": "{stichtse-vecht.size.4xs}" }
|
|
24
|
+
},
|
|
25
|
+
"read-only": {
|
|
26
|
+
"border-color": { "value": "{stichtse-vecht.color.grey.48}" },
|
|
27
|
+
"color": {}
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
{
|
|
2
|
+
"utrecht": {
|
|
3
|
+
"heading-1": {
|
|
4
|
+
"color": {},
|
|
5
|
+
"font-family": { "value": "{stichtse-vecht.typography.sans-serif.font-family}" },
|
|
6
|
+
"font-size": { "value": "2.222em" },
|
|
7
|
+
"font-weight": { "value": "{stichtse-vecht.typography.font-weight.bold}" },
|
|
8
|
+
"line-height": {},
|
|
9
|
+
"margin-block-end": { "value": "{stichtse-vecht.size.2xl}" },
|
|
10
|
+
"margin-block-start": { "value": "{stichtse-vecht.size.md}" }
|
|
11
|
+
},
|
|
12
|
+
"heading-2": {
|
|
13
|
+
"color": {},
|
|
14
|
+
"font-family": { "value": "{stichtse-vecht.typography.sans-serif.font-family}" },
|
|
15
|
+
"font-size": { "value": "1.666em" },
|
|
16
|
+
"font-weight": { "value": "{stichtse-vecht.typography.font-weight.bold}" },
|
|
17
|
+
"line-height": {},
|
|
18
|
+
"margin-block-end": { "value": "{stichtse-vecht.size.2xl}" },
|
|
19
|
+
"margin-block-start": { "value": "{stichtse-vecht.size.md}" }
|
|
20
|
+
},
|
|
21
|
+
"heading-3": {
|
|
22
|
+
"color": {},
|
|
23
|
+
"font-family": { "value": "{stichtse-vecht.typography.sans-serif.font-family}" },
|
|
24
|
+
"font-size": { "value": "1.166em" },
|
|
25
|
+
"font-weight": { "value": "{stichtse-vecht.typography.font-weight.normal}" },
|
|
26
|
+
"line-height": {},
|
|
27
|
+
"margin-block-end": { "value": "{stichtse-vecht.size.xl}" },
|
|
28
|
+
"margin-block-start": { "value": "{stichtse-vecht.size.md}" }
|
|
29
|
+
},
|
|
30
|
+
"heading-4": {
|
|
31
|
+
"color": {},
|
|
32
|
+
"font-family": { "value": "{stichtse-vecht.typography.sans-serif.font-family}" },
|
|
33
|
+
"font-size": { "value": "1.666em" },
|
|
34
|
+
"font-weight": { "value": "{stichtse-vecht.typography.font-weight.normal}" },
|
|
35
|
+
"line-height": {},
|
|
36
|
+
"margin-block-end": { "value": "{stichtse-vecht.size.lg}" },
|
|
37
|
+
"margin-block-start": { "value": "{stichtse-vecht.size.md}" }
|
|
38
|
+
},
|
|
39
|
+
"heading-5": {
|
|
40
|
+
"color": {},
|
|
41
|
+
"font-family": { "value": "{stichtse-vecht.typography.sans-serif.font-family}" },
|
|
42
|
+
"font-size": { "value": "1.666em" },
|
|
43
|
+
"font-weight": { "value": "{stichtse-vecht.typography.font-weight.normal}" },
|
|
44
|
+
"line-height": {},
|
|
45
|
+
"margin-block-end": { "value": "{stichtse-vecht.size.lg}" },
|
|
46
|
+
"margin-block-start": { "value": "{stichtse-vecht.size.md}" }
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
{
|
|
2
|
+
"utrecht": {
|
|
3
|
+
"link": {
|
|
4
|
+
"color": { "value": "{stichtse-vecht.color.blue.37}" },
|
|
5
|
+
"text-decoration": { "value": "underline" },
|
|
6
|
+
"text-decoration-color": { "value": "{stichtse-vecht.color.blue.37}" },
|
|
7
|
+
"text-decoration-thickness": { "value": "{stichtse-vecht.size.4xs}" },
|
|
8
|
+
"text-underline-offset": { "value": "{stichtse-vecht.size.4xs}" },
|
|
9
|
+
"active": {
|
|
10
|
+
"color": {}
|
|
11
|
+
},
|
|
12
|
+
"focus": {
|
|
13
|
+
"color": {},
|
|
14
|
+
"text-decoration": {},
|
|
15
|
+
"text-decoration-thickness": {}
|
|
16
|
+
},
|
|
17
|
+
"hover": {
|
|
18
|
+
"color": { "value": "{stichtse-vecht.color.blue.27}" },
|
|
19
|
+
"text-decoration": { "value": "underline" },
|
|
20
|
+
"text-decoration-thickness": { "value": "{stichtse-vecht.size.4xs}" }
|
|
21
|
+
},
|
|
22
|
+
"placeholder": {
|
|
23
|
+
"color": {}
|
|
24
|
+
},
|
|
25
|
+
"visited": {
|
|
26
|
+
"color": { "value": "{stichtse-vecht.color.blue.37}" }
|
|
27
|
+
},
|
|
28
|
+
"icon": {
|
|
29
|
+
"size": { "value": "{stichtse-vecht.size.md}" }
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
{
|
|
2
|
+
"utrecht": {
|
|
3
|
+
"ordered-list": {
|
|
4
|
+
"font-size": { "value": "{utrecht.document.font-size}" },
|
|
5
|
+
"line-height": {},
|
|
6
|
+
"margin-block-start": { "value": "{stichtse-vecht.size.sm}" },
|
|
7
|
+
"margin-block-end": { "value": "{stichtse-vecht.size.sm}" },
|
|
8
|
+
"padding-inline-start": { "value": "{stichtse-vecht.size.xl}" },
|
|
9
|
+
"item": {
|
|
10
|
+
"margin-block-start": { "value": "{stichtse-vecht.size.2xs}" },
|
|
11
|
+
"margin-block-end": { "value": "{stichtse-vecht.size.2xs}" },
|
|
12
|
+
"padding-inline-start": { "value": "1ch" }
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
"unordered-list": {
|
|
16
|
+
"font-size": { "value": "{utrecht.document.font-size}" },
|
|
17
|
+
"line-height": {},
|
|
18
|
+
"margin-block-start": { "value": "{stichtse-vecht.size.md}" },
|
|
19
|
+
"margin-block-end": { "value": 0 },
|
|
20
|
+
"padding-inline-start": { "value": "2ch" },
|
|
21
|
+
"item": {
|
|
22
|
+
"margin-block-start": { "value": "{stichtse-vecht.size.xs}" },
|
|
23
|
+
"margin-block-end": { "value": "{stichtse-vecht.size.xs}" },
|
|
24
|
+
"padding-inline-start": { "value": "1ch" }
|
|
25
|
+
},
|
|
26
|
+
"marker": {
|
|
27
|
+
"color": { "value": "{stichtse-vecht.color.black.0}" }
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/page-footer.tokens.json
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
{
|
|
2
|
+
"utrecht": {
|
|
3
|
+
"page-footer": {
|
|
4
|
+
"background-color": { "value": "{stichtse-vecht.color.blue.22}" },
|
|
5
|
+
"background-size": { "value": "90%" },
|
|
6
|
+
"background-position": { "value": "center 40%" },
|
|
7
|
+
"background-image": { "value": "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 1455 1039' xmlns='http://www.w3.org/2000/svg' xml:space='preserve'%3E%3Cpath d='m367.174 701.949 72.913 280.974-214.546 55.677-72.913-280.977 214.546-55.674ZM1069.3 189.223l.07-.018c123.49 51.105 192.28-108.569 305.04-98.81l80.41 309.862c-112.76-9.758-181.55 149.916-305.06 98.743-136.85-56.636-206.464 145.582-343.23 89.283-.069.018-.241-.081-.241-.081l-.069.017-79.971-308.176.069-.018c4.472 1.72 8.84 3.322 13.173 4.789 128.267 38.778 197.357-150.49 329.809-95.591ZM806.068 588.056l72.914 280.977-214.547 55.68-72.913-280.982 214.546-55.675ZM214.547 113.609l72.913 280.979-214.547 55.674L0 169.283l214.547-55.674ZM652.351 0l72.914 280.979-213.458 55.391-72.913-280.979L652.351 0Z' style='fill-opacity:.2'/%3E%3C/svg%3E%0A\")" },
|
|
8
|
+
"color": { "value": "{stichtse-vecht.color.white.100}" },
|
|
9
|
+
"padding-inline-end": { "value": "{stichtse-vecht.size.sm}" },
|
|
10
|
+
"padding-inline-start": { "value": "{stichtse-vecht.size.sm}" },
|
|
11
|
+
"padding-block-end": { "value": "{stichtse-vecht.size.xl}" },
|
|
12
|
+
"padding-block-start": { "value": "{stichtse-vecht.size.xl}" }
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
}
|
package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/page-header.tokens.json
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
{
|
|
2
|
+
"utrecht": {
|
|
3
|
+
"page-header": {
|
|
4
|
+
"background-color": { "value": "{stichtse-vecht.color.white.100}" },
|
|
5
|
+
"color": { "value": "{stichtse-vecht.color.black.0}" },
|
|
6
|
+
"padding-block-start": { "value": "{stichtse-vecht.size.sm}" },
|
|
7
|
+
"padding-block-end": { "value": "{stichtse-vecht.size.sm}" }
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
}
|
package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/paragraph.tokens.json
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{
|
|
2
|
+
"utrecht": {
|
|
3
|
+
"paragraph": {
|
|
4
|
+
"color": { "value": "{utrecht.document.color}" },
|
|
5
|
+
"font-family": { "value": "{stichtse-vecht.typography.sans-serif.font-family}" },
|
|
6
|
+
"font-size": { "value": "{stichtse-vecht.font-size.lg}" },
|
|
7
|
+
"font-weight": { "value": "{stichtse-vecht.typography.font-weight.normal}" },
|
|
8
|
+
"line-height": { "value": "1.6" },
|
|
9
|
+
"margin-block-start": { "value": 0 },
|
|
10
|
+
"margin-block-end": { "value": 0 },
|
|
11
|
+
"lead": {
|
|
12
|
+
"color": {},
|
|
13
|
+
"font-size": {},
|
|
14
|
+
"font-weight": {},
|
|
15
|
+
"line-height": {}
|
|
16
|
+
},
|
|
17
|
+
"small": {
|
|
18
|
+
"color": {},
|
|
19
|
+
"font-size": {},
|
|
20
|
+
"font-weight": {},
|
|
21
|
+
"line-height": {}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
{
|
|
2
|
+
"utrecht": {
|
|
3
|
+
"select": {
|
|
4
|
+
"background-color": { "value": "{stichtse-vecht.color.white.100}" },
|
|
5
|
+
"background-image": {
|
|
6
|
+
"value": "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTQgOCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjI5Mjg5MyAwLjI5Mjg5M0MwLjY4MzQxNyAtMC4wOTc2MzExIDEuMzE2NTggLTAuMDk3NjMxMSAxLjcwNzExIDAuMjkyODkzTDcgNS41ODU3OUwxMi4yOTI5IDAuMjkyODkzQzEyLjY4MzQgLTAuMDk3NjMxMSAxMy4zMTY2IC0wLjA5NzYzMTEgMTMuNzA3MSAwLjI5Mjg5M0MxNC4wOTc2IDAuNjgzNDE3IDE0LjA5NzYgMS4zMTY1OCAxMy43MDcxIDEuNzA3MTFMNy43MDcxMSA3LjcwNzExQzcuMzE2NTggOC4wOTc2MyA2LjY4MzQyIDguMDk3NjMgNi4yOTI4OSA3LjcwNzExTDAuMjkyODkzIDEuNzA3MTFDLTAuMDk3NjMxMSAxLjMxNjU4IC0wLjA5NzYzMTEgMC42ODM0MTcgMC4yOTI4OTMgMC4yOTI4OTNaIiBmaWxsPSIjY2NjY2NjIi8+PC9zdmc+')"
|
|
7
|
+
},
|
|
8
|
+
"border-block-end-width": {},
|
|
9
|
+
"border-bottom-width": {},
|
|
10
|
+
"border-color": { "value": "{stichtse-vecht.color.black.0}" },
|
|
11
|
+
"border-radius": {},
|
|
12
|
+
"border-width": { "value": "{stichtse-vecht.size.3xs}" },
|
|
13
|
+
"color": { "value": "{stichtse-vecht.color.black.0}" },
|
|
14
|
+
"font-family": {},
|
|
15
|
+
"font-size": {},
|
|
16
|
+
"font-weight": {},
|
|
17
|
+
"line-height": {},
|
|
18
|
+
"min-block-size": {},
|
|
19
|
+
"max-inline-size": {},
|
|
20
|
+
"padding-block-end": { "value": "8px" },
|
|
21
|
+
"padding-block-start": { "value": "8px" },
|
|
22
|
+
"padding-inline-end": { "value": "8px" },
|
|
23
|
+
"padding-inline-start": { "value": "8px" },
|
|
24
|
+
"disabled": {
|
|
25
|
+
"background-color": { "value": "{stichtse-vecht.color.grey.82}" },
|
|
26
|
+
"border-color": { "value": "{stichtse-vecht.color.grey.82}" },
|
|
27
|
+
"color": { "value": "{stichtse-vecht.color.grey.50}" }
|
|
28
|
+
},
|
|
29
|
+
"hover": {
|
|
30
|
+
"background-color": {},
|
|
31
|
+
"border-color": { "value": "{stichtse-vecht.color.black.0}" },
|
|
32
|
+
"color": {}
|
|
33
|
+
},
|
|
34
|
+
"focus": {
|
|
35
|
+
"background-color": {},
|
|
36
|
+
"border-color": { "value": "{stichtse-vecht.color.black.0}" },
|
|
37
|
+
"color": {}
|
|
38
|
+
},
|
|
39
|
+
"invalid": {
|
|
40
|
+
"background-color": {},
|
|
41
|
+
"border-block-end-width": {},
|
|
42
|
+
"border-color": { "value": "{stichtse-vecht.color.error}" },
|
|
43
|
+
"border-width": {}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/skip-link.tokens.json
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
{
|
|
2
|
+
"utrecht": {
|
|
3
|
+
"skip-link": {
|
|
4
|
+
"background-color": { "value": "{stichtse-vecht.color.grey.87}" },
|
|
5
|
+
"color": { "value": "{stichtse-vecht.color.grey.27}" },
|
|
6
|
+
"min-block-size": { "value": "20px" },
|
|
7
|
+
"min-inline-size": { "value": "20px" },
|
|
8
|
+
"padding-block-start": { "value": "15px" },
|
|
9
|
+
"padding-block-end": { "value": "{stichtse-vecht.size.sm}" },
|
|
10
|
+
"padding-inline-start": { "value": "23px" },
|
|
11
|
+
"padding-inline-end": { "value": "23px" },
|
|
12
|
+
"text-decoration": { "value": "none" },
|
|
13
|
+
"z-index": { "value": "100000" }
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
{
|
|
2
|
+
"utrecht": {
|
|
3
|
+
"table": {
|
|
4
|
+
"border-color": {},
|
|
5
|
+
"border-width": {},
|
|
6
|
+
"font-family": { "value": "{utrecht.document.font-family}" },
|
|
7
|
+
"font-size": { "value": "{utrecht.document.font-size}" },
|
|
8
|
+
"line-height": {},
|
|
9
|
+
"margin-block-end": { "value": 0 },
|
|
10
|
+
"margin-block-start": { "value": "{stichtse-vecht.size.md}" },
|
|
11
|
+
"caption": {
|
|
12
|
+
"font-weight": {},
|
|
13
|
+
"font-family": {},
|
|
14
|
+
"font-size": {},
|
|
15
|
+
"color": {},
|
|
16
|
+
"line-height": {},
|
|
17
|
+
"text-align": {},
|
|
18
|
+
"margin-block-end": {}
|
|
19
|
+
},
|
|
20
|
+
"header": {
|
|
21
|
+
"font-weight": { "value": "{stichtse-vecht.typography.font-weight.bold}" },
|
|
22
|
+
"background-color": {},
|
|
23
|
+
"color": { "value": "{stichtse-vecht.color.blue.37}" },
|
|
24
|
+
"text-transform": { "value": "unset" },
|
|
25
|
+
"border-block-end-color": {},
|
|
26
|
+
"border-block-end-width": {}
|
|
27
|
+
},
|
|
28
|
+
"header-cell": {
|
|
29
|
+
"font-size": { "value": "{utrecht.document.font-size}" },
|
|
30
|
+
"font-weight": { "value": "{stichtse-vecht.typography.font-weight.bold}" },
|
|
31
|
+
"color": { "value": "{stichtse-vecht.color.blue.37}" },
|
|
32
|
+
"text-transform": { "value": "unset" }
|
|
33
|
+
},
|
|
34
|
+
"cell": {
|
|
35
|
+
"line-height": {},
|
|
36
|
+
"padding-block-end": { "value": "{stichtse-vecht.size.xs}" },
|
|
37
|
+
"padding-block-start": { "value": "{stichtse-vecht.size.xs}" },
|
|
38
|
+
"padding-inline-end": { "value": "{stichtse-vecht.size.lg}" },
|
|
39
|
+
"padding-inline-start": { "value": "0" },
|
|
40
|
+
"icon": {
|
|
41
|
+
"size": {}
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
"row": {
|
|
45
|
+
"border-block-end-color": { "value": "{stichtse-vecht.color.lightgrey.79}" },
|
|
46
|
+
"border-block-end-width": { "value": "{stichtse-vecht.size.4xs}" },
|
|
47
|
+
"padding-inline-end": {},
|
|
48
|
+
"padding-inline-start": {},
|
|
49
|
+
"alternate-odd": {
|
|
50
|
+
"background-color": {},
|
|
51
|
+
"color": {}
|
|
52
|
+
},
|
|
53
|
+
"alternate-even": {
|
|
54
|
+
"background-color": {},
|
|
55
|
+
"color": {}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
{
|
|
2
|
+
"utrecht": {
|
|
3
|
+
"textbox": {
|
|
4
|
+
"border-bottom-width": {},
|
|
5
|
+
"border-color": { "value": "{stichtse-vecht.color.black.0}" },
|
|
6
|
+
"border-radius": {},
|
|
7
|
+
"border-width": { "value": "{stichtse-vecht.size.3xs}" },
|
|
8
|
+
"color": { "value": "{stichtse-vecht.color.black.0}" },
|
|
9
|
+
"font-family": { "value": "{stichtse-vecht.typography.sans-serif.font-family}" },
|
|
10
|
+
"font-size": {
|
|
11
|
+
"value": "{stichtse-vecht.font-size.md}"
|
|
12
|
+
},
|
|
13
|
+
"font-weight": { "value": "{stichtse-vecht.typography.font-weight.normal}" },
|
|
14
|
+
"min-inline-height": {},
|
|
15
|
+
"max-inline-size": {},
|
|
16
|
+
"padding-block-end": { "value": "0.625rem" },
|
|
17
|
+
"padding-block-start": { "value": "0.625rem" },
|
|
18
|
+
"padding-inline-end": { "value": "0.75rem" },
|
|
19
|
+
"padding-inline-start": { "value": "2.75rem" },
|
|
20
|
+
"disabled": {
|
|
21
|
+
"border-color": { "value": "{stichtse-vecht.color.grey.87}" },
|
|
22
|
+
"color": {}
|
|
23
|
+
},
|
|
24
|
+
"invalid": {
|
|
25
|
+
"border-color": { "value": "{stichtse-vecht.color.error}" },
|
|
26
|
+
"border-width": { "value": "{stichtse-vecht.size.4xs}" }
|
|
27
|
+
},
|
|
28
|
+
"read-only": {
|
|
29
|
+
"border-color": { "value": "{stichtse-vecht.color.grey.48}" },
|
|
30
|
+
"color": {}
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
{
|
|
2
|
+
"fullName": "Stichtse Vecht",
|
|
3
|
+
"name": "Stichtse Vecht",
|
|
4
|
+
"prefix": "stichtse-vecht",
|
|
5
|
+
"npm": "@stichtse-vecht/theme",
|
|
6
|
+
"stories": [
|
|
7
|
+
"react-utrecht-alert--default",
|
|
8
|
+
"react-utrecht-alert--warning",
|
|
9
|
+
"react-utrecht-alert--error",
|
|
10
|
+
"react-utrecht-alert--ok",
|
|
11
|
+
"react-utrecht-badge-counter--default",
|
|
12
|
+
"react-utrecht-breadcrumb-nac--default",
|
|
13
|
+
"react-utrecht-breadcrumb-nac--separator",
|
|
14
|
+
"react-utrecht-button--default",
|
|
15
|
+
"react-utrecht-button--hover",
|
|
16
|
+
"react-utrecht-button--primary-action-button",
|
|
17
|
+
"react-utrecht-button--secondary-action-button",
|
|
18
|
+
"react-utrecht-calendar--default",
|
|
19
|
+
"react-utrecht-calendar--limited-range-calendar",
|
|
20
|
+
"react-utrecht-checkbox--default",
|
|
21
|
+
"react-utrecht-checkbox--checked",
|
|
22
|
+
"react-utrecht-checkbox--disabled",
|
|
23
|
+
"react-utrecht-checkbox--checked-and-disabled",
|
|
24
|
+
"react-utrecht-checkbox--hover",
|
|
25
|
+
"react-utrecht-checkbox--focus",
|
|
26
|
+
"react-utrecht-checkbox--focus-visible",
|
|
27
|
+
"react-utrecht-code--default",
|
|
28
|
+
"react-utrecht-code-block--default",
|
|
29
|
+
"react-utrecht-data-badge--default",
|
|
30
|
+
"react-utrecht-document--default",
|
|
31
|
+
"react-utrecht-heading-1--default",
|
|
32
|
+
"react-utrecht-heading-2--default",
|
|
33
|
+
"react-utrecht-heading-3--default",
|
|
34
|
+
"react-utrecht-heading-4--default",
|
|
35
|
+
"react-utrecht-heading-5--default",
|
|
36
|
+
"react-utrecht-link--default",
|
|
37
|
+
"react-utrecht-link--hover",
|
|
38
|
+
"react-utrecht-link--focus",
|
|
39
|
+
"react-utrecht-ordered-list--default",
|
|
40
|
+
"react-utrecht-unordered-list--default",
|
|
41
|
+
"react-utrecht-page--default",
|
|
42
|
+
"react-utrecht-page-header--default",
|
|
43
|
+
"react-utrecht-page-footer--default",
|
|
44
|
+
"react-utrecht-paragraph--default",
|
|
45
|
+
"react-utrecht-radio-button--default",
|
|
46
|
+
"react-utrecht-radio-button--hover",
|
|
47
|
+
"react-utrecht-radio-button--focus",
|
|
48
|
+
"react-utrecht-radio-button--checked",
|
|
49
|
+
"react-utrecht-radio-button--checked-and-disabled",
|
|
50
|
+
"react-utrecht-radio-button--disabled",
|
|
51
|
+
"react-utrecht-separator--default",
|
|
52
|
+
"react-utrecht-skip-link--default",
|
|
53
|
+
"react-utrecht-spotlicht-section--default",
|
|
54
|
+
"react-utrecht-spotlicht-section--info",
|
|
55
|
+
"react-utrecht-spotlicht-section--warning",
|
|
56
|
+
"react-utrecht-surface--default",
|
|
57
|
+
"react-utrecht-table--default",
|
|
58
|
+
"react-utrecht-textbox--default",
|
|
59
|
+
"react-conduction-card-header--default",
|
|
60
|
+
"react-conduction-card-header--hover",
|
|
61
|
+
"react-conduction-card-wrapper--default",
|
|
62
|
+
"react-conduction-card-wrapper--hover",
|
|
63
|
+
"react-conduction-pagination--default",
|
|
64
|
+
"react-conduction-input-select--default",
|
|
65
|
+
"react-conduction-input-select--list-option",
|
|
66
|
+
"react-conduction-input-select--placeholder",
|
|
67
|
+
"react-conduction-tabs--default",
|
|
68
|
+
"react-conduction-tabs--selected",
|
|
69
|
+
"react-conduction-tabs--hover",
|
|
70
|
+
"react-conduction-tabs--list",
|
|
71
|
+
"react-conduction-tabs--panel"
|
|
72
|
+
]
|
|
73
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/* Place any @font-face definitions here */
|
|
2
|
+
|
|
3
|
+
/* latin-ext */
|
|
4
|
+
@font-face {
|
|
5
|
+
font-family: 'Geist';
|
|
6
|
+
font-style: normal;
|
|
7
|
+
font-weight: 100 900;
|
|
8
|
+
font-display: swap;
|
|
9
|
+
src: url(https://fonts.gstatic.com/s/geist/v3/gyByhwUxId8gMEwSGFWNOITddY4.woff2) format('woff2');
|
|
10
|
+
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
11
|
+
}
|
|
12
|
+
/* latin */
|
|
13
|
+
@font-face {
|
|
14
|
+
font-family: 'Geist';
|
|
15
|
+
font-style: normal;
|
|
16
|
+
font-weight: 100 900;
|
|
17
|
+
font-display: swap;
|
|
18
|
+
src: url(https://fonts.gstatic.com/s/geist/v3/gyByhwUxId8gMEwcGFWNOITd.woff2) format('woff2');
|
|
19
|
+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
20
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@conduction/theme",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.52",
|
|
4
4
|
"description": "Conduction's design tokens theme",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"repository": {
|
|
@@ -38,7 +38,9 @@
|
|
|
38
38
|
"build:oude-ijsselstreek": "cd ./municipalities/oude-ijsselstreek-design-tokens && npm run build",
|
|
39
39
|
"build:helmond": "cd ./municipalities/helmond-design-tokens && npm run build",
|
|
40
40
|
"build:beek": "cd ./municipalities/beek-design-tokens && npm run build",
|
|
41
|
-
"build:baarn": "cd ./municipalities/baarn-design-tokens && npm run build"
|
|
41
|
+
"build:baarn": "cd ./municipalities/baarn-design-tokens && npm run build",
|
|
42
|
+
"build:soest": "cd ./municipalities/soest-design-tokens && npm run build",
|
|
43
|
+
"build:stichtse-vecht": "cd ./municipalities/stichtse-vecht-design-tokens && npm run build"
|
|
42
44
|
},
|
|
43
45
|
"dependencies": {
|
|
44
46
|
"@nl-design-system-unstable/rotterdam-design-tokens": "^1.0.0-alpha.100",
|