@servicetitan/hammer-token 0.0.0-rc-1.48.0-20251104214834 → 0.0.0-rc-3.0.0-20260127161418

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 (80) hide show
  1. package/CHANGELOG.md +37 -1
  2. package/README.md +222 -0
  3. package/build/web/core/component-variables.scss +176 -130
  4. package/build/web/core/component.d.ts +96 -0
  5. package/build/web/core/component.js +574 -252
  6. package/build/web/core/component.scss +94 -69
  7. package/build/web/core/css-utils/a2-border.css +39 -41
  8. package/build/web/core/css-utils/a2-color.css +367 -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 +434 -292
  12. package/build/web/core/css-utils/border.css +39 -41
  13. package/build/web/core/css-utils/color.css +367 -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 +434 -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 +295 -220
  24. package/build/web/core/semantic.d.ts +198 -0
  25. package/build/web/core/semantic.js +913 -341
  26. package/build/web/core/semantic.scss +196 -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 +1058 -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/alert.tokens.json +180 -0
  43. package/src/theme/core/component/announcement.tokens.json +186 -0
  44. package/src/theme/core/component/avatar.tokens.json +132 -0
  45. package/src/theme/core/component/badge.tokens.json +40 -0
  46. package/src/theme/core/component/button.tokens.json +752 -0
  47. package/src/theme/core/component/checkbox.tokens.json +292 -0
  48. package/src/theme/core/focus.tokens.json +48 -0
  49. package/src/theme/core/foreground.tokens.json +306 -0
  50. package/src/theme/core/shadow.tokens.json +43 -0
  51. package/src/theme/core/status.tokens.json +70 -0
  52. package/src/theme/core/typography.tokens.json +100 -0
  53. package/src/utils/copy-css-utils-cli.js +13 -0
  54. package/src/utils/css-utils-format-utils.js +98 -1
  55. package/src/utils/sd-build-configs.js +372 -0
  56. package/src/utils/sd-formats.js +752 -0
  57. package/src/utils/sd-transforms.js +126 -0
  58. package/src/utils/token-helpers.js +555 -0
  59. package/tsconfig.json +18 -0
  60. package/.turbo/turbo-build.log +0 -37
  61. package/build/web/core/raw.js +0 -234
  62. package/src/global/primitive/breakpoint.js +0 -19
  63. package/src/global/primitive/color.js +0 -231
  64. package/src/global/primitive/duration.js +0 -16
  65. package/src/global/primitive/font.js +0 -60
  66. package/src/global/primitive/radius.js +0 -31
  67. package/src/global/primitive/size.js +0 -55
  68. package/src/global/primitive/transition.js +0 -16
  69. package/src/theme/core/background.js +0 -170
  70. package/src/theme/core/border.js +0 -103
  71. package/src/theme/core/charts.js +0 -464
  72. package/src/theme/core/component/button.js +0 -708
  73. package/src/theme/core/component/checkbox.js +0 -405
  74. package/src/theme/core/focus.js +0 -35
  75. package/src/theme/core/foreground.js +0 -148
  76. package/src/theme/core/overlay.js +0 -137
  77. package/src/theme/core/shadow.js +0 -29
  78. package/src/theme/core/status.js +0 -49
  79. package/src/theme/core/typography.js +0 -82
  80. package/type/types.ts +0 -344
