@nova-design-system/nova-base 3.0.0-beta.28 → 3.0.0-beta.30

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.
@@ -0,0 +1,415 @@
1
+ /* eslint-disable */
2
+ /**
3
+ * Do not edit directly, this file was auto-generated
4
+ * @ref generate-tailwind-tokens.ts
5
+ */
6
+ export const NOVA_TAILWIND_TOKENS = {
7
+ '.border-high': {
8
+ 'border-color': 'var(--color-content-high-border)'
9
+ },
10
+ '.icon-high': {
11
+ 'color': 'var(--color-content-high-icon)'
12
+ },
13
+ '.text-high': {
14
+ 'color': 'var(--color-content-high-text)'
15
+ },
16
+ '.icon-inverted-high': {
17
+ 'color': 'var(--color-content-inverted-high-icon)'
18
+ },
19
+ '.text-inverted-high': {
20
+ 'color': 'var(--color-content-inverted-high-text)'
21
+ },
22
+ '.icon-inverted-low': {
23
+ 'color': 'var(--color-content-inverted-low-icon)'
24
+ },
25
+ '.text-inverted-low': {
26
+ 'color': 'var(--color-content-inverted-low-text)'
27
+ },
28
+ '.icon-inverted-medium': {
29
+ 'color': 'var(--color-content-inverted-medium-icon)'
30
+ },
31
+ '.text-inverted-medium': {
32
+ 'color': 'var(--color-content-inverted-medium-text)'
33
+ },
34
+ '.border-low': {
35
+ 'border-color': 'var(--color-content-low-border)'
36
+ },
37
+ '.icon-low': {
38
+ 'color': 'var(--color-content-low-icon)'
39
+ },
40
+ '.text-low': {
41
+ 'color': 'var(--color-content-low-text)'
42
+ },
43
+ '.text-lower': {
44
+ 'color': 'var(--color-content-lower-text)'
45
+ },
46
+ '.border-medium': {
47
+ 'border-color': 'var(--color-content-medium-border)'
48
+ },
49
+ '.icon-medium': {
50
+ 'color': 'var(--color-content-medium-icon)'
51
+ },
52
+ '.text-medium': {
53
+ 'color': 'var(--color-content-medium-text)'
54
+ },
55
+ '.bg-dont-use': {
56
+ 'background-color': 'var(--color-dont-use-background)'
57
+ },
58
+ '.border-dont-use': {
59
+ 'border-color': 'var(--color-dont-use-border)'
60
+ },
61
+ '.bg-feedback-error-high': {
62
+ 'background-color': 'var(--color-feedback-error-high-background)'
63
+ },
64
+ '.border-feedback-error-high': {
65
+ 'border-color': 'var(--color-feedback-error-high-border)'
66
+ },
67
+ '.icon-feedback-error-high': {
68
+ 'color': 'var(--color-feedback-error-high-icon)'
69
+ },
70
+ '.text-feedback-error-high': {
71
+ 'color': 'var(--color-feedback-error-high-text)'
72
+ },
73
+ '.bg-feedback-error-low': {
74
+ 'background-color': 'var(--color-feedback-error-low-background)'
75
+ },
76
+ '.border-feedback-error-low': {
77
+ 'border-color': 'var(--color-feedback-error-low-border)'
78
+ },
79
+ '.icon-feedback-error-low': {
80
+ 'color': 'var(--color-feedback-error-low-icon)'
81
+ },
82
+ '.text-feedback-error-low': {
83
+ 'color': 'var(--color-feedback-error-low-text)'
84
+ },
85
+ '.bg-feedback-information-high': {
86
+ 'background-color': 'var(--color-feedback-information-high-background)'
87
+ },
88
+ '.border-feedback-information-high': {
89
+ 'border-color': 'var(--color-feedback-information-high-border)'
90
+ },
91
+ '.icon-feedback-information-high': {
92
+ 'color': 'var(--color-feedback-information-high-icon)'
93
+ },
94
+ '.text-feedback-information-high': {
95
+ 'color': 'var(--color-feedback-information-high-text)'
96
+ },
97
+ '.bg-feedback-information-low': {
98
+ 'background-color': 'var(--color-feedback-information-low-background)'
99
+ },
100
+ '.border-feedback-information-low': {
101
+ 'border-color': 'var(--color-feedback-information-low-border)'
102
+ },
103
+ '.icon-feedback-information-low': {
104
+ 'color': 'var(--color-feedback-information-low-icon)'
105
+ },
106
+ '.text-feedback-information-low': {
107
+ 'color': 'var(--color-feedback-information-low-text)'
108
+ },
109
+ '.bg-feedback-neutral-high': {
110
+ 'background-color': 'var(--color-feedback-neutral-high-background)'
111
+ },
112
+ '.border-feedback-neutral-high': {
113
+ 'border-color': 'var(--color-feedback-neutral-high-border)'
114
+ },
115
+ '.icon-feedback-neutral-high': {
116
+ 'color': 'var(--color-feedback-neutral-high-icon)'
117
+ },
118
+ '.text-feedback-neutral-high': {
119
+ 'color': 'var(--color-feedback-neutral-high-text)'
120
+ },
121
+ '.bg-feedback-neutral-low': {
122
+ 'background-color': 'var(--color-feedback-neutral-low-background)'
123
+ },
124
+ '.border-feedback-neutral-low': {
125
+ 'border-color': 'var(--color-feedback-neutral-low-border)'
126
+ },
127
+ '.icon-feedback-neutral-low': {
128
+ 'color': 'var(--color-feedback-neutral-low-icon)'
129
+ },
130
+ '.text-feedback-neutral-low': {
131
+ 'color': 'var(--color-feedback-neutral-low-text)'
132
+ },
133
+ '.bg-feedback-success-high': {
134
+ 'background-color': 'var(--color-feedback-success-high-background)'
135
+ },
136
+ '.border-feedback-success-high': {
137
+ 'border-color': 'var(--color-feedback-success-high-border)'
138
+ },
139
+ '.icon-feedback-success-high': {
140
+ 'color': 'var(--color-feedback-success-high-icon)'
141
+ },
142
+ '.text-feedback-success-high': {
143
+ 'color': 'var(--color-feedback-success-high-text)'
144
+ },
145
+ '.bg-feedback-success-low': {
146
+ 'background-color': 'var(--color-feedback-success-low-background)'
147
+ },
148
+ '.border-feedback-success-low': {
149
+ 'border-color': 'var(--color-feedback-success-low-border)'
150
+ },
151
+ '.icon-feedback-success-low': {
152
+ 'color': 'var(--color-feedback-success-low-icon)'
153
+ },
154
+ '.text-feedback-success-low': {
155
+ 'color': 'var(--color-feedback-success-low-text)'
156
+ },
157
+ '.bg-feedback-warning-high': {
158
+ 'background-color': 'var(--color-feedback-warning-high-background)'
159
+ },
160
+ '.border-feedback-warning-high': {
161
+ 'border-color': 'var(--color-feedback-warning-high-border)'
162
+ },
163
+ '.icon-feedback-warning-high': {
164
+ 'color': 'var(--color-feedback-warning-high-icon)'
165
+ },
166
+ '.text-feedback-warning-high': {
167
+ 'color': 'var(--color-feedback-warning-high-text)'
168
+ },
169
+ '.bg-feedback-warning-low': {
170
+ 'background-color': 'var(--color-feedback-warning-low-background)'
171
+ },
172
+ '.border-feedback-warning-low': {
173
+ 'border-color': 'var(--color-feedback-warning-low-border)'
174
+ },
175
+ '.icon-feedback-warning-low': {
176
+ 'color': 'var(--color-feedback-warning-low-icon)'
177
+ },
178
+ '.text-feedback-warning-low': {
179
+ 'color': 'var(--color-feedback-warning-low-text)'
180
+ },
181
+ '.bg-interaction-container-branded-high': {
182
+ 'background-color': 'var(--color-interaction-container-branded-high-background)'
183
+ },
184
+ '.bg-interaction-container-branded-high-hover': {
185
+ 'background-color': 'var(--color-interaction-container-branded-high-background-hover)'
186
+ },
187
+ '.border-interaction-container-branded-high': {
188
+ 'border-color': 'var(--color-interaction-container-branded-high-border)'
189
+ },
190
+ '.border-interaction-container-branded-high-hover': {
191
+ 'border-color': 'var(--color-interaction-container-branded-high-border-hover)'
192
+ },
193
+ '.icon-interaction-container-branded-high': {
194
+ 'color': 'var(--color-interaction-container-branded-high-icon)'
195
+ },
196
+ '.icon-interaction-container-branded-high-hover': {
197
+ 'color': 'var(--color-interaction-container-branded-high-icon-hover)'
198
+ },
199
+ '.text-interaction-container-branded-high': {
200
+ 'color': 'var(--color-interaction-container-branded-high-text)'
201
+ },
202
+ '.text-interaction-container-branded-high-hover': {
203
+ 'color': 'var(--color-interaction-container-branded-high-text-hover)'
204
+ },
205
+ '.bg-interaction-container-branded-low': {
206
+ 'background-color': 'var(--color-interaction-container-branded-low-background)'
207
+ },
208
+ '.bg-interaction-container-branded-low-hover': {
209
+ 'background-color': 'var(--color-interaction-container-branded-low-background-hover)'
210
+ },
211
+ '.border-interaction-container-branded-low': {
212
+ 'border-color': 'var(--color-interaction-container-branded-low-border)'
213
+ },
214
+ '.border-interaction-container-branded-low-hover': {
215
+ 'border-color': 'var(--color-interaction-container-branded-low-border-hover)'
216
+ },
217
+ '.icon-interaction-container-branded-low': {
218
+ 'color': 'var(--color-interaction-container-branded-low-icon)'
219
+ },
220
+ '.icon-interaction-container-branded-low-hover': {
221
+ 'color': 'var(--color-interaction-container-branded-low-icon-hover)'
222
+ },
223
+ '.text-interaction-container-branded-low': {
224
+ 'color': 'var(--color-interaction-container-branded-low-text)'
225
+ },
226
+ '.text-interaction-container-branded-low-hover': {
227
+ 'color': 'var(--color-interaction-container-branded-low-text-hover)'
228
+ },
229
+ '.bg-interaction-container-neutral': {
230
+ 'background-color': 'var(--color-interaction-container-neutral-background)'
231
+ },
232
+ '.bg-interaction-container-neutral-hover': {
233
+ 'background-color': 'var(--color-interaction-container-neutral-background-hover)'
234
+ },
235
+ '.border-interaction-container-neutral': {
236
+ 'border-color': 'var(--color-interaction-container-neutral-border)'
237
+ },
238
+ '.border-interaction-container-neutral-hover': {
239
+ 'border-color': 'var(--color-interaction-container-neutral-border-hover)'
240
+ },
241
+ '.icon-interaction-container-neutral': {
242
+ 'color': 'var(--color-interaction-container-neutral-icon)'
243
+ },
244
+ '.icon-interaction-container-neutral-hover': {
245
+ 'color': 'var(--color-interaction-container-neutral-icon-hover)'
246
+ },
247
+ '.text-interaction-container-neutral': {
248
+ 'color': 'var(--color-interaction-container-neutral-text)'
249
+ },
250
+ '.text-interaction-container-neutral-hover': {
251
+ 'color': 'var(--color-interaction-container-neutral-text-hover)'
252
+ },
253
+ '.icon-interaction-link-high': {
254
+ 'color': 'var(--color-interaction-link-high-icon)'
255
+ },
256
+ '.icon-interaction-link-high-hover': {
257
+ 'color': 'var(--color-interaction-link-high-icon-hover)'
258
+ },
259
+ '.text-interaction-link-high': {
260
+ 'color': 'var(--color-interaction-link-high-text)'
261
+ },
262
+ '.text-interaction-link-high-hover': {
263
+ 'color': 'var(--color-interaction-link-high-text-hover)'
264
+ },
265
+ '.icon-interaction-link-low': {
266
+ 'color': 'var(--color-interaction-link-low-icon)'
267
+ },
268
+ '.icon-interaction-link-low-hover': {
269
+ 'color': 'var(--color-interaction-link-low-icon-hover)'
270
+ },
271
+ '.text-interaction-link-low': {
272
+ 'color': 'var(--color-interaction-link-low-text)'
273
+ },
274
+ '.text-interaction-link-low-hover': {
275
+ 'color': 'var(--color-interaction-link-low-text-hover)'
276
+ },
277
+ '.bg-level-00': {
278
+ 'background-color': 'var(--color-level-00-background)'
279
+ },
280
+ '.bg-level-05': {
281
+ 'background-color': 'var(--color-level-05-background)'
282
+ },
283
+ '.bg-level-10': {
284
+ 'background-color': 'var(--color-level-10-background)'
285
+ },
286
+ '.bg-level-20': {
287
+ 'background-color': 'var(--color-level-20-background)'
288
+ },
289
+ '.bg-level-30': {
290
+ 'background-color': 'var(--color-level-30-background)'
291
+ },
292
+ '.bg-level-40': {
293
+ 'background-color': 'var(--color-level-40-background)'
294
+ },
295
+ '.bg-rainbow-1': {
296
+ 'background-color': 'var(--color-rainbow-1-background)'
297
+ },
298
+ '.border-rainbow-1': {
299
+ 'border-color': 'var(--color-rainbow-1-border)'
300
+ },
301
+ '.icon-rainbow-1': {
302
+ 'color': 'var(--color-rainbow-1-icon)'
303
+ },
304
+ '.text-rainbow-1': {
305
+ 'color': 'var(--color-rainbow-1-text)'
306
+ },
307
+ '.bg-rainbow-10': {
308
+ 'background-color': 'var(--color-rainbow-10-background)'
309
+ },
310
+ '.border-rainbow-10': {
311
+ 'border-color': 'var(--color-rainbow-10-border)'
312
+ },
313
+ '.icon-rainbow-10': {
314
+ 'color': 'var(--color-rainbow-10-icon)'
315
+ },
316
+ '.text-rainbow-10': {
317
+ 'color': 'var(--color-rainbow-10-text)'
318
+ },
319
+ '.bg-rainbow-2': {
320
+ 'background-color': 'var(--color-rainbow-2-background)'
321
+ },
322
+ '.border-rainbow-2': {
323
+ 'border-color': 'var(--color-rainbow-2-border)'
324
+ },
325
+ '.icon-rainbow-2': {
326
+ 'color': 'var(--color-rainbow-2-icon)'
327
+ },
328
+ '.text-rainbow-2': {
329
+ 'color': 'var(--color-rainbow-2-text)'
330
+ },
331
+ '.bg-rainbow-3': {
332
+ 'background-color': 'var(--color-rainbow-3-background)'
333
+ },
334
+ '.border-rainbow-3': {
335
+ 'border-color': 'var(--color-rainbow-3-border)'
336
+ },
337
+ '.icon-rainbow-3': {
338
+ 'color': 'var(--color-rainbow-3-icon)'
339
+ },
340
+ '.text-rainbow-3': {
341
+ 'color': 'var(--color-rainbow-3-text)'
342
+ },
343
+ '.bg-rainbow-4': {
344
+ 'background-color': 'var(--color-rainbow-4-background)'
345
+ },
346
+ '.border-rainbow-4': {
347
+ 'border-color': 'var(--color-rainbow-4-border)'
348
+ },
349
+ '.icon-rainbow-4': {
350
+ 'color': 'var(--color-rainbow-4-icon)'
351
+ },
352
+ '.text-rainbow-4': {
353
+ 'color': 'var(--color-rainbow-4-text)'
354
+ },
355
+ '.bg-rainbow-5': {
356
+ 'background-color': 'var(--color-rainbow-5-background)'
357
+ },
358
+ '.border-rainbow-5': {
359
+ 'border-color': 'var(--color-rainbow-5-border)'
360
+ },
361
+ '.icon-rainbow-5': {
362
+ 'color': 'var(--color-rainbow-5-icon)'
363
+ },
364
+ '.text-rainbow-5': {
365
+ 'color': 'var(--color-rainbow-5-text)'
366
+ },
367
+ '.bg-rainbow-6': {
368
+ 'background-color': 'var(--color-rainbow-6-background)'
369
+ },
370
+ '.border-rainbow-6': {
371
+ 'border-color': 'var(--color-rainbow-6-border)'
372
+ },
373
+ '.icon-rainbow-6': {
374
+ 'color': 'var(--color-rainbow-6-icon)'
375
+ },
376
+ '.text-rainbow-6': {
377
+ 'color': 'var(--color-rainbow-6-text)'
378
+ },
379
+ '.bg-rainbow-7': {
380
+ 'background-color': 'var(--color-rainbow-7-background)'
381
+ },
382
+ '.border-rainbow-7': {
383
+ 'border-color': 'var(--color-rainbow-7-border)'
384
+ },
385
+ '.icon-rainbow-7': {
386
+ 'color': 'var(--color-rainbow-7-icon)'
387
+ },
388
+ '.text-rainbow-7': {
389
+ 'color': 'var(--color-rainbow-7-text)'
390
+ },
391
+ '.bg-rainbow-8': {
392
+ 'background-color': 'var(--color-rainbow-8-background)'
393
+ },
394
+ '.border-rainbow-8': {
395
+ 'border-color': 'var(--color-rainbow-8-border)'
396
+ },
397
+ '.icon-rainbow-8': {
398
+ 'color': 'var(--color-rainbow-8-icon)'
399
+ },
400
+ '.text-rainbow-8': {
401
+ 'color': 'var(--color-rainbow-8-text)'
402
+ },
403
+ '.bg-rainbow-9': {
404
+ 'background-color': 'var(--color-rainbow-9-background)'
405
+ },
406
+ '.border-rainbow-9': {
407
+ 'border-color': 'var(--color-rainbow-9-border)'
408
+ },
409
+ '.icon-rainbow-9': {
410
+ 'color': 'var(--color-rainbow-9-icon)'
411
+ },
412
+ '.text-rainbow-9': {
413
+ 'color': 'var(--color-rainbow-9-text)'
414
+ }
415
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nova-design-system/nova-base",
3
- "version": "3.0.0-beta.28",
3
+ "version": "3.0.0-beta.30",
4
4
  "description": "Nova is a design system created by Elia Group to empower creators to efficiently build solutions that people love to use.",
5
5
  "author": "Elia Group",
6
6
  "homepage": "https://nova.eliagroup.io",
@@ -11,15 +11,14 @@
11
11
  "access": "public"
12
12
  },
