@conduction/theme 1.0.24 → 1.0.26

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 (165) hide show
  1. package/README.md +7 -0
  2. package/conduction-design-tokens/README.md +3 -0
  3. package/conduction-design-tokens/dist/design-tokens.css +66 -67
  4. package/conduction-design-tokens/dist/index.js +70 -71
  5. package/conduction-design-tokens/dist/index.json +168 -187
  6. package/conduction-design-tokens/dist/index.less +66 -67
  7. package/conduction-design-tokens/dist/index.scss +66 -67
  8. package/conduction-design-tokens/dist/tokens.json +1956 -1981
  9. package/conduction-design-tokens/src/component/conduction/{card.tokens.json → card-wrapper.tokens.json} +5 -12
  10. package/municipalities/dinkelland-design-tokens/README.md +3 -0
  11. package/municipalities/dinkelland-design-tokens/dist/design-tokens.css +74 -76
  12. package/municipalities/dinkelland-design-tokens/dist/index.js +80 -82
  13. package/municipalities/dinkelland-design-tokens/dist/index.json +153 -191
  14. package/municipalities/dinkelland-design-tokens/dist/index.less +74 -76
  15. package/municipalities/dinkelland-design-tokens/dist/index.scss +74 -76
  16. package/municipalities/dinkelland-design-tokens/dist/tokens.json +2198 -2241
  17. package/municipalities/dinkelland-design-tokens/src/component/conduction/card-wrapper.tokens.json +19 -0
  18. package/municipalities/epe-design-tokens/README.md +3 -0
  19. package/municipalities/epe-design-tokens/dist/design-tokens.css +66 -73
  20. package/municipalities/epe-design-tokens/dist/index.js +75 -82
  21. package/municipalities/epe-design-tokens/dist/index.json +151 -298
  22. package/municipalities/epe-design-tokens/dist/index.less +66 -73
  23. package/municipalities/epe-design-tokens/dist/index.scss +66 -73
  24. package/municipalities/epe-design-tokens/dist/tokens.json +2134 -2281
  25. package/municipalities/epe-design-tokens/src/component/conduction/card-wrapper.tokens.json +19 -0
  26. package/municipalities/leiden-design-tokens/README.md +3 -0
  27. package/municipalities/leiden-design-tokens/dist/design-tokens.css +60 -61
  28. package/municipalities/leiden-design-tokens/dist/index.js +66 -67
  29. package/municipalities/leiden-design-tokens/dist/index.json +143 -162
  30. package/municipalities/leiden-design-tokens/dist/index.less +60 -61
  31. package/municipalities/leiden-design-tokens/dist/index.scss +60 -61
  32. package/municipalities/leiden-design-tokens/dist/tokens.json +1872 -1897
  33. package/municipalities/leiden-design-tokens/src/component/conduction/{card.tokens.json → card-wrapper.tokens.json} +4 -11
  34. package/municipalities/noaberkracht-design-tokens/dist/design-tokens.css +129 -0
  35. package/municipalities/noaberkracht-design-tokens/dist/font.css +5 -0
  36. package/municipalities/noaberkracht-design-tokens/dist/index.css +7 -0
  37. package/municipalities/noaberkracht-design-tokens/dist/index.js +127 -0
  38. package/municipalities/noaberkracht-design-tokens/dist/index.json +2458 -0
  39. package/municipalities/noaberkracht-design-tokens/dist/index.less +126 -0
  40. package/municipalities/noaberkracht-design-tokens/dist/index.scss +126 -0
  41. package/municipalities/noaberkracht-design-tokens/dist/tokens.json +2570 -0
  42. package/municipalities/noordwijk-design-tokens/LICENSE.md +17 -0
  43. package/municipalities/noordwijk-design-tokens/README.md +3 -0
  44. package/municipalities/noordwijk-design-tokens/dist/design-tokens.css +309 -0
  45. package/municipalities/noordwijk-design-tokens/dist/font.css +318 -0
  46. package/municipalities/noordwijk-design-tokens/dist/index.css +7 -0
  47. package/municipalities/noordwijk-design-tokens/dist/index.js +307 -0
  48. package/municipalities/noordwijk-design-tokens/dist/index.json +6004 -0
  49. package/municipalities/noordwijk-design-tokens/dist/index.less +306 -0
  50. package/municipalities/noordwijk-design-tokens/dist/index.scss +306 -0
  51. package/municipalities/noordwijk-design-tokens/dist/tokens.json +6420 -0
  52. package/municipalities/noordwijk-design-tokens/package.json +40 -0
  53. package/municipalities/noordwijk-design-tokens/src/brand/noordwijk/color.tokens.json +99 -0
  54. package/municipalities/noordwijk-design-tokens/src/brand/noordwijk/font-size.tokens.json +17 -0
  55. package/municipalities/noordwijk-design-tokens/src/brand/noordwijk/size.tokens.json +17 -0
  56. package/municipalities/noordwijk-design-tokens/src/brand/noordwijk/typography.tokens.json +47 -0
  57. package/municipalities/noordwijk-design-tokens/src/common/utrecht/action.tokens.json +9 -0
  58. package/municipalities/noordwijk-design-tokens/src/common/utrecht/space.tokens.json +28 -0
  59. package/municipalities/noordwijk-design-tokens/src/component/conduction/card-wrapper.tokens.json +19 -0
  60. package/municipalities/noordwijk-design-tokens/src/component/conduction/select.tokens.json +15 -0
  61. package/municipalities/noordwijk-design-tokens/src/component/utrecht/alert.tokens.json +46 -0
  62. package/municipalities/noordwijk-design-tokens/src/component/utrecht/blockquote.tokens.json +27 -0
  63. package/municipalities/noordwijk-design-tokens/src/component/utrecht/button.tokens.json +152 -0
  64. package/municipalities/noordwijk-design-tokens/src/component/utrecht/code.tokens.json +27 -0
  65. package/municipalities/noordwijk-design-tokens/src/component/utrecht/document.tokens.json +12 -0
  66. package/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/alert.tokens.json +9 -0
  67. package/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/form-input.tokens.json +44 -0
  68. package/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/icon.tokens.json +7 -0
  69. package/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json +11 -0
  70. package/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/page-header.tokens.json +10 -0
  71. package/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json +24 -0
  72. package/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/textbox.tokens.json +44 -0
  73. package/municipalities/noordwijk-design-tokens/src/component/utrecht/heading.tokens.json +53 -0
  74. package/municipalities/noordwijk-design-tokens/src/component/utrecht/icon.tokens.json +12 -0
  75. package/municipalities/noordwijk-design-tokens/src/component/utrecht/link.tokens.json +33 -0
  76. package/municipalities/noordwijk-design-tokens/src/component/utrecht/list.tokens.json +33 -0
  77. package/municipalities/noordwijk-design-tokens/src/component/utrecht/page-footer.tokens.json +13 -0
  78. package/municipalities/noordwijk-design-tokens/src/component/utrecht/page-header.tokens.json +10 -0
  79. package/municipalities/noordwijk-design-tokens/src/component/utrecht/page.tokens.json +11 -0
  80. package/municipalities/noordwijk-design-tokens/src/component/utrecht/paragraph.tokens.json +25 -0
  81. package/municipalities/noordwijk-design-tokens/src/component/utrecht/table.tokens.json +60 -0
  82. package/municipalities/noordwijk-design-tokens/src/config.json +7 -0
  83. package/municipalities/noordwijk-design-tokens/src/font.scss +385 -0
  84. package/municipalities/noordwijk-design-tokens/src/index.scss +8 -0
  85. package/municipalities/noordwijk-design-tokens/style-dictionary.config.js +6 -0
  86. package/municipalities/rotterdam-design-tokens/dist/design-tokens.css +11 -0
  87. package/municipalities/rotterdam-design-tokens/dist/font.css +1 -0
  88. package/municipalities/rotterdam-design-tokens/dist/index.css +7 -0
  89. package/municipalities/rotterdam-design-tokens/dist/index.js +9 -0
  90. package/municipalities/rotterdam-design-tokens/dist/index.json +80 -0
  91. package/municipalities/rotterdam-design-tokens/dist/index.less +8 -0
  92. package/municipalities/rotterdam-design-tokens/dist/index.scss +8 -0
  93. package/municipalities/rotterdam-design-tokens/dist/tokens.json +90 -0
  94. package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/dist/custom.css +33 -0
  95. package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/dist/design-tokens.css +305 -0
  96. package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/dist/font/download.sh +18 -0
  97. package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/dist/font.css +36 -0
  98. package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/dist/index.css +33 -0
  99. package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/dist/index.js +303 -0
  100. package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/dist/index.json +6415 -0
  101. package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/dist/index.less +302 -0
  102. package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/dist/index.scss +302 -0
  103. package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/dist/tokens.json +6868 -0
  104. package/municipalities/tubbergen-design-tokens/README.md +3 -0
  105. package/municipalities/tubbergen-design-tokens/dist/design-tokens.css +74 -76
  106. package/municipalities/tubbergen-design-tokens/dist/index.js +80 -82
  107. package/municipalities/tubbergen-design-tokens/dist/index.json +153 -191
  108. package/municipalities/tubbergen-design-tokens/dist/index.less +74 -76
  109. package/municipalities/tubbergen-design-tokens/dist/index.scss +74 -76
  110. package/municipalities/tubbergen-design-tokens/dist/tokens.json +2200 -2243
  111. package/municipalities/tubbergen-design-tokens/src/component/conduction/card-wrapper.tokens.json +19 -0
  112. package/municipalities/xxllnc-design-tokens/README.md +3 -0
  113. package/municipalities/xxllnc-design-tokens/dist/design-tokens.css +64 -65
  114. package/municipalities/xxllnc-design-tokens/dist/index.js +66 -67
  115. package/municipalities/xxllnc-design-tokens/dist/index.json +162 -181
  116. package/municipalities/xxllnc-design-tokens/dist/index.less +64 -65
  117. package/municipalities/xxllnc-design-tokens/dist/index.scss +64 -65
  118. package/municipalities/xxllnc-design-tokens/dist/tokens.json +1885 -1910
  119. package/municipalities/xxllnc-design-tokens/src/component/conduction/{card.tokens.json → card-wrapper.tokens.json} +5 -12
  120. package/package.json +3 -2
  121. package/municipalities/dinkelland-design-tokens/src/component/conduction/card.tokens.json +0 -26
  122. package/municipalities/epe-design-tokens/src/component/conduction/card.tokens.json +0 -30
  123. package/municipalities/tubbergen-design-tokens/src/component/conduction/card.tokens.json +0 -26
  124. /package/conduction-design-tokens/src/component/{conduction → utrecht/extra-tokens}/alert.tokens.json +0 -0
  125. /package/conduction-design-tokens/src/component/{conduction → utrecht/extra-tokens}/form-input.tokens.json +0 -0
  126. /package/conduction-design-tokens/src/component/{conduction → utrecht/extra-tokens}/icon.tokens.json +0 -0
  127. /package/conduction-design-tokens/src/component/{conduction → utrecht/extra-tokens}/page-footer.tokens.json +0 -0
  128. /package/conduction-design-tokens/src/component/{conduction → utrecht/extra-tokens}/page-header.tokens.json +0 -0
  129. /package/conduction-design-tokens/src/component/{conduction → utrecht/extra-tokens}/table.tokens.json +0 -0
  130. /package/conduction-design-tokens/src/component/{conduction → utrecht/extra-tokens}/textbox.tokens.json +0 -0
  131. /package/municipalities/dinkelland-design-tokens/src/component/{conduction → utrecht/extra-tokens}/alert.tokens.json +0 -0
  132. /package/municipalities/dinkelland-design-tokens/src/component/{conduction → utrecht/extra-tokens}/form-input.tokens.json +0 -0
  133. /package/municipalities/dinkelland-design-tokens/src/component/{conduction → utrecht/extra-tokens}/icon.tokens.json +0 -0
  134. /package/municipalities/dinkelland-design-tokens/src/component/{conduction → utrecht/extra-tokens}/page-footer.tokens.json +0 -0
  135. /package/municipalities/dinkelland-design-tokens/src/component/{conduction → utrecht/extra-tokens}/page-header.tokens.json +0 -0
  136. /package/municipalities/dinkelland-design-tokens/src/component/{conduction → utrecht/extra-tokens}/table.tokens.json +0 -0
  137. /package/municipalities/dinkelland-design-tokens/src/component/{conduction → utrecht/extra-tokens}/textbox.tokens.json +0 -0
  138. /package/municipalities/epe-design-tokens/src/component/{conduction → utrecht/extra-tokens}/alert.tokens.json +0 -0
  139. /package/municipalities/epe-design-tokens/src/component/{conduction → utrecht/extra-tokens}/form-input.tokens.json +0 -0
  140. /package/municipalities/epe-design-tokens/src/component/{conduction → utrecht/extra-tokens}/icon.tokens.json +0 -0
  141. /package/municipalities/epe-design-tokens/src/component/{conduction → utrecht/extra-tokens}/page-footer.tokens.json +0 -0
  142. /package/municipalities/epe-design-tokens/src/component/{conduction → utrecht/extra-tokens}/page-header.tokens.json +0 -0
  143. /package/municipalities/epe-design-tokens/src/component/{conduction → utrecht/extra-tokens}/table.tokens.json +0 -0
  144. /package/municipalities/epe-design-tokens/src/component/{conduction → utrecht/extra-tokens}/textbox.tokens.json +0 -0
  145. /package/municipalities/leiden-design-tokens/src/component/{conduction → utrecht/extra-tokens}/alert.tokens.json +0 -0
  146. /package/municipalities/leiden-design-tokens/src/component/{conduction → utrecht/extra-tokens}/form-input.tokens.json +0 -0
  147. /package/municipalities/leiden-design-tokens/src/component/{conduction → utrecht/extra-tokens}/icon.tokens.json +0 -0
  148. /package/municipalities/leiden-design-tokens/src/component/{conduction → utrecht/extra-tokens}/page-footer.tokens.json +0 -0
  149. /package/municipalities/leiden-design-tokens/src/component/{conduction → utrecht/extra-tokens}/page-header.tokens.json +0 -0
  150. /package/municipalities/leiden-design-tokens/src/component/{conduction → utrecht/extra-tokens}/table.tokens.json +0 -0
  151. /package/municipalities/leiden-design-tokens/src/component/{conduction → utrecht/extra-tokens}/textbox.tokens.json +0 -0
  152. /package/municipalities/tubbergen-design-tokens/src/component/{conduction → utrecht/extra-tokens}/alert.tokens.json +0 -0
  153. /package/municipalities/tubbergen-design-tokens/src/component/{conduction → utrecht/extra-tokens}/form-input.tokens.json +0 -0
  154. /package/municipalities/tubbergen-design-tokens/src/component/{conduction → utrecht/extra-tokens}/icon.tokens.json +0 -0
  155. /package/municipalities/tubbergen-design-tokens/src/component/{conduction → utrecht/extra-tokens}/page-footer.tokens.json +0 -0
  156. /package/municipalities/tubbergen-design-tokens/src/component/{conduction → utrecht/extra-tokens}/page-header.tokens.json +0 -0
  157. /package/municipalities/tubbergen-design-tokens/src/component/{conduction → utrecht/extra-tokens}/table.tokens.json +0 -0
  158. /package/municipalities/tubbergen-design-tokens/src/component/{conduction → utrecht/extra-tokens}/textbox.tokens.json +0 -0
  159. /package/municipalities/xxllnc-design-tokens/src/component/{conduction → utrecht/extra-tokens}/alert.tokens.json +0 -0
  160. /package/municipalities/xxllnc-design-tokens/src/component/{conduction → utrecht/extra-tokens}/form-input.tokens.json +0 -0
  161. /package/municipalities/xxllnc-design-tokens/src/component/{conduction → utrecht/extra-tokens}/icon.tokens.json +0 -0
  162. /package/municipalities/xxllnc-design-tokens/src/component/{conduction → utrecht/extra-tokens}/page-footer.tokens.json +0 -0
  163. /package/municipalities/xxllnc-design-tokens/src/component/{conduction → utrecht/extra-tokens}/page-header.tokens.json +0 -0
  164. /package/municipalities/xxllnc-design-tokens/src/component/{conduction → utrecht/extra-tokens}/table.tokens.json +0 -0
  165. /package/municipalities/xxllnc-design-tokens/src/component/{conduction → utrecht/extra-tokens}/textbox.tokens.json +0 -0