package/src/global/primitive/color.tokens.json ADDED
@@ -0,0 +1,536 @@
1
+ {
2
+ "color": {
3
+ "neutral": {
4
+ "0": {
5
+ "$type": "color",
6
+ "$value": "#ffffff"
7
+ },
8
+ "10": {
9
+ "$type": "color",
10
+ "$value": "#fcfcfc"
11
+ },
12
+ "20": {
13
+ "$type": "color",
14
+ "$value": "#f9f9f9"
15
+ },
16
+ "30": {
17
+ "$type": "color",
18
+ "$value": "#f6f6f6"
19
+ },
20
+ "40": {
21
+ "$type": "color",
22
+ "$value": "#f1f1f1"
23
+ },
24
+ "50": {
25
+ "$type": "color",
26
+ "$value": "#eeeeee"
27
+ },
28
+ "60": {
29
+ "$type": "color",
30
+ "$value": "#ebebeb"
31
+ },
32
+ "70": {
33
+ "$type": "color",
34
+ "$value": "#e8e8e8"
35
+ },
36
+ "80": {
37
+ "$type": "color",
38
+ "$value": "#e5e5e5"
39
+ },
40
+ "90": {
41
+ "$type": "color",
42
+ "$value": "#e2e2e2"
43
+ },
44
+ "100": {
45
+ "$type": "color",
46
+ "$value": "#dfdfdf"
47
+ },
48
+ "200": {
49
+ "$type": "color",
50
+ "$value": "#c4c4c4"
51
+ },
52
+ "300": {
53
+ "$type": "color",
54
+ "$value": "#a8a8a8"
55
+ },
56
+ "400": {
57
+ "$type": "color",
58
+ "$value": "#8b8b8b"
59
+ },
60
+ "500": {
61
+ "$type": "color",
62
+ "$value": "#707070"
63
+ },
64
+ "600": {
65
+ "$type": "color",
66
+ "$value": "#545454"
67
+ },
68
+ "700": {
69
+ "$type": "color",
70
+ "$value": "#404040"
71
+ },
72
+ "800": {
73
+ "$type": "color",
74
+ "$value": "#292929"
75
+ },
76
+ "900": {
77
+ "$type": "color",
78
+ "$value": "#1a1a1a"
79
+ },
80
+ "950": {
81
+ "$type": "color",
82
+ "$value": "#040404"
83
+ }
84
+ },
85
+ "blue": {
86
+ "10": {
87
+ "$type": "color",
88
+ "$value": "#fafcff"
89
+ },
90
+ "50": {
91
+ "$type": "color",
92
+ "$value": "#e6f1ff"
93
+ },
94
+ "100": {
95
+ "$type": "color",
96
+ "$value": "#cce3ff"
97
+ },
98
+ "200": {
99
+ "$type": "color",
100
+ "$value": "#9ecaff"
101
+ },
102
+ "300": {
103
+ "$type": "color",
104
+ "$value": "#70b1ff"
105
+ },
106
+ "400": {
107
+ "$type": "color",
108
+ "$value": "#3d95ff"
109
+ },
110
+ "500": {
111
+ "$type": "color",
112
+ "$value": "#1a82ff"
113
+ },
114
+ "600": {
115
+ "$type": "color",
116
+ "$value": "#0065de"
117
+ },
118
+ "700": {
119
+ "$type": "color",
120
+ "$value": "#004da9"
121
+ },
122
+ "800": {
123
+ "$type": "color",
124
+ "$value": "#003472"
125
+ },
126
+ "900": {
127
+ "$type": "color",
128
+ "$value": "#002047"
129
+ },
130
+ "950": {
131
+ "$type": "color",
132
+ "$value": "#000b19"
133
+ }
134
+ },
135
+ "red": {
136
+ "10": {
137
+ "$type": "color",
138
+ "$value": "#fffbfa"
139
+ },
140
+ "50": {
141
+ "$type": "color",
142
+ "$value": "#ffe9e5"
143
+ },
144
+ "100": {
145
+ "$type": "color",
146
+ "$value": "#ffd4cc"
147
+ },
148
+ "200": {
149
+ "$type": "color",
150
+ "$value": "#ffac9e"
151
+ },
152
+ "300": {
153
+ "$type": "color",
154
+ "$value": "#ff8974"
155
+ },
156
+ "400": {
157
+ "$type": "color",
158
+ "$value": "#ff5b3d"
159
+ },
160
+ "500": {
161
+ "$type": "color",
162
+ "$value": "#ff3914"
163
+ },
164
+ "600": {
165
+ "$type": "color",
166
+ "$value": "#d62100"
167
+ },
168
+ "700": {
169
+ "$type": "color",
170
+ "$value": "#a31900"
171
+ },
172
+ "800": {
173
+ "$type": "color",
174
+ "$value": "#731100"
175
+ },
176
+ "900": {
177
+ "$type": "color",
178
+ "$value": "#470b00"
179
+ },
180
+ "950": {
181
+ "$type": "color",
182
+ "$value": "#0a0200"
183
+ }
184
+ },
185
+ "green": {
186
+ "10": {
187
+ "$type": "color",
188
+ "$value": "#f5fefb"
189
+ },
190
+ "50": {
191
+ "$type": "color",
192
+ "$value": "#d3fded"
193
+ },
194
+ "100": {
195
+ "$type": "color",
196
+ "$value": "#b8f5dd"
197
+ },
198
+ "200": {
199
+ "$type": "color",
200
+ "$value": "#70ebbc"
201
+ },
202
+ "300": {
203
+ "$type": "color",
204
+ "$value": "#3be3a2"
205
+ },
206
+ "400": {
207
+ "$type": "color",
208
+ "$value": "#0bd085"
209
+ },
210
+ "500": {
211
+ "$type": "color",
212
+ "$value": "#09a569"
213
+ },
214
+ "600": {
215
+ "$type": "color",
216
+ "$value": "#077e50"
217
+ },
218
+ "700": {
219
+ "$type": "color",
220
+ "$value": "#05613e"
221
+ },
222
+ "800": {
223
+ "$type": "color",
224
+ "$value": "#04482e"
225
+ },
226
+ "900": {
227
+ "$type": "color",
228
+ "$value": "#022c1c"
229
+ },
230
+ "950": {
231
+ "$type": "color",
232
+ "$value": "#010f0a"
233
+ }
234
+ },
235
+ "blue-grey": {
236
+ "10": {
237
+ "$type": "color",
238
+ "$value": "#f7f9fa"
239
+ },
240
+ "50": {
241
+ "$type": "color",
242
+ "$value": "#e9eef2"
243
+ },
244
+ "100": {
245
+ "$type": "color",
246
+ "$value": "#dce4ea"
247
+ },
248
+ "200": {
249
+ "$type": "color",
250
+ "$value": "#b9c9d5"
251
+ },
252
+ "300": {
253
+ "$type": "color",
254
+ "$value": "#99b1c2"
255
+ },
256
+ "400": {
257
+ "$type": "color",
258
+ "$value": "#7696ad"
259
+ },
260
+ "500": {
261
+ "$type": "color",
262
+ "$value": "#55768e"
263
+ },
264
+ "600": {
265
+ "$type": "color",
266
+ "$value": "#445e71"
267
+ },
268
+ "700": {
269
+ "$type": "color",
270
+ "$value": "#344856"
271
+ },
272
+ "800": {
273
+ "$type": "color",
274
+ "$value": "#24333d"
275
+ },
276
+ "900": {
277
+ "$type": "color",
278
+ "$value": "#192329"
279
+ },
280
+ "950": {
281
+ "$type": "color",
282
+ "$value": "#090d10"
283
+ }
284
+ },
285
+ "orange": {
286
+ "10": {
287
+ "$type": "color",
288
+ "$value": "#fff8f1"
289
+ },
290
+ "50": {
291
+ "$type": "color",
292
+ "$value": "#ffecd6"
293
+ },
294
+ "100": {
295
+ "$type": "color",
296
+ "$value": "#ffddb7"
297
+ },
298
+ "200": {
299
+ "$type": "color",
300
+ "$value": "#ffc07a"
301
+ },
302
+ "300": {
303
+ "$type": "color",
304
+ "$value": "#ffa037"
305
+ },
306
+ "400": {
307
+ "$type": "color",
308
+ "$value": "#f07e00"
309
+ },
310
+ "500": {
311
+ "$type": "color",
312
+ "$value": "#c16500"
313
+ },
314
+ "600": {
315
+ "$type": "color",
316
+ "$value": "#964f00"
317
+ },
318
+ "700": {
319
+ "$type": "color",
320
+ "$value": "#693700"
321
+ },
322
+ "800": {
323
+ "$type": "color",
324
+ "$value": "#4d2800"
325
+ },
326
+ "900": {
327
+ "$type": "color",
328
+ "$value": "#2e1900"
329
+ },
330
+ "950": {
331
+ "$type": "color",
332
+ "$value": "#140b00"
333
+ }
334
+ },
335
+ "cyan": {
336
+ "10": {
337
+ "$type": "color",
338
+ "$value": "#f2fcfe"
339
+ },
340
+ "50": {
341
+ "$type": "color",
342
+ "$value": "#daf7fc"
343
+ },
344
+ "100": {
345
+ "$type": "color",
346
+ "$value": "#c2f2fb"
347
+ },
348
+ "200": {
349
+ "$type": "color",
350
+ "$value": "#7fe5f6"
351
+ },
352
+ "300": {
353
+ "$type": "color",
354
+ "$value": "#45d8f2"
355
+ },
356
+ "400": {
357
+ "$type": "color",
358
+ "$value": "#10c2e2"
359
+ },
360
+ "500": {
361
+ "$type": "color",
362
+ "$value": "#0c9bb5"
363
+ },
364
+ "600": {
365
+ "$type": "color",
366
+ "$value": "#0a7a8e"
367
+ },
368
+ "700": {
369
+ "$type": "color",
370
+ "$value": "#075563"
371
+ },
372
+ "800": {
373
+ "$type": "color",
374
+ "$value": "#05424d"
375
+ },
376
+ "900": {
377
+ "$type": "color",
378
+ "$value": "#032025"
379
+ },
380
+ "950": {
381
+ "$type": "color",
382
+ "$value": "#011013"
383
+ }
384
+ },
385
+ "purple": {
386
+ "10": {
387
+ "$type": "color",
388
+ "$value": "#fbfaff"
389
+ },
390
+ "50": {
391
+ "$type": "color",
392
+ "$value": "#eeecf9"
393
+ },
394
+ "100": {
395
+ "$type": "color",
396
+ "$value": "#e7e5f6"
397
+ },
398
+ "200": {
399
+ "$type": "color",
400
+ "$value": "#c8c2eb"
401
+ },
402
+ "300": {
403
+ "$type": "color",
404
+ "$value": "#aea3e5"
405
+ },
406
+ "400": {
407
+ "$type": "color",
408
+ "$value": "#9385db"
409
+ },
410
+ "500": {
411
+ "$type": "color",
412
+ "$value": "#7766cc"
413
+ },
414
+ "600": {
415
+ "$type": "color",
416
+ "$value": "#5f4cbd"
417
+ },
418
+ "700": {
419
+ "$type": "color",
420
+ "$value": "#40318c"
421
+ },
422
+ "800": {
423
+ "$type": "color",
424
+ "$value": "#2e2267"
425
+ },
426
+ "900": {
427
+ "$type": "color",
428
+ "$value": "#17103a"
429
+ },
430
+ "950": {
431
+ "$type": "color",
432
+ "$value": "#0e0928"
433
+ }
434
+ },
435
+ "magenta": {
436
+ "10": {
437
+ "$type": "color",
438
+ "$value": "#fffafd"
439
+ },
440
+ "50": {
441
+ "$type": "color",
442
+ "$value": "#fae5f3"
443
+ },
444
+ "100": {
445
+ "$type": "color",
446
+ "$value": "#f8ddef"
447
+ },
448
+ "200": {
449
+ "$type": "color",
450
+ "$value": "#efb4db"
451
+ },
452
+ "300": {
453
+ "$type": "color",
454
+ "$value": "#ef8bce"
455
+ },
456
+ "400": {
457
+ "$type": "color",
458
+ "$value": "#ea62bd"
459
+ },
460
+ "500": {
461
+ "$type": "color",
462
+ "$value": "#d741a6"
463
+ },
464
+ "600": {
465
+ "$type": "color",
466
+ "$value": "#be288d"
467
+ },
468
+ "700": {
469
+ "$type": "color",
470
+ "$value": "#831b60"
471
+ },
472
+ "800": {
473
+ "$type": "color",
474
+ "$value": "#591342"
475
+ },
476
+ "900": {
477
+ "$type": "color",
478
+ "$value": "#26081c"
479
+ },
480
+ "950": {
481
+ "$type": "color",
482
+ "$value": "#15040f"
483
+ }
484
+ },
485
+ "yellow": {
486
+ "10": {
487
+ "$type": "color",
488
+ "$value": "#fffbf0"
489
+ },
490
+ "50": {
491
+ "$type": "color",
492
+ "$value": "#ffeebd"
493
+ },
494
+ "100": {
495
+ "$type": "color",
496
+ "$value": "#fff0c2"
497
+ },
498
+ "200": {
499
+ "$type": "color",
500
+ "$value": "#ffdf80"
501
+ },
502
+ "300": {
503
+ "$type": "color",
504
+ "$value": "#ffcf42"
505
+ },
506
+ "400": {
507
+ "$type": "color",
508
+ "$value": "#ffbe00"
509
+ },
510
+ "500": {
511
+ "$type": "color",
512
+ "$value": "#d6a000"
513
+ },
514
+ "600": {
515
+ "$type": "color",
516
+ "$value": "#a87d00"
517
+ },
518
+ "700": {
519
+ "$type": "color",
520
+ "$value": "#805f00"
521
+ },
522
+ "800": {
523
+ "$type": "color",
524
+ "$value": "#574100"
525
+ },
526
+ "900": {
527
+ "$type": "color",
528
+ "$value": "#291f00"
529
+ },
530
+ "950": {
531
+ "$type": "color",
532
+ "$value": "#140f00"
533
+ }
534
+ }
535
+ }
536
+ }
package/src/global/primitive/duration.tokens.json ADDED
@@ -0,0 +1,32 @@
1
+ {
2
+ "duration": {
3
+ "default": {
4
+ "$type": "duration",
5
+ "$value": {
6
+ "value": 200,
7
+ "unit": "ms"
8
+ }
9
+ },
10
+ "instant": {
11
+ "$type": "duration",
12
+ "$value": {
13
+ "value": 0,
14
+ "unit": "ms"
15
+ }
16
+ },
17
+ "fast": {
18
+ "$type": "duration",
19
+ "$value": {
20
+ "value": 100,
21
+ "unit": "ms"
22
+ }
23
+ },
24
+ "slow": {
25
+ "$type": "duration",
26
+ "$value": {
27
+ "value": 300,
28
+ "unit": "ms"
29
+ }
30
+ }
31
+ }
32
+ }
package/src/global/primitive/font.tokens.json ADDED
@@ -0,0 +1,103 @@
1
+ {
2
+ "font": {
3
+ "family": {
4
+ "base": {
5
+ "$type": "string",
6
+ "$value": "'Nunito Sans', sans-serif"
7
+ },
8
+ "display": {
9
+ "$type": "string",
10
+ "$value": "'Sofia Pro', SofiaPro, sans-serif"
11
+ }
12
+ },
13
+ "line-height": {
14
+ "base": {
15
+ "$type": "number",
16
+ "$value": 1.5
17
+ },
18
+ "display": {
19
+ "$type": "number",
20
+ "$value": 1.25
21
+ }
22
+ },
23
+ "weight": {
24
+ "normal": {
25
+ "$type": "number",
26
+ "$value": 400
27
+ },
28
+ "semibold": {
29
+ "$type": "number",
30
+ "$value": 600
31
+ },
32
+ "bold": {
33
+ "$type": "number",
34
+ "$value": 700
35
+ }
36
+ },
37
+ "size": {
38
+ "100": {
39
+ "$type": "dimension",
40
+ "$value": {
41
+ "value": 0.625,
42
+ "unit": "rem"
43
+ }
44
+ },
45
+ "200": {
46
+ "$type": "dimension",
47
+ "$value": {
48
+ "value": 0.75,
49
+ "unit": "rem"
50
+ }
51
+ },
52
+ "300": {
53
+ "$type": "dimension",
54
+ "$value": {
55
+ "value": 0.875,
56
+ "unit": "rem"
57
+ }
58
+ },
59
+ "400": {
60
+ "$type": "dimension",
61
+ "$value": {
62
+ "value": 1,
63
+ "unit": "rem"
64
+ }
65
+ },
66
+ "500": {
67
+ "$type": "dimension",
68
+ "$value": {
69
+ "value": 1.25,
70
+ "unit": "rem"
71
+ }
72
+ },
73
+ "600": {
74
+ "$type": "dimension",
75
+ "$value": {
76
+ "value": 1.5,
77
+ "unit": "rem"
78
+ }
79
+ },
80
+ "700": {
81
+ "$type": "dimension",
82
+ "$value": {
83
+ "value": 1.75,
84
+ "unit": "rem"
85
+ }
86
+ },
87
+ "800": {
88
+ "$type": "dimension",
89
+ "$value": {
90
+ "value": 2,
91
+ "unit": "rem"
92
+ }
93
+ },
94
+ "900": {
95
+ "$type": "dimension",
96
+ "$value": {
97
+ "value": 2.25,
98
+ "unit": "rem"
99
+ }
100
+ }
101
+ }
102
+ }
103
+ }