13
13
  "scripts": {
14
- "generate-files": "tsx scripts/generate-token-files.ts",
15
- "generate-tokens": "tsx scripts/generate-tokens.ts",
14
+ "generate-tokens": "tsx scripts/extract-tokens.ts && tsx scripts/generate-token-files.ts",
16
15
  "generate-css-utils": "tailwindcss -i ./lib/tailwind.css -o ./dist/css/nova-utils.css",
16
+ "generate-tailwind-tokens": "tsx scripts/generate-tailwind-tokens.ts",
17
17
  "build-lib": "tsc && tsc --module CommonJS --moduleResolution Node --declaration false --outDir ./dist/lib/cjs",
18
18
  "merge-css": "tsx scripts/merge-css.ts",
19
- "build": "npm run generate-files && npm run generate-tokens && npm run merge-css && npm run generate-css-utils && npm run build-lib",
19
+ "build": "tsx scripts/generate-tokens.ts && npm run merge-css && npm run generate-tailwind-tokens && npm run generate-css-utils && npm run build-lib",
20
20
  "clean": "rimraf dist",
21
- "typecheck": "tsc -p tsconfig.json --noEmit && tsc -p tsconfig.node.json --noEmit",
22
- "extract.tokens": "tsx scripts/extract-tokens.ts"
21
+ "typecheck": "tsc -p tsconfig.json --noEmit && tsc -p tsconfig.node.json --noEmit"
23
22
  },
24
23
  "files": [
25
24
  "dist/",