@conduction/theme 1.0.15 → 1.0.17

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 (60) hide show
  1. package/README.md +7 -3
  2. package/conduction-design-tokens/dist/design-tokens.css +7 -3
  3. package/conduction-design-tokens/dist/index.js +7 -3
  4. package/conduction-design-tokens/dist/index.json +88 -4
  5. package/conduction-design-tokens/dist/index.less +7 -3
  6. package/conduction-design-tokens/dist/index.scss +7 -3
  7. package/conduction-design-tokens/dist/tokens.json +88 -8
  8. package/conduction-design-tokens/src/component/utrecht/button.tokens.json +6 -6
  9. package/conduction-design-tokens/src/config.json +1 -1
  10. package/municipalities/leiden-design-tokens/LICENSE.md +17 -0
  11. package/municipalities/leiden-design-tokens/dist/design-tokens.css +283 -0
  12. package/municipalities/leiden-design-tokens/dist/font.css +1 -0
  13. package/municipalities/leiden-design-tokens/dist/index.css +7 -0
  14. package/municipalities/leiden-design-tokens/dist/index.js +281 -0
  15. package/municipalities/leiden-design-tokens/dist/index.json +5470 -0
  16. package/municipalities/leiden-design-tokens/dist/index.less +280 -0
  17. package/municipalities/leiden-design-tokens/dist/index.scss +280 -0
  18. package/municipalities/leiden-design-tokens/dist/tokens.json +5852 -0
  19. package/municipalities/leiden-design-tokens/package.json +40 -0
  20. package/municipalities/leiden-design-tokens/src/brand/leiden/color.tokens.json +63 -0
  21. package/municipalities/leiden-design-tokens/src/brand/leiden/font-size.tokens.json +17 -0
  22. package/municipalities/leiden-design-tokens/src/brand/leiden/size.tokens.json +17 -0
  23. package/municipalities/leiden-design-tokens/src/brand/leiden/typography.tokens.json +42 -0
  24. package/municipalities/leiden-design-tokens/src/common/utrecht/action.tokens.json +9 -0
  25. package/municipalities/leiden-design-tokens/src/common/utrecht/space.tokens.json +28 -0
  26. package/municipalities/leiden-design-tokens/src/component/conduction/card.tokens.json +15 -0
  27. package/municipalities/leiden-design-tokens/src/component/conduction/select.tokens.json +15 -0
  28. package/municipalities/leiden-design-tokens/src/component/utrecht/alert.tokens.json +47 -0
  29. package/municipalities/leiden-design-tokens/src/component/utrecht/blockquote.tokes.json +27 -0
  30. package/municipalities/leiden-design-tokens/src/component/utrecht/button.tokens.json +152 -0
  31. package/municipalities/leiden-design-tokens/src/component/utrecht/code.tokens.json +27 -0
  32. package/municipalities/leiden-design-tokens/src/component/utrecht/document.tokens.json +12 -0
  33. package/municipalities/leiden-design-tokens/src/component/utrecht/form-input.tokens.json +44 -0
  34. package/municipalities/leiden-design-tokens/src/component/utrecht/heading.tokens.json +53 -0
  35. package/municipalities/leiden-design-tokens/src/component/utrecht/icon.tokens.json +13 -0
  36. package/municipalities/leiden-design-tokens/src/component/utrecht/link.tokens.json +33 -0
  37. package/municipalities/leiden-design-tokens/src/component/utrecht/list.tokens.json +32 -0
  38. package/municipalities/leiden-design-tokens/src/component/utrecht/page-footer.tokens.json +13 -0
  39. package/municipalities/leiden-design-tokens/src/component/utrecht/page-header.tokens.json +10 -0
  40. package/municipalities/leiden-design-tokens/src/component/utrecht/page.tokens.json +11 -0
  41. package/municipalities/leiden-design-tokens/src/component/utrecht/paragraph.tokens.json +25 -0
  42. package/municipalities/leiden-design-tokens/src/component/utrecht/table.tokens.json +60 -0
  43. package/municipalities/leiden-design-tokens/src/component/utrecht/textbox.tokens.json +44 -0
  44. package/municipalities/leiden-design-tokens/src/config.json +7 -0
  45. package/municipalities/leiden-design-tokens/src/font.scss +1 -0
  46. package/municipalities/leiden-design-tokens/src/index.scss +11 -0
  47. package/municipalities/leiden-design-tokens/style-dictionary.config.js +6 -0
  48. package/municipalities/leiden.css +61 -40
  49. package/municipalities/xxllnc-design-tokens/dist/design-tokens.css +16 -15
  50. package/municipalities/xxllnc-design-tokens/dist/index.js +17 -16
  51. package/municipalities/xxllnc-design-tokens/dist/index.json +55 -38
  52. package/municipalities/xxllnc-design-tokens/dist/index.less +16 -15
  53. package/municipalities/xxllnc-design-tokens/dist/index.scss +16 -15
  54. package/municipalities/xxllnc-design-tokens/dist/tokens.json +184 -170
  55. package/municipalities/xxllnc-design-tokens/src/brand/xxllnc/color.tokens.json +3 -3
  56. package/municipalities/xxllnc-design-tokens/src/component/utrecht/paragraph.tokens.json +2 -2
  57. package/municipalities/xxllnc.css +1 -1
  58. package/package.json +1 -1
  59. package/theme.css +4 -4
  60. /package/municipalities/xxllnc-design-tokens/src/component/utrecht/{footer.tokens.json → page-footer.tokens.json} +0 -0
