@signozhq/design-tokens 0.0.4 → 0.0.5

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.
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 19 Dec 2023 12:28:05 GMT
3
+ // Generated on Tue, 19 Dec 2023 15:47:22 GMT
4
4
 
5
5
  $bg-robin-100: #CAD5FD;
6
6
  $bg-robin-200: #B8C7FC;
@@ -122,12 +122,88 @@ $text-forest-300: #7CEDBE;
122
122
  $text-forest-400: #51E7A8;
123
123
  $text-forest-500: #25E192;
124
124
  $text-forest-600: #1EB475;
125
- $padding-lg: 24px;
126
- $padding-md: 16px;
127
- $padding-sm: 12px;
128
- $margin-lg: 24px;
129
- $margin-md: 16px;
130
- $margin-sm: 12px;
131
- $font-lg: 24px;
132
- $font-md: 16px;
133
- $font-sm: 12px;
125
+ $padding-1: 0.25rem;
126
+ $padding-2: 0.5rem;
127
+ $padding-3: 0.75rem;
128
+ $padding-4: 1rem;
129
+ $padding-5: 1.25rem;
130
+ $padding-6: 1.5rem;
131
+ $padding-7: 1.75rem;
132
+ $padding-8: 2rem;
133
+ $padding-10: 2.5rem;
134
+ $padding-12: 3rem;
135
+ $padding-16: 4rem;
136
+ $padding-20: 5rem;
137
+ $padding-24: 6rem;
138
+ $padding-32: 8rem;
139
+ $padding-40: 10rem;
140
+ $padding-48: 12rem;
141
+ $padding-56: 14rem;
142
+ $padding-64: 16rem;
143
+ $margin-1: 0.25rem;
144
+ $margin-2: 0.5rem;
145
+ $margin-3: 0.75rem;
146
+ $margin-4: 1rem;
147
+ $margin-5: 1.25rem;
148
+ $margin-6: 1.5rem;
149
+ $margin-7: 1.75rem;
150
+ $margin-8: 2rem;
151
+ $margin-10: 2.5rem;
152
+ $margin-12: 3rem;
153
+ $margin-16: 4rem;
154
+ $margin-20: 5rem;
155
+ $margin-24: 6rem;
156
+ $margin-32: 8rem;
157
+ $margin-40: 10rem;
158
+ $margin-48: 12rem;
159
+ $margin-56: 14rem;
160
+ $margin-64: 16rem;
161
+ $font-size-xs: 0.75rem;
162
+ $font-size-xs-line-height: 1rem;
163
+ $font-size-sm: 0.875rem;
164
+ $font-size-sm-line-height: 1.25rem;
165
+ $font-size-base: 1rem;
166
+ $font-size-base-line-height: 1.5rem;
167
+ $font-size-lg: 1.125rem;
168
+ $font-size-lg-line-height: 1.75rem;
169
+ $font-size-xl: 1.25rem;
170
+ $font-size-xl-line-height: 1.75rem;
171
+ $font-size-2xl: 1.5rem;
172
+ $font-size-2xl-line-height: 2rem;
173
+ $font-size-3xl: 1.875rem;
174
+ $font-size-3xl-line-height: 2.25rem;
175
+ $font-size-4xl: 2.25rem;
176
+ $font-size-4xl-line-height: 2.5rem;
177
+ $font-size-5xl: 3rem;
178
+ $font-size-5xl-line-height: 1;
179
+ $font-size-6xl: 3.75rem;
180
+ $font-size-6xl-line-height: 1;
181
+ $font-size-7xl: 4.5rem;
182
+ $font-size-7xl-line-height: 1;
183
+ $font-size-8xl: 6rem;
184
+ $font-size-8xl-line-height: 1;
185
+ $font-size-9xl: 8rem;
186
+ $font-size-9xl-line-height: 1;
187
+ $font-weight-thin: 100;
188
+ $font-weight-extralight: 200;
189
+ $font-weight-light: 300;
190
+ $font-weight-normal: 400;
191
+ $font-weight-medium: 500;
192
+ $font-weight-semibold: 600;
193
+ $font-weight-bold: 700;
194
+ $font-weight-extrabold: 800;
195
+ $font-weight-black: 900;
196
+ $line-heights-3: 12;
197
+ $line-heights-4: 16;
198
+ $line-heights-5: 20;
199
+ $line-heights-6: 24;
200
+ $line-heights-7: 28;
201
+ $line-heights-8: 32;
202
+ $line-heights-9: 36;
203
+ $line-heights-10: 40;
204
+ $line-heights-none: 16;
205
+ $line-heights-tight: 20;
206
+ $line-heights-snug: 22;
207
+ $line-heights-normal: 24;
208
+ $line-heights-relaxed: 26;
209
+ $line-heights-loose: 32;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@signozhq/design-tokens",
3
- "version": "0.0.4",
3
+ "version": "0.0.5",
4
4
  "main": "build/scss/_variables.scss",
