@conduction/theme 1.1.57 → 1.1.59
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 +5 -0
- package/municipalities/almere-design-tokens/LICENSE.md +17 -0
- package/municipalities/almere-design-tokens/README.md +3 -0
- package/municipalities/almere-design-tokens/documentation/color.stories.mdx +17 -0
- package/municipalities/almere-design-tokens/documentation/components.stories.mdx +11 -0
- package/municipalities/almere-design-tokens/documentation/design-tokens.stories.mdx +14 -0
- package/municipalities/almere-design-tokens/documentation/readme.stories.mdx +7 -0
- package/municipalities/almere-design-tokens/package.json +40 -0
- package/municipalities/almere-design-tokens/src/brand/almere/color.tokens.json +177 -0
- package/municipalities/almere-design-tokens/src/brand/almere/font-size.tokens.json +54 -0
- package/municipalities/almere-design-tokens/src/brand/almere/size.tokens.json +17 -0
- package/municipalities/almere-design-tokens/src/brand/almere/typography.tokens.json +43 -0
- package/municipalities/almere-design-tokens/src/common/utrecht/action.tokens.json +9 -0
- package/municipalities/almere-design-tokens/src/common/utrecht/space.tokens.json +28 -0
- package/municipalities/almere-design-tokens/src/component/conduction/card-header.tokens.json +34 -0
- package/municipalities/almere-design-tokens/src/component/conduction/card-wrapper.tokens.json +33 -0
- package/municipalities/almere-design-tokens/src/component/conduction/logo.tokens.json +27 -0
- package/municipalities/almere-design-tokens/src/component/conduction/pagination.tokens.json +95 -0
- package/municipalities/almere-design-tokens/src/component/conduction/select.tokens.json +39 -0
- package/municipalities/almere-design-tokens/src/component/conduction/table-wrapper.tokens.json +21 -0
- package/municipalities/almere-design-tokens/src/component/conduction/tooltip.tokens.json +17 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/accordion.tokens.json +68 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/alert.tokens.json +46 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/badge-counter.tokens.json +13 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/badge-status.tokens.json +8 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/badge.tokens.json +15 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/blockquote.tokens.json +27 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/breadcrumb.tokens.json +45 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/button.tokens.json +152 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/calendar.tokens.json +80 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/checkbox.tokens.json +57 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/code.tokens.json +26 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/data-list.tokens.json +28 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/document.tokens.json +12 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/extra-tokens/accordion.tokens.json +36 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/extra-tokens/alert.tokens.json +9 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/extra-tokens/badge-counter.tokens.json +11 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json +21 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/extra-tokens/form-field.tokens.json +13 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/extra-tokens/form-input.tokens.json +27 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/extra-tokens/icon.tokens.json +7 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/extra-tokens/link.tokens.json +10 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json +40 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/extra-tokens/page-header.tokens.json +15 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json +14 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/extra-tokens/skip-link.tokens.json +24 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json +37 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/extra-tokens/textbox.tokens.json +27 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/focus.tokens.json +15 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/form-field.tokens.json +17 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/form-input.tokens.json +34 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/form-label.tokens.json +23 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/heading.tokens.json +58 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/icon.tokens.json +12 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/link.tokens.json +33 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/list.tokens.json +31 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/page-footer.tokens.json +13 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/page-header.tokens.json +10 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/page.tokens.json +11 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/paragraph.tokens.json +25 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/radio-button.tokens.json +68 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/select.tokens.json +47 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/separator.tokens.json +10 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/skip-link.tokens.json +16 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/spotlight-section.tokens.json +24 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/surface.tokens.json +8 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/table.tokens.json +60 -0
- package/municipalities/almere-design-tokens/src/component/utrecht/textbox.tokens.json +35 -0
- package/municipalities/almere-design-tokens/src/config.json +73 -0
- package/municipalities/almere-design-tokens/src/font.scss +108 -0
- package/municipalities/almere-design-tokens/src/index.scss +8 -0
- package/municipalities/almere-design-tokens/style-dictionary.config.js +6 -0
- package/package.json +3 -2
|
@@ -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": {},
|
|
7
|
+
"margin-block-end": {},
|
|
8
|
+
"padding-inline-start": {},
|
|
9
|
+
"item": {
|
|
10
|
+
"margin-block-start": {},
|
|
11
|
+
"margin-block-end": {},
|
|
12
|
+
"padding-inline-start": {}
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
"unordered-list": {
|
|
16
|
+
"font-size": { "value": "{utrecht.document.font-size}" },
|
|
17
|
+
"line-height": {},
|
|
18
|
+
"margin-block-start": {},
|
|
19
|
+
"margin-block-end": {},
|
|
20
|
+
"padding-inline-start": {},
|
|
21
|
+
"item": {
|
|
22
|
+
"margin-block-start": {},
|
|
23
|
+
"margin-block-end": {},
|
|
24
|
+
"padding-inline-start": {}
|
|
25
|
+
},
|
|
26
|
+
"marker": {
|
|
27
|
+
"color": {}
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
{
|
|
2
|
+
"utrecht": {
|
|
3
|
+
"page-footer": {
|
|
4
|
+
"background-color": {},
|
|
5
|
+
"background-image": { "value": "linear-gradient(to right, {almere.color.blue.96} 0 50%, {almere.color.blue.98} 50% 100%)" },
|
|
6
|
+
"color": { "value": "{almere.color.black.0}" },
|
|
7
|
+
"padding-inline-end": { "value": "{almere.size.sm}" },
|
|
8
|
+
"padding-inline-start": { "value": "{almere.size.sm}" },
|
|
9
|
+
"padding-block-end": { "value": "{almere.size.2xl}" },
|
|
10
|
+
"padding-block-start": { "value": "{almere.size.2xl}" }
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{
|
|
2
|
+
"utrecht": {
|
|
3
|
+
"paragraph": {
|
|
4
|
+
"color": { "value": "{utrecht.document.color}" },
|
|
5
|
+
"font-family": { "value": "{almere.typography.barlow.font-family}" },
|
|
6
|
+
"font-size": { "value": "20px" },
|
|
7
|
+
"font-weight": { "value": "{almere.typography.font-weight.normal}" },
|
|
8
|
+
"line-height": { "value": "1.55" },
|
|
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,68 @@
|
|
|
1
|
+
{
|
|
2
|
+
"utrecht": {
|
|
3
|
+
"radio-button": {
|
|
4
|
+
"background-color": { "value": "{almere.color.white.100}" },
|
|
5
|
+
"border-color": { "value": "{almere.color.yellow.64}" },
|
|
6
|
+
"border-width": { "value": "{almere.size.3xs}" },
|
|
7
|
+
"size": {},
|
|
8
|
+
"margin-block-start": { "value": "8px" },
|
|
9
|
+
"icon": {
|
|
10
|
+
"size": { "value": "5px" }
|
|
11
|
+
},
|
|
12
|
+
"active": {
|
|
13
|
+
"border-color": {},
|
|
14
|
+
"border-width": {},
|
|
15
|
+
"background-color": {},
|
|
16
|
+
"color": {}
|
|
17
|
+
},
|
|
18
|
+
"checked": {
|
|
19
|
+
"border-color": { "value": "{almere.color.yellow.64}" },
|
|
20
|
+
"border-width": { "value": "{almere.size.3xs}" },
|
|
21
|
+
"background-color": { "value": "{almere.color.white.100}" },
|
|
22
|
+
"color": { "value": "{almere.color.yellow.64}" },
|
|
23
|
+
"active": {
|
|
24
|
+
"border-color": { "value": "{almere.color.yellow.64}" },
|
|
25
|
+
"border-width": { "value": "{almere.size.4xs}" },
|
|
26
|
+
"background-color": { "value": "{almere.color.white.100}" },
|
|
27
|
+
"color": { "value": "{almere.color.yellow.64}" }
|
|
28
|
+
},
|
|
29
|
+
"hover": {
|
|
30
|
+
"border-color": { "value": "{almere.color.yellow.64}" },
|
|
31
|
+
"border-width": { "value": "{almere.size.3xs}" },
|
|
32
|
+
"background-color": { "value": "{almere.color.white.100}" },
|
|
33
|
+
"color": { "value": "{almere.color.yellow.64}" }
|
|
34
|
+
},
|
|
35
|
+
"focus": {
|
|
36
|
+
"border-color": { "value": "{almere.color.yellow.64}" },
|
|
37
|
+
"border-width": { "value": "{almere.size.4xs}" },
|
|
38
|
+
"background-color": { "value": "{almere.color.white.100}" },
|
|
39
|
+
"color": { "value": "{almere.color.yellow.64}" }
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
"hover": {
|
|
43
|
+
"border-color": { "value": "{almere.color.yellow.64}" },
|
|
44
|
+
"border-width": { "value": "{almere.size.3xs}" },
|
|
45
|
+
"background-color": { "value": "{almere.color.white.100}" },
|
|
46
|
+
"color": {}
|
|
47
|
+
},
|
|
48
|
+
"focus": {
|
|
49
|
+
"border-color": { "value": "{almere.color.yellow.64}" },
|
|
50
|
+
"border-width": { "value": "{almere.size.4xs}" },
|
|
51
|
+
"background-color": { "value": "{almere.color.white.100}" },
|
|
52
|
+
"color": { "value": "{almere.color.yellow.64}" }
|
|
53
|
+
},
|
|
54
|
+
"disabled": {
|
|
55
|
+
"border-color": { "value": "{almere.color.grey.82}" },
|
|
56
|
+
"border-width": { "value": "{almere.size.4xs}" },
|
|
57
|
+
"background-color": { "value": "{almere.color.grey.97}" },
|
|
58
|
+
"color": { "value": "{almere.color.grey.82}" }
|
|
59
|
+
},
|
|
60
|
+
"invalid": {
|
|
61
|
+
"border-color": { "value": "{almere.color.error}" },
|
|
62
|
+
"border-width": { "value": "{almere.size.4xs}" },
|
|
63
|
+
"background-color": { "value": "{almere.color.white.100}" },
|
|
64
|
+
"color": { "value": "{almere.color.error}" }
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
{
|
|
2
|
+
"utrecht": {
|
|
3
|
+
"select": {
|
|
4
|
+
"background-color": { "value": "{almere.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": "{almere.color.grey.48}" },
|
|
11
|
+
"border-radius": { "value": "10px" },
|
|
12
|
+
"border-width": { "value": "{almere.size.4xs}" },
|
|
13
|
+
"color": {},
|
|
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": "{almere.size.3xs}" },
|
|
21
|
+
"padding-block-start": { "value": "{almere.size.3xs}" },
|
|
22
|
+
"padding-inline-end": { "value": "{almere.size.xs}" },
|
|
23
|
+
"padding-inline-start": { "value": "{almere.size.xs}" },
|
|
24
|
+
"disabled": {
|
|
25
|
+
"background-color": { "value": "{almere.color.grey.82}" },
|
|
26
|
+
"border-color": { "value": "{almere.color.grey.82}" },
|
|
27
|
+
"color": { "value": "{almere.color.grey.50}" }
|
|
28
|
+
},
|
|
29
|
+
"hover": {
|
|
30
|
+
"background-color": {},
|
|
31
|
+
"border-color": { "value": "{almere.color.grey.70}" },
|
|
32
|
+
"color": {}
|
|
33
|
+
},
|
|
34
|
+
"focus": {
|
|
35
|
+
"background-color": {},
|
|
36
|
+
"border-color": {},
|
|
37
|
+
"color": {}
|
|
38
|
+
},
|
|
39
|
+
"invalid": {
|
|
40
|
+
"background-color": {},
|
|
41
|
+
"border-block-end-width": {},
|
|
42
|
+
"border-color": { "value": "{almere.color.error}" },
|
|
43
|
+
"border-width": {}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
{
|
|
2
|
+
"utrecht": {
|
|
3
|
+
"skip-link": {
|
|
4
|
+
"background-color": { "value": "{almere.color.black.0}" },
|
|
5
|
+
"color": { "value": "{almere.color.white.100}" },
|
|
6
|
+
"min-block-size": { "value": "56px" },
|
|
7
|
+
"min-inline-size": { "value": "20px" },
|
|
8
|
+
"padding-block-start": { "value": "15px" },
|
|
9
|
+
"padding-block-end": { "value": "{almere.size.sm}" },
|
|
10
|
+
"padding-inline-start": { "value": "23px" },
|
|
11
|
+
"padding-inline-end": { "value": "23px" },
|
|
12
|
+
"text-decoration": { "value": "underline" },
|
|
13
|
+
"z-index": { "value": "100000" }
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}
|
package/municipalities/almere-design-tokens/src/component/utrecht/spotlight-section.tokens.json
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
{
|
|
2
|
+
"utrecht": {
|
|
3
|
+
"spotlight-section": {
|
|
4
|
+
"background-color": { "value": "{almere.color.alert-info-background}" },
|
|
5
|
+
"border-color": {},
|
|
6
|
+
"border-width": {},
|
|
7
|
+
"color": { "value": "{almere.color.alert-info}" },
|
|
8
|
+
"padding-block-start": { "value": "{almere.size.lg}" },
|
|
9
|
+
"padding-block-end": { "value": "{almere.size.lg}" },
|
|
10
|
+
"padding-inline-start": { "value": "{almere.size.lg}" },
|
|
11
|
+
"padding-inline-end": { "value": "{almere.size.lg}" },
|
|
12
|
+
"margin-block-start": { "value": "{almere.size.lg}" },
|
|
13
|
+
"margin-block-end": {},
|
|
14
|
+
"info": {
|
|
15
|
+
"background-color": { "value": "{almere.color.alert-info-background}" },
|
|
16
|
+
"color": { "value": "{almere.color.alert-info}" }
|
|
17
|
+
},
|
|
18
|
+
"warning": {
|
|
19
|
+
"background-color": { "value": "{almere.color.alert-warning-background}" },
|
|
20
|
+
"color": { "value": "{almere.color.alert-warning}" }
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
{
|
|
2
|
+
"utrecht": {
|
|
3
|
+
"table": {
|
|
4
|
+
"border-color": { "value": "{almere.color.blue.61}" },
|
|
5
|
+
"border-width": { "value": "{almere.size.4xs}" },
|
|
6
|
+
"font-family": { "value": "{utrecht.document.font-family}" },
|
|
7
|
+
"font-size": { "value": "{almere.font-size.sm}" },
|
|
8
|
+
"line-height": {},
|
|
9
|
+
"margin-block-end": { "value": 0 },
|
|
10
|
+
"margin-block-start": { "value": "{almere.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": "{almere.typography.font-weight.bold}" },
|
|
22
|
+
"background-color": { "value": "{almere.color.blue.96}" },
|
|
23
|
+
"color": { "value": "{utrecht.document.color}" },
|
|
24
|
+
"text-transform": { "value": "unset" },
|
|
25
|
+
"border-block-end-color": { "value": "{almere.color.blue.61}" },
|
|
26
|
+
"border-block-end-width": { "value": "{almere.size.4xs}" }
|
|
27
|
+
},
|
|
28
|
+
"header-cell": {
|
|
29
|
+
"font-size": { "value": "{utrecht.document.font-size}" },
|
|
30
|
+
"font-weight": { "value": "{almere.typography.font-weight.bold}" },
|
|
31
|
+
"color": { "value": "{utrecht.document.color}" },
|
|
32
|
+
"text-transform": { "value": "unset" }
|
|
33
|
+
},
|
|
34
|
+
"cell": {
|
|
35
|
+
"line-height": {},
|
|
36
|
+
"padding-block-end": { "value": "10px" },
|
|
37
|
+
"padding-block-start": { "value": "10px" },
|
|
38
|
+
"padding-inline-end": { "value": "16px" },
|
|
39
|
+
"padding-inline-start": { "value": "16px" },
|
|
40
|
+
"icon": {
|
|
41
|
+
"size": {}
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
"row": {
|
|
45
|
+
"border-block-end-color": { "value": "{almere.color.blue.61}" },
|
|
46
|
+
"border-block-end-width": { "value": "{almere.size.4xs}" },
|
|
47
|
+
"padding-inline-end": {},
|
|
48
|
+
"padding-inline-start": {},
|
|
49
|
+
"alternate-odd": {
|
|
50
|
+
"background-color": { "value": "{almere.color.white.100}" },
|
|
51
|
+
"color": {}
|
|
52
|
+
},
|
|
53
|
+
"alternate-even": {
|
|
54
|
+
"background-color": { "value": "{almere.color.grey-blue.89}" },
|
|
55
|
+
"color": {}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
{
|
|
2
|
+
"utrecht": {
|
|
3
|
+
"textbox": {
|
|
4
|
+
"border-bottom-width": {},
|
|
5
|
+
"border-color": { "value": "{almere.color.grey.48}" },
|
|
6
|
+
"border-radius": { "value": "10px" },
|
|
7
|
+
"border-width": { "value": "{almere.size.4xs}" },
|
|
8
|
+
"color": { "value": "{almere.color.grey.29}" },
|
|
9
|
+
"font-family": { "value": "{almere.typography.barlow.font-family}" },
|
|
10
|
+
"font-size": {
|
|
11
|
+
"value": "0.938rem",
|
|
12
|
+
"comment": "15px"
|
|
13
|
+
},
|
|
14
|
+
"font-weight": { "value": "{almere.typography.font-weight.normal}" },
|
|
15
|
+
"min-inline-height": {},
|
|
16
|
+
"max-inline-size": {},
|
|
17
|
+
"padding-block-end": { "value": "15px" },
|
|
18
|
+
"padding-block-start": { "value": "15px" },
|
|
19
|
+
"padding-inline-end": { "value": "30px" },
|
|
20
|
+
"padding-inline-start": { "value": "30px" },
|
|
21
|
+
"disabled": {
|
|
22
|
+
"border-color": { "value": "{almere.color.grey.87}" },
|
|
23
|
+
"color": {}
|
|
24
|
+
},
|
|
25
|
+
"invalid": {
|
|
26
|
+
"border-color": { "value": "{almere.color.error}" },
|
|
27
|
+
"border-width": { "value": "3px" }
|
|
28
|
+
},
|
|
29
|
+
"read-only": {
|
|
30
|
+
"border-color": { "value": "{almere.color.grey.48}" },
|
|
31
|
+
"color": {}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
{
|
|
2
|
+
"fullName": "Almere",
|
|
3
|
+
"name": "Almere",
|
|
4
|
+
"prefix": "almere",
|
|
5
|
+
"npm": "@conduction/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,108 @@
|
|
|
1
|
+
/* vietnamese */
|
|
2
|
+
@font-face {
|
|
3
|
+
font-family: 'Barlow';
|
|
4
|
+
font-style: normal;
|
|
5
|
+
font-weight: 400;
|
|
6
|
+
font-display: swap;
|
|
7
|
+
src: url(https://fonts.gstatic.com/s/barlow/v13/7cHpv4kjgoGqM7E_A8s52Hs.woff2) format('woff2');
|
|
8
|
+
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
|
9
|
+
}
|
|
10
|
+
/* latin-ext */
|
|
11
|
+
@font-face {
|
|
12
|
+
font-family: 'Barlow';
|
|
13
|
+
font-style: normal;
|
|
14
|
+
font-weight: 400;
|
|
15
|
+
font-display: swap;
|
|
16
|
+
src: url(https://fonts.gstatic.com/s/barlow/v13/7cHpv4kjgoGqM7E_Ass52Hs.woff2) format('woff2');
|
|
17
|
+
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;
|
|
18
|
+
}
|
|
19
|
+
/* latin */
|
|
20
|
+
@font-face {
|
|
21
|
+
font-family: 'Barlow';
|
|
22
|
+
font-style: normal;
|
|
23
|
+
font-weight: 400;
|
|
24
|
+
font-display: swap;
|
|
25
|
+
src: url(https://fonts.gstatic.com/s/barlow/v13/7cHpv4kjgoGqM7E_DMs5.woff2) format('woff2');
|
|
26
|
+
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;
|
|
27
|
+
}
|
|
28
|
+
/* vietnamese */
|
|
29
|
+
@font-face {
|
|
30
|
+
font-family: 'Barlow';
|
|
31
|
+
font-style: normal;
|
|
32
|
+
font-weight: 500;
|
|
33
|
+
font-display: swap;
|
|
34
|
+
src: url(https://fonts.gstatic.com/s/barlow/v13/7cHqv4kjgoGqM7E3_-gs6FospT4.woff2) format('woff2');
|
|
35
|
+
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
|
36
|
+
}
|
|
37
|
+
/* latin-ext */
|
|
38
|
+
@font-face {
|
|
39
|
+
font-family: 'Barlow';
|
|
40
|
+
font-style: normal;
|
|
41
|
+
font-weight: 500;
|
|
42
|
+
font-display: swap;
|
|
43
|
+
src: url(https://fonts.gstatic.com/s/barlow/v13/7cHqv4kjgoGqM7E3_-gs6VospT4.woff2) format('woff2');
|
|
44
|
+
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;
|
|
45
|
+
}
|
|
46
|
+
/* latin */
|
|
47
|
+
@font-face {
|
|
48
|
+
font-family: 'Barlow';
|
|
49
|
+
font-style: normal;
|
|
50
|
+
font-weight: 500;
|
|
51
|
+
font-display: swap;
|
|
52
|
+
src: url(https://fonts.gstatic.com/s/barlow/v13/7cHqv4kjgoGqM7E3_-gs51os.woff2) format('woff2');
|
|
53
|
+
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;
|
|
54
|
+
}
|
|
55
|
+
/* vietnamese */
|
|
56
|
+
@font-face {
|
|
57
|
+
font-family: 'Barlow';
|
|
58
|
+
font-style: normal;
|
|
59
|
+
font-weight: 600;
|
|
60
|
+
font-display: swap;
|
|
61
|
+
src: url(https://fonts.gstatic.com/s/barlow/v13/7cHqv4kjgoGqM7E30-8s6FospT4.woff2) format('woff2');
|
|
62
|
+
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
|
63
|
+
}
|
|
64
|
+
/* latin-ext */
|
|
65
|
+
@font-face {
|
|
66
|
+
font-family: 'Barlow';
|
|
67
|
+
font-style: normal;
|
|
68
|
+
font-weight: 600;
|
|
69
|
+
font-display: swap;
|
|
70
|
+
src: url(https://fonts.gstatic.com/s/barlow/v13/7cHqv4kjgoGqM7E30-8s6VospT4.woff2) format('woff2');
|
|
71
|
+
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;
|
|
72
|
+
}
|
|
73
|
+
/* latin */
|
|
74
|
+
@font-face {
|
|
75
|
+
font-family: 'Barlow';
|
|
76
|
+
font-style: normal;
|
|
77
|
+
font-weight: 600;
|
|
78
|
+
font-display: swap;
|
|
79
|
+
src: url(https://fonts.gstatic.com/s/barlow/v13/7cHqv4kjgoGqM7E30-8s51os.woff2) format('woff2');
|
|
80
|
+
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;
|
|
81
|
+
}
|
|
82
|
+
/* vietnamese */
|
|
83
|
+
@font-face {
|
|
84
|
+
font-family: 'Barlow';
|
|
85
|
+
font-style: normal;
|
|
86
|
+
font-weight: 700;
|
|
87
|
+
font-display: swap;
|
|
88
|
+
src: url(https://fonts.gstatic.com/s/barlow/v13/7cHqv4kjgoGqM7E3t-4s6FospT4.woff2) format('woff2');
|
|
89
|
+
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
|
90
|
+
}
|
|
91
|
+
/* latin-ext */
|
|
92
|
+
@font-face {
|
|
93
|
+
font-family: 'Barlow';
|
|
94
|
+
font-style: normal;
|
|
95
|
+
font-weight: 700;
|
|
96
|
+
font-display: swap;
|
|
97
|
+
src: url(https://fonts.gstatic.com/s/barlow/v13/7cHqv4kjgoGqM7E3t-4s6VospT4.woff2) format('woff2');
|
|
98
|
+
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;
|
|
99
|
+
}
|
|
100
|
+
/* latin */
|
|
101
|
+
@font-face {
|
|
102
|
+
font-family: 'Barlow';
|
|
103
|
+
font-style: normal;
|
|
104
|
+
font-weight: 700;
|
|
105
|
+
font-display: swap;
|
|
106
|
+
src: url(https://fonts.gstatic.com/s/barlow/v13/7cHqv4kjgoGqM7E3t-4s51os.woff2) format('woff2');
|
|
107
|
+
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;
|
|
108
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@conduction/theme",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.59",
|
|
4
4
|
"description": "Conduction's design tokens theme",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"repository": {
|
|
@@ -41,7 +41,8 @@
|
|
|
41
41
|
"build:baarn": "cd ./municipalities/baarn-design-tokens && npm run build",
|
|
42
42
|
"build:soest": "cd ./municipalities/soest-design-tokens && npm run build",
|
|
43
43
|
"build:stichtse-vecht": "cd ./municipalities/stichtse-vecht-design-tokens && npm run build",
|
|
44
|
-
"build:buren": "cd ./municipalities/buren-design-tokens && npm run build"
|
|
44
|
+
"build:buren": "cd ./municipalities/buren-design-tokens && npm run build",
|
|
45
|
+
"build:almere": "cd ./municipalities/almere-design-tokens && npm run build"
|
|
45
46
|
},
|
|
46
47
|
"dependencies": {
|
|
47
48
|
"@nl-design-system-unstable/rotterdam-design-tokens": "^1.0.0-alpha.100",
|