@conduction/theme 1.1.8 → 1.1.10

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.
Files changed (62) hide show
  1. package/README.md +3 -1
  2. package/package.json +2 -3
  3. package/municipalities/zuiddrecht-design-tokens/LICENSE.md +0 -17
  4. package/municipalities/zuiddrecht-design-tokens/README.md +0 -3
  5. package/municipalities/zuiddrecht-design-tokens/documentation/color.stories.mdx +0 -17
  6. package/municipalities/zuiddrecht-design-tokens/documentation/components.stories.mdx +0 -11
  7. package/municipalities/zuiddrecht-design-tokens/documentation/design-tokens.stories.mdx +0 -14
  8. package/municipalities/zuiddrecht-design-tokens/documentation/readme.stories.mdx +0 -7
  9. package/municipalities/zuiddrecht-design-tokens/package.json +0 -40
  10. package/municipalities/zuiddrecht-design-tokens/src/brand/zuiddrecht/color.tokens.json +0 -126
  11. package/municipalities/zuiddrecht-design-tokens/src/brand/zuiddrecht/icon.tokens.json +0 -16
  12. package/municipalities/zuiddrecht-design-tokens/src/brand/zuiddrecht/size.tokens.json +0 -17
  13. package/municipalities/zuiddrecht-design-tokens/src/brand/zuiddrecht/typography.tokens.json +0 -40
  14. package/municipalities/zuiddrecht-design-tokens/src/common/utrecht/action.tokens.json +0 -9
  15. package/municipalities/zuiddrecht-design-tokens/src/common/utrecht/border.tokens.json +0 -19
  16. package/municipalities/zuiddrecht-design-tokens/src/common/utrecht/space.tokens.json +0 -70
  17. package/municipalities/zuiddrecht-design-tokens/src/component/conduction/card-header.tokens.json +0 -26
  18. package/municipalities/zuiddrecht-design-tokens/src/component/conduction/card-wrapper.tokens.json +0 -30
  19. package/municipalities/zuiddrecht-design-tokens/src/component/conduction/checkbox.tokens.json +0 -69
  20. package/municipalities/zuiddrecht-design-tokens/src/component/conduction/download-card.tokens.json +0 -28
  21. package/municipalities/zuiddrecht-design-tokens/src/component/conduction/logo.tokens.json +0 -27
  22. package/municipalities/zuiddrecht-design-tokens/src/component/conduction/navigation.tokens.json +0 -79
  23. package/municipalities/zuiddrecht-design-tokens/src/component/conduction/pagination.tokens.json +0 -95
  24. package/municipalities/zuiddrecht-design-tokens/src/component/conduction/select.tokens.json +0 -39
  25. package/municipalities/zuiddrecht-design-tokens/src/component/conduction/table-wrapper.tokens.json +0 -21
  26. package/municipalities/zuiddrecht-design-tokens/src/component/conduction/tabs.tokens.json +0 -84
  27. package/municipalities/zuiddrecht-design-tokens/src/component/conduction/tooltip.tokens.json +0 -17
  28. package/municipalities/zuiddrecht-design-tokens/src/component/open-catalogi/rating.tokens.json +0 -12
  29. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/alert.tokens.json +0 -53
  30. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/badge-counter.tokens.json +0 -26
  31. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/badge.tokens.json +0 -15
  32. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/blockquote.tokens.json +0 -25
  33. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/breadcrumb.tokens.json +0 -97
  34. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/button.tokens.json +0 -250
  35. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/code.tokens.json +0 -26
  36. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/document.tokens.json +0 -11
  37. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/extra-tokens/badge-counter.tokens.json +0 -11
  38. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json +0 -22
  39. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/extra-tokens/form-input.tokens.json +0 -26
  40. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/extra-tokens/icon.tokens.json +0 -7
  41. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json +0 -37
  42. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/extra-tokens/page-header.tokens.json +0 -10
  43. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json +0 -14
  44. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json +0 -37
  45. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/extra-tokens/textbox.tokens.json +0 -26
  46. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/form-input.tokens.json +0 -31
  47. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/heading.tokens.json +0 -53
  48. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/icon.tokens.json +0 -15
  49. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/link.tokens.json +0 -35
  50. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/list.tokens.json +0 -43
  51. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/page-footer.tokens.json +0 -15
  52. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/page-header.tokens.json +0 -10
  53. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/page.tokens.json +0 -15
  54. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/paragraph.tokens.json +0 -25
  55. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/radio-button.tokens.json +0 -68
  56. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/separator.tokens.json +0 -10
  57. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/surface.tokens.json +0 -8
  58. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/table.tokens.json +0 -83
  59. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/textbox.tokens.json +0 -31
  60. package/municipalities/zuiddrecht-design-tokens/src/config.json +0 -47
  61. package/municipalities/zuiddrecht-design-tokens/src/index.scss +0 -7
  62. package/municipalities/zuiddrecht-design-tokens/style-dictionary.config.js +0 -6