package/conduction-design-tokens/dist/index.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 18 Aug 2023 12:11:16 GMT
3
+ // Generated on Tue, 22 Aug 2023 15:07:25 GMT
4
4
 
5
5
  @utrecht-paragraph-margin-block-end: 0;
6
6
  @utrecht-paragraph-margin-block-start: 0;
@@ -14,13 +14,6 @@
14
14
  @utrecht-link-text-decoration-thickness: 0;
15
15
  @utrecht-link-text-decoration-color: unset;
16
16
  @utrecht-link-text-decoration: none;
17
- @utrecht-code-block-margin-inline-end: 0;
18
- @utrecht-code-block-margin-inline-start: 0;
19
- @utrecht-code-font-size: inherit;
20
- @utrecht-button-primary-action-font-weight: inherit;
21
- @utrecht-button-font-weight: inherit;
22
- @utrecht-button-font-size: inherit;
23
- @utrecht-button-border-radius: 3px;
24
17
  @utrecht-textbox-font-size: 15px;
25
18
  @utrecht-textbox-border-radius: 3px;
26
19
  @utrecht-table-header-cell-text-transform: unset;
@@ -32,8 +25,13 @@
32
25
  @utrecht-page-footer-logo-max-height: 100px;
33
26
  @utrecht-form-input-font-size: 15px;
