@gbgr/tokens 0.0.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/LICENSE +21 -0
  2. package/README.md +60 -0
  3. package/dist/index.css +4 -0
  4. package/dist/sd.input.json +688 -0
  5. package/dist/theme.css +3 -0
  6. package/dist/theme.dark.css +75 -0
  7. package/dist/theme.light.css +85 -0
  8. package/dist/tokens.base.css +73 -0
  9. package/dist/tokens.d.ts +265 -0
  10. package/dist/tokens.json +688 -0
  11. package/package.json +28 -0
package/dist/tokens.json ADDED
@@ -0,0 +1,688 @@
1
+ {
2
+ "color": {
3
+ "global": {
4
+ "grey": {
5
+ "0": {
6
+ "value": "#ffffff",
7
+ "type": "color"
8
+ },
9
+ "25": {
10
+ "value": "#f9f8f7",
11
+ "type": "color"
12
+ },
13
+ "50": {
14
+ "value": "#efeeed",
15
+ "type": "color"
16
+ },
17
+ "100": {
18
+ "value": "#e3e1df",
19
+ "type": "color"
20
+ },
21
+ "200": {
22
+ "value": "#c6c5c3",
23
+ "type": "color"
24
+ },
25
+ "300": {
26
+ "value": "#a8a7a4",
27
+ "type": "color"
28
+ },
29
+ "400": {
30
+ "value": "#7e7e7b",
31
+ "type": "color"
32
+ },
33
+ "500": {
34
+ "value": "#6a6966",
35
+ "type": "color"
36
+ },
37
+ "600": {
38
+ "value": "#3c3b3a",
39
+ "type": "color"
40
+ },
41
+ "700": {
42
+ "value": "#2c2c2c",
43
+ "type": "color"
44
+ },
45
+ "800": {
46
+ "value": "#212121",
47
+ "type": "color"
48
+ },
49
+ "900": {
50
+ "value": "#181817",
51
+ "type": "color"
52
+ },
53
+ "950": {
54
+ "value": "#141413",
55
+ "type": "color"
56
+ },
57
+ "1000": {
58
+ "value": "#000000",
59
+ "type": "color"
60
+ }
61
+ },
62
+ "yellow": {
63
+ "50": {
64
+ "value": "#fff9e6",
65
+ "type": "color"
66
+ },
67
+ "100": {
68
+ "value": "#ffebb0",
69
+ "type": "color"
70
+ },
71
+ "200": {
72
+ "value": "#ffe28a",
73
+ "type": "color"
74
+ },
75
+ "300": {
76
+ "value": "#ffd454",
77
+ "type": "color"
78
+ },
79
+ "400": {
80
+ "value": "#ffcb31",
81
+ "type": "color"
82
+ },
83
+ "500": {
84
+ "value": "#ffbf00",
85
+ "type": "color"
86
+ },
87
+ "600": {
88
+ "value": "#e8ae00",
89
+ "type": "color"
90
+ },
91
+ "700": {
92
+ "value": "#d29a00",
93
+ "type": "color"
94
+ },
95
+ "800": {
96
+ "value": "#bd8700",
97
+ "type": "color"
98
+ },
99
+ "900": {
100
+ "value": "#a67100",
101
+ "type": "color"
102
+ }
103
+ }
104
+ },
105
+ "semantic": {
106
+ "brand": {
107
+ "primary": {
108
+ "value": "{color.global.yellow.500}",
109
+ "type": "color"
110
+ }
111
+ },
112
+ "point": {
113
+ "olive green": {
114
+ "value": "#a1b100",
115
+ "type": "color"
116
+ },
117
+ "coral red": {
118
+ "value": "#ff6647",
119
+ "type": "color"
120
+ }
121
+ },
122
+ "notification": {
123
+ "success": {
124
+ "value": "#67b000",
125
+ "type": "color"
126
+ },
127
+ "error": {
128
+ "value": "#ff351f",
129
+ "type": "color"
130
+ }
131
+ },
132
+ "gradation": {
133
+ "Point 1": {
134
+ "value": "#ffbf00",
135
+ "type": "color"
136
+ },
137
+ "Point 2": {
138
+ "value": "#ffc500",
139
+ "type": "color"
140
+ },
141
+ "Point 3": {
142
+ "value": "#ffefaf",
143
+ "type": "color"
144
+ }
145
+ }
146
+ },
147
+ "component": {
148
+ "button": {
149
+ "base": {
150
+ "bg": {
151
+ "primary": {
152
+ "default": {
153
+ "value": "{color.global.yellow.400}",
154
+ "type": "color"
155
+ },
156
+ "hover": {
157
+ "value": "{color.global.yellow.500}",
158
+ "type": "color"
159
+ },
160
+ "pressed": {
161
+ "value": "{color.global.yellow.600}",
162
+ "type": "color"
163
+ },
164
+ "disabled": {
165
+ "value": "{color.global.yellow.100}",
166
+ "type": "color"
167
+ }
168
+ },
169
+ "sub": {
170
+ "pressed": {
171
+ "value": "{color.global.yellow.200}",
172
+ "type": "color"
173
+ },
174
+ "hover": {
175
+ "value": "{color.global.yellow.100}",
176
+ "type": "color"
177
+ },
178
+ "default": {
179
+ "value": "{color.global.yellow.50}",
180
+ "type": "color"
181
+ }
182
+ },
183
+ "grey": {
184
+ "disabled": {
185
+ "value": "{color.global.grey.25}",
186
+ "type": "color"
187
+ },
188
+ "default": {
189
+ "value": "{color.global.grey.25}",
190
+ "type": "color"
191
+ },
192
+ "hover": {
193
+ "value": "{color.global.grey.50}",
194
+ "type": "color"
195
+ },
196
+ "pressed": {
197
+ "value": "{color.global.grey.100}",
198
+ "type": "color"
199
+ }
200
+ }
201
+ },
202
+ "icon": {
203
+ "primary": {
204
+ "default": {
205
+ "value": "{color.global.grey.1000}",
206
+ "type": "color"
207
+ },
208
+ "disabled": {
209
+ "value": "{color.global.grey.0}",
210
+ "type": "color"
211
+ }
212
+ },
213
+ "grey": {
214
+ "disabled": {
215
+ "value": "{color.global.grey.100}",
216
+ "type": "color"
217
+ },
218
+ "default": {
219
+ "value": "{color.global.grey.400}",
220
+ "type": "color"
221
+ }
222
+ },
223
+ "sub": {
224
+ "disabled": {
225
+ "value": "{color.global.grey.50}",
226
+ "type": "color"
227
+ },
228
+ "default": {
229
+ "value": "{color.global.yellow.500}",
230
+ "type": "color"
231
+ },
232
+ "pressed": {
233
+ "value": "{color.global.yellow.600}",
234
+ "type": "color"
235
+ }
236
+ }
237
+ },
238
+ "text": {
239
+ "primary": {
240
+ "default": {
241
+ "value": "{color.global.grey.1000}",
242
+ "type": "color"
243
+ },
244
+ "disabled": {
245
+ "value": "{color.global.grey.0}",
246
+ "type": "color"
247
+ }
248
+ },
249
+ "grey": {
250
+ "default": {
251
+ "value": "{color.global.grey.500}",
252
+ "type": "color"
253
+ },
254
+ "disabled": {
255
+ "value": "{color.global.grey.100}",
256
+ "type": "color"
257
+ }
258
+ },
259
+ "sub": {
260
+ "disabled": {
261
+ "value": "{color.global.grey.50}",
262
+ "type": "color"
263
+ },
264
+ "default": {
265
+ "value": "{color.global.yellow.500}",
266
+ "type": "color"
267
+ },
268
+ "pressed": {
269
+ "value": "{color.global.yellow.600}",
270
+ "type": "color"
271
+ }
272
+ }
273
+ }
274
+ },
275
+ "mode change": {
276
+ "bg": {
277
+ "value": "{color.global.grey.25}",
278
+ "type": "color"
279
+ },
280
+ "thumb": {
281
+ "on": {
282
+ "value": "{color.global.yellow.400}",
283
+ "type": "color"
284
+ },
285
+ "off": {
286
+ "value": "{color.global.grey.25}",
287
+ "type": "color"
288
+ }
289
+ },
290
+ "switch": {
291
+ "on": {
292
+ "value": "{color.global.grey.1000}",
293
+ "type": "color"
294
+ },
295
+ "off": {
296
+ "value": "{color.global.grey.300}",
297
+ "type": "color"
298
+ }
299
+ }
300
+ },
301
+ "toggle switch": {
302
+ "bg": {
303
+ "primary": {
304
+ "value": "{color.global.grey.25}",
305
+ "type": "color"
306
+ },
307
+ "default": {
308
+ "value": "{color.global.grey.0}",
309
+ "type": "color"
310
+ }
311
+ },
312
+ "selected": {
313
+ "primary": {
314
+ "value": "{color.global.yellow.500}",
315
+ "type": "color"
316
+ },
317
+ "default": {
318
+ "value": "{color.global.grey.300}",
319
+ "type": "color"
320
+ }
321
+ }
322
+ },
323
+ "toggle": {
324
+ "default": {
325
+ "value": "{color.global.grey.0}",
326
+ "type": "color"
327
+ },
328
+ "active_disabled": {
329
+ "value": "{color.global.grey.0}",
330
+ "type": "color"
331
+ }
332
+ },
333
+ "cam activation": {
334
+ "icon": {
335
+ "disabled": {
336
+ "value": "{color.global.grey.50}",
337
+ "type": "color"
338
+ },
339
+ "hover": {
340
+ "value": "{color.global.grey.600}",
341
+ "type": "color"
342
+ },
343
+ "default": {
344
+ "value": "{color.global.grey.400}",
345
+ "type": "color"
346
+ }
347
+ },
348
+ "bg": {
349
+ "default": {
350
+ "value": "{color.global.grey.25}",
351
+ "type": "color"
352
+ },
353
+ "hover": {
354
+ "value": "{color.global.grey.0}",
355
+ "type": "color"
356
+ },
357
+ "disabled": {
358
+ "value": "{color.global.grey.25}",
359
+ "type": "color"
360
+ }
361
+ }
362
+ }
363
+ },
364
+ "basic": {
365
+ "dashboard": {
366
+ "graph": {
367
+ "bg_line": {
368
+ "value": "{color.global.grey.50}",
369
+ "type": "color"
370
+ },
371
+ "gradation": {
372
+ "value": "{color.global.yellow.100}",
373
+ "type": "color"
374
+ }
375
+ },
376
+ "level stepper": {
377
+ "surface": {
378
+ "value": "{color.global.yellow.400}",
379
+ "type": "color"
380
+ }
381
+ },
382
+ "score": {
383
+ "line": {
384
+ "value": "{color.semantic.brand.primary}",
385
+ "type": "color"
386
+ },
387
+ "border": {
388
+ "value": "{color.global.yellow.200}",
389
+ "type": "color"
390
+ },
391
+ "surface": {
392
+ "value": "{color.global.grey.0}",
393
+ "type": "color"
394
+ },
395
+ "dot": {
396
+ "bg": {
397
+ "value": "{color.global.grey.0}",
398
+ "type": "color"
399
+ },
400
+ "border": {
401
+ "value": "{color.global.yellow.500}",
402
+ "type": "color"
403
+ }
404
+ }
405
+ }
406
+ },
407
+ "widget": {
408
+ "handle": {
409
+ "value": "{color.global.grey.200}",
410
+ "type": "color"
411
+ }
412
+ },
413
+ "loading bar": {
414
+ "dot": {
415
+ "value": "{color.global.grey.0}",
416
+ "type": "color"
417
+ }
418
+ }
419
+ }
420
+ },
421
+ "surface": {
422
+ "modal": {
423
+ "bg": {
424
+ "value": "{color.global.grey.0}",
425
+ "type": "color"
426
+ },
427
+ "container": {
428
+ "value": "{color.global.grey.25}",
429
+ "type": "color"
430
+ }
431
+ },
432
+ "scroll bar": {
433
+ "value": "{color.global.grey.100}",
434
+ "type": "color"
435
+ },
436
+ "toast bar": {
437
+ "value": "{color.global.grey.500}",
438
+ "type": "color"
439
+ }
440
+ }
441
+ },
442
+ "text": {
443
+ "primary": {
444
+ "value": "{color.global.grey.0}",
445
+ "type": "color"
446
+ },
447
+ "disabled": {
448
+ "value": "{color.global.grey.100}",
449
+ "type": "color"
450
+ },
451
+ "default": {
452
+ "value": "{color.global.grey.900}",
453
+ "type": "color"
454
+ }
455
+ },
456
+ "border": {
457
+ "depth1": {
458
+ "value": "{color.global.grey.25}",
459
+ "type": "color"
460
+ },
461
+ "depth3": {
462
+ "value": "{color.global.grey.100}",
463
+ "type": "color"
464
+ },
465
+ "depth2": {
466
+ "value": "{color.global.grey.50}",
467
+ "type": "color"
468
+ },
469
+ "depth0": {
470
+ "value": "{color.global.grey.0}",
471
+ "type": "color"
472
+ },
473
+ "active": {
474
+ "value": "{color.semantic.brand.primary}",
475
+ "type": "color"
476
+ }
477
+ },
478
+ "dim": {
479
+ "default": {
480
+ "value": "#00000066",
481
+ "type": "color"
482
+ }
483
+ },
484
+ "radius": {
485
+ "xs": {
486
+ "value": 4,
487
+ "type": "number"
488
+ },
489
+ "sm": {
490
+ "value": 8,
491
+ "type": "number"
492
+ },
493
+ "md": {
494
+ "value": 12,
495
+ "type": "number"
496
+ },
497
+ "lg": {
498
+ "value": 16,
499
+ "type": "number"
500
+ },
501
+ "xl": {
502
+ "value": 20,
503
+ "type": "number"
504
+ },
505
+ "2xl": {
506
+ "value": 24,
507
+ "type": "number"
508
+ },
509
+ "full": {
510
+ "value": 999,
511
+ "type": "number"
512
+ },
513
+ "3xl": {
514
+ "value": 32,
515
+ "type": "number"
516
+ },
517
+ "4xl": {
518
+ "value": 36,
519
+ "type": "number"
520
+ },
521
+ "5xl": {
522
+ "value": 44,
523
+ "type": "number"
524
+ }
525
+ },
526
+ "spacing": {
527
+ "1": {
528
+ "value": 4,
529
+ "type": "number"
530
+ },
531
+ "2": {
532
+ "value": 8,
533
+ "type": "number"
534
+ },
535
+ "3": {
536
+ "value": 12,
537
+ "type": "number"
538
+ },
539
+ "4": {
540
+ "value": 16,
541
+ "type": "number"
542
+ },
543
+ "5": {
544
+ "value": 24,
545
+ "type": "number"
546
+ },
547
+ "6": {
548
+ "value": 32,
549
+ "type": "number"
550
+ },
551
+ "7": {
552
+ "value": 40,
553
+ "type": "number"
554
+ },
555
+ "8": {
556
+ "value": 48,
557
+ "type": "number"
558
+ },
559
+ "9": {
560
+ "value": 56,
561
+ "type": "number"
562
+ },
563
+ "10": {
564
+ "value": 64,
565
+ "type": "number"
566
+ },
567
+ "11": {
568
+ "value": 72,
569
+ "type": "number"
570
+ },
571
+ "12": {
572
+ "value": 80,
573
+ "type": "number"
574
+ },
575
+ "13": {
576
+ "value": 88,
577
+ "type": "number"
578
+ },
579
+ "14": {
580
+ "value": 96,
581
+ "type": "number"
582
+ },
583
+ "15": {
584
+ "value": 104,
585
+ "type": "number"
586
+ }
587
+ },
588
+ "device mode": {
589
+ "Desktop": {
590
+ "value": 1920,
591
+ "type": "number"
592
+ },
593
+ "Laptop": {
594
+ "value": 1440,
595
+ "type": "number"
596
+ },
597
+ "Minimum": {
598
+ "value": 1280,
599
+ "type": "number"
600
+ }
601
+ },
602
+ "error": {
603
+ "value": "#ff3232",
604
+ "type": "color"
605
+ },
606
+ "success": {
607
+ "value": "#00bf29",
608
+ "type": "color"
609
+ },
610
+ "background": {
611
+ "value": "#f6f9fb",
612
+ "type": "color"
613
+ },
614
+ "fontFamilies": {
615
+ "pretendard": {
616
+ "value": "Pretendard",
617
+ "type": "text"
618
+ }
619
+ },
620
+ "fontWeights": {
621
+ "pretendard-0": {
622
+ "value": "Bold",
623
+ "type": "text"
624
+ },
625
+ "pretendard-1": {
626
+ "value": "SemiBold",
627
+ "type": "text"
628
+ },
629
+ "pretendard-2": {
630
+ "value": "Medium",
631
+ "type": "text"
632
+ },
633
+ "pretendard-3": {
634
+ "value": "Regular",
635
+ "type": "text"
636
+ }
637
+ },
638
+ "fontSize": {
639
+ "0": {
640
+ "value": 10,
641
+ "type": "number"
642
+ },
643
+ "1": {
644
+ "value": 12,
645
+ "type": "number"
646
+ },
647
+ "2": {
648
+ "value": 14,
649
+ "type": "number"
650
+ },
651
+ "3": {
652
+ "value": 16,
653
+ "type": "number"
654
+ },
655
+ "4": {
656
+ "value": 18,
657
+ "type": "number"
658
+ },
659
+ "5": {
660
+ "value": 20,
661
+ "type": "number"
662
+ },
663
+ "6": {
664
+ "value": 22,
665
+ "type": "number"
666
+ },
667
+ "7": {
668
+ "value": 24,
669
+ "type": "number"
670
+ },
671
+ "8": {
672
+ "value": 32,
673
+ "type": "number"
674
+ }
675
+ },
676
+ "paragraphSpacing": {
677
+ "0": {
678
+ "value": 0,
679
+ "type": "number"
680
+ }
681
+ },
682
+ "paragraphIndent": {
683
+ "0": {
684
+ "value": 0,
685
+ "type": "number"
686
+ }
687
+ }
688
+ }
package/package.json ADDED
@@ -0,0 +1,28 @@
1
+ {
2
+ "name": "@gbgr/tokens",
3
+ "version": "0.0.0",
4
+ "main": "./dist/tokens.json",
5
+ "types": "./dist/tokens.d.ts",
6
+ "files": [
7
+ "dist"
8
+ ],
9
+ "exports": {
10
+ "./index.css": "./dist/index.css",
11
+ "./tokens.json": "./dist/tokens.json",
12
+ "./tokens.d.ts": "./dist/tokens.d.ts"
13
+ },
14
+ "publishConfig": {
15
+ "access": "public"
16
+ },
17
+ "devDependencies": {
18
+ "style-dictionary": "3.9.0"
19
+ },
20
+ "scripts": {
21
+ "build": "npm run clean && node build/build.mjs",
22
+ "dev": "node build/build.mjs && node build/watch.mjs",
23
+ "watch": "node build/watch.mjs",
24
+ "validate": "node build/validate.mjs",
25
+ "clean": "rm -rf dist",
26
+ "typecheck": "tsc --noEmit"
27
+ }
28
+ }