@conduction/theme 1.0.60 → 1.1.0

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 (89) hide show
  1. package/.github/workflows/openCatalogi.yaml +19 -0
  2. package/README.md +8 -0
  3. package/conduction-design-tokens/dist/design-tokens.css +1 -1
  4. package/conduction-design-tokens/dist/index.js +1 -1
  5. package/conduction-design-tokens/dist/index.less +1 -1
  6. package/conduction-design-tokens/dist/index.scss +1 -1
  7. package/municipalities/commonground-design-tokens/dist/design-tokens.css +1 -1
  8. package/municipalities/commonground-design-tokens/dist/index.js +1 -1
  9. package/municipalities/commonground-design-tokens/dist/index.less +1 -1
  10. package/municipalities/commonground-design-tokens/dist/index.scss +1 -1
  11. package/municipalities/commonground-design-tokens/src/config.json +10 -0
  12. package/municipalities/dimpact-design-tokens/dist/design-tokens.css +1 -1
  13. package/municipalities/dimpact-design-tokens/dist/index.js +1 -1
  14. package/municipalities/dimpact-design-tokens/dist/index.less +1 -1
  15. package/municipalities/dimpact-design-tokens/dist/index.scss +1 -1
  16. package/municipalities/dinkelland-design-tokens/dist/design-tokens.css +1 -1
  17. package/municipalities/dinkelland-design-tokens/dist/index.js +1 -1
  18. package/municipalities/dinkelland-design-tokens/dist/index.less +1 -1
  19. package/municipalities/dinkelland-design-tokens/dist/index.scss +1 -1
  20. package/municipalities/dinkelland-design-tokens/package.json +1 -1
  21. package/municipalities/dinkelland-design-tokens/src/config.json +12 -1
  22. package/municipalities/epe-design-tokens/dist/design-tokens.css +1 -1
  23. package/municipalities/epe-design-tokens/dist/index.js +1 -1
  24. package/municipalities/epe-design-tokens/dist/index.less +1 -1
  25. package/municipalities/epe-design-tokens/dist/index.scss +1 -1
  26. package/municipalities/epe-design-tokens/package.json +1 -1
  27. package/municipalities/epe-design-tokens/src/config.json +12 -1
  28. package/municipalities/leiden-design-tokens/dist/design-tokens.css +1 -1
  29. package/municipalities/leiden-design-tokens/dist/index.js +1 -1
  30. package/municipalities/leiden-design-tokens/dist/index.less +1 -1
  31. package/municipalities/leiden-design-tokens/dist/index.scss +1 -1
  32. package/municipalities/leiden-design-tokens/package.json +1 -1
  33. package/municipalities/leiden-design-tokens/src/config.json +12 -1
  34. package/municipalities/noaberkracht-design-tokens/dist/design-tokens.css +1 -1
  35. package/municipalities/noaberkracht-design-tokens/dist/index.js +1 -1
  36. package/municipalities/noaberkracht-design-tokens/dist/index.less +1 -1
  37. package/municipalities/noaberkracht-design-tokens/dist/index.scss +1 -1
  38. package/municipalities/noaberkracht-design-tokens/package.json +1 -1
  39. package/municipalities/noaberkracht-design-tokens/src/config.json +12 -1
  40. package/municipalities/noordwijk-design-tokens/dist/design-tokens.css +1 -1
  41. package/municipalities/noordwijk-design-tokens/dist/index.js +1 -1
  42. package/municipalities/noordwijk-design-tokens/dist/index.less +1 -1
  43. package/municipalities/noordwijk-design-tokens/dist/index.scss +1 -1
  44. package/municipalities/noordwijk-design-tokens/package.json +5 -2
  45. package/municipalities/noordwijk-design-tokens/src/config.json +12 -1
  46. package/municipalities/open-webconcept-design-tokens/dist/design-tokens.css +1 -1
  47. package/municipalities/open-webconcept-design-tokens/dist/index.js +1 -1
  48. package/municipalities/open-webconcept-design-tokens/dist/index.less +1 -1
  49. package/municipalities/open-webconcept-design-tokens/dist/index.scss +1 -1
  50. package/municipalities/opencatalogi-design-tokens/dist/design-tokens.css +13 -11
  51. package/municipalities/opencatalogi-design-tokens/dist/index.js +13 -11
  52. package/municipalities/opencatalogi-design-tokens/dist/index.json +117 -79
  53. package/municipalities/opencatalogi-design-tokens/dist/index.less +13 -11
  54. package/municipalities/opencatalogi-design-tokens/dist/index.scss +13 -11
  55. package/municipalities/opencatalogi-design-tokens/dist/tokens.json +119 -79
  56. package/municipalities/opencatalogi-design-tokens/src/components/utrecht/badge.tokens.json +1 -1
  57. package/municipalities/opencatalogi-design-tokens/src/components/utrecht/separator.tokens.json +10 -0
  58. package/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-control.tokens.json +1 -0
  59. package/municipalities/rotterdam-design-tokens/dist/design-tokens.css +1 -1
  60. package/municipalities/rotterdam-design-tokens/dist/index.js +1 -1
  61. package/municipalities/rotterdam-design-tokens/dist/index.less +1 -1
  62. package/municipalities/rotterdam-design-tokens/dist/index.scss +1 -1
  63. package/municipalities/tubbergen-design-tokens/dist/design-tokens.css +1 -1
  64. package/municipalities/tubbergen-design-tokens/dist/index.js +1 -1
  65. package/municipalities/tubbergen-design-tokens/dist/index.less +1 -1
  66. package/municipalities/tubbergen-design-tokens/dist/index.scss +1 -1
  67. package/municipalities/tubbergen-design-tokens/package.json +5 -2
  68. package/municipalities/tubbergen-design-tokens/src/config.json +12 -1
  69. package/municipalities/xxllnc-design-tokens/dist/design-tokens.css +1 -1
  70. package/municipalities/xxllnc-design-tokens/dist/index.js +1 -1
  71. package/municipalities/xxllnc-design-tokens/dist/index.less +1 -1
  72. package/municipalities/xxllnc-design-tokens/dist/index.scss +1 -1
  73. package/municipalities/xxllnc-design-tokens/package.json +1 -1
  74. package/municipalities/xxllnc-design-tokens/src/config.json +12 -1
  75. package/municipalities/zutphen-design-tokens/dist/design-tokens.css +607 -0
  76. package/municipalities/zutphen-design-tokens/dist/font.css +15 -0
  77. package/municipalities/zutphen-design-tokens/dist/index.css +7 -0
  78. package/municipalities/zutphen-design-tokens/dist/index.js +605 -0
  79. package/municipalities/zutphen-design-tokens/dist/index.json +12304 -0
  80. package/municipalities/zutphen-design-tokens/dist/index.less +604 -0
  81. package/municipalities/zutphen-design-tokens/dist/index.scss +604 -0
  82. package/municipalities/zutphen-design-tokens/dist/tokens.json +13024 -0
  83. package/package.json +1 -1
  84. package/publiccode.yaml +84 -0
  85. package/municipalities/leiden.css +0 -445
  86. package/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/badge-counter.tokens.json +0 -12
  87. package/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/badge.tokens.json +0 -29
  88. package/municipalities/xxllnc.css +0 -444
  89. package/theme.css +0 -453
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@conduction/theme",
3
- "version": "1.0.60",
3
+ "version": "1.1.0",
4
4
  "description": "Conduction's design tokens theme",