34
27
  @utrecht-form-input-border-radius: 3px;
35
- @utrecht-card-border-width: unset;
36
- @utrecht-card-border-radius: 16px;
28
+ @utrecht-code-block-margin-inline-end: 0;
29
+ @utrecht-code-block-margin-inline-start: 0;
30
+ @utrecht-code-font-size: inherit;
31
+ @utrecht-button-primary-action-font-weight: inherit;
32
+ @utrecht-button-font-weight: inherit;
33
+ @utrecht-button-font-size: inherit;
34
+ @utrecht-button-border-radius: 3px;
37
35
  @utrecht-action-submit-cursor: pointer;
38
36
  @utrecht-action-disabled-cursor: not-allowed;
39
37
  @utrecht-action-busy-cursor: wait;
@@ -135,6 +133,52 @@
135
133
  @utrecht-heading-1-font-weight: @conduction-typography-font-weight-bold;
136
134
  @utrecht-heading-1-font-size: @conduction-font-size-3xl;
137
135
  @utrecht-heading-1-font-family: @conduction-typography-aldritch-font-family;
136
+ @utrecht-textbox-focus-background-color: @conduction-color-white-100;
137
+ @utrecht-textbox-placeholder-color: @conduction-color-grey-50;
138
+ @utrecht-textbox-padding-inline-start: @conduction-size-sm;
139
+ @utrecht-textbox-padding-inline-end: @conduction-size-sm;
140
+ @utrecht-textbox-padding-block-start: @conduction-size-xs;
141
+ @utrecht-textbox-padding-block-end: @conduction-size-xs;
142
+ @utrecht-textbox-font-family: @conduction-typography-sans-serif-font-family;
143
+ @utrecht-textbox-color: @conduction-color-grey-29;
144
+ @utrecht-textbox-border-width: @conduction-size-4xs;
145
+ @utrecht-textbox-border-color: @conduction-color-grey-48;
146
+ @utrecht-textbox-background-color: @conduction-color-white-100;
147
+ @utrecht-table-cell-padding-inline-start: @conduction-size-md;
148
+ @utrecht-table-cell-padding-inline-end: @conduction-size-md;
149
+ @utrecht-table-cell-padding-block-start: @conduction-size-md;
150
+ @utrecht-table-cell-padding-block-end: @conduction-size-md;
151
+ @utrecht-table-header-cell-font-weight: @conduction-typography-font-weight-bold;
152
+ @utrecht-table-margin-block-start: @conduction-size-md;
153
+ @utrecht-table-row-border-block-end-width: @conduction-size-4xs;
154
+ @utrecht-table-row-border-block-end-color: @conduction-color-grey-82;
155
+ @utrecht-table-row-hover-background-color: @conduction-color-grey-97;
156
+ @utrecht-table-header-font-weight: @conduction-typography-font-weight-bold;
157
+ @utrecht-table-header-border-block-end-width: @conduction-size-4xs;
158
+ @utrecht-table-header-border-block-end-color: @conduction-color-grey-82;
159
+ @utrecht-table-background-color: @conduction-color-white-100;
160
+ @utrecht-page-header-padding-block-end: @conduction-size-sm;
161
+ @utrecht-page-header-padding-block-start: @conduction-size-sm;
162
+ @utrecht-page-header-color: @conduction-color-white-100;
163
+ @utrecht-page-header-background-color: @conduction-color-primary;
164
+ @utrecht-page-footer-padding-block-start: @conduction-size-2xl;
165
+ @utrecht-page-footer-padding-block-end: @conduction-size-2xl;
166
+ @utrecht-page-footer-padding-inline-start: @conduction-size-sm;
167
+ @utrecht-page-footer-padding-inline-end: @conduction-size-sm;
168
+ @utrecht-page-footer-color: @conduction-color-black-0;
169
+ @utrecht-page-footer-background-color: @conduction-color-lightgrey-96;
170
+ @utrecht-icon-gap: @conduction-size-xs;
171
+ @utrecht-form-input-focus-background-color: @conduction-color-white-100;
172
+ @utrecht-form-input-placeholder-color: @conduction-color-grey-50;
173
+ @utrecht-form-input-padding-inline-start: @conduction-size-sm;
174
+ @utrecht-form-input-padding-inline-end: @conduction-size-sm;
175
+ @utrecht-form-input-padding-block-start: @conduction-size-xs;
176
+ @utrecht-form-input-padding-block-end: @conduction-size-xs;
177
+ @utrecht-form-input-font-family: @conduction-typography-sans-serif-font-family;
178
+ @utrecht-form-input-color: @conduction-color-grey-29;
179
+ @utrecht-form-input-border-width: @conduction-size-4xs;
180
+ @utrecht-form-input-border-color: @conduction-color-grey-48;
181
+ @utrecht-form-input-background-color: @conduction-color-white-100;
138
182
  @utrecht-document-font-size: @conduction-font-size-md;
