@aleph-alpha/config-css 0.18.133 → 0.19.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 (11) hide show
  1. package/CHANGELOG.md +80 -0
  2. package/package.json +2 -2
  3. package/sd-output/box-shadows.json +7 -0
  4. package/sd-output/dark-mode.json +150 -0
  5. package/sd-output/global.json +4 -0
  6. package/sd-output/light-mode.json +150 -0
  7. package/sd-output/spacings.json +59 -0
  8. package/sd-output/typography.json +15 -0
  9. package/transformed-tokens/dark-mode.json +697 -0
  10. package/transformed-tokens/global.json +560 -0
  11. package/transformed-tokens/light-mode.json +697 -0
package/transformed-tokens/global.json ADDED
@@ -0,0 +1,560 @@
1
+ {
2
+ "lineHeight": {
3
+ "XL": {
4
+ "value": "1.75rem",
5
+ "type": "dimension"
6
+ },
7
+ "2XL": {
8
+ "value": "2.25rem",
9
+ "type": "dimension"
10
+ },
11
+ "M": {
12
+ "value": "1.5rem",
13
+ "type": "dimension"
14
+ },
15
+ "L": {
16
+ "value": "1.625rem",
17
+ "type": "dimension"
18
+ },
19
+ "S": {
20
+ "value": "1.25rem",
21
+ "type": "dimension"
22
+ },
23
+ "XS": {
24
+ "value": "1rem",
25
+ "type": "dimension"
26
+ },
27
+ "2XS": {
28
+ "value": "0.875rem",
29
+ "type": "dimension"
30
+ }
31
+ },
32
+ "fontSize": {
33
+ "12": {
34
+ "value": 12,
35
+ "type": "fontSizes"
36
+ },
37
+ "2XL": {
38
+ "value": "1.875rem",
39
+ "type": "dimension"
40
+ },
41
+ "XL": {
42
+ "value": "1.5rem",
43
+ "type": "dimension"
44
+ },
45
+ "L": {
46
+ "value": "1.25rem",
47
+ "type": "dimension"
48
+ },
49
+ "S": {
50
+ "value": "1rem",
51
+ "type": "dimension"
52
+ },
53
+ "XS": {
54
+ "value": "0.875rem",
55
+ "type": "dimension"
56
+ },
57
+ "M": {
58
+ "value": "1.125rem",
59
+ "type": "dimension"
60
+ },
61
+ "2XS": {
62
+ "value": "0.75rem",
63
+ "type": "dimension"
64
+ }
65
+ },
66
+ "None": {
67
+ "value": "0rem",
68
+ "type": "dimension"
69
+ },
70
+ "Default": {
71
+ "value": "0.25rem",
72
+ "type": "dimension"
73
+ },
74
+ "Modal": {
75
+ "value": "0.5rem",
76
+ "type": "dimension"
77
+ },
78
+ "Chips": {
79
+ "value": "2.75rem",
80
+ "type": "dimension"
81
+ },
82
+ "3XS": {
83
+ "value": "0.25rem",
84
+ "type": "dimension"
85
+ },
86
+ "XS": {
87
+ "value": "0.5rem",
88
+ "type": "dimension"
89
+ },
90
+ "M": {
91
+ "value": "0.75rem",
92
+ "type": "dimension"
93
+ },
94
+ "L": {
95
+ "value": "1rem",
96
+ "type": "dimension"
97
+ },
98
+ "XL": {
99
+ "value": "1.25rem",
100
+ "type": "dimension"
101
+ },
102
+ "XXL": {
103
+ "value": "1.5rem",
104
+ "type": "dimension"
105
+ },
106
+ "3XL": {
107
+ "value": "2rem",
108
+ "type": "dimension"
109
+ },
110
+ "4XL": {
111
+ "value": "3rem",
112
+ "type": "dimension"
113
+ },
114
+ "5XL": {
115
+ "value": "4rem",
116
+ "type": "dimension"
117
+ },
118
+ "4XS": {
119
+ "value": "0.125rem",
120
+ "type": "dimension"
121
+ },
122
+ "XXS": {
123
+ "value": "0.25rem",
124
+ "type": "dimension"
125
+ },
126
+ "S": {
127
+ "value": "0.5rem",
128
+ "type": "dimension"
129
+ },
130
+ "linear-gradient-top": {
131
+ "value": "linear-gradient(180deg, #0f0f12 0%, #0f0f1200 100%)",
132
+ "type": "color"
133
+ },
134
+ "linear-gradient-bottom": {
135
+ "value": "linear-gradient(180deg, #0f0f1200 0%, #0f0f12 100%)",
136
+ "type": "color"
137
+ },
138
+ "Pop-ups and Modals": {
139
+ "value": {
140
+ "color": "#0000001f",
141
+ "type": "dropShadow",
142
+ "x": 0,
143
+ "y": 1,
144
+ "blur": 20,
145
+ "spread": 0
146
+ },
147
+ "type": "boxShadow"
148
+ },
149
+ "Dropdowns": {
150
+ "value": {
151
+ "color": "#0000001f",
152
+ "type": "dropShadow",
153
+ "x": 0,
154
+ "y": 1,
155
+ "blur": 6,
156
+ "spread": 0
157
+ },
158
+ "type": "boxShadow"
159
+ },
160
+ "Banner and Snackbars": {
161
+ "value": {
162
+ "color": "#00000033",
163
+ "type": "dropShadow",
164
+ "x": 0,
165
+ "y": 4,
166
+ "blur": 24,
167
+ "spread": 0
168
+ },
169
+ "type": "boxShadow"
170
+ },
171
+ "Left elevated card": {
172
+ "value": {
173
+ "color": "#0000001f",
174
+ "type": "dropShadow",
175
+ "x": 5,
176
+ "y": 5,
177
+ "blur": 6,
178
+ "spread": 0
179
+ },
180
+ "type": "boxShadow",
181
+ "description": "Used in case of hover state"
182
+ },
183
+ "Right elevated card": {
184
+ "value": {
185
+ "color": "#0000001f",
186
+ "type": "dropShadow",
187
+ "x": -5,
188
+ "y": 5,
189
+ "blur": 6,
190
+ "spread": 0
191
+ },
192
+ "type": "boxShadow",
193
+ "description": "Used for hover states"
194
+ },
195
+ "fontFamilies": {
196
+ "raleway": {
197
+ "value": "Raleway",
198
+ "type": "fontFamilies"
199
+ }
200
+ },
201
+ "lineHeights": {
202
+ "0": {
203
+ "value": "AUTO",
204
+ "type": "lineHeights"
205
+ },
206
+ "1": {
207
+ "value": "AUTO",
208
+ "type": "lineHeights"
209
+ },
210
+ "2": {
211
+ "value": "AUTO",
212
+ "type": "lineHeights"
213
+ },
214
+ "8": {
215
+ "value": "AUTO",
216
+ "type": "lineHeights"
217
+ },
218
+ "10": {
219
+ "value": "AUTO",
220
+ "type": "lineHeights"
221
+ },
222
+ "11": {
223
+ "value": "AUTO",
224
+ "type": "lineHeights"
225
+ },
226
+ "12": {
227
+ "value": "AUTO",
228
+ "type": "lineHeights"
229
+ }
230
+ },
231
+ "fontWeights": {
232
+ "raleway-0": {
233
+ "value": "Bold",
234
+ "type": "fontWeights"
235
+ },
236
+ "raleway-1": {
237
+ "value": "SemiBold",
238
+ "type": "fontWeights"
239
+ },
240
+ "raleway-2": {
241
+ "value": "Medium",
242
+ "type": "fontWeights"
243
+ }
244
+ },
245
+ "letterSpacing": {
246
+ "0": {
247
+ "value": "0%",
248
+ "type": "letterSpacing"
249
+ },
250
+ "1": {
251
+ "value": "0%",
252
+ "type": "letterSpacing"
253
+ },
254
+ "2": {
255
+ "value": "0%",
256
+ "type": "letterSpacing"
257
+ },
258
+ "3": {
259
+ "value": "0%",
260
+ "type": "letterSpacing"
261
+ },
262
+ "4": {
263
+ "value": "0%",
264
+ "type": "letterSpacing"
265
+ },
266
+ "5": {
267
+ "value": "0%",
268
+ "type": "letterSpacing"
269
+ },
270
+ "6": {
271
+ "value": "0%",
272
+ "type": "letterSpacing"
273
+ },
274
+ "7": {
275
+ "value": "0%",
276
+ "type": "letterSpacing"
277
+ },
278
+ "8": {
279
+ "value": "0%",
280
+ "type": "letterSpacing"
281
+ },
282
+ "9": {
283
+ "value": "0%",
284
+ "type": "letterSpacing"
285
+ },
286
+ "10": {
287
+ "value": "0%",
288
+ "type": "letterSpacing"
289
+ },
290
+ "11": {
291
+ "value": "0%",
292
+ "type": "letterSpacing"
293
+ },
294
+ "12": {
295
+ "value": "0%",
296
+ "type": "letterSpacing"
297
+ }
298
+ },
299
+ "paragraphSpacing": {
300
+ "0": {
301
+ "value": 0,
302
+ "type": "paragraphSpacing"
303
+ },
304
+ "1": {
305
+ "value": 0,
306
+ "type": "paragraphSpacing"
307
+ },
308
+ "2": {
309
+ "value": 0,
310
+ "type": "paragraphSpacing"
311
+ },
312
+ "3": {
313
+ "value": 0,
314
+ "type": "paragraphSpacing"
315
+ },
316
+ "4": {
317
+ "value": 0,
318
+ "type": "paragraphSpacing"
319
+ },
320
+ "5": {
321
+ "value": 0,
322
+ "type": "paragraphSpacing"
323
+ },
324
+ "6": {
325
+ "value": 0,
326
+ "type": "paragraphSpacing"
327
+ },
328
+ "7": {
329
+ "value": 0,
330
+ "type": "paragraphSpacing"
331
+ },
332
+ "8": {
333
+ "value": 0,
334
+ "type": "paragraphSpacing"
335
+ },
336
+ "9": {
337
+ "value": 0,
338
+ "type": "paragraphSpacing"
339
+ },
340
+ "10": {
341
+ "value": 0,
342
+ "type": "paragraphSpacing"
343
+ },
344
+ "11": {
345
+ "value": 0,
346
+ "type": "paragraphSpacing"
347
+ },
348
+ "12": {
349
+ "value": 0,
350
+ "type": "paragraphSpacing"
351
+ }
352
+ },
353
+ "Heading": {
354
+ "Heading 30": {
355
+ "value": {
356
+ "fontFamily": "Raleway",
357
+ "fontWeight": "Bold",
358
+ "lineHeight": "2.25rem",
359
+ "fontSize": "1.875rem",
360
+ "letterSpacing": "0%",
361
+ "paragraphSpacing": 0,
362
+ "paragraphIndent": "0px",
363
+ "textCase": "none",
364
+ "textDecoration": "none"
365
+ },
366
+ "type": "typography"
367
+ },
368
+ "Heading 20": {
369
+ "value": {
370
+ "fontFamily": "Raleway",
371
+ "fontWeight": "Bold",
372
+ "lineHeight": "1.625rem",
373
+ "fontSize": "1.25rem",
374
+ "letterSpacing": "0%",
375
+ "paragraphSpacing": 0,
376
+ "paragraphIndent": "0px",
377
+ "textCase": "none",
378
+ "textDecoration": "none"
379
+ },
380
+ "type": "typography"
381
+ },
382
+ "Heading 18": {
383
+ "value": {
384
+ "fontFamily": "Raleway",
385
+ "fontWeight": "Bold",
386
+ "lineHeight": "1.5rem",
387
+ "fontSize": "1.125rem",
388
+ "letterSpacing": "0%",
389
+ "paragraphSpacing": 0,
390
+ "paragraphIndent": "0px",
391
+ "textCase": "none",
392
+ "textDecoration": "none"
393
+ },
394
+ "type": "typography"
395
+ },
396
+ "Heading 16": {
397
+ "value": {
398
+ "fontFamily": "Raleway",
399
+ "fontWeight": "Bold",
400
+ "lineHeight": "1.5rem",
401
+ "fontSize": "1rem",
402
+ "letterSpacing": "0%",
403
+ "paragraphSpacing": 0,
404
+ "paragraphIndent": "0px",
405
+ "textCase": "none",
406
+ "textDecoration": "none"
407
+ },
408
+ "type": "typography"
409
+ },
410
+ "Heading 14": {
411
+ "value": {
412
+ "fontFamily": "Raleway",
413
+ "fontWeight": "SemiBold",
414
+ "lineHeight": "1rem",
415
+ "fontSize": "0.875rem",
416
+ "letterSpacing": "0%",
417
+ "paragraphSpacing": 0,
418
+ "paragraphIndent": "0px",
419
+ "textCase": "none",
420
+ "textDecoration": "none"
421
+ },
422
+ "type": "typography"
423
+ }
424
+ },
425
+ "Body": {
426
+ "Body 16 Bold": {
427
+ "value": {
428
+ "fontFamily": "Raleway",
429
+ "fontWeight": "Bold",
430
+ "lineHeight": "1.5rem",
431
+ "fontSize": "1rem",
432
+ "letterSpacing": "0%",
433
+ "paragraphSpacing": 0,
434
+ "paragraphIndent": "0px",
435
+ "textCase": "none",
436
+ "textDecoration": "none"
437
+ },
438
+ "type": "typography"
439
+ },
440
+ "Body 16": {
441
+ "value": {
442
+ "fontFamily": "Raleway",
443
+ "fontWeight": "Medium",
444
+ "lineHeight": "1.5rem",
445
+ "fontSize": "1rem",
446
+ "letterSpacing": "0%",
447
+ "paragraphSpacing": 0,
448
+ "paragraphIndent": "0px",
449
+ "textCase": "none",
450
+ "textDecoration": "none"
451
+ },
452
+ "type": "typography"
453
+ },
454
+ "Body 16 Compact": {
455
+ "value": {
456
+ "fontFamily": "Raleway",
457
+ "fontWeight": "Medium",
458
+ "lineHeight": "1.25rem",
459
+ "fontSize": "1rem",
460
+ "letterSpacing": "0%",
461
+ "paragraphSpacing": 0,
462
+ "paragraphIndent": "0px",
463
+ "textCase": "none",
464
+ "textDecoration": "none"
465
+ },
466
+ "type": "typography",
467
+ "description": "body text, line height 20px"
468
+ }
469
+ },
470
+ "Label": {
471
+ "Label 14 Bold": {
472
+ "value": {
473
+ "fontFamily": "Raleway",
474
+ "fontWeight": "Bold",
475
+ "lineHeight": "1rem",
476
+ "fontSize": "0.875rem",
477
+ "letterSpacing": "0%",
478
+ "paragraphSpacing": 0,
479
+ "paragraphIndent": "0px",
480
+ "textCase": "none",
481
+ "textDecoration": "none"
482
+ },
483
+ "type": "typography"
484
+ },
485
+ "Label 14": {
486
+ "value": {
487
+ "fontFamily": "Raleway",
488
+ "fontWeight": "Medium",
489
+ "lineHeight": "1rem",
490
+ "fontSize": "0.875rem",
491
+ "letterSpacing": "0%",
492
+ "paragraphSpacing": 0,
493
+ "paragraphIndent": "0px",
494
+ "textCase": "none",
495
+ "textDecoration": "none"
496
+ },
497
+ "type": "typography"
498
+ },
499
+ "Label 12 Bold": {
500
+ "value": {
501
+ "fontFamily": "Raleway",
502
+ "fontWeight": "Bold",
503
+ "lineHeight": "0.875rem",
504
+ "fontSize": "0.75rem",
505
+ "letterSpacing": "0%",
506
+ "paragraphSpacing": 0,
507
+ "paragraphIndent": "0px",
508
+ "textCase": "none",
509
+ "textDecoration": "none"
510
+ },
511
+ "type": "typography"
512
+ },
513
+ "Label 12": {
514
+ "value": {
515
+ "fontFamily": "Raleway",
516
+ "fontWeight": "Medium",
517
+ "lineHeight": "0.875rem",
518
+ "fontSize": "0.75rem",
519
+ "letterSpacing": "0%",
520
+ "paragraphSpacing": 0,
521
+ "paragraphIndent": "0px",
522
+ "textCase": "none",
523
+ "textDecoration": "none"
524
+ },
525
+ "type": "typography"
526
+ },
527
+ "Label 12 Semibold": {
528
+ "value": {
529
+ "fontFamily": "Raleway",
530
+ "fontWeight": "SemiBold",
531
+ "lineHeight": "AUTO",
532
+ "fontSize": 12,
533
+ "letterSpacing": "0%",
534
+ "paragraphSpacing": 0,
535
+ "paragraphIndent": "0px",
536
+ "textCase": "none",
537
+ "textDecoration": "none"
538
+ },
539
+ "type": "typography"
540
+ }
541
+ },
542
+ "textCase": {
543
+ "none": {
544
+ "value": "none",
545
+ "type": "textCase"
546
+ }
547
+ },
548
+ "textDecoration": {
549
+ "none": {
550
+ "value": "none",
551
+ "type": "textDecoration"
552
+ }
553
+ },
554
+ "paragraphIndent": {
555
+ "0": {
556
+ "value": "0px",
557
+ "type": "dimension"
558
+ }
559
+ }
560
+ }