@conduction/theme 1.1.51 → 1.1.53

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 (142) hide show
  1. package/README.md +4 -0
  2. package/conduction-design-tokens/src/component/utrecht/focus.tokens.json +5 -5
  3. package/municipalities/hof-van-twente-design-tokens/src/brand/hof-van-twente/color.tokens.json +28 -2
  4. package/municipalities/hof-van-twente-design-tokens/src/brand/hof-van-twente/font-size.tokens.json +6 -6
  5. package/municipalities/hof-van-twente-design-tokens/src/brand/hof-van-twente/typography.tokens.json +5 -0
  6. package/municipalities/hof-van-twente-design-tokens/src/component/conduction/card-header.tokens.json +6 -1
  7. package/municipalities/hof-van-twente-design-tokens/src/component/conduction/card-wrapper.tokens.json +3 -3
  8. package/municipalities/hof-van-twente-design-tokens/src/component/conduction/download-card.tokens.json +1 -1
  9. package/municipalities/hof-van-twente-design-tokens/src/component/conduction/logo.tokens.json +7 -7
  10. package/municipalities/hof-van-twente-design-tokens/src/component/conduction/navigation.tokens.json +7 -7
  11. package/municipalities/hof-van-twente-design-tokens/src/component/conduction/pagination.tokens.json +25 -25
  12. package/municipalities/hof-van-twente-design-tokens/src/component/conduction/select.tokens.json +3 -3
  13. package/municipalities/hof-van-twente-design-tokens/src/component/utrecht/button.tokens.json +28 -28
  14. package/municipalities/hof-van-twente-design-tokens/src/component/utrecht/document.tokens.json +3 -3
  15. package/municipalities/hof-van-twente-design-tokens/src/component/utrecht/extra-tokens/icon.tokens.json +1 -1
  16. package/municipalities/hof-van-twente-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json +4 -4
  17. package/municipalities/hof-van-twente-design-tokens/src/component/utrecht/extra-tokens/page-header.tokens.json +2 -1
  18. package/municipalities/hof-van-twente-design-tokens/src/component/utrecht/extra-tokens/skip-link.tokens.json +5 -5
  19. package/municipalities/hof-van-twente-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json +4 -4
  20. package/municipalities/hof-van-twente-design-tokens/src/component/utrecht/extra-tokens/textbox.tokens.json +1 -1
  21. package/municipalities/hof-van-twente-design-tokens/src/component/utrecht/focus.tokens.json +4 -4
  22. package/municipalities/hof-van-twente-design-tokens/src/component/utrecht/form-input.tokens.json +1 -1
  23. package/municipalities/hof-van-twente-design-tokens/src/component/utrecht/heading.tokens.json +17 -17
  24. package/municipalities/hof-van-twente-design-tokens/src/component/utrecht/link.tokens.json +3 -3
  25. package/municipalities/hof-van-twente-design-tokens/src/component/utrecht/list.tokens.json +16 -16
  26. package/municipalities/hof-van-twente-design-tokens/src/component/utrecht/page-footer.tokens.json +4 -4
  27. package/municipalities/hof-van-twente-design-tokens/src/component/utrecht/page-header.tokens.json +3 -3
  28. package/municipalities/hof-van-twente-design-tokens/src/component/utrecht/page.tokens.json +1 -1
  29. package/municipalities/hof-van-twente-design-tokens/src/component/utrecht/paragraph.tokens.json +1 -1
  30. package/municipalities/hof-van-twente-design-tokens/src/component/utrecht/skip-link.tokens.json +4 -4
  31. package/municipalities/hof-van-twente-design-tokens/src/component/utrecht/surface.tokens.json +1 -1
  32. package/municipalities/hof-van-twente-design-tokens/src/component/utrecht/table.tokens.json +13 -13
  33. package/municipalities/hof-van-twente-design-tokens/src/component/utrecht/textbox.tokens.json +10 -13
  34. package/municipalities/soest-design-tokens/LICENSE.md +17 -0
  35. package/municipalities/soest-design-tokens/README.md +3 -0
  36. package/municipalities/soest-design-tokens/documentation/color.stories.mdx +17 -0
  37. package/municipalities/soest-design-tokens/documentation/components.stories.mdx +11 -0
  38. package/municipalities/soest-design-tokens/documentation/design-tokens.stories.mdx +14 -0
  39. package/municipalities/soest-design-tokens/documentation/readme.stories.mdx +7 -0
  40. package/municipalities/soest-design-tokens/package.json +40 -0
  41. package/municipalities/soest-design-tokens/src/brand/soest/color.tokens.json +137 -0
  42. package/municipalities/soest-design-tokens/src/brand/soest/font-size.tokens.json +50 -0
  43. package/municipalities/soest-design-tokens/src/brand/soest/size.tokens.json +17 -0
  44. package/municipalities/soest-design-tokens/src/brand/soest/typography.tokens.json +40 -0
  45. package/municipalities/soest-design-tokens/src/common/utrecht/action.tokens.json +9 -0
  46. package/municipalities/soest-design-tokens/src/common/utrecht/space.tokens.json +28 -0
  47. package/municipalities/soest-design-tokens/src/component/conduction/card-header.tokens.json +34 -0
  48. package/municipalities/soest-design-tokens/src/component/conduction/card-wrapper.tokens.json +33 -0
  49. package/municipalities/soest-design-tokens/src/component/conduction/logo.tokens.json +27 -0
  50. package/municipalities/soest-design-tokens/src/component/conduction/pagination.tokens.json +95 -0
  51. package/municipalities/soest-design-tokens/src/component/conduction/select.tokens.json +39 -0
  52. package/municipalities/soest-design-tokens/src/component/conduction/table-wrapper.tokens.json +21 -0
  53. package/municipalities/soest-design-tokens/src/component/conduction/tooltip.tokens.json +17 -0
  54. package/municipalities/soest-design-tokens/src/component/utrecht/alert.tokens.json +46 -0
  55. package/municipalities/soest-design-tokens/src/component/utrecht/button.tokens.json +152 -0
  56. package/municipalities/soest-design-tokens/src/component/utrecht/code.tokens.json +26 -0
  57. package/municipalities/soest-design-tokens/src/component/utrecht/document.tokens.json +12 -0
  58. package/municipalities/soest-design-tokens/src/component/utrecht/extra-tokens/alert.tokens.json +9 -0
  59. package/municipalities/soest-design-tokens/src/component/utrecht/extra-tokens/form-field.tokens.json +13 -0
  60. package/municipalities/soest-design-tokens/src/component/utrecht/extra-tokens/form-input.tokens.json +26 -0
  61. package/municipalities/soest-design-tokens/src/component/utrecht/extra-tokens/icon.tokens.json +7 -0
  62. package/municipalities/soest-design-tokens/src/component/utrecht/extra-tokens/link.tokens.json +10 -0
  63. package/municipalities/soest-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json +38 -0
  64. package/municipalities/soest-design-tokens/src/component/utrecht/extra-tokens/page-header.tokens.json +15 -0
  65. package/municipalities/soest-design-tokens/src/component/utrecht/extra-tokens/skip-link.tokens.json +24 -0
  66. package/municipalities/soest-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json +37 -0
  67. package/municipalities/soest-design-tokens/src/component/utrecht/focus.tokens.json +15 -0
  68. package/municipalities/soest-design-tokens/src/component/utrecht/form-field.tokens.json +17 -0
  69. package/municipalities/soest-design-tokens/src/component/utrecht/form-input.tokens.json +34 -0
  70. package/municipalities/soest-design-tokens/src/component/utrecht/heading.tokens.json +49 -0
  71. package/municipalities/soest-design-tokens/src/component/utrecht/icon.tokens.json +12 -0
  72. package/municipalities/soest-design-tokens/src/component/utrecht/link.tokens.json +33 -0
  73. package/municipalities/soest-design-tokens/src/component/utrecht/list.tokens.json +31 -0
  74. package/municipalities/soest-design-tokens/src/component/utrecht/page-footer.tokens.json +13 -0
  75. package/municipalities/soest-design-tokens/src/component/utrecht/page-header.tokens.json +10 -0
  76. package/municipalities/soest-design-tokens/src/component/utrecht/page.tokens.json +11 -0
  77. package/municipalities/soest-design-tokens/src/component/utrecht/paragraph.tokens.json +25 -0
  78. package/municipalities/soest-design-tokens/src/component/utrecht/select.tokens.json +47 -0
  79. package/municipalities/soest-design-tokens/src/component/utrecht/separator.tokens.json +10 -0
  80. package/municipalities/soest-design-tokens/src/component/utrecht/skip-link.tokens.json +16 -0
  81. package/municipalities/soest-design-tokens/src/component/utrecht/surface.tokens.json +8 -0
  82. package/municipalities/soest-design-tokens/src/component/utrecht/table.tokens.json +60 -0
  83. package/municipalities/soest-design-tokens/src/component/utrecht/textbox.tokens.json +35 -0
  84. package/municipalities/soest-design-tokens/src/config.json +73 -0
  85. package/municipalities/soest-design-tokens/src/font.scss +41 -0
  86. package/municipalities/soest-design-tokens/src/index.scss +8 -0
  87. package/municipalities/soest-design-tokens/style-dictionary.config.js +6 -0
  88. package/municipalities/stichtse-vecht-design-tokens/LICENSE.md +17 -0
  89. package/municipalities/stichtse-vecht-design-tokens/README.md +3 -0
  90. package/municipalities/stichtse-vecht-design-tokens/documentation/color.stories.mdx +17 -0
  91. package/municipalities/stichtse-vecht-design-tokens/documentation/components.stories.mdx +11 -0
  92. package/municipalities/stichtse-vecht-design-tokens/documentation/design-tokens.stories.mdx +14 -0
  93. package/municipalities/stichtse-vecht-design-tokens/documentation/readme.stories.mdx +7 -0
  94. package/municipalities/stichtse-vecht-design-tokens/package.json +40 -0
  95. package/municipalities/stichtse-vecht-design-tokens/src/brand/stichtse-vecht/color.tokens.json +144 -0
  96. package/municipalities/stichtse-vecht-design-tokens/src/brand/stichtse-vecht/font-size.tokens.json +50 -0
  97. package/municipalities/stichtse-vecht-design-tokens/src/brand/stichtse-vecht/size.tokens.json +17 -0
  98. package/municipalities/stichtse-vecht-design-tokens/src/brand/stichtse-vecht/typography.tokens.json +45 -0
  99. package/municipalities/stichtse-vecht-design-tokens/src/common/utrecht/action.tokens.json +9 -0
  100. package/municipalities/stichtse-vecht-design-tokens/src/common/utrecht/space.tokens.json +28 -0
  101. package/municipalities/stichtse-vecht-design-tokens/src/component/conduction/card-header.tokens.json +34 -0
  102. package/municipalities/stichtse-vecht-design-tokens/src/component/conduction/card-wrapper.tokens.json +55 -0
  103. package/municipalities/stichtse-vecht-design-tokens/src/component/conduction/logo.tokens.json +21 -0
  104. package/municipalities/stichtse-vecht-design-tokens/src/component/conduction/navigation.tokens.json +88 -0
  105. package/municipalities/stichtse-vecht-design-tokens/src/component/conduction/pagination.tokens.json +95 -0
  106. package/municipalities/stichtse-vecht-design-tokens/src/component/conduction/select.tokens.json +39 -0
  107. package/municipalities/stichtse-vecht-design-tokens/src/component/conduction/table-wrapper.tokens.json +21 -0
  108. package/municipalities/stichtse-vecht-design-tokens/src/component/conduction/tooltip.tokens.json +17 -0
  109. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/alert.tokens.json +46 -0
  110. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/button.tokens.json +152 -0
  111. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/code.tokens.json +26 -0
  112. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/document.tokens.json +12 -0
  113. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/extra-tokens/alert.tokens.json +9 -0
  114. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/extra-tokens/form-input.tokens.json +26 -0
  115. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/extra-tokens/icon.tokens.json +7 -0
  116. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/extra-tokens/link.tokens.json +10 -0
  117. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json +38 -0
  118. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/extra-tokens/page-header.tokens.json +15 -0
  119. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/extra-tokens/skip-link.tokens.json +24 -0
  120. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json +37 -0
  121. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/extra-tokens/textbox.tokens.json +26 -0
  122. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/focus.tokens.json +15 -0
  123. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/form-input.tokens.json +31 -0
  124. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/heading.tokens.json +49 -0
  125. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/icon.tokens.json +12 -0
  126. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/link.tokens.json +33 -0
  127. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/list.tokens.json +31 -0
  128. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/page-footer.tokens.json +15 -0
  129. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/page-header.tokens.json +10 -0
  130. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/page.tokens.json +11 -0
  131. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/paragraph.tokens.json +25 -0
  132. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/select.tokens.json +47 -0
  133. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/separator.tokens.json +10 -0
  134. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/skip-link.tokens.json +16 -0
  135. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/surface.tokens.json +8 -0
  136. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/table.tokens.json +60 -0
  137. package/municipalities/stichtse-vecht-design-tokens/src/component/utrecht/textbox.tokens.json +34 -0
  138. package/municipalities/stichtse-vecht-design-tokens/src/config.json +73 -0
  139. package/municipalities/stichtse-vecht-design-tokens/src/font.scss +20 -0
  140. package/municipalities/stichtse-vecht-design-tokens/src/index.scss +8 -0
  141. package/municipalities/stichtse-vecht-design-tokens/style-dictionary.config.js +6 -0
  142. package/package.json +4 -2
