@ds-mo/tokens 0.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 (21) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +145 -0
  3. package/dist/colors.css +745 -0
  4. package/dist/dimensions.css +165 -0
  5. package/dist/effects.css +241 -0
  6. package/dist/globals.css +112 -0
  7. package/dist/index.cjs +713 -0
  8. package/dist/index.css +15 -0
  9. package/dist/index.d.ts +713 -0
  10. package/dist/index.mjs +713 -0
  11. package/dist/json/colors.json +1758 -0
  12. package/dist/json/dimensions.json +514 -0
  13. package/dist/json/effects.json +474 -0
  14. package/dist/json/typography.json +114 -0
  15. package/dist/reset.css +51 -0
  16. package/dist/themes/dark.css +12 -0
  17. package/dist/themes/light.css +13 -0
  18. package/dist/tokens.json +2854 -0
  19. package/dist/typography.css +161 -0
  20. package/dist/utilities.css +187 -0
  21. package/package.json +75 -0
package/dist/json/dimensions.json ADDED
@@ -0,0 +1,514 @@
1
+ {
2
+ "--dimension-base": {
3
+ "$type": "dimension",
4
+ "$value": "8px"
5
+ },
6
+ "--dimension-space-base": {
7
+ "$type": "dimension",
8
+ "$value": "var(--dimension-base)"
9
+ },
10
+ "--dimension-radius-base": {
11
+ "$type": "dimension",
12
+ "$value": "var(--dimension-base)"
13
+ },
14
+ "--dimension-size-base": {
15
+ "$type": "dimension",
16
+ "$value": "var(--dimension-base)"
17
+ },
18
+ "--dimension-stroke-width-base": {
19
+ "$type": "dimension",
20
+ "$value": "var(--dimension-base)"
21
+ },
22
+ "--dimension-space-100": {
23
+ "$type": "dimension",
24
+ "$value": "var(--dimension-space-base)"
25
+ },
26
+ "--dimension-space-125": {
27
+ "$type": "dimension",
28
+ "$value": "calc(var(--dimension-space-base) * 5 / 4)"
29
+ },
30
+ "--dimension-space-150": {
31
+ "$type": "dimension",
32
+ "$value": "calc(var(--dimension-space-base) * 3 / 2)"
33
+ },
34
+ "--dimension-space-175": {
35
+ "$type": "dimension",
36
+ "$value": "calc(var(--dimension-space-base) * 7 / 4)"
37
+ },
38
+ "--dimension-space-200": {
39
+ "$type": "dimension",
40
+ "$value": "calc(var(--dimension-space-base) * 2)"
41
+ },
42
+ "--dimension-space-250": {
43
+ "$type": "dimension",
44
+ "$value": "calc(var(--dimension-space-base) * 5 / 2)"
45
+ },
46
+ "--dimension-space-300": {
47
+ "$type": "dimension",
48
+ "$value": "calc(var(--dimension-space-base) * 3)"
49
+ },
50
+ "--dimension-space-400": {
51
+ "$type": "dimension",
52
+ "$value": "calc(var(--dimension-space-base) * 4)"
53
+ },
54
+ "--dimension-space-600": {
55
+ "$type": "dimension",
56
+ "$value": "calc(var(--dimension-space-base) * 6)"
57
+ },
58
+ "--dimension-space-800": {
59
+ "$type": "dimension",
60
+ "$value": "calc(var(--dimension-space-base) * 8)"
61
+ },
62
+ "--dimension-space-000": {
63
+ "$type": "dimension",
64
+ "$value": "0"
65
+ },
66
+ "--dimension-space-012": {
67
+ "$type": "dimension",
68
+ "$value": "calc(var(--dimension-space-base) / 8)"
69
+ },
70
+ "--dimension-space-025": {
71
+ "$type": "dimension",
72
+ "$value": "calc(var(--dimension-space-base) / 4)"
73
+ },
74
+ "--dimension-space-050": {
75
+ "$type": "dimension",
76
+ "$value": "calc(var(--dimension-space-base) / 2)"
77
+ },
78
+ "--dimension-space-075": {
79
+ "$type": "dimension",
80
+ "$value": "calc(var(--dimension-space-base) * 3 / 4)"
81
+ },
82
+ "--dimension-space-n012": {
83
+ "$type": "dimension",
84
+ "$value": "calc(var(--dimension-space-base) * -1 / 8)"
85
+ },
86
+ "--dimension-space-n025": {
87
+ "$type": "dimension",
88
+ "$value": "calc(var(--dimension-space-base) * -1 / 4)"
89
+ },
90
+ "--dimension-space-n050": {
91
+ "$type": "dimension",
92
+ "$value": "calc(var(--dimension-space-base) * -1 / 2)"
93
+ },
94
+ "--dimension-space-n075": {
95
+ "$type": "dimension",
96
+ "$value": "calc(var(--dimension-space-base) * -3 / 4)"
97
+ },
98
+ "--dimension-space-n100": {
99
+ "$type": "dimension",
100
+ "$value": "calc(var(--dimension-space-base) * -1)"
101
+ },
102
+ "--dimension-space-n125": {
103
+ "$type": "dimension",
104
+ "$value": "calc(var(--dimension-space-base) * -5 / 4)"
105
+ },
106
+ "--dimension-space-n150": {
107
+ "$type": "dimension",
108
+ "$value": "calc(var(--dimension-space-base) * -3 / 2)"
109
+ },
110
+ "--dimension-space-n175": {
111
+ "$type": "dimension",
112
+ "$value": "calc(var(--dimension-space-base) * -7 / 4)"
113
+ },
114
+ "--dimension-space-n200": {
115
+ "$type": "dimension",
116
+ "$value": "calc(var(--dimension-space-base) * -2)"
117
+ },
118
+ "--dimension-space-n250": {
119
+ "$type": "dimension",
120
+ "$value": "calc(var(--dimension-space-base) * -5 / 2)"
121
+ },
122
+ "--dimension-space-n300": {
123
+ "$type": "dimension",
124
+ "$value": "calc(var(--dimension-space-base) * -3)"
125
+ },
126
+ "--dimension-space-n400": {
127
+ "$type": "dimension",
128
+ "$value": "calc(var(--dimension-space-base) * -4)"
129
+ },
130
+ "--dimension-space-n600": {
131
+ "$type": "dimension",
132
+ "$value": "calc(var(--dimension-space-base) * -6)"
133
+ },
134
+ "--dimension-space-n800": {
135
+ "$type": "dimension",
136
+ "$value": "calc(var(--dimension-space-base) * -8)"
137
+ },
138
+ "--dimension-radius-100": {
139
+ "$type": "dimension",
140
+ "$value": "var(--dimension-radius-base)"
141
+ },
142
+ "--dimension-radius-125": {
143
+ "$type": "dimension",
144
+ "$value": "calc(var(--dimension-radius-base) * 5 / 4)"
145
+ },
146
+ "--dimension-radius-150": {
147
+ "$type": "dimension",
148
+ "$value": "calc(var(--dimension-radius-base) * 3 / 2)"
149
+ },
150
+ "--dimension-radius-175": {
151
+ "$type": "dimension",
152
+ "$value": "calc(var(--dimension-radius-base) * 7 / 4)"
153
+ },
154
+ "--dimension-radius-200": {
155
+ "$type": "dimension",
156
+ "$value": "calc(var(--dimension-radius-base) * 2)"
157
+ },
158
+ "--dimension-radius-250": {
159
+ "$type": "dimension",
160
+ "$value": "calc(var(--dimension-radius-base) * 5 / 2)"
161
+ },
162
+ "--dimension-radius-275": {
163
+ "$type": "dimension",
164
+ "$value": "calc(var(--dimension-radius-base) * 11 / 4)"
165
+ },
166
+ "--dimension-radius-300": {
167
+ "$type": "dimension",
168
+ "$value": "calc(var(--dimension-radius-base) * 3)"
169
+ },
170
+ "--dimension-radius-400": {
171
+ "$type": "dimension",
172
+ "$value": "calc(var(--dimension-radius-base) * 4)"
173
+ },
174
+ "--dimension-radius-600": {
175
+ "$type": "dimension",
176
+ "$value": "calc(var(--dimension-radius-base) * 6)"
177
+ },
178
+ "--dimension-radius-000": {
179
+ "$type": "dimension",
180
+ "$value": "0"
181
+ },
182
+ "--dimension-radius-012": {
183
+ "$type": "dimension",
184
+ "$value": "calc(var(--dimension-radius-base) / 8)"
185
+ },
186
+ "--dimension-radius-025": {
187
+ "$type": "dimension",
188
+ "$value": "calc(var(--dimension-radius-base) / 4)"
189
+ },
190
+ "--dimension-radius-037": {
191
+ "$type": "dimension",
192
+ "$value": "calc(var(--dimension-radius-base) * 3 / 8)"
193
+ },
194
+ "--dimension-radius-050": {
195
+ "$type": "dimension",
196
+ "$value": "calc(var(--dimension-radius-base) / 2)"
197
+ },
198
+ "--dimension-radius-075": {
199
+ "$type": "dimension",
200
+ "$value": "calc(var(--dimension-radius-base) * 3 / 4)"
201
+ },
202
+ "--dimension-radius-half": {
203
+ "$type": "dimension",
204
+ "$value": "9999px"
205
+ },
206
+ "--dimension-stroke-width-012": {
207
+ "$type": "dimension",
208
+ "$value": "calc(var(--dimension-stroke-width-base) / 8)"
209
+ },
210
+ "--dimension-stroke-width-015": {
211
+ "$type": "dimension",
212
+ "$value": "calc(var(--dimension-stroke-width-base) * 5 / 32)"
213
+ },
214
+ "--dimension-stroke-width-018": {
215
+ "$type": "dimension",
216
+ "$value": "calc(var(--dimension-stroke-width-base) * 3 / 16)"
217
+ },
218
+ "--dimension-stroke-width-025": {
219
+ "$type": "dimension",
220
+ "$value": "calc(var(--dimension-stroke-width-base) / 4)"
221
+ },
222
+ "--dimension-stroke-width-037": {
223
+ "$type": "dimension",
224
+ "$value": "calc(var(--dimension-stroke-width-base) * 3 / 8)"
225
+ },
226
+ "--dimension-stroke-width-050": {
227
+ "$type": "dimension",
228
+ "$value": "calc(var(--dimension-stroke-width-base) / 2)"
229
+ },
230
+ "--dimension-size-100": {
231
+ "$type": "dimension",
232
+ "$value": "var(--dimension-size-base)"
233
+ },
234
+ "--dimension-size-150": {
235
+ "$type": "dimension",
236
+ "$value": "calc(var(--dimension-size-base) * 3 / 2)"
237
+ },
238
+ "--dimension-size-200": {
239
+ "$type": "dimension",
240
+ "$value": "calc(var(--dimension-size-base) * 2)"
241
+ },
242
+ "--dimension-size-250": {
243
+ "$type": "dimension",
244
+ "$value": "calc(var(--dimension-size-base) * 5 / 2)"
245
+ },
246
+ "--dimension-size-300": {
247
+ "$type": "dimension",
248
+ "$value": "calc(var(--dimension-size-base) * 3)"
249
+ },
250
+ "--dimension-size-400": {
251
+ "$type": "dimension",
252
+ "$value": "calc(var(--dimension-size-base) * 4)"
253
+ },
254
+ "--dimension-size-500": {
255
+ "$type": "dimension",
256
+ "$value": "calc(var(--dimension-size-base) * 5)"
257
+ },
258
+ "--dimension-size-600": {
259
+ "$type": "dimension",
260
+ "$value": "calc(var(--dimension-size-base) * 6)"
261
+ },
262
+ "--dimension-size-800": {
263
+ "$type": "dimension",
264
+ "$value": "calc(var(--dimension-size-base) * 8)"
265
+ },
266
+ "--dimension-size-000": {
267
+ "$type": "dimension",
268
+ "$value": "0"
269
+ },
270
+ "--dimension-size-050": {
271
+ "$type": "dimension",
272
+ "$value": "calc(var(--dimension-size-base) / 2)"
273
+ },
274
+ "--dimension-iconography-xs": {
275
+ "$type": "dimension",
276
+ "$value": "calc(var(--dimension-size-base) * 3 / 2)"
277
+ },
278
+ "--dimension-iconography-sm": {
279
+ "$type": "dimension",
280
+ "$value": "calc(var(--dimension-size-base) * 2)"
281
+ },
282
+ "--dimension-iconography-md": {
283
+ "$type": "dimension",
284
+ "$value": "calc(var(--dimension-size-base) * 5 / 2)"
285
+ },
286
+ "--dimension-iconography-lg": {
287
+ "$type": "dimension",
288
+ "$value": "calc(var(--dimension-size-base) * 3)"
289
+ },
290
+ "--dimension-iconography-xl": {
291
+ "$type": "dimension",
292
+ "$value": "calc(var(--dimension-size-base) * 4)"
293
+ },
294
+ "--dimension-iconography-2xl": {
295
+ "$type": "dimension",
296
+ "$value": "calc(var(--dimension-size-base) * 6)"
297
+ },
298
+ "--dimension-iconography-3xl": {
299
+ "$type": "dimension",
300
+ "$value": "calc(var(--dimension-size-base) * 8)"
301
+ },
302
+ "--dimension-card-width-sm": {
303
+ "$type": "dimension",
304
+ "$value": "400px"
305
+ },
306
+ "--dimension-card-width-md": {
307
+ "$type": "dimension",
308
+ "$value": "600px"
309
+ },
310
+ "--dimension-card-width-lg": {
311
+ "$type": "dimension",
312
+ "$value": "800px"
313
+ },
314
+ "--dimension-modal-width-sm": {
315
+ "$type": "dimension",
316
+ "$value": "400px"
317
+ },
318
+ "--dimension-modal-width-md": {
319
+ "$type": "dimension",
320
+ "$value": "600px"
321
+ },
322
+ "--dimension-modal-width-lg": {
323
+ "$type": "dimension",
324
+ "$value": "800px"
325
+ },
326
+ "--dimension-form-width-sm": {
327
+ "$type": "dimension",
328
+ "$value": "400px"
329
+ },
330
+ "--dimension-form-width-md": {
331
+ "$type": "dimension",
332
+ "$value": "600px"
333
+ },
334
+ "--dimension-form-width-lg": {
335
+ "$type": "dimension",
336
+ "$value": "800px"
337
+ },
338
+ "--dimension-table-column-width-xs": {
339
+ "$type": "dimension",
340
+ "$value": "100px"
341
+ },
342
+ "--dimension-table-column-width-sm": {
343
+ "$type": "dimension",
344
+ "$value": "200px"
345
+ },
346
+ "--dimension-table-column-width-md": {
347
+ "$type": "dimension",
348
+ "$value": "300px"
349
+ },
350
+ "--dimension-table-column-width-lg": {
351
+ "$type": "dimension",
352
+ "$value": "400px"
353
+ },
354
+ "--dimension-table-column-width-xl": {
355
+ "$type": "dimension",
356
+ "$value": "500px"
357
+ },
358
+ "--dimension-menu-width-sm": {
359
+ "$type": "dimension",
360
+ "$value": "200px"
361
+ },
362
+ "--dimension-menu-width-md": {
363
+ "$type": "dimension",
364
+ "$value": "400px"
365
+ },
366
+ "--dimension-menu-width-lg": {
367
+ "$type": "dimension",
368
+ "$value": "600px"
369
+ },
370
+ "--dimension-tooltip-width-sm": {
371
+ "$type": "dimension",
372
+ "$value": "200px"
373
+ },
374
+ "--dimension-tooltip-width-md": {
375
+ "$type": "dimension",
376
+ "$value": "400px"
377
+ },
378
+ "--dimension-tooltip-width-lg": {
379
+ "$type": "dimension",
380
+ "$value": "600px"
381
+ },
382
+ "--dimension-panel-width-xs": {
383
+ "$type": "dimension",
384
+ "$value": "200px"
385
+ },
386
+ "--dimension-panel-width-sm": {
387
+ "$type": "dimension",
388
+ "$value": "300px"
389
+ },
390
+ "--dimension-panel-width-md": {
391
+ "$type": "dimension",
392
+ "$value": "400px"
393
+ },
394
+ "--dimension-panel-width-lg": {
395
+ "$type": "dimension",
396
+ "$value": "500px"
397
+ },
398
+ "--dimension-panel-width-xl": {
399
+ "$type": "dimension",
400
+ "$value": "600px"
401
+ },
402
+ "--dimension-panel-width-fill": {
403
+ "$type": "dimension",
404
+ "$value": "100%"
405
+ },
406
+ "--dimension-offset-100": {
407
+ "$type": "dimension",
408
+ "$value": "var(--dimension-space-base)"
409
+ },
410
+ "--dimension-offset-125": {
411
+ "$type": "dimension",
412
+ "$value": "calc(var(--dimension-space-base) * 5 / 4)"
413
+ },
414
+ "--dimension-offset-150": {
415
+ "$type": "dimension",
416
+ "$value": "calc(var(--dimension-space-base) * 3 / 2)"
417
+ },
418
+ "--dimension-offset-175": {
419
+ "$type": "dimension",
420
+ "$value": "calc(var(--dimension-space-base) * 7 / 4)"
421
+ },
422
+ "--dimension-offset-200": {
423
+ "$type": "dimension",
424
+ "$value": "calc(var(--dimension-space-base) * 2)"
425
+ },
426
+ "--dimension-offset-250": {
427
+ "$type": "dimension",
428
+ "$value": "calc(var(--dimension-space-base) * 5 / 2)"
429
+ },
430
+ "--dimension-offset-000": {
431
+ "$type": "dimension",
432
+ "$value": "0"
433
+ },
434
+ "--dimension-offset-025": {
435
+ "$type": "dimension",
436
+ "$value": "calc(var(--dimension-space-base) / 4)"
437
+ },
438
+ "--dimension-offset-050": {
439
+ "$type": "dimension",
440
+ "$value": "calc(var(--dimension-space-base) / 2)"
441
+ },
442
+ "--dimension-offset-075": {
443
+ "$type": "dimension",
444
+ "$value": "calc(var(--dimension-space-base) * 3 / 4)"
445
+ },
446
+ "--dimension-offset-n025": {
447
+ "$type": "dimension",
448
+ "$value": "calc(var(--dimension-space-base) * -1 / 4)"
449
+ },
450
+ "--dimension-offset-n050": {
451
+ "$type": "dimension",
452
+ "$value": "calc(var(--dimension-space-base) * -1 / 2)"
453
+ },
454
+ "--dimension-offset-n075": {
455
+ "$type": "dimension",
456
+ "$value": "calc(var(--dimension-space-base) * -3 / 4)"
457
+ },
458
+ "--dimension-offset-n100": {
459
+ "$type": "dimension",
460
+ "$value": "calc(var(--dimension-space-base) * -1)"
461
+ },
462
+ "--dimension-offset-n125": {
463
+ "$type": "dimension",
464
+ "$value": "calc(var(--dimension-space-base) * -5 / 4)"
465
+ },
466
+ "--dimension-offset-n150": {
467
+ "$type": "dimension",
468
+ "$value": "calc(var(--dimension-space-base) * -3 / 2)"
469
+ },
470
+ "--dimension-offset-n175": {
471
+ "$type": "dimension",
472
+ "$value": "calc(var(--dimension-space-base) * -7 / 4)"
473
+ },
474
+ "--dimension-offset-n200": {
475
+ "$type": "dimension",
476
+ "$value": "calc(var(--dimension-space-base) * -2)"
477
+ },
478
+ "--dimension-offset-n250": {
479
+ "$type": "dimension",
480
+ "$value": "calc(var(--dimension-space-base) * -5 / 2)"
481
+ },
482
+ "--dimension-scale-100": {
483
+ "$type": "dimension",
484
+ "$value": "1"
485
+ },
486
+ "--dimension-scale-subtle": {
487
+ "$type": "dimension",
488
+ "$value": "0.99"
489
+ },
490
+ "--dimension-z-index-base": {
491
+ "$type": "dimension",
492
+ "$value": "0"
493
+ },
494
+ "--dimension-z-index-raised": {
495
+ "$type": "dimension",
496
+ "$value": "50"
497
+ },
498
+ "--dimension-z-index-overlay": {
499
+ "$type": "dimension",
500
+ "$value": "250"
501
+ },
502
+ "--dimension-z-index-modal": {
503
+ "$type": "dimension",
504
+ "$value": "450"
505
+ },
506
+ "--dimension-z-index-floating": {
507
+ "$type": "dimension",
508
+ "$value": "500"
509
+ },
510
+ "--dimension-z-index-tooltip": {
511
+ "$type": "dimension",
512
+ "$value": "750"
513
+ }
514
+ }