@@ -0,0 +1,280 @@
1
+
2
+ // Do not edit directly
3
+ // Generated on Wed, 09 Aug 2023 14:48:39 GMT
4
+
5
+ @conduction-input-select-padding-block-start: 0;
6
+ @conduction-input-select-padding-block-end: 0;
7
+ @conduction-input-select-border-focus: unset;
8
+ @utrecht-textbox-font-size: 15px;
9
+ @utrecht-textbox-border-radius: 0px;
10
+ @utrecht-table-header-cell-text-transform: unset;
11
+ @utrecht-table-header-text-transform: unset;
12
+ @utrecht-table-margin-block-end: 0;
13
+ @utrecht-paragraph-margin-block-end: 0;
14
+ @utrecht-paragraph-margin-block-start: 0;
15
+ @utrecht-paragraph-line-height: 1.5em;
16
+ @utrecht-page-max-inline-size: 1140px;
17
+ @utrecht-page-footer-background-image: unset;
18
+ @utrecht-unordered-list-item-padding-inline-start: 1ch;
19
+ @utrecht-unordered-list-padding-inline-start: 2ch;
20
+ @utrecht-unordered-list-margin-block-end: 0;
21
+ @utrecht-ordered-list-item-padding-inline-start: 1ch;
22
+ @utrecht-link-hover-text-decoration: underline;
23
+ @utrecht-link-text-decoration-thickness: 0;
24
+ @utrecht-link-text-decoration-color: unset;
25
+ @utrecht-link-text-decoration: none;
26
+ @utrecht-form-input-font-size: 15px;
27
+ @utrecht-form-input-border-radius: 0px;
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-card-border-width: unset;
35
+ @utrecht-action-submit-cursor: pointer;
36
+ @utrecht-action-disabled-cursor: not-allowed;
37
+ @utrecht-action-busy-cursor: wait;
38
+ @leiden-typography-font-weight-light: 100;
39
+ @leiden-typography-font-weight-normal: 400;
40
+ @leiden-typography-font-weight-bold: 700;
41
+ @leiden-typography-monospace-font-family: Monospace, "Lucida Console";
42
+ @leiden-typography-sans-serif-font-family: "Open Sans", Arial, sans-serif;
43
+ @leiden-size-4xl: 96px;
44
+ @leiden-size-3xl: 72px;
45
+ @leiden-size-2xl: 48px;
46
+ @leiden-size-xl: 32px;
47
+ @leiden-size-lg: 24px;
48
+ @leiden-size-md: 18px;
49
+ @leiden-size-sm: 14px;
50
+ @leiden-size-xs: 8px;
51
+ @leiden-size-2xs: 4px;
52
+ @leiden-size-3xs: 2px;
53
+ @leiden-size-4xs: 1px;
54
+ @leiden-font-size-4xl: 58px;
55
+ @leiden-font-size-3xl: 48px;
56
+ @leiden-font-size-2xl: 32px;
57
+ @leiden-font-size-xl: 24px;
58
+ @leiden-font-size-lg: 20px;
59
+ @leiden-font-size-md: 18px;
60
+ @leiden-font-size-sm: 14px;
61
+ @leiden-font-size-xs: 12px;
62
+ @leiden-font-size-2xs: 10px;
63
+ @leiden-font-size-3xs: 8px;
64
+ @leiden-font-size-4xs: 5px;
65
+ @leiden-color-lightblue-89: #dce4ec;
66
+ @leiden-color-lightblue-24: #2c3e50; // Base/LightBlue
67
+ @leiden-color-black-9: #0d1921; // Base/Black
68
+ @leiden-color-white-100: #ffffff; // Base/White
69
+ @leiden-color-lightgrey-89: #e4e4e4; // Base/LightGrey
70
+ @leiden-color-grey-33: #5f594a; // Base/Grey
71
+ @leiden-color-grey-11: #1d1d1b;
72
+ @leiden-color-alert-info-background: #cce5ff;
73
+ @leiden-color-alert-info: #004085;
74
+ @leiden-color-alert-succes-background: #d4edda;
75
+ @leiden-color-alert-succes: #155724;
76
+ @leiden-color-succes: #28a745;
77
+ @leiden-color-alert-warning-background: #fff3cd;
78
+ @leiden-color-alert-warning: #856404;
79
+ @leiden-color-warning: #ffc107;
80
+ @leiden-color-alert-error-background: #f8d7da;
81
+ @leiden-color-alert-error: #721c24;
82
+ @leiden-color-error: #d62410;
83
+ @leiden-color-primary-hover: #b81f0e;
84
+ @leiden-color-primary: #d62410;
85
+ @conduction-input-select-invalid-border-color: @leiden-color-error;
86
+ @conduction-input-select-border-radius: @utrecht-form-input-border-radius;
87
+ @conduction-input-select-background-color: @leiden-color-white-100;
88
+ @utrecht-textbox-placeholder-color: @leiden-color-lightblue-24;
89
+ @utrecht-textbox-padding-inline-start: @leiden-size-sm;
90
+ @utrecht-textbox-padding-inline-end: @leiden-size-sm;
91
+ @utrecht-textbox-padding-block-start: @leiden-size-xs;
92
+ @utrecht-textbox-padding-block-end: @leiden-size-xs;
93
+ @utrecht-textbox-font-family: @leiden-typography-sans-serif-font-family;
94
+ @utrecht-textbox-color: @leiden-color-grey-11;
95
+ @utrecht-textbox-border-width: @leiden-size-4xs;
96
+ @utrecht-textbox-border-color: @leiden-color-grey-33;
97
+ @utrecht-textbox-background-color: @leiden-color-white-100;
98
+ @utrecht-table-row-border-block-end-width: @leiden-size-4xs;
99
+ @utrecht-table-row-border-block-end-color: @leiden-color-lightgrey-89;
100
+ @utrecht-table-cell-padding-inline-start: @leiden-size-md;
101
+ @utrecht-table-cell-padding-inline-end: @leiden-size-md;
102
+ @utrecht-table-cell-padding-block-start: @leiden-size-md;
103
+ @utrecht-table-cell-padding-block-end: @leiden-size-md;
104
+ @utrecht-table-header-cell-font-weight: @leiden-typography-font-weight-bold;
105
+ @utrecht-table-header-font-weight: @leiden-typography-font-weight-bold;
106
+ @utrecht-table-margin-block-start: @leiden-size-md;
107
+ @utrecht-table-border-width: @leiden-size-4xs;
108
+ @utrecht-table-border-color: @leiden-color-lightgrey-89;
109
+ @utrecht-paragraph-font-weight: @leiden-typography-font-weight-normal;
110
+ @utrecht-paragraph-font-size: @leiden-font-size-md;
111
+ @utrecht-paragraph-font-family: @leiden-typography-sans-serif-font-family;
112
+ @utrecht-page-padding-inline-end: @leiden-size-lg;
113
+ @utrecht-page-padding-inline-start: @leiden-size-lg;
114
+ @utrecht-page-header-padding-block-end: @leiden-size-sm;
115
+ @utrecht-page-header-padding-block-start: @leiden-size-sm;
116
+ @utrecht-page-header-color: @leiden-color-white-100;
117
+ @utrecht-page-header-background-color: @leiden-color-black-9;
118
+ @utrecht-page-footer-padding-block-start: @leiden-size-2xl;
119
+ @utrecht-page-footer-padding-block-end: @leiden-size-2xl;
120
+ @utrecht-page-footer-padding-inline-start: @leiden-size-sm;
121
+ @utrecht-page-footer-padding-inline-end: @leiden-size-sm;
122
+ @utrecht-page-footer-color: @leiden-color-white-100;
123
+ @utrecht-page-footer-background-color: @leiden-color-black-9;
124
+ @utrecht-unordered-list-marker-color: @leiden-color-primary;
125
+ @utrecht-unordered-list-item-margin-block-end: @leiden-size-xs;
126
+ @utrecht-unordered-list-item-margin-block-start: @leiden-size-xs;
127
+ @utrecht-unordered-list-margin-block-start: @leiden-size-md;
128
+ @utrecht-ordered-list-item-margin-block-end: @leiden-size-2xs;
129
+ @utrecht-ordered-list-item-margin-block-start: @leiden-size-2xs;
130
+ @utrecht-ordered-list-padding-inline-start: @leiden-size-xl;
131
+ @utrecht-ordered-list-margin-block-end: @leiden-size-sm;
132
+ @utrecht-ordered-list-margin-block-start: @leiden-size-sm;
133
+ @utrecht-link-icon-size: @leiden-size-md;
134
+ @utrecht-link-visited-color: @leiden-color-primary;
135
+ @utrecht-link-hover-text-decoration-thickness: @leiden-size-4xs;
136
+ @utrecht-link-hover-color: @leiden-color-primary-hover;
137
+ @utrecht-link-text-underline-offset: @leiden-size-3xs;
138
+ @utrecht-link-color: @leiden-color-primary;
139
+ @utrecht-icon-gap: @leiden-size-xs;
140
+ @utrecht-heading-5-margin-block-start: @leiden-size-md;
141
+ @utrecht-heading-5-margin-block-end: @leiden-size-lg;
142
+ @utrecht-heading-5-font-weight: @leiden-typography-font-weight-light;
143
+ @utrecht-heading-5-font-size: @leiden-font-size-md;
144
+ @utrecht-heading-5-font-family: @leiden-typography-sans-serif-font-family;
145
+ @utrecht-heading-4-margin-block-start: @leiden-size-md;
146
+ @utrecht-heading-4-margin-block-end: @leiden-size-lg;
147
+ @utrecht-heading-4-font-weight: @leiden-typography-font-weight-normal;
148
+ @utrecht-heading-4-font-size: @leiden-font-size-lg;
149
+ @utrecht-heading-4-font-family: @leiden-typography-sans-serif-font-family;
150
+ @utrecht-heading-3-margin-block-start: @leiden-size-md;
151
+ @utrecht-heading-3-margin-block-end: @leiden-size-xl;
152
+ @utrecht-heading-3-font-weight: @leiden-typography-font-weight-normal;
153
+ @utrecht-heading-3-font-size: @leiden-font-size-xl;
154
+ @utrecht-heading-3-font-family: @leiden-typography-sans-serif-font-family;
155
+ @utrecht-heading-2-margin-block-start: @leiden-size-md;
156
+ @utrecht-heading-2-margin-block-end: @leiden-size-2xl;
157
+ @utrecht-heading-2-font-weight: @leiden-typography-font-weight-bold;
158
+ @utrecht-heading-2-font-size: @leiden-font-size-2xl;
159
+ @utrecht-heading-2-font-family: @leiden-typography-sans-serif-font-family;
160
+ @utrecht-heading-1-margin-block-start: @leiden-size-md;
161
+ @utrecht-heading-1-margin-block-end: @leiden-size-2xl;
162
+ @utrecht-heading-1-font-weight: @leiden-typography-font-weight-bold;
163
+ @utrecht-heading-1-font-size: @leiden-font-size-3xl;
164
+ @utrecht-heading-1-font-family: @leiden-typography-sans-serif-font-family;
165
+ @utrecht-form-input-placeholder-color: @leiden-color-lightblue-24;
166
+ @utrecht-form-input-padding-inline-start: @leiden-size-sm;
167
+ @utrecht-form-input-padding-inline-end: @leiden-size-sm;
168
+ @utrecht-form-input-padding-block-start: @leiden-size-xs;
169
+ @utrecht-form-input-padding-block-end: @leiden-size-xs;
170
+ @utrecht-form-input-font-family: @leiden-typography-sans-serif-font-family;
171
+ @utrecht-form-input-color: @leiden-color-grey-11;
172
+ @utrecht-form-input-border-width: @leiden-size-4xs;
173
+ @utrecht-form-input-border-color: @leiden-color-grey-33;
174
+ @utrecht-form-input-background-color: @leiden-color-white-100;
175
+ @utrecht-document-font-size: @leiden-font-size-md;
176
+ @utrecht-document-font-family: @leiden-typography-sans-serif-font-family;
177
+ @utrecht-document-color: @leiden-color-black-9;
178
+ @utrecht-document-background-color: @leiden-color-white-100;
179
+ @utrecht-code-block-padding-inline-end: @leiden-size-md;
180
+ @utrecht-code-block-padding-inline-start: @leiden-size-md;
181
+ @utrecht-code-block-padding-block-end: @leiden-size-md;
182
+ @utrecht-code-block-padding-block-start: @leiden-size-md;
183
+ @utrecht-code-block-margin-block-end: @leiden-size-md;
184
+ @utrecht-code-block-margin-block-start: @leiden-size-md;
185
+ @utrecht-code-block-line-height: @leiden-size-lg;
186
+ @utrecht-code-block-font-size: @leiden-font-size-md;
187
+ @utrecht-code-block-font-family: @leiden-typography-monospace-font-family;
188
+ @utrecht-code-block-color: @leiden-color-black-9;
189
+ @utrecht-code-block-background-color: @leiden-color-lightgrey-89;
190
+ @utrecht-code-font-family: @leiden-typography-monospace-font-family;
191
+ @utrecht-code-color: @leiden-color-black-9;
192
+ @utrecht-code-background-color: @leiden-color-lightgrey-89;
193
+ @utrecht-button-secondary-action-hover-color: @leiden-color-primary-hover;
194
+ @utrecht-button-secondary-action-hover-border-color: @leiden-color-primary-hover;
195
+ @utrecht-button-secondary-action-hover-background-color: @leiden-color-white-100;
196
+ @utrecht-button-secondary-action-font-weight: @leiden-typography-font-weight-normal;
197
+ @utrecht-button-secondary-action-color: @leiden-color-primary;
198
+ @utrecht-button-secondary-action-border-width: @leiden-size-3xs;
199
+ @utrecht-button-secondary-action-border-color: @leiden-color-primary;
200
+ @utrecht-button-secondary-action-background-color: @leiden-color-white-100;
201
+ @utrecht-button-primary-action-hover-color: @leiden-color-white-100;
202
+ @utrecht-button-primary-action-hover-background-color: @leiden-color-primary;
203
+ @utrecht-button-primary-action-color: @leiden-color-white-100;
204
+ @utrecht-button-primary-action-border-width: @leiden-size-3xs;
205
+ @utrecht-button-primary-action-background-color: @leiden-color-primary;
206
+ @utrecht-button-hover-color: @leiden-color-primary-hover;
207
+ @utrecht-button-hover-background-color: @leiden-color-white-100;
208
+ @utrecht-button-icon-gap: @leiden-size-xs;
209
+ @utrecht-button-padding-inline-end: @leiden-size-xs;
210
+ @utrecht-button-padding-inline-start: @leiden-size-xs;
211
+ @utrecht-button-padding-block-end: @leiden-size-xs;
212
+ @utrecht-button-padding-block-start: @leiden-size-xs;
213
+ @utrecht-button-font-family: @leiden-typography-sans-serif-font-family;
214
+ @utrecht-button-color: @leiden-color-white-100;
215
+ @utrecht-button-border-width: @leiden-size-3xs;
216
+ @utrecht-button-border-radius: @leiden-size-2xs;
217
+ @utrecht-button-border-color: @leiden-color-primary;
218
+ @utrecht-button-background-color: @leiden-color-primary;
219
+ @utrecht-alert-icon-ok-color: @leiden-color-alert-succes;
220
+ @utrecht-alert-icon-warning-color: @leiden-color-alert-warning;
221
+ @utrecht-alert-icon-gap: @leiden-size-xs;
222
+ @utrecht-alert-icon-error-color: @leiden-color-alert-error;
223
+ @utrecht-alert-icon-color: @leiden-color-alert-info;
224
+ @utrecht-alert-ok-color: @leiden-color-alert-succes;
225
+ @utrecht-alert-ok-background-color: @leiden-color-alert-succes-background;
226
+ @utrecht-alert-error-color: @leiden-color-alert-error;
227
+ @utrecht-alert-error-background-color: @leiden-color-alert-error-background;
228
+ @utrecht-alert-warning-color: @leiden-color-alert-warning;
229
+ @utrecht-alert-warning-background-color: @leiden-color-alert-warning-background;
230
+ @utrecht-alert-padding-inline-end: @leiden-size-lg;
231
+ @utrecht-alert-padding-inline-start: @leiden-size-lg;
232
+ @utrecht-alert-padding-block-end: @leiden-size-lg;
233
+ @utrecht-alert-padding-block-start: @leiden-size-lg;
234
+ @utrecht-alert-color: @leiden-color-alert-info;
235
+ @utrecht-alert-background-color: @leiden-color-alert-info-background;
236
+ @utrecht-card-padding-block-start: @leiden-size-sm;
237
+ @utrecht-card-padding-block-end: @leiden-size-sm;
238
+ @utrecht-card-padding-inline-start: @leiden-size-xl;
239
+ @utrecht-card-padding-inline-end: @leiden-size-xl;
240
+ @utrecht-card-color: @leiden-color-black-9;
241
+ @utrecht-card-background-color: @leiden-color-lightgrey-89;
242
+ @utrecht-space-inline-3xl: @leiden-size-3xl;
243
+ @utrecht-space-inline-2xl: @leiden-size-2xl;
244
+ @utrecht-space-inline-xl: @leiden-size-xl;
245
+ @utrecht-space-inline-lg: @leiden-size-lg;
246
+ @utrecht-space-inline-md: @leiden-size-md;
247
+ @utrecht-space-inline-sm: @leiden-size-sm;
248
+ @utrecht-space-inline-xs: @leiden-size-xs;
249
+ @utrecht-space-inline-2xs: @leiden-size-2xs;
250
+ @utrecht-space-inline-3xs: @leiden-size-3xs;
251
+ @utrecht-space-block-3xl: @leiden-size-3xl;
252
+ @utrecht-space-block-2xl: @leiden-size-2xl;
253
+ @utrecht-space-block-xl: @leiden-size-xl;
254
+ @utrecht-space-block-lg: @leiden-size-lg;
255
+ @utrecht-space-block-md: @leiden-size-md;
256
+ @utrecht-space-block-sm: @leiden-size-sm;
257
+ @utrecht-space-block-xs: @leiden-size-xs;
258
+ @utrecht-space-block-2xs: @leiden-size-2xs;
259
+ @utrecht-space-block-3xs: @leiden-size-3xs;
260
+ @leiden-typography-scale-4xl: @leiden-font-size-4xl;
261
+ @leiden-typography-scale-3xl: @leiden-font-size-3xl;
262
+ @leiden-typography-scale-2xl: @leiden-font-size-2xl;
263
+ @leiden-typography-scale-xl: @leiden-font-size-xl;
264
+ @leiden-typography-scale-lg: @leiden-font-size-lg;
265
+ @leiden-typography-scale-md: @leiden-font-size-md;
266
+ @leiden-typography-scale-sm: @leiden-font-size-sm;
267
+ @leiden-typography-scale-xs: @leiden-font-size-xs;
268
+ @leiden-typography-scale-2xs: @leiden-font-size-2xs;
269
+ @leiden-typography-scale-3xs: @leiden-font-size-3xs;
270
+ @leiden-typography-scale-4xs: @leiden-font-size-4xs;
271
+ @leiden-color-info: @leiden-color-primary;
272
+ @conduction-input-select-border: 1px solid @utrecht-form-input-border-color;
273
+ @utrecht-table-header-cell-color: @utrecht-document-color;
274
+ @utrecht-table-header-cell-font-size: @utrecht-document-font-size;
275
+ @utrecht-table-header-color: @utrecht-document-color;
276
+ @utrecht-table-font-size: @utrecht-document-font-size;
277
+ @utrecht-table-font-family: @utrecht-document-font-family;
278
+ @utrecht-paragraph-color: @utrecht-document-color;
279
+ @utrecht-unordered-list-font-size: @utrecht-document-font-size;
280
+ @utrecht-ordered-list-font-size: @utrecht-document-font-size;
@@ -0,0 +1,280 @@
1
+
2
+ // Do not edit directly
3
+ // Generated on Wed, 09 Aug 2023 14:48:39 GMT
4
+
5
+ $conduction-input-select-padding-block-start: 0;
6
+ $conduction-input-select-padding-block-end: 0;
7
+ $conduction-input-select-border-focus: unset;
8
+ $utrecht-textbox-font-size: 15px;
9
+ $utrecht-textbox-border-radius: 0px;
10
+ $utrecht-table-header-cell-text-transform: unset;
11
+ $utrecht-table-header-text-transform: unset;
12
+ $utrecht-table-margin-block-end: 0;
13
+ $utrecht-paragraph-margin-block-end: 0;
14
+ $utrecht-paragraph-margin-block-start: 0;
15
+ $utrecht-paragraph-line-height: 1.5em;
16
+ $utrecht-page-max-inline-size: 1140px;
17
+ $utrecht-page-footer-background-image: unset;
18
+ $utrecht-unordered-list-item-padding-inline-start: 1ch;
19
+ $utrecht-unordered-list-padding-inline-start: 2ch;
20
+ $utrecht-unordered-list-margin-block-end: 0;
21
+ $utrecht-ordered-list-item-padding-inline-start: 1ch;
22
+ $utrecht-link-hover-text-decoration: underline;
23
+ $utrecht-link-text-decoration-thickness: 0;
24
+ $utrecht-link-text-decoration-color: unset;
25
+ $utrecht-link-text-decoration: none;
26
+ $utrecht-form-input-font-size: 15px;
27
+ $utrecht-form-input-border-radius: 0px;
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-card-border-width: unset;
35
+ $utrecht-action-submit-cursor: pointer;
36
+ $utrecht-action-disabled-cursor: not-allowed;
37
+ $utrecht-action-busy-cursor: wait;
38
+ $leiden-typography-font-weight-light: 100;
39
+ $leiden-typography-font-weight-normal: 400;
40
+ $leiden-typography-font-weight-bold: 700;
41
+ $leiden-typography-monospace-font-family: Monospace, "Lucida Console";
42
+ $leiden-typography-sans-serif-font-family: "Open Sans", Arial, sans-serif;
43
+ $leiden-size-4xl: 96px;
44
+ $leiden-size-3xl: 72px;
45
+ $leiden-size-2xl: 48px;
46
+ $leiden-size-xl: 32px;
47
+ $leiden-size-lg: 24px;
48
+ $leiden-size-md: 18px;
49
+ $leiden-size-sm: 14px;
50
+ $leiden-size-xs: 8px;
51
+ $leiden-size-2xs: 4px;
52
+ $leiden-size-3xs: 2px;
53
+ $leiden-size-4xs: 1px;
54
+ $leiden-font-size-4xl: 58px;
55
+ $leiden-font-size-3xl: 48px;
56
+ $leiden-font-size-2xl: 32px;
57
+ $leiden-font-size-xl: 24px;
58
+ $leiden-font-size-lg: 20px;
59
+ $leiden-font-size-md: 18px;
60
+ $leiden-font-size-sm: 14px;
61
+ $leiden-font-size-xs: 12px;
62
+ $leiden-font-size-2xs: 10px;
63
+ $leiden-font-size-3xs: 8px;
64
+ $leiden-font-size-4xs: 5px;
65
+ $leiden-color-lightblue-89: #dce4ec;
66
+ $leiden-color-lightblue-24: #2c3e50; // Base/LightBlue
67
+ $leiden-color-black-9: #0d1921; // Base/Black
68
+ $leiden-color-white-100: #ffffff; // Base/White
69
+ $leiden-color-lightgrey-89: #e4e4e4; // Base/LightGrey
70
+ $leiden-color-grey-33: #5f594a; // Base/Grey
71
+ $leiden-color-grey-11: #1d1d1b;
72
+ $leiden-color-alert-info-background: #cce5ff;
73
+ $leiden-color-alert-info: #004085;
74
+ $leiden-color-alert-succes-background: #d4edda;
75
+ $leiden-color-alert-succes: #155724;
76
+ $leiden-color-succes: #28a745;
77
+ $leiden-color-alert-warning-background: #fff3cd;
78
+ $leiden-color-alert-warning: #856404;
79
+ $leiden-color-warning: #ffc107;
80
+ $leiden-color-alert-error-background: #f8d7da;
81
+ $leiden-color-alert-error: #721c24;
82
+ $leiden-color-error: #d62410;
83
+ $leiden-color-primary-hover: #b81f0e;
84
+ $leiden-color-primary: #d62410;
85
+ $conduction-input-select-invalid-border-color: $leiden-color-error;
86
+ $conduction-input-select-border-radius: $utrecht-form-input-border-radius;
87
+ $conduction-input-select-background-color: $leiden-color-white-100;
88
+ $utrecht-textbox-placeholder-color: $leiden-color-lightblue-24;
89
+ $utrecht-textbox-padding-inline-start: $leiden-size-sm;
90
+ $utrecht-textbox-padding-inline-end: $leiden-size-sm;
91
+ $utrecht-textbox-padding-block-start: $leiden-size-xs;
92
+ $utrecht-textbox-padding-block-end: $leiden-size-xs;
93
+ $utrecht-textbox-font-family: $leiden-typography-sans-serif-font-family;
94
+ $utrecht-textbox-color: $leiden-color-grey-11;
95
+ $utrecht-textbox-border-width: $leiden-size-4xs;
96
+ $utrecht-textbox-border-color: $leiden-color-grey-33;
97
+ $utrecht-textbox-background-color: $leiden-color-white-100;
98
+ $utrecht-table-row-border-block-end-width: $leiden-size-4xs;
99
+ $utrecht-table-row-border-block-end-color: $leiden-color-lightgrey-89;
100
+ $utrecht-table-cell-padding-inline-start: $leiden-size-md;
101
+ $utrecht-table-cell-padding-inline-end: $leiden-size-md;
102
+ $utrecht-table-cell-padding-block-start: $leiden-size-md;
103
+ $utrecht-table-cell-padding-block-end: $leiden-size-md;
104
+ $utrecht-table-header-cell-font-weight: $leiden-typography-font-weight-bold;
105
+ $utrecht-table-header-font-weight: $leiden-typography-font-weight-bold;
106
+ $utrecht-table-margin-block-start: $leiden-size-md;
107
+ $utrecht-table-border-width: $leiden-size-4xs;
108
+ $utrecht-table-border-color: $leiden-color-lightgrey-89;
109
+ $utrecht-paragraph-font-weight: $leiden-typography-font-weight-normal;
110
+ $utrecht-paragraph-font-size: $leiden-font-size-md;
111
+ $utrecht-paragraph-font-family: $leiden-typography-sans-serif-font-family;
112
+ $utrecht-page-padding-inline-end: $leiden-size-lg;
113
+ $utrecht-page-padding-inline-start: $leiden-size-lg;
114
+ $utrecht-page-header-padding-block-end: $leiden-size-sm;
115
+ $utrecht-page-header-padding-block-start: $leiden-size-sm;
116
+ $utrecht-page-header-color: $leiden-color-white-100;
117
+ $utrecht-page-header-background-color: $leiden-color-black-9;
118
+ $utrecht-page-footer-padding-block-start: $leiden-size-2xl;
119
+ $utrecht-page-footer-padding-block-end: $leiden-size-2xl;
120
+ $utrecht-page-footer-padding-inline-start: $leiden-size-sm;
121
+ $utrecht-page-footer-padding-inline-end: $leiden-size-sm;
122
+ $utrecht-page-footer-color: $leiden-color-white-100;
123
+ $utrecht-page-footer-background-color: $leiden-color-black-9;
124
+ $utrecht-unordered-list-marker-color: $leiden-color-primary;
125
+ $utrecht-unordered-list-item-margin-block-end: $leiden-size-xs;
126
+ $utrecht-unordered-list-item-margin-block-start: $leiden-size-xs;
127
+ $utrecht-unordered-list-margin-block-start: $leiden-size-md;
128
+ $utrecht-ordered-list-item-margin-block-end: $leiden-size-2xs;
129
+ $utrecht-ordered-list-item-margin-block-start: $leiden-size-2xs;
130
+ $utrecht-ordered-list-padding-inline-start: $leiden-size-xl;
131
+ $utrecht-ordered-list-margin-block-end: $leiden-size-sm;
132
+ $utrecht-ordered-list-margin-block-start: $leiden-size-sm;
133
+ $utrecht-link-icon-size: $leiden-size-md;
134
+ $utrecht-link-visited-color: $leiden-color-primary;
135
+ $utrecht-link-hover-text-decoration-thickness: $leiden-size-4xs;
136
+ $utrecht-link-hover-color: $leiden-color-primary-hover;
137
+ $utrecht-link-text-underline-offset: $leiden-size-3xs;
138
+ $utrecht-link-color: $leiden-color-primary;
139
+ $utrecht-icon-gap: $leiden-size-xs;
140
+ $utrecht-heading-5-margin-block-start: $leiden-size-md;
141
+ $utrecht-heading-5-margin-block-end: $leiden-size-lg;
142
+ $utrecht-heading-5-font-weight: $leiden-typography-font-weight-light;
143
+ $utrecht-heading-5-font-size: $leiden-font-size-md;
144
+ $utrecht-heading-5-font-family: $leiden-typography-sans-serif-font-family;
145
+ $utrecht-heading-4-margin-block-start: $leiden-size-md;
146
+ $utrecht-heading-4-margin-block-end: $leiden-size-lg;
147
+ $utrecht-heading-4-font-weight: $leiden-typography-font-weight-normal;
148
+ $utrecht-heading-4-font-size: $leiden-font-size-lg;
149
+ $utrecht-heading-4-font-family: $leiden-typography-sans-serif-font-family;
150
+ $utrecht-heading-3-margin-block-start: $leiden-size-md;
151
+ $utrecht-heading-3-margin-block-end: $leiden-size-xl;
152
+ $utrecht-heading-3-font-weight: $leiden-typography-font-weight-normal;
153
+ $utrecht-heading-3-font-size: $leiden-font-size-xl;
154
+ $utrecht-heading-3-font-family: $leiden-typography-sans-serif-font-family;
155
+ $utrecht-heading-2-margin-block-start: $leiden-size-md;
156
+ $utrecht-heading-2-margin-block-end: $leiden-size-2xl;
157
+ $utrecht-heading-2-font-weight: $leiden-typography-font-weight-bold;
158
+ $utrecht-heading-2-font-size: $leiden-font-size-2xl;
159
+ $utrecht-heading-2-font-family: $leiden-typography-sans-serif-font-family;
160
+ $utrecht-heading-1-margin-block-start: $leiden-size-md;
161
+ $utrecht-heading-1-margin-block-end: $leiden-size-2xl;
162
+ $utrecht-heading-1-font-weight: $leiden-typography-font-weight-bold;
163
+ $utrecht-heading-1-font-size: $leiden-font-size-3xl;
164
+ $utrecht-heading-1-font-family: $leiden-typography-sans-serif-font-family;
165
+ $utrecht-form-input-placeholder-color: $leiden-color-lightblue-24;
166
+ $utrecht-form-input-padding-inline-start: $leiden-size-sm;
167
+ $utrecht-form-input-padding-inline-end: $leiden-size-sm;
168
+ $utrecht-form-input-padding-block-start: $leiden-size-xs;
169
+ $utrecht-form-input-padding-block-end: $leiden-size-xs;
170
+ $utrecht-form-input-font-family: $leiden-typography-sans-serif-font-family;
171
+ $utrecht-form-input-color: $leiden-color-grey-11;
172
+ $utrecht-form-input-border-width: $leiden-size-4xs;
173
+ $utrecht-form-input-border-color: $leiden-color-grey-33;
174
+ $utrecht-form-input-background-color: $leiden-color-white-100;
175
+ $utrecht-document-font-size: $leiden-font-size-md;
176
+ $utrecht-document-font-family: $leiden-typography-sans-serif-font-family;
177
+ $utrecht-document-color: $leiden-color-black-9;
178
+ $utrecht-document-background-color: $leiden-color-white-100;
179
+ $utrecht-code-block-padding-inline-end: $leiden-size-md;
180
+ $utrecht-code-block-padding-inline-start: $leiden-size-md;
181
+ $utrecht-code-block-padding-block-end: $leiden-size-md;
182
+ $utrecht-code-block-padding-block-start: $leiden-size-md;
183
+ $utrecht-code-block-margin-block-end: $leiden-size-md;
184
+ $utrecht-code-block-margin-block-start: $leiden-size-md;
185
+ $utrecht-code-block-line-height: $leiden-size-lg;
186
+ $utrecht-code-block-font-size: $leiden-font-size-md;
187
+ $utrecht-code-block-font-family: $leiden-typography-monospace-font-family;
188
+ $utrecht-code-block-color: $leiden-color-black-9;
189
+ $utrecht-code-block-background-color: $leiden-color-lightgrey-89;
190
+ $utrecht-code-font-family: $leiden-typography-monospace-font-family;
191
+ $utrecht-code-color: $leiden-color-black-9;
192
+ $utrecht-code-background-color: $leiden-color-lightgrey-89;
193
+ $utrecht-button-secondary-action-hover-color: $leiden-color-primary-hover;
194
+ $utrecht-button-secondary-action-hover-border-color: $leiden-color-primary-hover;
195
+ $utrecht-button-secondary-action-hover-background-color: $leiden-color-white-100;
196
+ $utrecht-button-secondary-action-font-weight: $leiden-typography-font-weight-normal;
197
+ $utrecht-button-secondary-action-color: $leiden-color-primary;
198
+ $utrecht-button-secondary-action-border-width: $leiden-size-3xs;
199
+ $utrecht-button-secondary-action-border-color: $leiden-color-primary;
200
+ $utrecht-button-secondary-action-background-color: $leiden-color-white-100;
201
+ $utrecht-button-primary-action-hover-color: $leiden-color-white-100;
202
+ $utrecht-button-primary-action-hover-background-color: $leiden-color-primary;
203
+ $utrecht-button-primary-action-color: $leiden-color-white-100;
204
+ $utrecht-button-primary-action-border-width: $leiden-size-3xs;
205
+ $utrecht-button-primary-action-background-color: $leiden-color-primary;
206
+ $utrecht-button-hover-color: $leiden-color-primary-hover;
207
+ $utrecht-button-hover-background-color: $leiden-color-white-100;
208
+ $utrecht-button-icon-gap: $leiden-size-xs;
209
+ $utrecht-button-padding-inline-end: $leiden-size-xs;
210
+ $utrecht-button-padding-inline-start: $leiden-size-xs;
211
+ $utrecht-button-padding-block-end: $leiden-size-xs;
212
+ $utrecht-button-padding-block-start: $leiden-size-xs;
213
+ $utrecht-button-font-family: $leiden-typography-sans-serif-font-family;
214
+ $utrecht-button-color: $leiden-color-white-100;
215
+ $utrecht-button-border-width: $leiden-size-3xs;
216
+ $utrecht-button-border-radius: $leiden-size-2xs;
217
+ $utrecht-button-border-color: $leiden-color-primary;
218
+ $utrecht-button-background-color: $leiden-color-primary;
219
+ $utrecht-alert-icon-ok-color: $leiden-color-alert-succes;
220
+ $utrecht-alert-icon-warning-color: $leiden-color-alert-warning;
221
+ $utrecht-alert-icon-gap: $leiden-size-xs;
222
+ $utrecht-alert-icon-error-color: $leiden-color-alert-error;
223
+ $utrecht-alert-icon-color: $leiden-color-alert-info;
224
+ $utrecht-alert-ok-color: $leiden-color-alert-succes;
225
+ $utrecht-alert-ok-background-color: $leiden-color-alert-succes-background;
226
+ $utrecht-alert-error-color: $leiden-color-alert-error;
227
+ $utrecht-alert-error-background-color: $leiden-color-alert-error-background;
228
+ $utrecht-alert-warning-color: $leiden-color-alert-warning;
229
+ $utrecht-alert-warning-background-color: $leiden-color-alert-warning-background;
230
+ $utrecht-alert-padding-inline-end: $leiden-size-lg;
231
+ $utrecht-alert-padding-inline-start: $leiden-size-lg;
232
+ $utrecht-alert-padding-block-end: $leiden-size-lg;
233
+ $utrecht-alert-padding-block-start: $leiden-size-lg;
234
+ $utrecht-alert-color: $leiden-color-alert-info;
235
+ $utrecht-alert-background-color: $leiden-color-alert-info-background;
236
+ $utrecht-card-padding-block-start: $leiden-size-sm;
237
+ $utrecht-card-padding-block-end: $leiden-size-sm;
238
+ $utrecht-card-padding-inline-start: $leiden-size-xl;
239
+ $utrecht-card-padding-inline-end: $leiden-size-xl;
240
+ $utrecht-card-color: $leiden-color-black-9;
241
+ $utrecht-card-background-color: $leiden-color-lightgrey-89;
242
+ $utrecht-space-inline-3xl: $leiden-size-3xl;
243
+ $utrecht-space-inline-2xl: $leiden-size-2xl;
244
+ $utrecht-space-inline-xl: $leiden-size-xl;
245
+ $utrecht-space-inline-lg: $leiden-size-lg;
246
+ $utrecht-space-inline-md: $leiden-size-md;
247
+ $utrecht-space-inline-sm: $leiden-size-sm;
248
+ $utrecht-space-inline-xs: $leiden-size-xs;
249
+ $utrecht-space-inline-2xs: $leiden-size-2xs;
250
+ $utrecht-space-inline-3xs: $leiden-size-3xs;
251
+ $utrecht-space-block-3xl: $leiden-size-3xl;
252
+ $utrecht-space-block-2xl: $leiden-size-2xl;
253
+ $utrecht-space-block-xl: $leiden-size-xl;
254
+ $utrecht-space-block-lg: $leiden-size-lg;
255
+ $utrecht-space-block-md: $leiden-size-md;
256
+ $utrecht-space-block-sm: $leiden-size-sm;
257
+ $utrecht-space-block-xs: $leiden-size-xs;
258
+ $utrecht-space-block-2xs: $leiden-size-2xs;
259
+ $utrecht-space-block-3xs: $leiden-size-3xs;
260
+ $leiden-typography-scale-4xl: $leiden-font-size-4xl;
261
+ $leiden-typography-scale-3xl: $leiden-font-size-3xl;
262
+ $leiden-typography-scale-2xl: $leiden-font-size-2xl;
263
+ $leiden-typography-scale-xl: $leiden-font-size-xl;
264
+ $leiden-typography-scale-lg: $leiden-font-size-lg;
265
+ $leiden-typography-scale-md: $leiden-font-size-md;
266
+ $leiden-typography-scale-sm: $leiden-font-size-sm;
267
+ $leiden-typography-scale-xs: $leiden-font-size-xs;
268
+ $leiden-typography-scale-2xs: $leiden-font-size-2xs;
269
+ $leiden-typography-scale-3xs: $leiden-font-size-3xs;
270
+ $leiden-typography-scale-4xs: $leiden-font-size-4xs;
271
+ $leiden-color-info: $leiden-color-primary;
272
+ $conduction-input-select-border: 1px solid $utrecht-form-input-border-color;
273
+ $utrecht-table-header-cell-color: $utrecht-document-color;
274
+ $utrecht-table-header-cell-font-size: $utrecht-document-font-size;
275
+ $utrecht-table-header-color: $utrecht-document-color;
276
+ $utrecht-table-font-size: $utrecht-document-font-size;
277
+ $utrecht-table-font-family: $utrecht-document-font-family;
278
+ $utrecht-paragraph-color: $utrecht-document-color;
279
+ $utrecht-unordered-list-font-size: $utrecht-document-font-size;
280
+ $utrecht-ordered-list-font-size: $utrecht-document-font-size;