@@ -1,39 +0,0 @@
1
- {
2
- "conduction": {
3
- "input-select": {
4
- "background-color": { "value": "{zuiddrecht.color.white.100}" },
5
- "border": { "value": "{zuiddrecht.size.4xs} solid {zuiddrecht.color.grey.48}" },
6
- "border-focus": { "value": "unset" },
7
- "border-radius": { "value": "{utrecht.form-input.border-radius}" },
8
- "invalid-border-color": { "value": "{zuiddrecht.color.error}" },
9
- "padding-block-end": { "value": 0 },
10
- "padding-block-start": { "value": 0 },
11
- "hover": {},
12
- "focus": {},
13
- "list-option": {
14
- "font-family": { "value": "{zuiddrecht.typography.sans-serif.font-family}" },
15
- "background-color": {},
16
- "color": {},
17
- "hover": {
18
- "font-family": { "value": "{zuiddrecht.typography.sans-serif.font-family}" },
19
- "background-color": {},
20
- "color": {}
21
- },
22
- "selected": {
23
- "background-color": {},
24
- "color": {}
25
- },
26
- "focus": {
27
- "background-color": {},
28
- "color": {}
29
- }
30
- },
31
- "placeholder": {
32
- "color": {
33
- "value": "{utrecht.form-input.placeholder.color}"
34
- },
35
- "font-family": { "value": "{zuiddrecht.typography.sans-serif.font-family}" }
36
- }
37
- }
38
- }
39
- }
@@ -1,21 +0,0 @@
1
- {
2
- "conduction": {
3
- "table-wrapper": {
4
- "scroll-button": {
5
- "background-color": { "value": "{zuiddrecht.color.white.100}" },
6
- "color": { "value": "{zuiddrecht.color.black.0}" },
7
- "padding-inline-start": { "value": "{zuiddrecht.size.sm}" },
8
- "padding-inline-end": { "value": "{zuiddrecht.size.sm}" },
9
- "padding-block-start": {},
10
- "padding-block-end": {},
11
- "border-width": {},
12
- "border-style": {},
13
- "border-color": {},
14
- "hover": {
15
- "background-color": { "value": "{zuiddrecht.color.white.100}" },
16
- "color": { "value": "{zuiddrecht.color.primary}" }
17
- }
18
- }
19
- }
20
- }
21
- }
@@ -1,84 +0,0 @@
1
- {
2
- "conduction": {
3
- "tabs": {
4
- "tab": {
5
- "background-color": { "value": "transparent" },
6
- "color": { "value": "{zuiddrecht.color.grey.29}" },
7
- "border-width": {},
8
- "border-style": {},
9
- "border-color": {},
10
- "border-bottom": {},
11
- "border-bottom-width": {},
12
- "border-bottom-style": {},
13
- "border-bottom-color": {},
14
- "bottom": { "value": "-2px" },
15
- "padding-block-start": { "value": "{zuiddrecht.size.xs}" },
16
- "padding-block-end": { "value": "{zuiddrecht.size.xs}" },
17
- "padding-inline-start": { "value": "{zuiddrecht.size.sm}" },
18
- "padding-inline-end": { "value": "{zuiddrecht.size.sm}" },
19
- "margin-inline-end": {},
20
- "font-size": { "value": "{zuiddrecht.typography.scale.md.font-size}" },
21
- "font-weight": { "value": "{zuiddrecht.typography.weight-scale.normal.font-weight}" },
22
- "font-family": { "value": "{utrecht.document.font-family}" },
23
- "max-width": { "value": "unset" },
24
- "min-width": { "value": "160px" },
25
- "min-height": { "value": "61px" },
26
- "letter-spacing": {},
27
- "text-transform": {},
28
- "selected": {
29
- "background-color": { "value": "transparent" },
30
- "color": { "value": "{zuiddrecht.color.grey.29}" },
31
- "box-shadow": {},
32
- "border-width": {},
33
- "border-style": {},
34
- "border-color": {},
35
- "border-bottom": {},
36
- "border-bottom-width": { "value": "{zuiddrecht.size.3xs}" },
37
- "border-bottom-style": { "value": "solid" },
38
- "border-bottom-color": { "value": "{zuiddrecht.color.primary}" },
39
- "font-weight": { "value": "{zuiddrecht.typography.weight-scale.bold.font-weight}" },
40
- "font-family": { "value": "{utrecht.document.font-family}" },
41
- "hover": {
42
- "background-color": {},
43
- "color": { "value": "{zuiddrecht.color.grey.29}" },
44
- "text-decoration": {}
45
- }
46
- },
47
- "hover": {
48
- "background-color": {},
49
- "color": { "value": "{zuiddrecht.color.grey.29}" },
50
- "text-decoration": {}
51
- },
52
- "list": {
53
- "padding-inline-start": { "value": "0px" },
54
- "margin-block-end": { "value": "0px" },
55
- "border-bottom-width": { "value": "{zuiddrecht.size.3xs}" },
56
- "border-bottom-style": { "value": "solid" },
57
- "border-bottom-color": { "value": "{zuiddrecht.color.grey.82}" }
58
- },
59
- "panel": {
60
- "background-color": {},
61
- "padding-block-start": { "value": "{zuiddrecht.size.lg}" },
62
- "padding-block-end": { "value": "{zuiddrecht.size.lg}" },
63
- "padding-inline-start": { "value": "{zuiddrecht.size.lg}" },
64
- "padding-inline-end": { "value": "{zuiddrecht.size.lg}" },
65
- "border-width": {},
66
- "border-style": {},
67
- "border-color": {},
68
- "border-top": {}
69
- }
70
- },
71
- "scroll-button": {
72
- "background-color": { "value": "{zuiddrecht.color.primary}" },
73
- "color": { "value": "{zuiddrecht.color.white.100}" },
74
- "border-width": {},
75
- "border-style": {},
76
- "border-color": {},
77
- "hover": {
78
- "background-color": { "value": "{zuiddrecht.color.primary-hover}" },
79
- "color": { "value": "{zuiddrecht.color.white.100}" }
80
- }
81
- }
82
- }
83
- }
84
- }
@@ -1,17 +0,0 @@
1
- {
2
- "conduction": {
3
- "tooltip": {
4
- "background-color": { "value": "{zuiddrecht.color.black.0}" },
5
- "color": { "value": "{zuiddrecht.color.white.100}" },
6
- "padding-block-start": { "value": "{zuiddrecht.size.xs}" },
7
- "padding-block-end": { "value": "{zuiddrecht.size.xs}" },
8
- "padding-inline-start": { "value": "{zuiddrecht.size.sm}" },
9
- "padding-inline-end": { "value": "{zuiddrecht.size.sm}" },
10
- "border-width": { "value": "0px" },
11
- "border-style": { "value": "unset" },
12
- "border-color": { "value": "unset" },
13
- "border-radius": { "value": "0px" },
14
- "z-index": { "value": "9999" }
15
- }
16
- }
17
- }
@@ -1,12 +0,0 @@
1
- {
2
- "open-catalogi": {
3
- "rating": {
4
- "rating-bar": {
5
- "color": { "value": "{zuiddrecht.color.primary}" },
6
- "background-color": {}
7
- },
8
- "font-size": { "value": "{utrecht.document.font-size}" },
9
- "font-family": { "value": "{utrecht.document.font-family}" }
10
- }
11
- }
12
- }
@@ -1,53 +0,0 @@
1
- {
2
- "utrecht": {
3
- "alert": {
4
- "background-color": { "value": "{zuiddrecht.color.blue.90}" },
5
- "border-color": {},
6
- "border-width": {},
7
- "color": { "value": "{zuiddrecht.color.black.0}" },
8
- "padding-block-end": { "value": "{utrecht.space.block.lg}" },
9
- "padding-block-start": { "value": "{utrecht.space.block.lg}" },
10
- "padding-inline-end": { "value": "{utrecht.space.block.lg}" },
11
- "padding-inline-start": { "value": "{utrecht.space.block.lg}" },
12
- "margin-block-start": {},
13
- "margin-block-end": {},
14
- "info": {
15
- "background-color": { "value": "{zuiddrecht.color.blue.90}" },
16
- "color": { "value": "{zuiddrecht.color.black.0}" },
17
- "border-color": {},
18
- "border-width": {}
19
- },
20
- "error": {
21
- "background-color": { "value": "{zuiddrecht.color.red.95}" },
22
- "color": { "value": "{zuiddrecht.color.black.0}" },
23
- "border-color": {},
24
- "border-width": {}
25
- },
26
- "warning": {
27
- "background-color": { "value": "{zuiddrecht.color.yellow.80}" },
28
- "color": { "value": "{zuiddrecht.color.black.0}" },
29
- "border-color": {},
30
- "border-width": {}
31
- },
32
- "ok": {
33
- "background-color": { "value": "{zuiddrecht.color.green.90}" },
34
- "color": { "value": "{zuiddrecht.color.black.0}" },
35
- "border-color": {},
36
- "border-width": {}
37
- },
38
- "icon": {
39
- "gap": { "value": "{utrecht.space.column.md}" },
40
- "color": { "value": "{zuiddrecht.color.blue.35}" },
41
- "error": {
42
- "color": { "value": "{zuiddrecht.color.red.40}" }
43
- },
44
- "warning": {
45
- "color": { "value": "{zuiddrecht.color.yellow.40}" }
46
- },
47
- "ok": {
48
- "color": { "value": "{zuiddrecht.color.green.40}" }
49
- }
50
- }
51
- }
52
- }
53
- }
@@ -1,26 +0,0 @@
1
- {
2
- "utrecht": {
3
- "badge-counter": {
4
- "background-color": {
5
- "value": "{zuiddrecht.color.red.40}"
6
- },
7
- "border-radius": {
8
- "value": "{utrecht.document.font-size}"
9
- },
10
- "color": {
11
- "value": "{zuiddrecht.color.white.100}"
12
- },
13
- "font-size": { "value": "16px" },
14
- "font-weight": {},
15
- "font-style": {
16
- "value": "{zuiddrecht.typography.scale.md.font-size}"
17
- },
18
- "padding-block": {
19
- "value": "1ex"
20
- },
21
- "padding-inline": {
22
- "value": "1ex"
23
- }
24
- }
25
- }
26
- }
@@ -1,15 +0,0 @@
1
- {
2
- "utrecht": {
3
- "badge": {
4
- "background-color": { "value": "{zuiddrecht.color.grey.30} " },
5
- "border-radius": { "value": "0" },
6
- "color": { "value": "{zuiddrecht.color.white.100} " },
7
- "font-size": { "value": "{zuiddrecht.typography.scale.sm.font-size}" },
8
- "font-weight": { "value": "{zuiddrecht.typography.font-style.normal}" },
9
- "line-height": {},
10
- "padding-block": { "value": "{utrecht.space.block.xs}" },
11
- "padding-inline": { "value": "{utrecht.space.inline.sm}" },
12
- "text-transform": {}
13
- }
14
- }
15
- }
@@ -1,25 +0,0 @@
1
- {
2
- "utrecht": {
3
- "blockquote": {
4
- "background-color": {},
5
- "color": {},
6
- "padding-inline-start": {},
7
- "padding-inline-end": {},
8
- "padding-block-start": {},
9
- "padding-block-end": {},
10
- "margin-inline-start": { "value": "1.6em" },
11
- "margin-inline-end": { "value": "1.6em" },
12
- "margin-block-start": { "value": "1.6em" },
13
- "margin-block-end": { "value": "1.6em" },
14
- "font-size": {},
15
- "attribution": {
16
- "color": {},
17
- "font-size": { "value": "0.75rem" }
18
- },
19
- "content": {
20
- "color": { "value": "{zuiddrecht.color.red.40}" },
21
- "font-size": { "value": "1.125rem" }
22
- }
23
- }
24
- }
25
- }
@@ -1,97 +0,0 @@
1
- {
2
- "utrecht": {
3
- "breadcrumb-nav": {
4
- "min-block-size": { "value": "34px" },
5
- "font-family": {},
6
- "font-size": {
7
- "value": "{zuiddrecht.typography.scale.md.font-size}"
8
- },
9
- "text-transform": {},
10
- "divider": {
11
- "inline-size": {
12
- "value": "1px"
13
- }
14
- },
15
- "item": {
16
- "padding-block-start": {
17
- "value": "{utrecht.space.block.xs}"
18
- },
19
- "padding-block-end": {
20
- "value": "{utrecht.space.block.xs}"
21
- },
22
- "padding-inline-end": {
23
- "value": "{utrecht.space.inline.xs}"
24
- },
25
- "padding-inline-start": {
26
- "value": "{utrecht.space.inline.xs}"
27
- }
28
- },
29
- "separator": {
30
- "color": {
31
- "value": "{zuiddrecht.color.blue.35}"
32
- },
33
- "icon": {
34
- "size": {
35
- "value": "{zuiddrecht.typography.scale.sm.font-size}"
36
- }
37
- }
38
- },
39
- "link": {
40
- "background-color": {},
41
- "color": {
42
- "value": "{zuiddrecht.color.blue.35}"
43
- },
44
- "text-decoration": {
45
- "value": "none"
46
- },
47
- "focus": {
48
- "background-color": {
49
- "value": "{zuiddrecht.color.white.100}"
50
- },
51
- "color": {
52
- "value": "{zuiddrecht.color.blue.43}"
53
- },
54
- "text-decoration": {
55
- "value": "underline"
56
- }
57
- },
58
- "hover": {
59
- "color": {
60
- "value": "{zuiddrecht.color.blue.43}"
61
- },
62
- "text-decoration": {
63
- "value": "underline"
64
- }
65
- },
66
- "disabled": {
67
- "color": {
68
- "value": "{zuiddrecht.color.grey.40}"
69
- }
70
- },
71
- "icon": {
72
- "size": {
73
- "value": "{zuiddrecht.icon-scale.md}"
74
- }
75
- }
76
- },
77
- "arrows": {
78
- "link": {
79
- "background-color": {
80
- "value": "{zuiddrecht.color.grey.90}"
81
- },
82
- "color": {
83
- "value": "{zuiddrecht.color.black.0}"
84
- },
85
- "focus": {
86
- "background-color": {
87
- "value": "{zuiddrecht.color.white.100}"
88
- },
89
- "color": {
90
- "value": "{zuiddrecht.color.black.0}"
91
- }
92
- }
93
- }
94
- }
95
- }
96
- }
97
- }
@@ -1,250 +0,0 @@
1
- {
2
- "utrecht": {
3
- "button": {
4
- "background-color": { "value": "{zuiddrecht.color.white.100}" },
5
- "border-color": { "value": "{zuiddrecht.color.grey.40}" },
6
- "border-radius": { "value": "0" },
7
- "border-width": { "value": "1px" },
8
- "color": { "value": "{zuiddrecht.color.grey.40}" },
9
- "font-family": { "value": "{zuiddrecht.typography.sans-serif.font-family}" },
10
- "font-size": { "value": "{zuiddrecht.typography.scale.md.font-size}" },
11
- "padding-inline-start": { "value": "{utrecht.space.inline.md}" },
12
- "padding-inline-end": { "value": "{utrecht.space.inline.md}" },
13
- "padding-block-start": { "value": "{utrecht.space.block.xs}" },
14
- "padding-block-end": { "value": "{utrecht.space.block.xs}" },
15
- "margin-inline-start": { "value": "0" },
16
- "margin-inline-end": { "value": "0" },
17
- "margin-block-start": { "value": "{utrecht.space.row.xs}" },
18
- "margin-block-end": { "value": "{utrecht.space.row.xs}" },
19
- "icon": {
20
- "gap": { "value": "{utrecht.space.text.xs}" }
21
- },
22
- "active": {
23
- "background-color": { "value": "{zuiddrecht.color.grey.40}" },
24
- "color": { "value": "{zuiddrecht.color.white.100}" }
25
- },
26
- "disabled": {
27
- "background-color": { "value": "{zuiddrecht.color.grey.90}" },
28
- "color": { "value": "{zuiddrecht.color.grey.80}" },
29
- "border-color": { "value": "{zuiddrecht.color.grey.80}" }
30
- },
31
- "hover": {
32
- "scale": { "value": "1.02" }
33
- },
34
- "focus": {
35
- "scale": { "value": "1.02" }
36
- },
37
- "pressed": {
38
- "background-color": { "value": "{utrecht.button.active.background-color}" },
39
- "color": { "value": "{utrecht.button.active.color}" }
40
- },
41
- "primary-action": {
42
- "background-color": { "value": "{zuiddrecht.color.blue.35}" },
43
- "border-color": { "value": "transparent" },
44
- "border-width": {
45
- "value": "{zuiddrecht.border-width.md}",
46
- "comment": "Although the border is not visible, it is needed to match the size of the secondary-action-button appearance"
47
- },
48
- "active": {
49
- "background-color": { "value": "{zuiddrecht.color.white.100}" },
50
- "border-color": { "value": "{zuiddrecht.color.blue.35}" },
51
- "color": { "value": "{zuiddrecht.color.blue.35}" }
52
- },
53
- "color": { "value": "{zuiddrecht.color.white.100}" },
54
- "disabled": {
55
- "background-color": { "value": "{zuiddrecht.color.grey.90}" },
56
- "color": { "value": "{zuiddrecht.color.grey.80}" },
57
- "border-color": { "value": "{zuiddrecht.color.grey.80}" }
58
- },
59
- "hover": {
60
- "background-color": { "value": "{zuiddrecht.color.blue.43}" },
61
- "border-color": { "value": "transparent" },
62
- "color": { "value": "{zuiddrecht.color.white.100}" }
63
- },
64
- "focus": {
65
- "background-color": { "value": "{zuiddrecht.color.blue.43}" },
66
- "border-color": { "value": "{zuiddrecht.color.blue.43}" },
67
- "border-width": { "value": "{zuiddrecht.border-width.md}" }
68
- },
69
- "pressed": {
70
- "background-color": { "value": "{utrecht.button.primary-action.active.background-color}" },
71
- "border-color": { "value": "{utrecht.button.primary-action.active.border-color}" },
72
- "color": { "value": "{utrecht.button.primary-action.active.color}" }
73
- },
74
- "ready": {
75
- "background-color": { "value": "{zuiddrecht.color.green.50}" },
76
- "border-color": { "value": "transparent" },
77
- "color": { "value": "{zuiddrecht.color.black.0}" },
78
- "disabled": {
79
- "border-color": { "value": "{zuiddrecht.color.grey.90}" }
80
- },
81
- "hover": {
82
- "background-color": { "value": "{zuiddrecht.color.green.40}" },
83
- "border-color": { "value": "transparent" },
84
- "color": { "value": "{zuiddrecht.color.white.100}" }
85
- },
86
- "focus": {
87
- "background-color": { "value": "{zuiddrecht.color.green.40}" },
88
- "border-color": { "value": "{zuiddrecht.color.green.40}" }
89
- }
90
- },
91
- "warning": {
92
- "background-color": { "value": "{zuiddrecht.color.yellow.50}" },
93
- "border-color": { "value": "transparent" },
94
- "color": { "value": "{zuiddrecht.color.black.0}" },
95
- "disabled": {
96
- "border-color": { "value": "{zuiddrecht.color.grey.90}" }
97
- },
98
- "hover": {
99
- "background-color": { "value": "{zuiddrecht.color.yellow.40}" },
100
- "border-color": { "value": "transparent" },
101
- "color": { "value": "{zuiddrecht.color.black.0}" }
102
- },
103
- "focus": {
104
- "background-color": { "value": "{zuiddrecht.color.yellow.40}" },
105
- "border-color": { "value": "{zuiddrecht.color.yellow.40}" }
106
- }
107
- },
108
- "danger": {
109
- "background-color": { "value": "{zuiddrecht.color.red.40}" },
110
- "border-color": { "value": "transparent" },
111
- "color": { "value": "{zuiddrecht.color.white.100}" },
112
- "disabled": {
113
- "border-color": { "value": "{zuiddrecht.color.grey.90}" }
114
- },
115
- "hover": {
116
- "background-color": { "value": "{zuiddrecht.color.red.30}" },
117
- "border-color": { "value": "transparent" },
118
- "color": { "value": "{zuiddrecht.color.white.100}" }
119
- },
120
- "focus": {
121
- "background-color": { "value": "{zuiddrecht.color.red.30}" },
122
- "border-color": { "value": "{zuiddrecht.color.red.30}" }
123
- }
124
- }
125
- },
126
- "secondary-action": {
127
- "background-color": { "value": "{zuiddrecht.color.white.100}" },
128
- "color": { "value": "{zuiddrecht.color.blue.35}" },
129
- "border-color": { "value": "{zuiddrecht.color.blue.35}" },
130
- "border-width": { "value": "{zuiddrecht.border-width.md}" },
131
- "active": {
132
- "background-color": { "value": "{zuiddrecht.color.blue.35}" },
133
- "color": { "value": "{zuiddrecht.color.white.100}" }
134
- },
135
- "hover": {
136
- "background-color": { "value": "{zuiddrecht.color.white.100}" },
137
- "color": { "value": "{zuiddrecht.color.blue.35}" },
138
- "border-color": { "value": "{zuiddrecht.color.blue.43}" }
139
- },
140
- "disabled": {
141
- "background-color": { "value": "{zuiddrecht.color.white.100}" },
142
- "color": { "value": "{zuiddrecht.color.grey.80}" },
143
- "border-color": { "value": "{zuiddrecht.color.grey.80}" }
144
- },
145
- "pressed": {
146
- "background-color": { "value": "{utrecht.button.secondary-action.active.background-color}" },
147
- "color": { "value": "{utrecht.button.secondary-action.active.color}" }
148
- },
149
- "danger": {
150
- "background-color": {},
151
- "border-color": { "value": "{zuiddrecht.color.red.40}" },
152
- "color": { "value": "{zuiddrecht.color.red.40}" },
153
- "disabled": {
154
- "border-color": {}
155
- },
156
- "hover": {
157
- "background-color": {},
158
- "border-color": { "value": "{zuiddrecht.color.red.30}" },
159
- "color": { "value": "{zuiddrecht.color.red.30}" }
160
- },
161
- "focus": {
162
- "background-color": {},
163
- "border-color": { "value": "{zuiddrecht.color.red.30}" }
164
- }
165
- },
166
- "warning": {
167
- "background-color": {},
168
- "border-color": { "value": "{zuiddrecht.color.yellow.50}" },
169
- "color": { "value": "{zuiddrecht.color.grey.40}" },
170
- "disabled": {
171
- "border-color": {}
172
- },
173
- "hover": {
174
- "background-color": {},
175
- "border-color": { "value": "{zuiddrecht.color.yellow.40}" },
176
- "color": { "value": "{zuiddrecht.color.yellow.40}" }
177
- },
178
- "focus": {
179
- "background-color": {},
180
- "border-color": { "value": "{zuiddrecht.color.yellow.40}" }
181
- }
182
- },
183
- "ready": {
184
- "background-color": {},
185
- "border-color": { "value": "{zuiddrecht.color.green.50}" },
186
- "color": { "value": "{zuiddrecht.color.grey.40}" },
187
- "disabled": {
188
- "border-color": {}
189
- },
190
- "hover": {
191
- "background-color": {},
192
- "border-color": { "value": "{zuiddrecht.color.green.40}" },
193
- "color": { "value": "{zuiddrecht.color.green.40}" }
194
- },
195
- "focus": {
196
- "background-color": {},
197
- "border-color": { "value": "{zuiddrecht.color.green.40}" }
198
- }
199
- }
200
- },
201
- "subtle": {
202
- "background-color": { "value": "transparent" },
203
- "border-color": { "value": "transparent" },
204
- "border-width": { "value": "{zuiddrecht.border-width.md}" },
205
- "color": { "value": "{zuiddrecht.color.blue.35}" },
206
- "font-weight": { "value": "700" },
207
- "active": {
208
- "background-color": { "value": "{zuiddrecht.color.blue.35}" },
209
- "color": { "value": "{zuiddrecht.color.white.100}" }
210
- },
211
- "hover": {
212
- "background-color": { "value": "{zuiddrecht.color.white.100}" },
213
- "color": { "value": "{zuiddrecht.color.blue.35}" },
214
- "border-color": { "value": "{zuiddrecht.color.blue.43}" }
215
- },
216
- "focus": {
217
- "background-color": { "value": "{zuiddrecht.color.white.100}" },
218
- "color": { "value": "{zuiddrecht.color.blue.35}" },
219
- "border-color": { "value": "{zuiddrecht.color.blue.35}" }
220
- },
221
- "disabled": {
222
- "background-color": { "value": "transparent" },
223
- "color": { "value": "{zuiddrecht.color.grey.80}" }
224
- },
225
- "pressed": {
226
- "background-color": { "value": "{utrecht.button.subtle.active.background-color}" },
227
- "color": { "value": "{utrecht.button.subtle.active.color}" }
228
- },
229
- "danger": {
230
- "color": { "value": "{zuiddrecht.color.red.40}" },
231
- "hover": {
232
- "color": { "value": "{zuiddrecht.color.red.30}" }
233
- },
234
- "focus": {
235
- "color": { "value": "{zuiddrecht.color.red.30}" }
236
- }
237
- },
238
- "ready": {
239
- "color": { "value": "{zuiddrecht.color.green.50}" },
240
- "hover": {
241
- "color": { "value": "{zuiddrecht.color.green.40}" }
242
- },
243
- "focus": {
244
- "color": { "value": "{zuiddrecht.color.green.40}" }
245
- }
246
- }
247
- }
248
- }
249
- }
250
- }