139
183
  @utrecht-document-font-family: @conduction-typography-sans-serif-font-family;
140
184
  @utrecht-document-color: @conduction-color-black-0;
@@ -185,58 +229,11 @@
185
229
  @utrecht-blockquote-content-color: @conduction-color-black-0;
186
230
  @utrecht-blockquote-margin-inline-end: @conduction-size-xl;
187
231
  @utrecht-blockquote-margin-inline-start: @conduction-size-xl;
188
- @utrecht-textbox-focus-background-color: @conduction-color-white-100;
189
- @utrecht-textbox-placeholder-color: @conduction-color-grey-50;
190
- @utrecht-textbox-padding-inline-start: @conduction-size-sm;
191
- @utrecht-textbox-padding-inline-end: @conduction-size-sm;
192
- @utrecht-textbox-padding-block-start: @conduction-size-xs;
193
- @utrecht-textbox-padding-block-end: @conduction-size-xs;
194
- @utrecht-textbox-font-family: @conduction-typography-sans-serif-font-family;
195
- @utrecht-textbox-color: @conduction-color-grey-29;
196
- @utrecht-textbox-border-width: @conduction-size-4xs;
197
- @utrecht-textbox-border-color: @conduction-color-grey-48;
198
- @utrecht-textbox-background-color: @conduction-color-white-100;
199
- @utrecht-table-cell-padding-inline-start: @conduction-size-md;
200
- @utrecht-table-cell-padding-inline-end: @conduction-size-md;
201
- @utrecht-table-cell-padding-block-start: @conduction-size-md;
202
- @utrecht-table-cell-padding-block-end: @conduction-size-md;
203
- @utrecht-table-header-cell-font-weight: @conduction-typography-font-weight-bold;
204
- @utrecht-table-margin-block-start: @conduction-size-md;
205
- @utrecht-table-row-border-block-end-width: @conduction-size-4xs;
206
- @utrecht-table-row-border-block-end-color: @conduction-color-grey-82;
207
- @utrecht-table-row-hover-background-color: @conduction-color-grey-97;
208
- @utrecht-table-header-font-weight: @conduction-typography-font-weight-bold;
209
- @utrecht-table-header-border-block-end-width: @conduction-size-4xs;
210
- @utrecht-table-header-border-block-end-color: @conduction-color-grey-82;
211
- @utrecht-table-background-color: @conduction-color-white-100;
212
- @utrecht-page-header-padding-block-end: @conduction-size-sm;
213
- @utrecht-page-header-padding-block-start: @conduction-size-sm;
214
- @utrecht-page-header-color: @conduction-color-white-100;
215
- @utrecht-page-header-background-color: @conduction-color-primary;
216
- @utrecht-page-footer-padding-block-start: @conduction-size-2xl;
217
- @utrecht-page-footer-padding-block-end: @conduction-size-2xl;
218
- @utrecht-page-footer-padding-inline-start: @conduction-size-sm;
219
- @utrecht-page-footer-padding-inline-end: @conduction-size-sm;
220
- @utrecht-page-footer-color: @conduction-color-black-0;
221
- @utrecht-page-footer-background-color: @conduction-color-lightgrey-96;
222
- @utrecht-icon-gap: @conduction-size-xs;
223
- @utrecht-form-input-focus-background-color: @conduction-color-white-100;
224
- @utrecht-form-input-placeholder-color: @conduction-color-grey-50;
225
- @utrecht-form-input-padding-inline-start: @conduction-size-sm;
226
- @utrecht-form-input-padding-inline-end: @conduction-size-sm;
227
- @utrecht-form-input-padding-block-start: @conduction-size-xs;
228
- @utrecht-form-input-padding-block-end: @conduction-size-xs;
229
- @utrecht-form-input-font-family: @conduction-typography-sans-serif-font-family;
230
- @utrecht-form-input-color: @conduction-color-grey-29;
231
- @utrecht-form-input-border-width: @conduction-size-4xs;
232
- @utrecht-form-input-border-color: @conduction-color-grey-48;
233
- @utrecht-form-input-background-color: @conduction-color-white-100;
234
- @utrecht-card-padding-block-start: @conduction-size-md;
235
- @utrecht-card-padding-block-end: @conduction-size-md;
236
- @utrecht-card-padding-inline-start: @conduction-size-md;
237
- @utrecht-card-padding-inline-end: @conduction-size-md;
238
- @utrecht-card-color: @conduction-color-black-0;
239
- @utrecht-card-background-color: @conduction-color-white-100;
232
+ @utrecht-alert-icon-gap: @conduction-size-xs;
233
+ @utrecht-alert-icon-ok-color: @conduction-color-alert-succes;
234
+ @utrecht-alert-icon-warning-color: @conduction-color-alert-warning;
235
+ @utrecht-alert-icon-error-color: @conduction-color-alert-error;
236
+ @utrecht-alert-icon-color: @conduction-color-alert-info;
240
237
  @utrecht-alert-ok-color: @conduction-color-alert-succes;