@@ -11,11 +11,11 @@
11
11
  "hover": {},
12
12
  "focus": {},
13
13
  "list-option": {
14
- "font-family": { "value": "{hof-van-twente.typography.roboto.font-family}" },
14
+ "font-family": { "value": "{hof-van-twente.typography.open-sans.font-family}" },
15
15
  "background-color": {},
16
16
  "color": {},
17
17
  "hover": {
18
- "font-family": { "value": "{hof-van-twente.typography.roboto.font-family}" },
18
+ "font-family": { "value": "{hof-van-twente.typography.open-sans.font-family}" },
19
19
  "background-color": {},
20
20
  "color": {}
21
21
  },
@@ -32,7 +32,7 @@
32
32
  "color": {
33
33
  "value": "{utrecht.form-input.placeholder.color}"
34
34
  },
35
- "font-family": { "value": "{hof-van-twente.typography.roboto.font-family}" }
35
+ "font-family": { "value": "{hof-van-twente.typography.open-sans.font-family}" }
36
36
  }
37
37
  }
38
38
  }
@@ -1,23 +1,23 @@
1
1
  {
2
2
  "utrecht": {
3
3
  "button": {
4
- "background-color": { "value": "{hof-van-twente.color.turquoise.75}" },
5
- "border-color": { "value": "{hof-van-twente.color.turquoise.75}" },
6
- "border-radius": { "value": "{hof-van-twente.size.2xs}" },
4
+ "background-color": { "value": "{hof-van-twente.color.primary}" },
5
+ "border-color": { "value": "{hof-van-twente.color.primary}" },
6
+ "border-radius": { "value": "{hof-van-twente.size.4xl}" },
7
7
  "border-width": { "value": "{hof-van-twente.size.3xs}" },
8
- "color": { "value": "{hof-van-twente.color.black.13}" },
9
- "font-family": { "value": "{hof-van-twente.typography.roboto.font-family}" },
8
+ "color": { "value": "{hof-van-twente.color.white.100}" },
9
+ "font-family": { "value": "{hof-van-twente.typography.open-sans.font-family}" },
10
10
  "font-size": { "value": "{hof-van-twente.font-size.md}" },
11
11
  "font-weight": { "value": "bold" },
12
12
  "inline-size": {},
13
13
  "letter-spacing": {},
14
- "line-height": {},
14
+ "line-height": { "value": "1.4" },
15
15
  "min-block-size": {},
16
16
  "min-inline-size": {},
17
- "padding-block-start": { "value": "{hof-van-twente.size.sm}" },
18
- "padding-block-end": { "value": "{hof-van-twente.size.sm}" },
19
- "padding-inline-start": { "value": "{hof-van-twente.size.sm}" },
20
- "padding-inline-end": { "value": "{hof-van-twente.size.sm}" },
17
+ "padding-block-start": { "value": "13px" },
18
+ "padding-block-end": { "value": "13px" },
19
+ "padding-inline-start": { "value": "{hof-van-twente.size.lg}" },
20
+ "padding-inline-end": { "value": "{hof-van-twente.size.lg}" },
21
21
  "text-transform": { "value": "uppercase" },
22
22
  "active": {
23
23
  "background-color": {},
@@ -34,20 +34,20 @@
34
34
  "color": { "value": "{hof-van-twente.color.grey.50}" }
35
35
  },
36
36
  "focus": {
37
- "background-color": {},
38
- "border-color": {},
37
+ "background-color": { "value": "{hof-van-twente.color.primary-hover}" },
38
+ "border-color": { "value": "{hof-van-twente.color.primary-hover}" },
39
39
  "color": {},
40
40
  "scale": {}
41
41
  },
42
42
  "hover": {
43
- "background-color": {},
44
- "border-color": {},
45
- "color": {},
43
+ "background-color": { "value": "{hof-van-twente.color.primary-hover}" },
44
+ "border-color": { "value": "{hof-van-twente.color.primary-hover}" },
45
+ "color": { "value": "{hof-van-twente.color.white.100}" },
46
46
  "scale": {}
47
47
  },
48
48
  "pressed": {
49
- "background-color": {},
50
- "border-color": {},
49
+ "background-color": { "value": "{hof-van-twente.color.primary-hover}" },
50
+ "border-color": { "value": "{hof-van-twente.color.primary-hover}" },
51
51
  "color": {}
52
52
  },
53
53
  "primary-action": {
@@ -84,8 +84,8 @@
84
84
  }
85
85
  },
86
86
  "secondary-action": {
87
- "background-color": { "value": "{hof-van-twente.color.white.100}" },
88
- "border-color": { "value": "{hof-van-twente.color.turquoise.75}" },
87
+ "background-color": { "value": "{hof-van-twente.color.purple.28}" },
88
+ "border-color": { "value": "{hof-van-twente.color.purple.28}" },
89
89
  "border-width": {},
90
90
  "color": {},
91
91
  "font-weight": {},
@@ -95,23 +95,23 @@
95
95
  "color": {}
96
96
  },
97
97
  "disabled": {
98
- "background-color": { "value": "{hof-van-twente.color.white.100}" },
99
- "border-color": {},
98
+ "background-color": { "value": "{hof-van-twente.color.grey.82}" },
99
+ "border-color": { "value": "{hof-van-twente.color.grey.82}" },
100
100
  "color": {}
101
101
  },
102
102
  "hover": {
103
- "background-color": {},
104
- "border-color": {},
105
- "color": {}
103
+ "background-color": { "value": "{hof-van-twente.color.purple.21}" },
104
+ "border-color": { "value": "{hof-van-twente.color.purple.21}" },
105
+ "color": { "value": "{hof-van-twente.color.white.100}" }
106
106
  },
107
107
  "focus": {
108
- "background-color": {},
109
- "border-color": {},
108
+ "background-color": { "value": "{hof-van-twente.color.purple.21}" },
109
+ "border-color": { "value": "{hof-van-twente.color.purple.21}" },
110
110
  "color": {}
111
111
  },
112
112
  "pressed": {
113
- "background-color": {},
114
- "border-color": {},
113
+ "background-color": { "value": "{hof-van-twente.color.purple.21}" },
114
+ "border-color": { "value": "{hof-van-twente.color.purple.21}" },
115
115
  "color": {}
116
116
  }
117
117
  },
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "utrecht": {
3
3
  "document": {
4
- "background-color": { "value": "{hof-van-twente.color.white.98}" },
4
+ "background-color": { "value": "{hof-van-twente.color.turquoise.96}" },
5
5
  "color": { "value": "{hof-van-twente.color.black.0}" },
6
- "font-family": { "value": "{hof-van-twente.typography.roboto.font-family}" },
6
+ "font-family": { "value": "{hof-van-twente.typography.open-sans.font-family}" },
7
7
  "font-size": { "value": "{hof-van-twente.font-size.md}" },
8
8
  "font-weight": {},
9
- "line-height": { "value": "1.428571429em" }
9
+ "line-height": { "value": "1.7" }
10
10
  }
11
11
  }
12
12
  }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "utrecht": {
3
3
  "icon": {
4
- "gap": { "value": "{hof-van-twente.size.sm}" }
4
+ "gap": { "value": "11.2px" }
5
5
  }
6
6
  }