5
5
  "private": false,
6
6
  "publishConfig": {
@@ -14,5 +14,5 @@
14
14
  "dependencies": {
15
15
  "style-dictionary": "3.8.0"
16
16
  },
17
- "gitHead": "8cad5e6ea30db1b54f16e80fa18ba880decabf58"
17
+ "gitHead": "8feb45b15d124b4b4eb0ae907570029bcda17772"
18
18
  }
package/src/spacing.json CHANGED
@@ -1,24 +1,114 @@
1
1
  {
2
2
  "padding": {
3
- "lg": {
4
- "value": "24px"
3
+ "1": {
4
+ "value": "0.25rem"
5
5
  },
6
- "md": {
7
- "value": "16px"
6
+ "2": {
7
+ "value": "0.5rem"
8
8
  },
9
- "sm": {
10
- "value": "12px"
9
+ "3": {
10
+ "value": "0.75rem"
11
+ },
12
+ "4": {
13
+ "value": "1rem"
14
+ },
15
+ "5": {
16
+ "value": "1.25rem"
17
+ },
18
+ "6": {
19
+ "value": "1.5rem"
20
+ },
21
+ "7": {
22
+ "value": "1.75rem"
23
+ },
24
+ "8": {
25
+ "value": "2rem"
26
+ },
27
+ "10": {
28
+ "value": "2.5rem"
29
+ },
30
+ "12": {
31
+ "value": "3rem"
32
+ },
33
+ "16": {
34
+ "value": "4rem"
35
+ },
36
+ "20": {
37
+ "value": "5rem"
38
+ },
39
+ "24": {
40
+ "value": "6rem"
41
+ },
42
+ "32": {
43
+ "value": "8rem"
44
+ },
45
+ "40": {
46
+ "value": "10rem"
47
+ },
48
+ "48": {
49
+ "value": "12rem"
50
+ },
51
+ "56": {
52
+ "value": "14rem"
53
+ },
54
+ "64": {
55
+ "value": "16rem"
11
56
  }
12
57
  },
13
58
  "margin": {
14
- "lg": {
15
- "value": "24px"
59
+ "1": {
60
+ "value": "0.25rem"
61
+ },
62
+ "2": {
63
+ "value": "0.5rem"
64
+ },
65
+ "3": {
66
+ "value": "0.75rem"
67
+ },
68
+ "4": {
69
+ "value": "1rem"
70
+ },
71
+ "5": {
72
+ "value": "1.25rem"
73
+ },
74
+ "6": {
75
+ "value": "1.5rem"
76
+ },
77
+ "7": {
78
+ "value": "1.75rem"
79
+ },
80
+ "8": {
81
+ "value": "2rem"
82
+ },
83
+ "10": {
84
+ "value": "2.5rem"
85
+ },
86
+ "12": {
87
+ "value": "3rem"
88
+ },
89
+ "16": {
90
+ "value": "4rem"
91
+ },
92
+ "20": {
93
+ "value": "5rem"
94
+ },
95
+ "24": {
96
+ "value": "6rem"
97
+ },
98
+ "32": {
99
+ "value": "8rem"
100
+ },
101
+ "40": {
102
+ "value": "10rem"
103
+ },
104
+ "48": {
105
+ "value": "12rem"
16
106
  },
17
- "md": {
18
- "value": "16px"
107
+ "56": {
108
+ "value": "14rem"
19
109
  },
20
- "sm": {
21
- "value": "12px"
110
+ "64": {
111
+ "value": "16rem"
22
112
  }
23
113
  }
24
114
  }
@@ -1,13 +1,562 @@
1
1
  {
2
- "font": {
3
- "lg": {
4
- "value": "24px"
2
+ "fontSize": {
3
+ "xs": {
4
+ "value": "0.75rem",
5
+ "original": {
6
+ "value": "0.75rem"
7
+ },
8
+ "attributes": {
9
+ "category": "fontSize",
10
+ "type": "xs"
11
+ },
12
+ "path": ["fontSize", "xs"]
5
13
  },
6
- "md": {
7
- "value": "16px"
14
+ "xs--lineHeight": {
15
+ "value": "1rem",
16
+ "original": {
17
+ "value": "1rem"
18
+ },
19
+ "attributes": {
20
+ "category": "fontSize",
21
+ "type": "xs--lineHeight"
22
+ },
23
+ "path": ["fontSize", "xs--lineHeight"]
8
24
  },
9
25
  "sm": {
10
- "value": "12px"
26
+ "value": "0.875rem",
27
+ "original": {
28
+ "value": "0.875rem"
29
+ },
30
+ "attributes": {
31
+ "category": "fontSize",
32
+ "type": "sm"
33
+ },
34
+ "path": ["fontSize", "sm"]
35
+ },
36
+ "sm--lineHeight": {
37
+ "value": "1.25rem",
38
+ "original": {
39
+ "value": "1.25rem"
40
+ },
41
+ "attributes": {
42
+ "category": "fontSize",
43
+ "type": "sm--lineHeight"
44
+ },
45
+ "path": ["fontSize", "sm--lineHeight"]
46
+ },
47
+ "base": {
48
+ "value": "1rem",
49
+ "original": {
50
+ "value": "1rem"
51
+ },
52
+ "attributes": {
53
+ "category": "fontSize",
54
+ "type": "base"
55
+ },
56
+ "path": ["fontSize", "base"]
57
+ },
58
+ "base--lineHeight": {
59
+ "value": "1.5rem",
60
+ "original": {
61
+ "value": "1.5rem"
62
+ },
63
+ "attributes": {
64
+ "category": "fontSize",
65
+ "type": "base--lineHeight"
66
+ },
67
+ "path": ["fontSize", "base--lineHeight"]
68
+ },
69
+ "lg": {
70
+ "value": "1.125rem",
71
+ "original": {
72
+ "value": "1.125rem"
73
+ },
74
+ "attributes": {
75
+ "category": "fontSize",
76
+ "type": "lg"
77
+ },
78
+ "path": ["fontSize", "lg"]
79
+ },
80
+ "lg--lineHeight": {
81
+ "value": "1.75rem",
82
+ "original": {
83
+ "value": "1.75rem"
84
+ },
85
+ "attributes": {
86
+ "category": "fontSize",
87
+ "type": "lg--lineHeight"
88
+ },
89
+ "path": ["fontSize", "lg--lineHeight"]
90
+ },
91
+ "xl": {
92
+ "value": "1.25rem",
93
+ "original": {
94
+ "value": "1.25rem"
95
+ },
96
+ "attributes": {
97
+ "category": "fontSize",
98
+ "type": "xl"
99
+ },
100
+ "path": ["fontSize", "xl"]
101
+ },
102
+ "xl--lineHeight": {
103
+ "value": "1.75rem",
104
+ "original": {
105
+ "value": "1.75rem"
106
+ },
107
+ "attributes": {
108
+ "category": "fontSize",
109
+ "type": "xl--lineHeight"
110
+ },
111
+ "path": ["fontSize", "xl--lineHeight"]
112
+ },
113
+ "2xl": {
114
+ "value": "1.5rem",
115
+ "original": {
116
+ "value": "1.5rem"
117
+ },
118
+ "attributes": {
119
+ "category": "fontSize",
120
+ "type": "2xl"
121
+ },
122
+ "path": ["fontSize", "2xl"]
123
+ },
124
+ "2xl--lineHeight": {
125
+ "value": "2rem",
126
+ "original": {
127
+ "value": "2rem"
128
+ },
129
+ "attributes": {
130
+ "category": "fontSize",
131
+ "type": "2xl--lineHeight"
132
+ },
133
+ "path": ["fontSize", "2xl--lineHeight"]
134
+ },
135
+ "3xl": {
136
+ "value": "1.875rem",
137
+ "original": {
138
+ "value": "1.875rem"
139
+ },
140
+ "attributes": {
141
+ "category": "fontSize",
142
+ "type": "3xl"
143
+ },
144
+ "path": ["fontSize", "3xl"]
145
+ },
146
+ "3xl--lineHeight": {
147
+ "value": "2.25rem",
148
+ "original": {
149
+ "value": "2.25rem"
150
+ },
151
+ "attributes": {
152
+ "category": "fontSize",
153
+ "type": "3xl--lineHeight"
154
+ },
155
+ "path": ["fontSize", "3xl--lineHeight"]
156
+ },
157
+ "4xl": {
158
+ "value": "2.25rem",
159
+ "original": {
160
+ "value": "2.25rem"
161
+ },
162
+ "attributes": {
163
+ "category": "fontSize",
164
+ "type": "4xl"
165
+ },
166
+ "path": ["fontSize", "4xl"]
167
+ },
168
+ "4xl--lineHeight": {
169
+ "value": "2.5rem",
170
+ "original": {
171
+ "value": "2.5rem"
172
+ },
173
+ "attributes": {
174
+ "category": "fontSize",
175
+ "type": "4xl--lineHeight"
176
+ },
177
+ "path": ["fontSize", "4xl--lineHeight"]
178
+ },
179
+ "5xl": {
180
+ "value": "3rem",
181
+ "original": {
182
+ "value": "3rem"
183
+ },
184
+ "attributes": {
185
+ "category": "fontSize",
186
+ "type": "5xl"
187
+ },
188
+ "path": ["fontSize", "5xl"]
189
+ },
190
+ "5xl--lineHeight": {
191
+ "value": "1",
192
+ "original": {
193
+ "value": "1"
194
+ },
195
+ "attributes": {
196
+ "category": "fontSize",
197
+ "type": "5xl--lineHeight"
198
+ },
199
+ "path": ["fontSize", "5xl--lineHeight"]
200
+ },
201
+ "6xl": {
202
+ "value": "3.75rem",
203
+ "original": {
204
+ "value": "3.75rem"
205
+ },
206
+ "attributes": {
207
+ "category": "fontSize",
208
+ "type": "6xl"
209
+ },
210
+ "path": ["fontSize", "6xl"]
211
+ },
212
+ "6xl--lineHeight": {
213
+ "value": "1",
214
+ "original": {
215
+ "value": "1"
216
+ },
217
+ "attributes": {
218
+ "category": "fontSize",
219
+ "type": "6xl--lineHeight"
220
+ },
221
+ "path": ["fontSize", "6xl--lineHeight"]
222
+ },
223
+ "7xl": {
224
+ "value": "4.5rem",
225
+ "original": {
226
+ "value": "4.5rem"
227
+ },
228
+ "attributes": {
229
+ "category": "fontSize",
230
+ "type": "7xl"
231
+ },
232
+ "path": ["fontSize", "7xl"]
233
+ },
234
+ "7xl--lineHeight": {
235
+ "value": "1",
236
+ "original": {
237
+ "value": "1"
238
+ },
239
+ "attributes": {
240
+ "category": "fontSize",
241
+ "type": "7xl--lineHeight"
242
+ },
243
+ "path": ["fontSize", "7xl--lineHeight"]
244
+ },
245
+ "8xl": {
246
+ "value": "6rem",
247
+ "original": {
248
+ "value": "6rem"
249
+ },
250
+ "attributes": {
251
+ "category": "fontSize",
252
+ "type": "8xl"
253
+ },
254
+ "path": ["fontSize", "8xl"]
255
+ },
256
+ "8xl--lineHeight": {
257
+ "value": "1",
258
+ "original": {
259
+ "value": "1"
260
+ },
261
+ "attributes": {
262
+ "category": "fontSize",
263
+ "type": "8xl--lineHeight"
264
+ },
265
+ "path": ["fontSize", "8xl--lineHeight"]
266
+ },
267
+ "9xl": {
268
+ "value": "8rem",
269
+ "original": {
270
+ "value": "8rem"
271
+ },
272
+ "attributes": {
273
+ "category": "fontSize",
274
+ "type": "9xl"
275
+ },
276
+ "path": ["fontSize", "9xl"]
277
+ },
278
+ "9xl--lineHeight": {
279
+ "value": "1",
280
+ "original": {
281
+ "value": "1"
282
+ },
283
+ "attributes": {
284
+ "category": "fontSize",
285
+ "type": "9xl--lineHeight"
286
+ },
287
+ "path": ["fontSize", "9xl--lineHeight"]
288
+ }
289
+ },
290
+ "fontWeight": {
291
+ "thin": {
292
+ "value": "100",
293
+ "original": {
294
+ "value": "100"
295
+ },
296
+ "attributes": {
297
+ "category": "fontWeight",
298
+ "type": "thin"
299
+ },
300
+ "path": ["fontWeight", "thin"]
301
+ },
302
+ "extralight": {
303
+ "value": "200",
304
+ "original": {
305
+ "value": "200"
306
+ },
307
+ "attributes": {
308
+ "category": "fontWeight",
309
+ "type": "extralight"
310
+ },
311
+ "path": ["fontWeight", "extralight"]
312
+ },
313
+ "light": {
314
+ "value": "300",
315
+ "original": {
316
+ "value": "300"
317
+ },
318
+ "attributes": {
319
+ "category": "fontWeight",
320
+ "type": "light"
321
+ },
322
+ "path": ["fontWeight", "light"]
323
+ },
324
+ "normal": {
325
+ "value": "400",
326
+ "original": {
327
+ "value": "400"
328
+ },
329
+ "attributes": {
330
+ "category": "fontWeight",
331
+ "type": "normal"
332
+ },
333
+ "path": ["fontWeight", "normal"]
334
+ },
335
+ "medium": {
336
+ "value": "500",
337
+ "original": {
338
+ "value": "500"
339
+ },
340
+ "attributes": {
341
+ "category": "fontWeight",
342
+ "type": "medium"
343
+ },
344
+ "path": ["fontWeight", "medium"]
345
+ },
346
+ "semibold": {
347
+ "value": "600",
348
+ "original": {
349
+ "value": "600"
350
+ },
351
+ "attributes": {
352
+ "category": "fontWeight",
353
+ "type": "semibold"
354
+ },
355
+ "path": ["fontWeight", "semibold"]
356
+ },
357
+ "bold": {
358
+ "value": "700",
359
+ "original": {
360
+ "value": "700"
361
+ },
362
+ "attributes": {
363
+ "category": "fontWeight",
364
+ "type": "bold"
365
+ },
366
+ "path": ["fontWeight", "bold"]
367
+ },
368
+ "extrabold": {
369
+ "value": "800",
370
+ "original": {
371
+ "value": "800"
372
+ },
373
+ "attributes": {
374
+ "category": "fontWeight",
375
+ "type": "extrabold"
376
+ },
377
+ "path": ["fontWeight", "extrabold"]
378
+ },
379
+ "black": {
380
+ "value": "900",
381
+ "original": {
382
+ "value": "900"
383
+ },
384
+ "attributes": {
385
+ "category": "fontWeight",
386
+ "type": "black"
387
+ },
388
+ "path": ["fontWeight", "black"]
389
+ }
390
+ },
391
+ "lineHeights": {
392
+ "3": {
393
+ "value": 12,
394
+ "type": "lineHeights",
395
+ "original": {
396
+ "value": 12,
397
+ "type": "lineHeights"
398
+ },
399
+ "attributes": {
400
+ "category": "lineHeights",
401
+ "type": "3"
402
+ },
403
+ "path": ["lineHeights", "3"]
404
+ },
405
+ "4": {
406
+ "value": 16,
407
+ "type": "lineHeights",
408
+ "original": {
409
+ "value": 16,
410
+ "type": "lineHeights"
411
+ },
412
+ "attributes": {
413
+ "category": "lineHeights",
414
+ "type": "4"
415
+ },
416
+ "path": ["lineHeights", "4"]
417
+ },
418
+ "5": {
419
+ "value": 20,
420
+ "type": "lineHeights",
421
+ "original": {
422
+ "value": 20,
423
+ "type": "lineHeights"
424
+ },
425
+ "attributes": {
426
+ "category": "lineHeights",
427
+ "type": "5"
428
+ },
429
+ "path": ["lineHeights", "5"]
430
+ },
431
+ "6": {
432
+ "value": 24,
433
+ "type": "lineHeights",
434
+ "original": {
435
+ "value": 24,
436
+ "type": "lineHeights"
437
+ },
438
+ "attributes": {
439
+ "category": "lineHeights",
440
+ "type": "6"
441
+ },
442
+ "path": ["lineHeights", "6"]
443
+ },
444
+ "7": {
445
+ "value": 28,
446
+ "type": "lineHeights",
447
+ "original": {
448
+ "value": 28,
449
+ "type": "lineHeights"
450
+ },
451
+ "attributes": {
452
+ "category": "lineHeights",
453
+ "type": "7"
454
+ },
455
+ "path": ["lineHeights", "7"]
456
+ },
457
+ "8": {
458
+ "value": 32,
459
+ "type": "lineHeights",
460
+ "original": {
461
+ "value": 32,
462
+ "type": "lineHeights"
463
+ },
464
+ "attributes": {
465
+ "category": "lineHeights",
466
+ "type": "8"
467
+ },
468
+ "path": ["lineHeights", "8"]
469
+ },
470
+ "9": {
471
+ "value": 36,
472
+ "type": "lineHeights",
473
+ "original": {
474
+ "value": 36,
475
+ "type": "lineHeights"
476
+ },
477
+ "attributes": {
478
+ "category": "lineHeights",
479
+ "type": "9"
480
+ },
481
+ "path": ["lineHeights", "9"]
482
+ },
483
+ "10": {
484
+ "value": 40,
485
+ "type": "lineHeights",
486
+ "original": {
487
+ "value": 40,
488
+ "type": "lineHeights"
489
+ },
490
+ "attributes": {
491
+ "category": "lineHeights",
492
+ "type": "10"
493
+ },
494
+ "path": ["lineHeights", "10"]
495
+ },
496
+ "none": {
497
+ "value": 16,
498
+ "type": "lineHeights",
499
+ "original": {
500
+ "value": 16,
501
+ "type": "lineHeights"
502
+ },
503
+ "attributes": {
504
+ "category": "lineHeights",
505
+ "type": "none"
506
+ },
507
+ "path": ["lineHeights", "none"]
508
+ },
509
+ "tight": {
510
+ "value": 20,
511
+ "type": "lineHeights",
512
+ "original": {
513
+ "value": 20,
514
+ "type": "lineHeights"
515
+ },
516
+ "attributes": {
517
+ "category": "lineHeights",
518
+ "type": "tight"
519
+ },
520
+ "path": ["lineHeights", "tight"]
521
+ },
522
+ "snug": {
523
+ "value": 22,
524
+ "type": "lineHeights",
525
+ "original": {
526
+ "value": 22,
527
+ "type": "lineHeights"
528
+ },
529
+ "attributes": {
530
+ "category": "lineHeights",
531
+ "type": "snug"
532
+ },
533
+ "path": ["lineHeights", "snug"]
534
+ },
535
+ "normal": {
536
+ "value": 24,
537
+ "type": "lineHeights",
538
+ "original": {
539
+ "value": 24,
540
+ "type": "lineHeights"
541
+ },
542
+ "attributes": {
543
+ "category": "lineHeights",
544
+ "type": "normal"
545
+ },
546
+ "path": ["lineHeights", "normal"]
547
+ },
548
+ "relaxed": {
549
+ "value": 26,
550
+ "type": "lineHeights",
551
+ "original": {
552
+ "value": 26,
553
+ "type": "lineHeights"
554
+ },
555
+ "attributes": {
556
+ "category": "lineHeights",
557
+ "type": "relaxed"
558
+ },
559
+ "path": ["lineHeights", "relaxed"]
11
560
  }
12
561
  }
13
562
  }