@servicetitan/hammer-token 0.0.0-rc-1.47.0-20251104205759 → 0.0.0-rc-3.0.0-20260114215531

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 (76) hide show
  1. package/CHANGELOG.md +29 -1
  2. package/README.md +222 -0
  3. package/build/web/core/component-variables.scss +114 -130
  4. package/build/web/core/component.d.ts +65 -0
  5. package/build/web/core/component.js +248 -267
  6. package/build/web/core/component.scss +63 -69
  7. package/build/web/core/css-utils/a2-border.css +39 -41
  8. package/build/web/core/css-utils/a2-color.css +351 -227
  9. package/build/web/core/css-utils/a2-font.css +0 -2
  10. package/build/web/core/css-utils/a2-spacing.css +0 -2
  11. package/build/web/core/css-utils/a2-utils.css +418 -292
  12. package/build/web/core/css-utils/border.css +39 -41
  13. package/build/web/core/css-utils/color.css +351 -227
  14. package/build/web/core/css-utils/font.css +0 -2
  15. package/build/web/core/css-utils/spacing.css +0 -2
  16. package/build/web/core/css-utils/utils.css +418 -292
  17. package/build/web/core/index.d.ts +6 -0
  18. package/build/web/core/index.js +1 -1
  19. package/build/web/core/primitive-variables.scss +130 -71
  20. package/build/web/core/primitive.d.ts +185 -0
  21. package/build/web/core/primitive.js +328 -72
  22. package/build/web/core/primitive.scss +183 -124
  23. package/build/web/core/semantic-variables.scss +287 -220
  24. package/build/web/core/semantic.d.ts +194 -0
  25. package/build/web/core/semantic.js +875 -347
  26. package/build/web/core/semantic.scss +192 -140
  27. package/build/web/index.d.ts +3 -4
  28. package/build/web/index.js +0 -1
  29. package/build/web/types.d.ts +17 -0
  30. package/config.js +121 -496
  31. package/package.json +5 -4
  32. package/src/global/primitive/breakpoint.tokens.json +39 -0
  33. package/src/global/primitive/color.tokens.json +536 -0
  34. package/src/global/primitive/duration.tokens.json +32 -0
  35. package/src/global/primitive/font.tokens.json +103 -0
  36. package/src/global/primitive/radius.tokens.json +67 -0
  37. package/src/global/primitive/size.tokens.json +123 -0
  38. package/src/global/primitive/transition.tokens.json +20 -0
  39. package/src/theme/core/background.tokens.json +981 -0
  40. package/src/theme/core/border.tokens.json +148 -0
  41. package/src/theme/core/charts.tokens.json +802 -0
  42. package/src/theme/core/component/button.tokens.json +752 -0
  43. package/src/theme/core/component/checkbox.tokens.json +292 -0
  44. package/src/theme/core/focus.tokens.json +48 -0
  45. package/src/theme/core/foreground.tokens.json +288 -0
  46. package/src/theme/core/shadow.tokens.json +43 -0
  47. package/src/theme/core/status.tokens.json +70 -0
  48. package/src/theme/core/typography.tokens.json +100 -0
  49. package/src/utils/copy-css-utils-cli.js +13 -0
  50. package/src/utils/css-utils-format-utils.js +98 -1
  51. package/src/utils/sd-build-configs.js +372 -0
  52. package/src/utils/sd-formats.js +752 -0
  53. package/src/utils/sd-transforms.js +126 -0
  54. package/src/utils/token-helpers.js +555 -0
  55. package/tsconfig.json +18 -0
  56. package/.turbo/turbo-build.log +0 -37
  57. package/build/web/core/raw.js +0 -234
  58. package/src/global/primitive/breakpoint.js +0 -19
  59. package/src/global/primitive/color.js +0 -231
  60. package/src/global/primitive/duration.js +0 -16
  61. package/src/global/primitive/font.js +0 -60
  62. package/src/global/primitive/radius.js +0 -31
  63. package/src/global/primitive/size.js +0 -55
  64. package/src/global/primitive/transition.js +0 -16
  65. package/src/theme/core/background.js +0 -170
  66. package/src/theme/core/border.js +0 -103
  67. package/src/theme/core/charts.js +0 -464
  68. package/src/theme/core/component/button.js +0 -708
  69. package/src/theme/core/component/checkbox.js +0 -405
  70. package/src/theme/core/focus.js +0 -35
  71. package/src/theme/core/foreground.js +0 -148
  72. package/src/theme/core/overlay.js +0 -137
  73. package/src/theme/core/shadow.js +0 -29
  74. package/src/theme/core/status.js +0 -49
  75. package/src/theme/core/typography.js +0 -82
  76. package/type/types.ts +0 -344