7
7
  }
@@ -21,14 +21,14 @@
21
21
  "font-family": {}
22
22
  },
23
23
  "link": {
24
- "color": {"value": "{hof-van-twente.color.white.100}"},
24
+ "color": {"value": "{hof-van-twente.color.black.13}"},
25
25
  "text-decoration": { "value": "underline" },
26
26
  "text-decoration-color": { "value": "{hof-van-twente.color.white.100}" },
27
27
  "text-decoration-thickness": { "value": "{hof-van-twente.size.4xs}" },
28
- "text-underline-offset": {},
28
+ "text-underline-offset": { "value": "0.25rem" },
29
29
  "hover": {
30
- "color": { "value": "{hof-van-twente.color.white.100}" },
31
- "text-decoration": { "value": "none" },
30
+ "color": { "value": "{hof-van-twente.color.black.13}" },
31
+ "text-decoration": { "value": "underline" },
32
32
  "text-decoration-thickness": { "value": "{hof-van-twente.size.4xs}" },
33
33
  "font-weight": {}
34
34
  }
@@ -8,7 +8,8 @@
8
8
  "border-block-start": {},
9
9
  "border-block-end": {},
10
10
  "border-inline-start": {},
11
- "border-inline-end": {}
11
+ "border-inline-end": {},
12
+ "display": { "value": "block" }
12
13
  }