5
5
  "main": "index.js",
6
6
  "repository": {
@@ -0,0 +1,84 @@
1
+ publiccodeYmlVersion: '0.1'
2
+ name: conduction-theme
3
+ applicationSuite: null
4
+ url: https://github.com/ConductionNL/conduction-theme
5
+ landingURL: null
6
+ isBasedOn: null
7
+ softwareVersion: null
8
+ logo: https://avatars.githubusercontent.com/u/106860777?v=4
9
+ monochromeLogo: null
10
+ platforms:
11
+ - web
12
+ releaseDate: '2023-11-10'
13
+ categories:
14
+ - it-development
15
+ developmentStatus: beta
16
+ softwareType: softwareAddon
17
+ description:
18
+ en:
19
+ localisedName: null
20
+ genericName: Conduction's design tokens theme
21
+ shortDescription: conduction-theme
22
+ longDescription: Conduction's design tokens theme
23
+ documentation: null
24
+ apiDocumentation: null
25
+ features: []
26
+ screenshots: []
27
+ videos: []
28
+ awards: []
29
+ nl:
30
+ localisedName: null
31
+ genericName: Conduction's design tokens theme
32
+ shortDescription: conduction-theme
33
+ longDescription: Conduction's design tokens theme
34
+ documentation: null
35
+ apiDocumentation: null
36
+ features: []
37
+ screenshots: []
38
+ videos: []
39
+ awards: []
40
+ intendedaudience:
41
+ countries:
42
+ - nl
43
+ unsupportedCountries: []
44
+ scope: []
45
+ legal:
46
+ license: EUPL-1.2-or-later
47
+ mainCopyrightOwner: legal/authorsFile
48
+ repoOwner: ConductionNL
49
+ authorsFile: null
50
+ maintenance:
51
+ type: internal
52
+ contractors:
53
+ - name: Conduction
54
+ until: 2035-01-01
55
+ email: info\x64conduction.nl
56
+ website: https://www.conduction.nl
57
+ contacts:
58
+ - name: Ruben van der Linde
59
+ email: info\x64conduction.nl
60
+ phone: 085 303 6840
61
+ affiliation: Conduction
62
+ localisation:
63
+ localisationReady: true
64
+ availableLanguages:
65
+ - en
66
+ - nl
67
+ dependsOn: null
68
+ roadmap: null
69
+ inputTypes: null
70
+ outputTypes: null
71
+ nl:
72
+ countryExtensionVersion: null
73
+ commonground:
74
+ intendedOrganisations: []
75
+ installationType: null
76
+ layerType: interface
77
+ gemma:
78
+ bedrijfsfuncties: []
79
+ bedrijfsservices: []
80
+ applicatiefunctie: null
81
+ model: null
82
+ upl: []
83
+ downloadUrls:
84
+ - https://github.com/ConductionNL/conduction-theme/archive/refs/heads/main.zip
@@ -1,445 +0,0 @@
1
- .leiden-theme,
2
- .leiden-theme ::backdrop {
3
- /* leiden Tokens */
4
-
5
- /* Sizes */
6
- --leiden-size-4xs: 1px;
7
- --leiden-size-3xs: 2px;
8
- --leiden-size-2xs: 4px;
9
- --leiden-size-xs: 8px;
10
- --leiden-size-sm: 14px;
11
- --leiden-size-md: 18px;
12
- --leiden-size-lg: 24px;
13
- --leiden-size-xl: 32px;
14
- --leiden-size-2xl: 48px;
15
- --leiden-size-3xl: 72px;
16
- --leiden-size-4xl: 96px;
17
-
18
- /* Font sizes */
19
- --leiden-font-size-4xs: 5px;
20
- --leiden-font-size-3xs: 8px;
21
- --leiden-font-size-2xs: 10px;
22
- --leiden-font-size-xs: 12px;
23
- --leiden-font-size-sm: 14px;
24
- --leiden-font-size-md: 18px;
25
- --leiden-font-size-lg: 20px;
26
- --leiden-font-size-xl: 24px;
27
- --leiden-font-size-2xl: 32px;
28
- --leiden-font-size-3xl: 48px;
29
- --leiden-font-size-4xl: 58px;
30
-
31
- /* Font weights */
32
- --leiden-font-weight-light: 100;
33
- --leiden-font-weight-normal: 400;
34
- --leiden-font-weight-bold: 700;
35
-
36
- /* Letter Spacing */
37
- --leiden-letter-spacing-normal: normal;
38
-
39
- /* Colors */
40
- --leiden-color-primary: #d62410;
41
- --leiden-color-primary-hover: #b81f0e;
42
-
43
- --leiden-color-error: #d62410;
44
- --leiden-color-alert-error: #721c24;
45
- --leiden-color-alert-error-background: #f8d7da;
46
-
47
- --leiden-color-warning: #ffc107;
48
- --leiden-color-alert-warning: #856404;
49
- --leiden-color-alert-warning-background: #fff3cd;
50
-
51
- --leiden-color-success: #28a745;
52
- --leiden-color-alert-success: #155724;
53
- --leiden-color-alert-success-background: #d4edda;
54
-
55
- --leiden-color-info: var(--leiden-color-primary);
56
- --leiden-color-alert-info: #004085;
57
- --leiden-color-alert-info-background: #cce5ff;
58
-
59
- --leiden-color-lightgrey-89: #e4e4e4;
60
- --leiden-color-white-100: #ffffff;
61
- --leiden-color-black-9: #0d1921;
62
-
63
- --leiden-color-grey-33: #5f594a;
64
- --leiden-color-grey-11: #1d1d1b;
65
-
66
-
67
- --leiden-color-light-blue-24: #2c3e50;
68
- --leiden-color-light-blue-89: #dce4ec;
69
-
70
- /* Typography */
71
- --leiden-typography-sans-serif-font-family: "Open Sans", Arial, sans-serif;
72
- --leiden-typography-monospace-font-family: Monospace, "Lucida Console";
73
-
74
- /*
75
- *
76
- * leiden COMPONENT OVERRIDES
77
- *
78
- */
79
-
80
- /* Container */
81
- --leiden-container-padding-inline: var(--leiden-size-xl);
82
-
83
- /*
84
- *
85
- * UTRECHT COMPONENTS & DEFAULTS
86
- *
87
- */
88
-
89
- /* Sizes */
90
-
91
- --utrecht-space-block-3xs: var(--leiden-size-3xs);
92
- --utrecht-space-block-2xs: var(--leiden-size-2xs);
93
- --utrecht-space-block-xs: var(--leiden-size-xs);
94
- --utrecht-space-block-sm: var(--leiden-size-sm);
95
- --utrecht-space-block-md: var(--leiden-size-md);
96
- --utrecht-space-block-lg: var(--leiden-size-lg);
97
- --utrecht-space-block-xl: var(--leiden-size-xl);
98
- --utrecht-space-block-2xl: var(--leiden-size-2xl);
99
- --utrecht-space-block-3xl: var(--leiden-size-3xl);
100
-
101
- --utrecht-space-inline-3xs: var(--leiden-size-3xs);
102
- --utrecht-space-inline-2xs: var(--leiden-size-2xs);
103
- --utrecht-space-inline-xs: var(--leiden-size-xs);
104
- --utrecht-space-inline-sm: var(--leiden-size-sm);
105
- --utrecht-space-inline-md: var(--leiden-size-md);
106
- --utrecht-space-inline-lg: var(--leiden-size-lg);
107
- --utrecht-space-inline-xl: var(--leiden-size-xl);
108
- --utrecht-space-inline-2xl: var(--leiden-size-2xl);
109
- --utrecht-space-inline-3xl: var(--leiden-size-3xl);
110
-
111
- --utrecht-typography-scale-2xs: var(--leiden-font-size-2xs);
112
- --utrecht-typography-scale-xs: var(--leiden-font-size-xs);
113
- --utrecht-typography-scale-sm: var(--leiden-font-size-sm);
114
- --utrecht-typography-scale-md: var(--leiden-font-size-md);
115
- --utrecht-typography-scale-lg: var(--leiden-font-size-lg);
116
- --utrecht-typography-scale-xl: var(--leiden-font-size-xl);
117
- --utrecht-typography-scale-2xl: var(--leiden-font-size-2xl);
118
- --utrecht-typography-scale-3xl: var(--leiden-font-size-3xl);
119
- --utrecht-typography-scale-4xl: var(--leiden-font-size-4xl);
120
-
121
- /* Document */
122
- --utrecht-document-font-family: var(
123
- --leiden-typography-sans-serif-font-family
124
- );
125
- --utrecht-document-font-size: var(--leiden-font-size-md);
126
- --utrecht-document-color: var(--leiden-color-black-9);
127
- --utrecht-document-background-color: var(--leiden-color-white-100);
128
- --utrecht-space-around: 1;
129
-
130
- /* Typography */
131
- --utrecht-typography-sans-serif-font-family: var(
132
- --leiden-typography-sans-serif-font-family
133
- );
134
-
135
- /* Header */
136
- --utrecht-page-header-color: var(--leiden-color-white-100);
137
- --utrecht-page-header-background-color: var(--leiden-color-black-9);
138
- --utrecht-page-header-padding-block-start: var(--leiden-size-sm);
139
- --utrecht-page-header-padding-block-end: var(--leiden-size-sm);
140
-
141
- /* Page */
142
- --utrecht-page-padding-inline-start: var(--leiden-size-lg);
143
- --utrecht-page-padding-inline-end: var(--leiden-size-lg);
144
- --utrecht-page-max-inline-size: 1140px;
145
- --utrecht-page-content-background-color: var(--leiden-color-black-9);
146
-
147
- /* Headings */
148
- --utrecht-heading-1-font-family: var(
149
- --leiden-typography-sans-serif-font-family
150
- );
151
- --utrecht-heading-1-font-size: var(--leiden-font-size-3xl);
152
- --utrecht-heading-1-font-weight: var(--leiden-font-weight-bold);
153
- --utrecht-heading-1-letter-spacing: var(--leiden-letter-spacing-normal);
154
- --utrecht-heading-1-margin-block-start: var(--leiden-size-2xl);
155
- --utrecht-heading-1-margin-block-end: var(--leiden-size-md);
156
-
157
- --utrecht-heading-2-font-family: var(
158
- --leiden-typography-sans-serif-font-family
159
- );
160
- --utrecht-heading-2-font-weight: var(--leiden-font-weight-bold);
161
- --utrecht-heading-2-font-size: var(--leiden-font-size-2xl);
162
- --utrecht-heading-2-letter-spacing: var(--leiden-letter-spacing-normal);
163
- --utrecht-heading-2-margin-block-start: var(--leiden-size-2xl);
164
- --utrecht-heading-2-margin-block-end: var(--leiden-size-md);
165
-
166
- --utrecht-heading-3-font-family: var(
167
- --leiden-typography-sans-serif-font-family
168
- );
169
- --utrecht-heading-3-font-weight: var(--leiden-font-weight-normal);
170
- --utrecht-heading-3-font-size: var(--leiden-font-size-xl);
171
- --utrecht-heading-3-letter-spacing: var(--leiden-letter-spacing-normal);
172
- --utrecht-heading-3-margin-block-start: var(--leiden-size-xl);
173
- --utrecht-heading-3-margin-block-end: var(--leiden-size-md);
174
-
175
- --utrecht-heading-4-font-family: var(
176
- --leiden-typography-sans-serif-font-family
177
- );
178
- --utrecht-heading-4-font-size: var(--leiden-font-size-lg);
179
- --utrecht-heading-4-font-weight: var(--leiden-font-weight-normal);
180
- --utrecht-heading-4-letter-spacing: var(--leiden-letter-spacing-normal);
181
- --utrecht-heading-4-margin-block-start: var(--leiden-size-lg);
182
- --utrecht-heading-4-margin-block-end: var(--leiden-size-md);
183
-
184
- --utrecht-heading-5-font-family: var(
185
- --leiden-typography-sans-serif-font-family
186
- );
187
- --utrecht-heading-5-font-size: var(--leiden-font-size-md);
188
- --utrecht-heading-5-font-weight: var(--leiden-font-weight-light);
189
- --utrecht-heading-5-letter-spacing: var(--leiden-letter-spacing-normal);
190
- --utrecht-heading-5-text-transform: unset;
191
- --utrecht-heading-5-margin-block-start: var(--leiden-size-lg);
192
- --utrecht-heading-5-margin-block-end: var(--conductino-size-md);
193
-
194
- /* Paragraph */
195
- --utrecht-paragraph-color: var(--utrecht-document-color) inherit;
196
- --utrecht-paragraph-font-family: var(
197
- --leiden-typography-sans-serif-font-family
198
- );
199
- --utrecht-paragraph-font-size: var(--leiden-font-size-md);
200
- --utrecht-paragraph-font-weight: var(--leiden-font-weight-normal);
201
- --utrecht-paragraph-line-height: 1.5;
202
- --utrecht-paragraph-margin-block-start: 0;
203
- --utrecht-paragraph-margin-block-end: 0;
204
-
205
- /* Footer */
206
- --utrecht-page-footer-color: var(--leiden-color-white-100);
207
- --utrecht-page-footer-background-color: var(--leiden-color-black-9);
208
- --utrecht-page-footer-background-image: unset;
209
- --utrecht-page-footer-padding-block-start: var(--leiden-size-2xl);
210
- --utrecht-page-footer-padding-block-end: var(--leiden-size-2xl);
211
- --utrecht-page-footer-padding-inline-start: var(--leiden-size-sm);
212
- --utrecht-page-footer-padding-inline-end: var(--leiden-size-sm);
213
-
214
- /* List */
215
- --utrecht-ordered-list-font-size: var(--utrecht-document-font-size) inherit;
216
- --utrecht-ordered-list-padding-inline-start: var(--leiden-size-xl);
217
- --utrecht-ordered-list-margin-block-start: var(--leiden-size-sm);
218
- --utrecht-ordered-list-margin-block-end: var(--leiden-size-sm);
219
-
220
- --utrecht-ordered-list-item-margin-block-start: var(--leiden-size-2xs);
221
- --utrecht-ordered-list-item-margin-block-end: var(--leiden-size-2xs);
222
- --utrecht-ordered-list-item-padding-inline-start: 1ch;
223
-
224
- --utrecht-unordered-list-font-size: var(--utrecht-document-font-size);
225
- --utrecht-unordered-list-margin-block-start: var(--leiden-size-md);
226
- --utrecht-unordered-list-margin-block-end: 0;
227
- --utrecht-unordered-list-padding-inline-start: 2ch;
228
-
229
- --utrecht-unordered-list-item-margin-block-start: var(--leiden-size-xs);
230
- --utrecht-unordered-list-item-margin-block-end: var(--leiden-size-xs);
231
- --utrecht-unordered-list-item-padding-inline-start: 1ch;
232
-
233
- /* Link */
234
- --utrecht-link-color: var(--leiden-color-primary);
235
- --utrecht-link-visited-color: var(--leiden-color-primary);
236
- --utrecht-link-icon-size: var(--leiden-size-md);
237
- --utrecht-link-text-decoration: none;
238
- --utrecht-link-text-decoration-color: unset;
239
- --utrecht-link-text-decoration-thickness: 0;
240
- --utrecht-link-text-underline-offset: var(--leiden-size-3xs);
241
-
242
- --utrecht-link-hover-color: var(--leiden-color-primary-hover);
243
- --utrecht-link-hover-text-decoration: underline;
244
- --utrecht-link-hover-text-decoration-thickness: var(--leiden-size-4xs);
245
-
246
- /* Blockquote */
247
- --utrecht-blockquote-content-color: var(--leiden-color-black-9);
248
- --utrecht-blockquote-content-font-size: var(--leiden-size-md);
249
- --utrecht-blockquote-margin-inline-start: var(--leiden-size-xl);
250
- --utrecht-blockquote-margin-inline-end: var(--leiden-size-xl);
251
-
252
- /* Code */
253
- --utrecht-code-color: var(--leiden-color-black-9);
254
- --utrecht-code-background-color: var(--leiden-color-lightgrey-89);
255
- --utrecht-code-font-family: var(--leiden-typography-monospace-font-family);
256
- --utrecht-code-font-size: inherit;
257
-
258
- --utrecht-code-block-color: var(--leiden-color-black-9);
259
- --utrecht-code-block-background-color: var(--leiden-color-lightgrey-89);
260
- --utrecht-code-block-font-family: var(
261
- --leiden-typography-monospace-font-family
262
- );
263
- --utrecht-code-block-font-size: var(--leiden-font-size-md);
264
- --utrecht-code-block-font-weight: var(--leiden-font-weight-normal);
265
- --utrecht-code-block-line-height: var(--leiden-size-lg);
266
- --utrecht-code-block-margin-block-start: var(--leiden-size-md);
267
- --utrecht-code-block-margin-block-end: var(--leiden-size-md);
268
- --utrecht-code-block-margin-inline-start: 0;
269
- --utrecht-code-block-margin-inline-end: 0;
270
- --utrecht-code-block-padding-block-start: var(--leiden-size-md);
271
- --utrecht-code-block-padding-block-end: var(--leiden-size-md);
272
- --utrecht-code-block-padding-inline-start: var(--leiden-size-md);
273
- --utrecht-code-block-padding-inline-end: var(--leiden-size-md);
274
-
275
- /* Pseudo Elements */
276
- --utrecht-unordered-list-marker-color: var(--leiden-color-primary);
277
-
278
- /* Table */
279
- --utrecht-table-border-color: var(--leiden-color-lightgrey-89);
280
- --utrecht-table-border-width: var(--leiden-size-4xs);
281
- --utrecht-table-font-family: var(--utrecht-document-font-family) inherit;
282
- --utrecht-table-font-size: var(--utrecht-document-font-size) inherit;
283
- --utrecht-table-margin-block-start: var(--leiden-size-md);
284
- --utrecht-table-margin-block-end: 0;
285
-
286
- --utrecht-table-header-color: var(--utrecht-document-color) inherit;
287
- --utrecht-table-header-font-weight: var(--leiden-font-weight-bold);
288
- --utrecht-table-header-text-transform: unset;
289
-
290
- --utrecht-table-header-cell-font-size: var(--utrecht-document-font-size)
291
- inherit;
292
- --utrecht-table-header-cell-font-weight: var(--leiden-font-weight-bold);
293
- --utrecht-table-header-cell-text-transform: unset;
294
-
295
- --utrecht-table-row-border-block-end-color: var(--leiden-color-lightgrey-89);
296
- --utrecht-table-row-border-block-end-width: var(--leiden-size-4xs);
297
-
298
- --utrecht-table-cell-padding-block-start: var(--leiden-size-md);
299
- --utrecht-table-cell-padding-block-end: var(--leiden-size-md);
300
- --utrecht-table-cell-padding-inline-start: var(--leiden-size-md);
301
- --utrecht-table-cell-padding-inline-end: var(--leiden-size-md);
302
-
303
- /* Alert */
304
- --utrecht-alert-color: var(--leiden-color-alert-info);
305
- --utrecht-alert-background-color: var(--leiden-color-alert-info-background);
306
- /* --utrecht-alert-border-color: <color>; */
307
- /* --utrecht-alert-border-width: <length>; */
308
- --utrecht-alert-padding-block-start: var(--leiden-size-lg);
309
- --utrecht-alert-padding-block-end: var(--leiden-size-lg);
310
- --utrecht-alert-padding-inline-start: var(--leiden-size-lg);
311
- --utrecht-alert-padding-inline-end: var(--leiden-size-lg);
312
- /* --utrecht-alert-margin-block-start: <length>; */
313
- /* --utrecht-alert-margin-block-end: <length>; */
314
- /* --utrecht-alert-warning-background-color: <color>; */
315
- /* --utrecht-alert-warning-color: <color>; */
316
- /* --utrecht-alert-warning-border-color: <color>; */
317
- /* --utrecht-alert-warning-border-width: <length>; */
318
- --utrecht-alert-error-background-color: var(
319
- --leiden-color-alert-error-background
320
- );
321
- --utrecht-alert-error-color: var(--leiden-color-alert-error);
322
- /* --utrecht-alert-error-border-color: <color>; */
323
- /* --utrecht-alert-error-border-width: <color>; */
324
- /* --utrecht-alert-ok-background-color: <color>; */
325
- /* --utrecht-alert-ok-color: <color>; */
326
- /* --utrecht-alert-ok-border-color: <color>; */
327
- /* --utrecht-alert-ok-border-width: <length>; */
328
- /* --utrecht-alert-icon-color: <color>; */
329
- /* --utrecht-alert-icon-error-color: <color>; */
330
- /* --utrecht-alert-icon-warning-color: <color>; */
331
- /* --utrecht-alert-icon-ok-color: <color>; */
332
-
333
- /* Icon */
334
- --utrecht-alert-icon-gap: var(--leiden-size-xs);
335
- --utrecht-icon-gap: var(--leiden-size-xs);
336
-
337
- /* Button */
338
- --utrecht-button-color: var(--leiden-color-white-100);
339
- --utrecht-button-background-color: var(--leiden-color-primary);
340
-
341
- --utrecht-button-icon-gap: var(--leiden-size-xs);
342
- --utrecht-button-border-color: var(--leiden-color-primary);
343
- --utrecht-button-border-width: var(--leiden-size-3xs);
344
- --utrecht-button-border-radius: var(--leiden-size-2xs);
345
- /* --utrecht-button-border-bottom-width: <length>; */
346
-
347
- --utrecht-button-font-family: var(--leiden-typography-sans-serif-font-family);
348
- --utrecht-button-font-size: inherit;
349
- --utrecht-button-font-weight: inherit;
350
-
351
- /* --utrecht-button-inline-size: <length>; */
352
- /* --utrecht-button-letter-spacing: <length>; */
353
- /* --utrecht-button-line-height: <length>; */
354
-
355
- /* --utrecht-button-min-block-size: <length>; */
356
- /* --utrecht-button-min-inline-size: <length>; */
357
-
358
- --utrecht-button-padding-block-end: var(--leiden-size-xs);
359
- --utrecht-button-padding-block-start: var(--leiden-size-xs);
360
- --utrecht-button-padding-inline-end: var(--leiden-size-xs);
361
- --utrecht-button-padding-inline-start: var(--leiden-size-xs);
362
-
363
- /* --utrecht-button-text-transform: <length>; */
364
-
365
- --utrecht-button-focus-background-color: var(--leiden-color-primary);
366
- --utrecht-button-focus-border-color: var(--leiden-color-primary);
367
- --utrecht-button-focus-color: var(--leiden-color-white-100);
368
-
369
- --utrecht-button-hover-background-color: var(--leiden-color-white-100);
370
- --utrecht-button-hover-color: var(--leiden-color-primary-hover);
371
- /* --utrecht-button-hover-border-color: unset; */
372
- /* --utrecht-button-focus-transform-scale: unset; */
373
-
374
- --utrecht-button-secondary-action-background-color: var(
375
- --leiden-color-white-100
376
- );
377
- --utrecht-button-secondary-action-border-color: var(--leiden-color-primary);
378
- --utrecht-button-secondary-action-border-width: 2px;
379
- --utrecht-button-secondary-action-color: var(--leiden-color-primary);
380
- --utrecht-button-secondary-action-font-weight: var(
381
- --leiden-font-weight-normal
382
- );
383
-
384
- /* InputField */
385
- --utrecht-form-input-background-color: var(--leiden-color-white-100);
386
- --utrecht-form-input-border-width: var(--leiden-size-4xs);
387
- --utrecht-form-input-border-color: var(--leiden-color-grey-33);
388
- --utrecht-form-input-border-radius: 0px;
389
- --utrecht-form-input-color: var(--leiden-color-grey-11);
390
- --utrecht-form-input-font-family: var(
391
- --leiden-typography-sans-serif-font-family
392
- );
393
- --utrecht-form-input-font-size: 15px;
394
- /* --utrecht-form-input-max-inline-size: ; */
395
- --utrecht-form-input-padding-block-end: var(--leiden-size-xs);
396
- --utrecht-form-input-padding-block-start: var(--leiden-size-xs);
397
- --utrecht-form-input-padding-inline-end: var(--leiden-size-sm);
398
- --utrecht-form-input-padding-inline-start: var(--leiden-size-sm);
399
-
400
- /* InputField-TextField */
401
- --utrecht-textbox-background-color: var(--leiden-color-white-100);
402
- --utrecht-textbox-border-width: var(--leiden-size-4xs);
403
- /* --utrecht-textbox-border-bottom-width: ; */
404
- --utrecht-textbox-border-color: var(--leiden-color-grey-33);
405
- --utrecht-textbox-border-radius: 0px;
406
- --utrecht-textbox-color: var(--leiden-color-grey-11);
407
- --utrecht-textbox-font-family: var(
408
- --leiden-typography-sans-serif-font-family
409
- );
410
- --utrecht-textbox-font-size: 15px;
411
- /* --utrecht-textbox-max-inline-size: ; */
412
- --utrecht-textbox-padding-block-end: var(--leiden-size-xs);
413
- --utrecht-textbox-padding-block-start: var(--leiden-size-xs);
414
- --utrecht-textbox-padding-inline-end: var(--leiden-size-sm);
415
- --utrecht-textbox-padding-inline-start: var(--leiden-size-sm);
416
-
417
- --utrecht-textbox-placeholder-color: var(--leiden-color-light-blue-24);
418
-
419
- /*
420
- *
421
- * CONDUCTION COMPONENTS & DEFAULTS
422
- *
423
- */
424
-
425
- /* Input select single */
426
- --conduction-input-select-padding-block-start: 0;
427
- --conduction-input-select-padding-block-end: 0;
428
- --conduction-input-select-border-radius: var(
429
- --utrecht-form-input-border-radius
430
- );
431
- --conduction-input-select-background-color: var(--leiden-color-white-100);
432
- --conduction-input-select-border: 1px solid
433
- var(--utrecht-form-input-border-color);
434
- --conduction-input-select-border-focus: unset;
435
- --conduction-input-select-invalid-border-color: var(--leiden-color-error);
436
-
437
- /* conduction Card */
438
- --utrecht-card-background-color: var(--leiden-color-lightgrey-89);
439
- --utrecht-card-color: var(--leiden-color-black-9);
440
- /* --utrecht-card-border-radius: <length>; */
441
- --utrecht-card-padding-block-end: var(--leiden-size-sm);
442
- --utrecht-card-padding-block-start: var(--leiden-size-sm);
443
- --utrecht-card-padding-inline-end: var(--leiden-size-xl);
444
- --utrecht-card-padding-inline-start: var(--leiden-size-xl);
445
- }
@@ -1,12 +0,0 @@
1
- {
2
- "utrecht": {
3
- "badge-counter": {
4
- "border-radius": { "value": "2em" },
5
- "color": {},
6
- "font-size": {},
7
- "font-weight": { "value": "400" },
8
- "padding-block-end": { "value": "5px" },
9
- "padding-inline-start": { "value": "5px" }
10
- }
11
- }
12
- }
@@ -1,29 +0,0 @@
1
- {
2
- "utrecht": {
3
- "badge": {
4
- "background-color": {
5
- "value": "{opencatalogi.color.blue.tint-03}"
6
- },
7
- "border-radius": {
8
- "value": "0"
9
- },
10
- "color": {
11
- "value": "{opencatalogi.color.base.white}"
12
- },
13
- "font-size": {
14
- "value": "12px"
15
- },
16
- "font-weight": {
17
- "value": "{opencatalogi.typography.weight-scale.bold.font-weight}"
18
- },
19
- "line-height": {},
20
- "padding-block": {
21
- "value": "2px"
22
- },
23
- "padding-inline": {
24
- "value": "8px"
25
- },
26
- "text-transform": {}
27
- }
28
- }
29
- }