package/src/theme/core/charts.tokens.json ADDED
@@ -0,0 +1,802 @@
1
+ {
2
+ "charts": {
3
+ "monochrome": {
4
+ "01": {
5
+ "color": {
6
+ "$type": "color",
7
+ "$value": "#3892F3",
8
+ "$extensions": {
9
+ "appearance": {
10
+ "light": {
11
+ "$type": "color",
12
+ "$value": "#3892F3"
13
+ },
14
+ "dark": {
15
+ "$type": "color",
16
+ "$value": "#8AC3FF"
17
+ }
18
+ }
19
+ }
20
+ },
21
+ "stroke": {
22
+ "color": {
23
+ "$type": "color",
24
+ "$value": "transparent",
25
+ "$extensions": {
26
+ "appearance": {
27
+ "light": {
28
+ "$type": "color",
29
+ "$value": "transparent"
30
+ },
31
+ "dark": {
32
+ "$type": "color",
33
+ "$value": "transparent"
34
+ }
35
+ }
36
+ }
37
+ },
38
+ "style": {
39
+ "$type": "strokeStyle",
40
+ "$value": "solid"
41
+ }
42
+ },
43
+ "pattern": {
44
+ "$type": "string",
45
+ "$value": "solid"
46
+ }
47
+ },
48
+ "02": {
49
+ "color": {
50
+ "$type": "color",
51
+ "$value": "#08389c",
52
+ "$extensions": {
53
+ "appearance": {
54
+ "light": {
55
+ "$type": "color",
56
+ "$value": "#08389c"
57
+ },
58
+ "dark": {
59
+ "$type": "color",
60
+ "$value": "#3476FF"
61
+ }
62
+ }
63
+ }
64
+ },
65
+ "stroke": {
66
+ "color": {
67
+ "$type": "color",
68
+ "$value": "transparent",
69
+ "$extensions": {
70
+ "appearance": {
71
+ "light": {
72
+ "$type": "color",
73
+ "$value": "transparent"
74
+ },
75
+ "dark": {
76
+ "$type": "color",
77
+ "$value": "transparent"
78
+ }
79
+ }
80
+ }
81
+ },
82
+ "style": {
83
+ "$type": "strokeStyle",
84
+ "$value": "solid"
85
+ }
86
+ },
87
+ "pattern": {
88
+ "$type": "string",
89
+ "$value": "solid"
90
+ }
91
+ },
92
+ "03": {
93
+ "color": {
94
+ "$type": "color",
95
+ "$value": "#F2F9FF",
96
+ "$extensions": {
97
+ "appearance": {
98
+ "light": {
99
+ "$type": "color",
100
+ "$value": "#F2F9FF"
101
+ },
102
+ "dark": {
103
+ "$type": "color",
104
+ "$value": "#141414"
105
+ }
106
+ }
107
+ }
108
+ },
109
+ "stroke": {
110
+ "color": {
111
+ "$type": "color",
112
+ "$value": "#3892F3",
113
+ "$extensions": {
114
+ "appearance": {
115
+ "light": {
116
+ "$type": "color",
117
+ "$value": "#3892F3"
118
+ },
119
+ "dark": {
120
+ "$type": "color",
121
+ "$value": "#8AC3FF"
122
+ }
123
+ }
124
+ }
125
+ },
126
+ "style": {
127
+ "$type": "strokeStyle",
128
+ "$value": "solid"
129
+ }
130
+ },
131
+ "pattern": {
132
+ "$type": "string",
133
+ "$value": "striped"
134
+ }
135
+ },
136
+ "04": {
137
+ "color": {
138
+ "$type": "color",
139
+ "$value": "#F2F9FF",
140
+ "$extensions": {
141
+ "appearance": {
142
+ "light": {
143
+ "$type": "color",
144
+ "$value": "#F2F9FF"
145
+ },
146
+ "dark": {
147
+ "$type": "color",
148
+ "$value": "#F2F9FF"
149
+ }
150
+ }
151
+ }
152
+ },
153
+ "stroke": {
154
+ "color": {
155
+ "$type": "color",
156
+ "$value": "#3892F3",
157
+ "$extensions": {
158
+ "appearance": {
159
+ "light": {
160
+ "$type": "color",
161
+ "$value": "#3892F3"
162
+ },
163
+ "dark": {
164
+ "$type": "color",
165
+ "$value": "#8AC3FF"
166
+ }
167
+ }
168
+ }
169
+ },
170
+ "style": {
171
+ "$type": "strokeStyle",
172
+ "$value": "solid"
173
+ }
174
+ },
175
+ "pattern": {
176
+ "$type": "string",
177
+ "$value": "solid"
178
+ }
179
+ }
180
+ },
181
+ "categorical": {
182
+ "10": {
183
+ "color": {
184
+ "$type": "color",
185
+ "$value": "#D57A5C",
186
+ "$extensions": {
187
+ "appearance": {
188
+ "light": {
189
+ "$type": "color",
190
+ "$value": "#D57A5C"
191
+ },
192
+ "dark": {
193
+ "$type": "color",
194
+ "$value": "#D99078"
195
+ }
196
+ }
197
+ }
198
+ },
199
+ "stroke": {
200
+ "color": {
201
+ "$type": "color",
202
+ "$value": "transparent",
203
+ "$extensions": {
204
+ "appearance": {
205
+ "light": {
206
+ "$type": "color",
207
+ "$value": "transparent"
208
+ },
209
+ "dark": {
210
+ "$type": "color",
211
+ "$value": "transparent"
212
+ }
213
+ }
214
+ }
215
+ },
216
+ "style": {
217
+ "$type": "strokeStyle",
218
+ "$value": "solid"
219
+ }
220
+ },
221
+ "pattern": {
222
+ "$type": "string",
223
+ "$value": "solid"
224
+ }
225
+ },
226
+ "01": {
227
+ "color": {
228
+ "$type": "color",
229
+ "$value": "#3892F3",
230
+ "$extensions": {
231
+ "appearance": {
232
+ "light": {
233
+ "$type": "color",
234
+ "$value": "#3892F3"
235
+ },
236
+ "dark": {
237
+ "$type": "color",
238
+ "$value": "#3892F3"
239
+ }
240
+ }
241
+ }
242
+ },
243
+ "stroke": {
244
+ "color": {
245
+ "$type": "color",
246
+ "$value": "transparent",
247
+ "$extensions": {
248
+ "appearance": {
249
+ "light": {
250
+ "$type": "color",
251
+ "$value": "transparent"
252
+ },
253
+ "dark": {
254
+ "$type": "color",
255
+ "$value": "transparent"
256
+ }
257
+ }
258
+ }
259
+ },
260
+ "style": {
261
+ "$type": "strokeStyle",
262
+ "$value": "solid"
263
+ }
264
+ },
265
+ "pattern": {
266
+ "$type": "string",
267
+ "$value": "solid"
268
+ }
269
+ },
270
+ "02": {
271
+ "color": {
272
+ "$type": "color",
273
+ "$value": "#08389c",
274
+ "$extensions": {
275
+ "appearance": {
276
+ "light": {
277
+ "$type": "color",
278
+ "$value": "#08389c"
279
+ },
280
+ "dark": {
281
+ "$type": "color",
282
+ "$value": "#3476FF"
283
+ }
284
+ }
285
+ }
286
+ },
287
+ "stroke": {
288
+ "color": {
289
+ "$type": "color",
290
+ "$value": "transparent",
291
+ "$extensions": {
292
+ "appearance": {
293
+ "light": {
294
+ "$type": "color",
295
+ "$value": "transparent"
296
+ },
297
+ "dark": {
298
+ "$type": "color",
299
+ "$value": "transparent"
300
+ }
301
+ }
302
+ }
303
+ },
304
+ "style": {
305
+ "$type": "strokeStyle",
306
+ "$value": "solid"
307
+ }
308
+ },
309
+ "pattern": {
310
+ "$type": "string",
311
+ "$value": "solid"
312
+ }
313
+ },
314
+ "03": {
315
+ "color": {
316
+ "$type": "color",
317
+ "$value": "#0FA2B8",
318
+ "$extensions": {
319
+ "appearance": {
320
+ "light": {
321
+ "$type": "color",
322
+ "$value": "#0FA2B8"
323
+ },
324
+ "dark": {
325
+ "$type": "color",
326
+ "$value": "#C6F6FF"
327
+ }
328
+ }
329
+ }
330
+ },
331
+ "stroke": {
332
+ "color": {
333
+ "$type": "color",
334
+ "$value": "transparent",
335
+ "$extensions": {
336
+ "appearance": {
337
+ "light": {
338
+ "$type": "color",
339
+ "$value": "transparent"
340
+ },
341
+ "dark": {
342
+ "$type": "color",
343
+ "$value": "transparent"
344
+ }
345
+ }
346
+ }
347
+ },
348
+ "style": {
349
+ "$type": "strokeStyle",
350
+ "$value": "solid"
351
+ }
352
+ },
353
+ "pattern": {
354
+ "$type": "string",
355
+ "$value": "solid"
356
+ }
357
+ },
358
+ "04": {
359
+ "color": {
360
+ "$type": "color",
361
+ "$value": "#907AF5",
362
+ "$extensions": {
363
+ "appearance": {
364
+ "light": {
365
+ "$type": "color",
366
+ "$value": "#907AF5"
367
+ },
368
+ "dark": {
369
+ "$type": "color",
370
+ "$value": "#C6B8F4"
371
+ }
372
+ }
373
+ }
374
+ },
375
+ "stroke": {
376
+ "color": {
377
+ "$type": "color",
378
+ "$value": "transparent",
379
+ "$extensions": {
380
+ "appearance": {
381
+ "light": {
382
+ "$type": "color",
383
+ "$value": "transparent"
384
+ },
385
+ "dark": {
386
+ "$type": "color",
387
+ "$value": "transparent"
388
+ }
389
+ }
390
+ }
391
+ },
392
+ "style": {
393
+ "$type": "strokeStyle",
394
+ "$value": "solid"
395
+ }
396
+ },
397
+ "pattern": {
398
+ "$type": "string",
399
+ "$value": "solid"
400
+ }
401
+ },
402
+ "05": {
403
+ "color": {
404
+ "$type": "color",
405
+ "$value": "#DE52CE",
406
+ "$extensions": {
407
+ "appearance": {
408
+ "light": {
409
+ "$type": "color",
410
+ "$value": "#DE52CE"
411
+ },
412
+ "dark": {
413
+ "$type": "color",
414
+ "$value": "#D949A9"
415
+ }
416
+ }
417
+ }
418
+ },
419
+ "stroke": {
420
+ "color": {
421
+ "$type": "color",
422
+ "$value": "transparent",
423
+ "$extensions": {
424
+ "appearance": {
425
+ "light": {
426
+ "$type": "color",
427
+ "$value": "transparent"
428
+ },
429
+ "dark": {
430
+ "$type": "color",
431
+ "$value": "transparent"
432
+ }
433
+ }
434
+ }
435
+ },
436
+ "style": {
437
+ "$type": "strokeStyle",
438
+ "$value": "solid"
439
+ }
440
+ },
441
+ "pattern": {
442
+ "$type": "string",
443
+ "$value": "solid"
444
+ }
445
+ },
446
+ "06": {
447
+ "color": {
448
+ "$type": "color",
449
+ "$value": "#C2185B",
450
+ "$extensions": {
451
+ "appearance": {
452
+ "light": {
453
+ "$type": "color",
454
+ "$value": "#C2185B"
455
+ },
456
+ "dark": {
457
+ "$type": "color",
458
+ "$value": "#ED1369"
459
+ }
460
+ }
461
+ }
462
+ },
463
+ "stroke": {
464
+ "color": {
465
+ "$type": "color",
466
+ "$value": "transparent",
467
+ "$extensions": {
468
+ "appearance": {
469
+ "light": {
470
+ "$type": "color",
471
+ "$value": "transparent"
472
+ },
473
+ "dark": {
474
+ "$type": "color",
475
+ "$value": "transparent"
476
+ }
477
+ }
478
+ }
479
+ },
480
+ "style": {
481
+ "$type": "strokeStyle",
482
+ "$value": "solid"
483
+ }
484
+ },
485
+ "pattern": {
486
+ "$type": "string",
487
+ "$value": "solid"
488
+ }
489
+ },
490
+ "07": {
491
+ "color": {
492
+ "$type": "color",
493
+ "$value": "#759E15",
494
+ "$extensions": {
495
+ "appearance": {
496
+ "light": {
497
+ "$type": "color",
498
+ "$value": "#759E15"
499
+ },
500
+ "dark": {
501
+ "$type": "color",
502
+ "$value": "#8CC30B"
503
+ }
504
+ }
505
+ }
506
+ },
507
+ "stroke": {
508
+ "color": {
509
+ "$type": "color",
510
+ "$value": "transparent",
511
+ "$extensions": {
512
+ "appearance": {
513
+ "light": {
514
+ "$type": "color",
515
+ "$value": "transparent"
516
+ },
517
+ "dark": {
518
+ "$type": "color",
519
+ "$value": "transparent"
520
+ }
521
+ }
522
+ }
523
+ },
524
+ "style": {
525
+ "$type": "strokeStyle",
526
+ "$value": "solid"
527
+ }
528
+ },
529
+ "pattern": {
530
+ "$type": "string",
531
+ "$value": "solid"
532
+ }
533
+ },
534
+ "08": {
535
+ "color": {
536
+ "$type": "color",
537
+ "$value": "#AC6400",
538
+ "$extensions": {
539
+ "appearance": {
540
+ "light": {
541
+ "$type": "color",
542
+ "$value": "#AC6400"
543
+ },
544
+ "dark": {
545
+ "$type": "color",
546
+ "$value": "#B36800"
547
+ }
548
+ }
549
+ }
550
+ },
551
+ "stroke": {
552
+ "color": {
553
+ "$type": "color",
554
+ "$value": "transparent",
555
+ "$extensions": {
556
+ "appearance": {
557
+ "light": {
558
+ "$type": "color",
559
+ "$value": "transparent"
560
+ },
561
+ "dark": {
562
+ "$type": "color",
563
+ "$value": "transparent"
564
+ }
565
+ }
566
+ }
567
+ },
568
+ "style": {
569
+ "$type": "strokeStyle",
570
+ "$value": "solid"
571
+ }
572
+ },
573
+ "pattern": {
574
+ "$type": "string",
575
+ "$value": "solid"
576
+ }
577
+ },
578
+ "09": {
579
+ "color": {
580
+ "$type": "color",
581
+ "$value": "#EB7200",
582
+ "$extensions": {
583
+ "appearance": {
584
+ "light": {
585
+ "$type": "color",
586
+ "$value": "#EB7200"
587
+ },
588
+ "dark": {
589
+ "$type": "color",
590
+ "$value": "#FFA037"
591
+ }
592
+ }
593
+ }
594
+ },
595
+ "stroke": {
596
+ "color": {
597
+ "$type": "color",
598
+ "$value": "transparent",
599
+ "$extensions": {
600
+ "appearance": {
601
+ "light": {
602
+ "$type": "color",
603
+ "$value": "transparent"
604
+ },
605
+ "dark": {
606
+ "$type": "color",
607
+ "$value": "transparent"
608
+ }
609
+ }
610
+ }
611
+ },
612
+ "style": {
613
+ "$type": "strokeStyle",
614
+ "$value": "solid"
615
+ }
616
+ },
617
+ "pattern": {
618
+ "$type": "string",
619
+ "$value": "solid"
620
+ }
621
+ }
622
+ },
623
+ "status": {
624
+ "success": {
625
+ "color": {
626
+ "$type": "color",
627
+ "$value": "#007A4D",
628
+ "$extensions": {
629
+ "appearance": {
630
+ "light": {
631
+ "$type": "color",
632
+ "$value": "#007A4D"
633
+ },
634
+ "dark": {
635
+ "$type": "color",
636
+ "$value": "#49CC93"
637
+ }
638
+ }
639
+ }
640
+ },
641
+ "stroke": {
642
+ "color": {
643
+ "$type": "color",
644
+ "$value": "transparent",
645
+ "$extensions": {
646
+ "appearance": {
647
+ "light": {
648
+ "$type": "color",
649
+ "$value": "transparent"
650
+ },
651
+ "dark": {
652
+ "$type": "color",
653
+ "$value": "transparent"
654
+ }
655
+ }
656
+ }
657
+ },
658
+ "style": {
659
+ "$type": "strokeStyle",
660
+ "$value": "solid"
661
+ }
662
+ },
663
+ "pattern": {
664
+ "$type": "string",
665
+ "$value": "solid"
666
+ }
667
+ },
668
+ "warning": {
669
+ "color": {
670
+ "$type": "color",
671
+ "$value": "#ffbe00",
672
+ "$extensions": {
673
+ "appearance": {
674
+ "light": {
675
+ "$type": "color",
676
+ "$value": "#ffbe00"
677
+ },
678
+ "dark": {
679
+ "$type": "color",
680
+ "$value": "#ffe278"
681
+ }
682
+ }
683
+ }
684
+ },
685
+ "stroke": {
686
+ "color": {
687
+ "$type": "color",
688
+ "$value": "transparent",
689
+ "$extensions": {
690
+ "appearance": {
691
+ "light": {
692
+ "$type": "color",
693
+ "$value": "transparent"
694
+ },
695
+ "dark": {
696
+ "$type": "color",
697
+ "$value": "transparent"
698
+ }
699
+ }
700
+ }
701
+ },
702
+ "style": {
703
+ "$type": "strokeStyle",
704
+ "$value": "solid"
705
+ }
706
+ },
707
+ "pattern": {
708
+ "$type": "string",
709
+ "$value": "solid"
710
+ }
711
+ },
712
+ "danger": {
713
+ "color": {
714
+ "$type": "color",
715
+ "$value": "#e13212",
716
+ "$extensions": {
717
+ "appearance": {
718
+ "light": {
719
+ "$type": "color",
720
+ "$value": "#e13212"
721
+ },
722
+ "dark": {
723
+ "$type": "color",
724
+ "$value": "#ff745f"
725
+ }
726
+ }
727
+ }
728
+ },
729
+ "stroke": {
730
+ "color": {
731
+ "$type": "color",
732
+ "$value": "transparent",
733
+ "$extensions": {
734
+ "appearance": {
735
+ "light": {
736
+ "$type": "color",
737
+ "$value": "transparent"
738
+ },
739
+ "dark": {
740
+ "$type": "color",
741
+ "$value": "transparent"
742
+ }
743
+ }
744
+ }
745
+ },
746
+ "style": {
747
+ "$type": "strokeStyle",
748
+ "$value": "solid"
749
+ }
750
+ },
751
+ "pattern": {
752
+ "$type": "string",
753
+ "$value": "solid"
754
+ }
755
+ },
756
+ "neutral": {
757
+ "color": {
758
+ "$type": "color",
759
+ "$value": "#ffffff",
760
+ "$extensions": {
761
+ "appearance": {
762
+ "light": {
763
+ "$type": "color",
764
+ "$value": "#ffffff"
765
+ },
766
+ "dark": {
767
+ "$type": "color",
768
+ "$value": "#141414"
769
+ }
770
+ }
771
+ }
772
+ },
773
+ "stroke": {
774
+ "color": {
775
+ "$type": "color",
776
+ "$value": "#8C9CA5",
777
+ "$extensions": {
778
+ "appearance": {
779
+ "light": {
780
+ "$type": "color",
781
+ "$value": "#8C9CA5"
782
+ },
783
+ "dark": {
784
+ "$type": "color",
785
+ "$value": "#B4C1C8"
786
+ }
787
+ }
788
+ }
789
+ },
790
+ "style": {
791
+ "$type": "strokeStyle",
792
+ "$value": "solid"
793
+ }
794
+ },
795
+ "pattern": {
796
+ "$type": "string",
797
+ "$value": "striped"
798
+ }
799
+ }
800
+ }
801
+ }
802
+ }