13
14
  }
14
15
  }
@@ -1,17 +1,17 @@
1
1
  {
2
2
  "utrecht": {
3
3
  "skip-link": {
4
- "font-weight": {},
5
- "font-size": { "value": "1.125rem" },
4
+ "font-weight": { "value": "{hof-van-twente.typography.font-weight.bold}" },
5
+ "font-size": {},
6
6
  "outline-width": {},
7
7
  "outline-style": {},
8
8
  "outline-color": {},
9
- "border-radius": { "value": "3px" },
9
+ "border-radius": { "value": "{hof-van-twente.size.4xl}" },
10
10
  "focus": {
11
11
  "text-decoration": { "value": "{utrecht.skip-link.text-decoration}" }
12
12
  },
13
13
  "inset-block-start": { "value": "30px" },
14
- "inset-inline-start": { "value": "1px" },
14
+ "inset-inline-start": { "value": "15px" },
15
15
  "box-shadow-width": { "value": "none" },
16
16
  "border-width": { "value": "2px" },
17
17
  "border-style": { "value": "solid" },
@@ -19,7 +19,7 @@
19
19
  "border-bottom-width": {},
20
20
  "border-bottom-style": {},
21
21
  "border-bottom-color": {},
22
- "width": { "value": "300px" }
22
+ "width": { "value": "fit-content" }
23
23
  }
24
24
  }
25
25
  }