241
238
  @utrecht-alert-ok-background-color: @conduction-color-alert-succes-background;
242
239
  @utrecht-alert-error-color: @conduction-color-alert-error;
@@ -249,11 +246,6 @@
249
246
  @utrecht-alert-padding-block-start: @conduction-size-lg;
250
247
  @utrecht-alert-color: @conduction-color-alert-info;
251
248
  @utrecht-alert-background-color: @conduction-color-alert-info-background;
252
- @utrecht-alert-icon-ok-color: @conduction-color-alert-succes;
253
- @utrecht-alert-icon-warning-color: @conduction-color-alert-warning;
254
- @utrecht-alert-icon-error-color: @conduction-color-alert-error;
255
- @utrecht-alert-icon-color: @conduction-color-alert-info;
256
- @utrecht-alert-icon-gap: @conduction-size-xs;
257
249
  @utrecht-space-inline-3xl: @conduction-size-3xl;
258
250
  @utrecht-space-inline-2xl: @conduction-size-2xl;
259
251
  @utrecht-space-inline-xl: @conduction-size-xl;
@@ -276,6 +268,13 @@
276
268
  @conduction-input-select-border-radius: @utrecht-form-input-border-radius;
277
269
  @conduction-input-select-border: @conduction-size-4xs solid @conduction-color-grey-48;