@@ -11,21 +11,21 @@
11
11
  "header-cell": {
12
12
  "border-inline-end-width": { "value": "{hof-van-twente.size.4xs}" },
13
13
  "border-inline-end-style": { "value": "solid" },
14
- "border-inline-end-color": { "value": "{hof-van-twente.color.grey.84}" }
14
+ "border-inline-end-color": { "value": "{hof-van-twente.color.primary}" }
15
15
  },
16
16
  "cell": {
17
17
  "border-inline-end-width": { "value": "{hof-van-twente.size.4xs}" },
18
18
  "border-inline-end-style": { "value": "solid" },
19
- "border-inline-end-color": { "value": "{hof-van-twente.color.grey.84}" }
19
+ "border-inline-end-color": { "value": "{hof-van-twente.color.primary}" }
20
20
  },
21
21
  "row": {
22
22
  "hover": {
23
- "background-color": { "value": "{hof-van-twente.color.grey.97}" },
23
+ "background-color": { "value": "none" },
24
24
  "color": {}
25
25
  }
26
26
  },
27
27
  "body": {
28
- "border": {},
28
+ "border": { "value": "solid {hof-van-twente.size.4xs} {hof-van-twente.color.primary}" },
29
29
  "border-block-end-color": {},
30
30
  "border-block-end-width": {}
31
31
  },