278
270
  @conduction-input-select-background-color: @conduction-color-white-100;
271
+ @conduction-card-wrapper-padding-block-start: @conduction-size-md;
272
+ @conduction-card-wrapper-padding-block-end: @conduction-size-md;
273
+ @conduction-card-wrapper-padding-inline-start: @conduction-size-md;
274
+ @conduction-card-wrapper-padding-inline-end: @conduction-size-md;
275
+ @conduction-card-wrapper-color: @conduction-color-black-0;
276
+ @conduction-card-wrapper-border-radius: @conduction-size-md;
277
+ @conduction-card-wrapper-background-color: @conduction-color-white-100;
279
278
  @conduction-typography-scale-4xl: @conduction-font-size-4xl;
280
279
  @conduction-typography-scale-3xl: @conduction-font-size-3xl;
281
280
  @conduction-typography-scale-2xl: @conduction-font-size-2xl;
package/conduction-design-tokens/dist/index.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 18 Aug 2023 12:11:16 GMT
3
+ // Generated on Tue, 22 Aug 2023 15:07:25 GMT
4
4
 
5
5
  $utrecht-paragraph-margin-block-end: 0;
6
6
  $utrecht-paragraph-margin-block-start: 0;
@@ -14,13 +14,6 @@ $utrecht-link-hover-text-decoration: underline;
14
14
  $utrecht-link-text-decoration-thickness: 0;
15
15
  $utrecht-link-text-decoration-color: unset;
16
16
  $utrecht-link-text-decoration: none;
17
- $utrecht-code-block-margin-inline-end: 0;
18
- $utrecht-code-block-margin-inline-start: 0;
19
- $utrecht-code-font-size: inherit;
20
- $utrecht-button-primary-action-font-weight: inherit;
21
- $utrecht-button-font-weight: inherit;
22
- $utrecht-button-font-size: inherit;
23
- $utrecht-button-border-radius: 3px;
24
17
  $utrecht-textbox-font-size: 15px;
25
18
  $utrecht-textbox-border-radius: 3px;
26
19
  $utrecht-table-header-cell-text-transform: unset;
@@ -32,8 +25,13 @@ $utrecht-page-footer-logo-max-width: 100px;
32
25
  $utrecht-page-footer-logo-max-height: 100px;
33
26
  $utrecht-form-input-font-size: 15px;
34
27
  $utrecht-form-input-border-radius: 3px;
35
- $utrecht-card-border-width: unset;
36
- $utrecht-card-border-radius: 16px;
28
+ $utrecht-code-block-margin-inline-end: 0;
29
+ $utrecht-code-block-margin-inline-start: 0;
30
+ $utrecht-code-font-size: inherit;
31
+ $utrecht-button-primary-action-font-weight: inherit;
32
+ $utrecht-button-font-weight: inherit;
33
+ $utrecht-button-font-size: inherit;
34
+ $utrecht-button-border-radius: 3px;
37
35
  $utrecht-action-submit-cursor: pointer;
38
36
  $utrecht-action-disabled-cursor: not-allowed;
39
37
  $utrecht-action-busy-cursor: wait;
@@ -135,6 +133,52 @@ $utrecht-heading-1-margin-block-end: $conduction-size-2xl;
135
133
  $utrecht-heading-1-font-weight: $conduction-typography-font-weight-bold;
136
134
  $utrecht-heading-1-font-size: $conduction-font-size-3xl;
137
135
  $utrecht-heading-1-font-family: $conduction-typography-aldritch-font-family;