@@ -2,7 +2,7 @@
2
2
  "utrecht": {
3
3
  "textbox": {
4
4
  "background-color": { "value": "{hof-van-twente.color.white.100}" },
5
- "line-height": { "value": "1.25rem" },
5
+ "line-height": { "value": "1.5" },
6
6
  "placeholder": {
7
7
  "color": { "value": "{hof-van-twente.color.grey.46}" }
8
8
  },
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "utrecht": {
3
3
  "focus": {
4
- "background-color": {},
4
+ "background-color": { "value": "none" },
5
5
  "color": {},
6
- "outline-color": {},
7
- "outline-offset": { "value": "2.5px" },
6
+ "outline-color": { "value": "-webkit-focus-ring-color" },
7
+ "outline-offset": { "value": "4.7962px" },
8
8
  "outline-style": {},
9
9
  "outline-width": { "value": "2.5px" },
10
10
  "inverse": {
11
- "outline-color": { "value": "{hof-van-twente.color.black.0-60t}" }
11
+ "outline-color": { "value": "none" }
12
12
  }
13
13
  }
14
14
  }
@@ -6,7 +6,7 @@
6
6
  "border-radius": { "value": "3px" },
7
7
  "border-width": { "value": "{hof-van-twente.size.4xs}" },
8
8
  "color": { "value": "{hof-van-twente.color.grey.29}" },
9
- "font-family": { "value": "{hof-van-twente.typography.roboto.font-family}" },
9
+ "font-family": { "value": "{hof-van-twente.typography.open-sans.font-family}" },
10
10
  "font-size": {
11
11
  "value": "0.938rem",
12
12
  "comment": "15px"
@@ -1,47 +1,47 @@
1
1
  {
2
2
  "utrecht": {
3
3
  "heading-1": {
4
- "color": { "value": "{hof-van-twente.color.black.13}" },
5
- "font-family": { "value": "{hof-van-twente.typography.roboto-condensed.font-family}" },
4
+ "color": { "value": "{hof-van-twente.color.turquoise.25}" },
5
+ "font-family": { "value": "{hof-van-twente.typography.open-sans.font-family}" },
6
6
  "font-size": { "value": "{hof-van-twente.font-size.3xl}" },
7
7
  "font-weight": { "value": "{hof-van-twente.typography.font-weight.bold}" },
8
- "line-height": { "value": "1.1em" },
8
+ "line-height": { "value": "1.2" },
9
9
  "margin-block-end": { "value": "{hof-van-twente.size.lg}" },
10
10
  "margin-block-start": {}
11
11
  },
12
12
  "heading-2": {
13
- "color": { "value": "{hof-van-twente.color.primary}" },
14
- "font-family": { "value": "{hof-van-twente.typography.roboto-condensed.font-family}" },
13
+ "color": { "value": "{hof-van-twente.color.turquoise.25}" },
14
+ "font-family": { "value": "{hof-van-twente.typography.open-sans.font-family}" },
15
15
  "font-size": { "value": "{hof-van-twente.font-size.2xl}" },
16
- "font-weight": { "value": "{hof-van-twente.typography.font-weight.normal}" },
17
- "line-height": { "value": "1.1em" },
16
+ "font-weight": { "value": "{hof-van-twente.typography.font-weight.bold}" },
17
+ "line-height": { "value": "1.2" },
18
18
  "margin-block-end": { "value": "{hof-van-twente.size.lg}" },
19
19
  "margin-block-start": { "value": "{hof-van-twente.size.xl}" }
20
20
  },
21
21
  "heading-3": {
22
- "color": { "value": "{hof-van-twente.color.black.20}" },
23
- "font-family": { "value": "{hof-van-twente.typography.roboto-condensed.font-family}" },
24
- "font-size": { "value": "{hof-van-twente.font-size.xl}" },
22
+ "color": { "value": "{hof-van-twente.color.turquoise.25}" },
23
+ "font-family": { "value": "{hof-van-twente.typography.open-sans.font-family}" },
24
+ "font-size": { "value": "{hof-van-twente.font-size.lg}" },
25
25
  "font-weight": { "value": "{hof-van-twente.typography.font-weight.bold}" },
26
- "line-height": { "value": "1.1em" },
26
+ "line-height": { "value": "1.2" },
27
27
  "margin-block-end": { "value": "{hof-van-twente.size.xl}" },
28
28
  "margin-block-start": { "value": "{hof-van-twente.size.md}" }
29
29
  },
30
30
  "heading-4": {
31
- "color": { "value": "{hof-van-twente.color.black.20}" },
32
- "font-family": { "value": "{hof-van-twente.typography.roboto-condensed.font-family}" },
31
+ "color": { "value": "{hof-van-twente.color.black.0}" },
32
+ "font-family": { "value": "{hof-van-twente.typography.open-sans.font-family}" },
33
33
  "font-size": { "value": "{hof-van-twente.font-size.lg}" },
34
34
  "font-weight": { "value": "{hof-van-twente.typography.font-weight.bold}" },
35
- "line-height": { "value": "1.1em" },
35
+ "line-height": { "value": "1.2" },
36
36
  "margin-block-end": { "value": "{hof-van-twente.size.lg}" },
37
37
  "margin-block-start": { "value": "{hof-van-twente.size.md}" }
38
38
  },
39
39
  "heading-5": {
40
- "color": { "value": "{hof-van-twente.color.black.20}" },
41
- "font-family": { "value": "{hof-van-twente.typography.roboto-condensed.font-family}" },
40
+ "color": { "value": "{hof-van-twente.color.black.0}" },
41
+ "font-family": { "value": "{hof-van-twente.typography.open-sans.font-family}" },
42
42
  "font-size": { "value": "{hof-van-twente.font-size.md}" },
43
43
  "font-weight": { "value": "{hof-van-twente.typography.font-weight.light}" },
44
- "line-height": { "value": "1.1em" },
44
+ "line-height": { "value": "1.2" },
45
45
  "margin-block-end": { "value": "{hof-van-twente.size.lg}" },
46
46
  "margin-block-start": { "value": "{hof-van-twente.size.md}" }
47
47
  }
@@ -5,7 +5,7 @@
5
5
  "text-decoration": { "value": "underline" },
6
6
  "text-decoration-color": {},
7
7
  "text-decoration-thickness": {},
8
- "text-underline-offset": {},
8
+ "text-underline-offset": { "value": "0.25em" },
9
9
  "active": {
10
10
  "color": {}
11
11
  },
@@ -15,8 +15,8 @@
15
15
  "text-decoration-thickness": {}
16
16
  },
17
17
  "hover": {
18
- "color": {},
19
- "text-decoration": { "value": "none" },
18
+ "color": { "value": "{hof-van-twente.color.turquoise.10}" },
19
+ "text-decoration": { "value": "underline" },
20
20
  "text-decoration-thickness": {}
21
21
  },
22
22
  "placeholder": {
@@ -1,27 +1,27 @@
1
1
  {
2
2
  "utrecht": {
3
3
  "ordered-list": {
4
- "font-size": { "value": "{utrecht.document.font-size}" },
5
- "line-height": {},
6
- "margin-block-start": { "value": "{hof-van-twente.size.sm}" },
7
- "margin-block-end": { "value": "{hof-van-twente.size.sm}" },
8
- "padding-inline-start": { "value": "2ch" },
4
+ "font-size": {},
5
+ "line-height": { "value": "1.7" },
6
+ "margin-block-start": { "value": "0" },
7
+ "margin-block-end": { "value": "0" },
8
+ "padding-inline-start": { "value": "40px" },
9
9
  "item": {
10
- "margin-block-start": { "value": "{hof-van-twente.size.2xs}" },
11
- "margin-block-end": { "value": "{hof-van-twente.size.2xs}" },
12
- "padding-inline-start": { "value": "{hof-van-twente.size.xs}" }
10
+ "margin-block-start": { "value": "0" },
11
+ "margin-block-end": { "value": "0" },
12
+ "padding-inline-start": { "value": "0" }
13
13
  }
14
14
  },
15
15
  "unordered-list": {
16
- "font-size": { "value": "{utrecht.document.font-size}" },
17
- "line-height": {},
18
- "margin-block-start": { "value": "{hof-van-twente.size.sm}" },
19
- "margin-block-end": { "value": "{hof-van-twente.size.sm}" },
20
- "padding-inline-start": { "value": "1ch" },
16
+ "font-size": {},
17
+ "line-height": { "value": "1.7" },
18
+ "margin-block-start": { "value": "0" },
19
+ "margin-block-end": { "value": "0" },
20
+ "padding-inline-start": { "value": "32px" },
21
21
  "item": {
22
- "margin-block-start": { "value": "{hof-van-twente.size.2xs}" },
23
- "margin-block-end": { "value": "{hof-van-twente.size.2xs}" },
24
- "padding-inline-start": { "value": "{hof-van-twente.size.sm}" }
22
+ "margin-block-start": { "value": "0" },
23
+ "margin-block-end": { "value": "0" },
24
+ "padding-inline-start": { "value": "1ch" }
25
25
  },
26
26
  "marker": {
27
27
  "color": { "value": "{hof-van-twente.color.primary}" }
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "utrecht": {
3
3
  "page-footer": {
4
- "background-color": { "value": "{hof-van-twente.color.primary}" },
4
+ "background-color": { "value": "{hof-van-twente.color.white.100}" },
5
5
  "background-image": { "value": "unset" },
6
- "color": { "value": "{hof-van-twente.color.white.100}" },
6
+ "color": { "value": "{hof-van-twente.color.black.13}" },
7
7
  "padding-inline-end": { "value": "{hof-van-twente.size.sm}" },
8
8
  "padding-inline-start": { "value": "{hof-van-twente.size.sm}" },
9
- "padding-block-end": { "value": "{hof-van-twente.size.2xl}" },
10
- "padding-block-start": { "value": "{hof-van-twente.size.2xl}" }
9
+ "padding-block-end": { "value": "35px" },
10
+ "padding-block-start": { "value": "35px" }
11
11
  }
12
12
  }
13
13
  }
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "utrecht": {
3
3
  "page-header": {
4
- "background-color": { "value": "{hof-van-twente.color.grey.90}" },
4
+ "background-color": { "value": "{hof-van-twente.color.white.100}" },
5
5
  "color": { "value": "{hof-van-twente.color.black.0}" },
6
- "padding-block-start": { "value": "{hof-van-twente.size.sm}" },
7
- "padding-block-end": { "value": "{hof-van-twente.size.sm}" }
6
+ "padding-block-start": { "value": "20px" },
7
+ "padding-block-end": { "value": "20px" }
8
8
  }
9
9
  }
10
10
  }
@@ -5,7 +5,7 @@
5
5
  "color": {},
6
6
  "margin-inline-start": { "value": "{hof-van-twente.size.lg}" },
7
7
  "margin-inline-end": { "value": "{hof-van-twente.size.lg}" },
8
- "max-inline-size": { "value": "1140px" }
8
+ "max-inline-size": { "value": "1150px" }
9
9
  }
10
10
  }
11
11
  }
@@ -2,7 +2,7 @@
2
2
  "utrecht": {
3
3
  "paragraph": {
4
4
  "color": { "value": "{utrecht.document.color}" },
5
- "font-family": { "value": "{hof-van-twente.typography.roboto.font-family}" },
5
+ "font-family": { "value": "{hof-van-twente.typography.open-sans.font-family}" },
6
6
  "font-size": { "value": "{hof-van-twente.font-size.md}" },
7
7
  "font-weight": { "value": "{hof-van-twente.typography.font-weight.normal}" },
8
8
  "line-height": {},
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "utrecht": {
3
3
  "skip-link": {
4
- "background-color": { "value": "{hof-van-twente.color.turquoise.48}" },
5
- "color": { "value": "{hof-van-twente.color.black.0}" },
4
+ "background-color": { "value": "{hof-van-twente.color.primary-hover}" },
5
+ "color": { "value": "{hof-van-twente.color.white.100}" },
6
6
  "min-block-size": {},
7
7
  "min-inline-size": {},
8
8
  "padding-block-start": { "value": "10px" },
9
9
  "padding-block-end": { "value": "10px" },
10
- "padding-inline-start": { "value": "10px" },
11
- "padding-inline-end": { "value": "10px" },
10
+ "padding-inline-start": { "value": "28px" },
11
+ "padding-inline-end": { "value": "28px" },
12
12
  "text-decoration": { "value": "none" },
13
13
  "z-index": { "value": "100000" }
14
14
  }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "utrecht": {
3
3
  "surface": {
4
- "background-color": { "value": "{hof-van-twente.color.white.100}" },
4
+ "background-color": { "value": "{hof-van-twente.color.turquoise.96}" },
5
5
  "color": {}
6
6
  }
7
7
  }
@@ -3,9 +3,9 @@
3
3
  "table": {
4
4
  "border-color": {},
5
5
  "border-width": {},
6
- "font-family": { "value": "{hof-van-twente.typography.roboto-condensed.font-family}" },
6
+ "font-family": { "value": "{hof-van-twente.typography.open-sans.font-family}" },
7
7
  "font-size": { "value": "{utrecht.document.font-size}" },
8
- "line-height": { "value": "1.563rem" },
8
+ "line-height": { "value": "1.4" },
9
9
  "margin-block-end": { "value": 0 },
10
10
  "margin-block-start": { "value": "{hof-van-twente.size.md}" },
11
11
  "caption": {
@@ -19,39 +19,39 @@
19
19
  },
20
20
  "header": {
21
21
  "font-weight": { "value": "{hof-van-twente.typography.font-weight.bold}" },
22
- "background-color": { "value": "{hof-van-twente.color.white.94}" },
23
- "color": { "value": "{utrecht.document.color}" },
22
+ "background-color": { "value": "{hof-van-twente.color.primary}" },
23
+ "color": { "value": "{hof-van-twente.color.white.100}" },
24
24
  "text-transform": { "value": "unset" },
25
- "border-block-end-color": { "value": "{hof-van-twente.color.grey.84}" },
25
+ "border-block-end-color": { "value": "{hof-van-twente.color.primary}" },
26
26
  "border-block-end-width": { "value": "{hof-van-twente.size.4xs}" }
27
27
  },
28
28
  "header-cell": {
29
29
  "font-size": { "value": "{utrecht.document.font-size}" },
30
30
  "font-weight": { "value": "{hof-van-twente.typography.font-weight.bold}" },
31
- "color": { "value": "{utrecht.document.color}" },
31
+ "color": {},
32
32
  "text-transform": { "value": "unset" }
33
33
  },
34
34
  "cell": {
35
35
  "line-height": {},
36
- "padding-block-end": { "value": "0.313rem" },
37
- "padding-block-start": { "value": "0.313rem" },
38
- "padding-inline-end": { "value": "0.313rem" },
39
- "padding-inline-start": { "value": "0.313rem" },
36
+ "padding-block-end": { "value": "0.4rem" },
37
+ "padding-block-start": { "value": "0.4rem" },
38
+ "padding-inline-end": { "value": "0.4rem" },
39
+ "padding-inline-start": { "value": "0.4rem" },
40
40
  "icon": {
41
41
  "size": {}
42
42
  }
43
43
  },
44
44
  "row": {
45
- "border-block-end-color": { "value": "{hof-van-twente.color.grey.84}" },
45
+ "border-block-end-color": { "value": "{hof-van-twente.color.primary}" },
46
46
  "border-block-end-width": { "value": "{hof-van-twente.size.4xs}" },
47
47
  "padding-inline-end": {},
48
48
  "padding-inline-start": {},
49
49
  "alternate-odd": {
50
- "background-color": {},
50
+ "background-color": { "value": "{hof-van-twente.color.turquoise.94}" },
51
51
  "color": {}
52
52
  },
53
53
  "alternate-even": {
54
- "background-color": {},
54
+ "background-color": { "value": "{hof-van-twente.color.white.100}" },
55
55
  "color": {}
56
56
  }
57
57
  }
@@ -1,22 +1,19 @@
1
1
  {
2
2
  "utrecht": {
3
3
  "textbox": {
4
- "border-bottom-width": {},
5
- "border-color": { "value": "{hof-van-twente.color.grey.80}" },
6
- "border-radius": { "value": "0" },
7
- "border-width": { "value": "{hof-van-twente.size.4xs}" },
4
+ "border-bottom-width": { "value": "2px" },
5
+ "border-color": { "value": "{hof-van-twente.color.grey.55}" },
6
+ "border-radius": { "value": "7px" },
7
+ "border-width": { "value": "0" },
8
8
  "color": { "value": "{hof-van-twente.color.grey.29}" },
9
- "font-family": { "value": "{hof-van-twente.typography.roboto.font-family}" },
10
- "font-size": {
11
- "value": "0.938rem",
12
- "comment": "15px"
13
- },
9
+ "font-family": { "value": "{hof-van-twente.typography.open-sans.font-family}" },
10
+ "font-size": {},
14
11
  "min-inline-height": {},
15
12
  "max-inline-size": {},
16
- "padding-block-end": { "value": "{hof-van-twente.size.xs}" },
17
- "padding-block-start": { "value": "{hof-van-twente.size.xs}" },
18
- "padding-inline-end": { "value": "{hof-van-twente.size.md}" },
19
- "padding-inline-start": { "value": "{hof-van-twente.size.md}" },
13
+ "padding-block-end": { "value": "{hof-van-twente.size.sm}" },
14
+ "padding-block-start": { "value": "{hof-van-twente.size.sm}" },
15
+ "padding-inline-end": { "value": "12px" },
16
+ "padding-inline-start": { "value": "12px" },
20
17
  "disabled": {
21
18
  "border-color": { "value": "{hof-van-twente.color.grey.87}" },
22
19
  "color": {}
@@ -0,0 +1,17 @@
1
+ # Auteursrecht Gemeente Soest
2
+
3
+ Copyright (c) 2023 Gemeente Soest
4
+
5
+ ## Logo en huisstijl
6
+
7
+ Op het huisstijl en logo zijn auteursrechten van toepassing. Het gebruik van logo en huisstijl is alleen toegestaan voor gebruik door Gemeente Soest.
8
+
9
+ Wanneer je een bewerking van de software wilt gebruiken voor andere doeleinden, mag je niet het logo van Gemeente Soest gebruiken en je ontwerpt een eigen huisstijl.
10
+
11
+ ## Lettertype
12
+
13
+ Lettertypes die worden gebruikt voor de huisstijl zijn niet allemaal gratis en open source. Let op dat bij gebruik van die bijgeleverde lettertypes je een (betaalde) licentie regelt. Pas anders de configuratie aan om minder of andere lettertypes te gebruiken.
14
+
15
+ ## Toestemming
16
+
17
+ Wanneer je het logo of de huisstijl wilt gebruiken kun je voor toestemming contact opnemen met Gemeente Soest.