136
+ $utrecht-textbox-focus-background-color: $conduction-color-white-100;
137
+ $utrecht-textbox-placeholder-color: $conduction-color-grey-50;
138
+ $utrecht-textbox-padding-inline-start: $conduction-size-sm;
139
+ $utrecht-textbox-padding-inline-end: $conduction-size-sm;
140
+ $utrecht-textbox-padding-block-start: $conduction-size-xs;
141
+ $utrecht-textbox-padding-block-end: $conduction-size-xs;
142
+ $utrecht-textbox-font-family: $conduction-typography-sans-serif-font-family;
143
+ $utrecht-textbox-color: $conduction-color-grey-29;
144
+ $utrecht-textbox-border-width: $conduction-size-4xs;
145
+ $utrecht-textbox-border-color: $conduction-color-grey-48;
146
+ $utrecht-textbox-background-color: $conduction-color-white-100;
147
+ $utrecht-table-cell-padding-inline-start: $conduction-size-md;
148
+ $utrecht-table-cell-padding-inline-end: $conduction-size-md;
149
+ $utrecht-table-cell-padding-block-start: $conduction-size-md;
150
+ $utrecht-table-cell-padding-block-end: $conduction-size-md;
151
+ $utrecht-table-header-cell-font-weight: $conduction-typography-font-weight-bold;
152
+ $utrecht-table-margin-block-start: $conduction-size-md;
153
+ $utrecht-table-row-border-block-end-width: $conduction-size-4xs;
154
+ $utrecht-table-row-border-block-end-color: $conduction-color-grey-82;
155
+ $utrecht-table-row-hover-background-color: $conduction-color-grey-97;
156
+ $utrecht-table-header-font-weight: $conduction-typography-font-weight-bold;
157
+ $utrecht-table-header-border-block-end-width: $conduction-size-4xs;
158
+ $utrecht-table-header-border-block-end-color: $conduction-color-grey-82;
159
+ $utrecht-table-background-color: $conduction-color-white-100;
160
+ $utrecht-page-header-padding-block-end: $conduction-size-sm;
161
+ $utrecht-page-header-padding-block-start: $conduction-size-sm;
162
+ $utrecht-page-header-color: $conduction-color-white-100;
163
+ $utrecht-page-header-background-color: $conduction-color-primary;
164
+ $utrecht-page-footer-padding-block-start: $conduction-size-2xl;
165
+ $utrecht-page-footer-padding-block-end: $conduction-size-2xl;
166
+ $utrecht-page-footer-padding-inline-start: $conduction-size-sm;
167
+ $utrecht-page-footer-padding-inline-end: $conduction-size-sm;
168
+ $utrecht-page-footer-color: $conduction-color-black-0;
169
+ $utrecht-page-footer-background-color: $conduction-color-lightgrey-96;
170
+ $utrecht-icon-gap: $conduction-size-xs;
171
+ $utrecht-form-input-focus-background-color: $conduction-color-white-100;
172
+ $utrecht-form-input-placeholder-color: $conduction-color-grey-50;
173
+ $utrecht-form-input-padding-inline-start: $conduction-size-sm;
174
+ $utrecht-form-input-padding-inline-end: $conduction-size-sm;
175
+ $utrecht-form-input-padding-block-start: $conduction-size-xs;
176
+ $utrecht-form-input-padding-block-end: $conduction-size-xs;
177
+ $utrecht-form-input-font-family: $conduction-typography-sans-serif-font-family;
178
+ $utrecht-form-input-color: $conduction-color-grey-29;
179
+ $utrecht-form-input-border-width: $conduction-size-4xs;
180
+ $utrecht-form-input-border-color: $conduction-color-grey-48;
181
+ $utrecht-form-input-background-color: $conduction-color-white-100;
138
182
  $utrecht-document-font-size: $conduction-font-size-md;
139
183
  $utrecht-document-font-family: $conduction-typography-sans-serif-font-family;
140
184
  $utrecht-document-color: $conduction-color-black-0;
@@ -185,58 +229,11 @@ $utrecht-blockquote-content-font-size: $conduction-font-size-md;
185
229
  $utrecht-blockquote-content-color: $conduction-color-black-0;
186
230
  $utrecht-blockquote-margin-inline-end: $conduction-size-xl;
187
231
  $utrecht-blockquote-margin-inline-start: $conduction-size-xl;
188
- $utrecht-textbox-focus-background-color: $conduction-color-white-100;
189
- $utrecht-textbox-placeholder-color: $conduction-color-grey-50;
190
- $utrecht-textbox-padding-inline-start: $conduction-size-sm;
191
- $utrecht-textbox-padding-inline-end: $conduction-size-sm;
192
- $utrecht-textbox-padding-block-start: $conduction-size-xs;
193
- $utrecht-textbox-padding-block-end: $conduction-size-xs;
194
- $utrecht-textbox-font-family: $conduction-typography-sans-serif-font-family;
195
- $utrecht-textbox-color: $conduction-color-grey-29;
196
- $utrecht-textbox-border-width: $conduction-size-4xs;
197
- $utrecht-textbox-border-color: $conduction-color-grey-48;
198
- $utrecht-textbox-background-color: $conduction-color-white-100;
199
- $utrecht-table-cell-padding-inline-start: $conduction-size-md;
200
- $utrecht-table-cell-padding-inline-end: $conduction-size-md;
201
- $utrecht-table-cell-padding-block-start: $conduction-size-md;
202
- $utrecht-table-cell-padding-block-end: $conduction-size-md;
203
- $utrecht-table-header-cell-font-weight: $conduction-typography-font-weight-bold;
204
- $utrecht-table-margin-block-start: $conduction-size-md;
205
- $utrecht-table-row-border-block-end-width: $conduction-size-4xs;
206
- $utrecht-table-row-border-block-end-color: $conduction-color-grey-82;
207
- $utrecht-table-row-hover-background-color: $conduction-color-grey-97;
208
- $utrecht-table-header-font-weight: $conduction-typography-font-weight-bold;
209
- $utrecht-table-header-border-block-end-width: $conduction-size-4xs;
210
- $utrecht-table-header-border-block-end-color: $conduction-color-grey-82;
211
- $utrecht-table-background-color: $conduction-color-white-100;
212
- $utrecht-page-header-padding-block-end: $conduction-size-sm;
213
- $utrecht-page-header-padding-block-start: $conduction-size-sm;
214
- $utrecht-page-header-color: $conduction-color-white-100;
215
- $utrecht-page-header-background-color: $conduction-color-primary;
216
- $utrecht-page-footer-padding-block-start: $conduction-size-2xl;
217
- $utrecht-page-footer-padding-block-end: $conduction-size-2xl;
218
- $utrecht-page-footer-padding-inline-start: $conduction-size-sm;
219
- $utrecht-page-footer-padding-inline-end: $conduction-size-sm;
220
- $utrecht-page-footer-color: $conduction-color-black-0;
221
- $utrecht-page-footer-background-color: $conduction-color-lightgrey-96;
222
- $utrecht-icon-gap: $conduction-size-xs;
223
- $utrecht-form-input-focus-background-color: $conduction-color-white-100;
224
- $utrecht-form-input-placeholder-color: $conduction-color-grey-50;
225
- $utrecht-form-input-padding-inline-start: $conduction-size-sm;
226
- $utrecht-form-input-padding-inline-end: $conduction-size-sm;
227
- $utrecht-form-input-padding-block-start: $conduction-size-xs;
228
- $utrecht-form-input-padding-block-end: $conduction-size-xs;
229
- $utrecht-form-input-font-family: $conduction-typography-sans-serif-font-family;
230
- $utrecht-form-input-color: $conduction-color-grey-29;
231
- $utrecht-form-input-border-width: $conduction-size-4xs;
232
- $utrecht-form-input-border-color: $conduction-color-grey-48;
233
- $utrecht-form-input-background-color: $conduction-color-white-100;
234
- $utrecht-card-padding-block-start: $conduction-size-md;
235
- $utrecht-card-padding-block-end: $conduction-size-md;
236
- $utrecht-card-padding-inline-start: $conduction-size-md;
237
- $utrecht-card-padding-inline-end: $conduction-size-md;
238
- $utrecht-card-color: $conduction-color-black-0;
239
- $utrecht-card-background-color: $conduction-color-white-100;
232
+ $utrecht-alert-icon-gap: $conduction-size-xs;
233
+ $utrecht-alert-icon-ok-color: $conduction-color-alert-succes;
234
+ $utrecht-alert-icon-warning-color: $conduction-color-alert-warning;
235
+ $utrecht-alert-icon-error-color: $conduction-color-alert-error;
236
+ $utrecht-alert-icon-color: $conduction-color-alert-info;
240
237
  $utrecht-alert-ok-color: $conduction-color-alert-succes;
241
238
  $utrecht-alert-ok-background-color: $conduction-color-alert-succes-background;
242
239
  $utrecht-alert-error-color: $conduction-color-alert-error;
@@ -249,11 +246,6 @@ $utrecht-alert-padding-block-end: $conduction-size-lg;
249
246
  $utrecht-alert-padding-block-start: $conduction-size-lg;
250
247
  $utrecht-alert-color: $conduction-color-alert-info;
251
248
  $utrecht-alert-background-color: $conduction-color-alert-info-background;
252
- $utrecht-alert-icon-ok-color: $conduction-color-alert-succes;
253
- $utrecht-alert-icon-warning-color: $conduction-color-alert-warning;
254
- $utrecht-alert-icon-error-color: $conduction-color-alert-error;
255
- $utrecht-alert-icon-color: $conduction-color-alert-info;
256
- $utrecht-alert-icon-gap: $conduction-size-xs;
257
249
  $utrecht-space-inline-3xl: $conduction-size-3xl;
258
250
  $utrecht-space-inline-2xl: $conduction-size-2xl;
259
251
  $utrecht-space-inline-xl: $conduction-size-xl;
@@ -276,6 +268,13 @@ $conduction-input-select-invalid-border-color: $conduction-color-error;
276
268
  $conduction-input-select-border-radius: $utrecht-form-input-border-radius;
277
269
  $conduction-input-select-border: $conduction-size-4xs solid $conduction-color-grey-48;
278
270
  $conduction-input-select-background-color: $conduction-color-white-100;
271
+ $conduction-card-wrapper-padding-block-start: $conduction-size-md;
272
+ $conduction-card-wrapper-padding-block-end: $conduction-size-md;
273
+ $conduction-card-wrapper-padding-inline-start: $conduction-size-md;
274
+ $conduction-card-wrapper-padding-inline-end: $conduction-size-md;
275
+ $conduction-card-wrapper-color: $conduction-color-black-0;
276
+ $conduction-card-wrapper-border-radius: $conduction-size-md;
277
+ $conduction-card-wrapper-background-color: $conduction-color-white-100;
279
278
  $conduction-typography-scale-4xl: $conduction-font-size-4xl;
280
279
  $conduction-typography-scale-3xl: $conduction-font-size-3xl;
281
280
  $conduction-typography-scale-2xl: $conduction-font-size-2xl;