@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/background.js DELETED
@@ -1,170 +0,0 @@
1
- /* eslint-disable @typescript-eslint/no-require-imports */
2
- const { color } = require("../../global/primitive/color");
3
- const { status } = require("./status");
4
-
5
- module.exports = {
6
- background: {
7
- color: {
8
- default: {
9
- value: color.neutral["0"].value,
10
- attributes: {
11
- appearance: {
12
- dark: {
13
- value: color.neutral["400"].value,
14
- },
15
- },
16
- },
17
- },
18
- strong: {
19
- value: color.neutral["30"].value,
20
- attributes: {
21
- appearance: {
22
- dark: {
23
- value: color.neutral["300"].value,
24
- },
25
- },
26
- },
27
- },
28
- stronger: {
29
- value: color.neutral["50"].value,
30
- attributes: {
31
- appearance: {
32
- dark: {
33
- value: color.neutral["200"].value,
34
- },
35
- },
36
- },
37
- },
38
- strongest: {
39
- value: color.neutral["70"].value,
40
- attributes: {
41
- appearance: {
42
- dark: {
43
- value: color.neutral["90"].value,
44
- },
45
- },
46
- },
47
- },
48
- primary: {
49
- default: {
50
- value: color.blue["500"].value,
51
- attributes: {
52
- appearance: {
53
- dark: {
54
- value: color.blue["300"].value,
55
- },
56
- },
57
- },
58
- },
59
- subdued: {
60
- value: color.blue["100"].value,
61
- attributes: {
62
- appearance: {
63
- dark: {
64
- value: `${color.blue["300"].value}33`,
65
- },
66
- },
67
- },
68
- },
69
- },
70
- success: {
71
- default: {
72
- value: status.color.success.value,
73
- attributes: {
74
- appearance: {
75
- dark: {
76
- value: status.color.success.attributes.appearance.dark.value,
77
- },
78
- },
79
- },
80
- },
81
- subdued: {
82
- value: color.green["100"].value,
83
- attributes: {
84
- appearance: {
85
- dark: {
86
- value: `${color.green["300"].value}33`,
87
- },
88
- },
89
- },
90
- },
91
- },
92
- danger: {
93
- default: {
94
- value: status.color["danger"].value,
95
- attributes: {
96
- appearance: {
97
- dark: {
98
- value: status.color.danger.attributes.appearance.dark.value,
99
- },
100
- },
101
- },
102
- },
103
- subdued: {
104
- value: color.red["100"].value,
105
- attributes: {
106
- appearance: {
107
- dark: {
108
- value: `${color.red["300"].value}33`,
109
- },
110
- },
111
- },
112
- },
113
- },
114
- warning: {
115
- default: {
116
- value: status.color["warning"].value,
117
- attributes: {
118
- appearance: {
119
- dark: {
120
- value: status.color.warning.attributes.appearance.dark.value,
121
- },
122
- },
123
- },
124
- subdued: {
125
- value: color.yellow["100"].value,
126
- attributes: {
127
- appearance: {
128
- dark: {
129
- value: `${color.yellow["300"].value}33`,
130
- },
131
- },
132
- },
133
- },
134
- },
135
- },
136
- disabled: {
137
- value: color.neutral["100"].value,
138
- attributes: {
139
- appearance: {
140
- dark: {
141
- value: color.neutral["100"].value,
142
- },
143
- },
144
- },
145
- },
146
- inverted: {
147
- default: {
148
- value: color.neutral["300"].value,
149
- attributes: {
150
- appearance: {
151
- dark: {
152
- value: color.neutral["20"].value,
153
- },
154
- },
155
- },
156
- },
157
- strong: {
158
- value: color.neutral["400"].value,
159
- attributes: {
160
- appearance: {
161
- dark: {
162
- value: color.neutral["0"].value,
163
- },
164
- },
165
- },
166
- },
167
- },
168
- },
169
- },
170
- };
package/src/theme/core/border.js DELETED
@@ -1,103 +0,0 @@
1
- /* eslint-disable @typescript-eslint/no-require-imports */
2
- const { color } = require("../../global/primitive/color");
3
- const { size } = require("../../global/primitive/size");
4
- const { radius } = require("../../global/primitive/radius");
5
- const { status } = require("./status");
6
-
7
- module.exports = {
8
- border: {
9
- radius: {
10
- none: {
11
- value: radius["0"].value,
12
- },
13
- small: {
14
- value: radius["1"].value,
15
- },
16
- medium: {
17
- value: radius["2"].value,
18
- },
19
- large: {
20
- value: radius["4"].value,
21
- },
22
- xlarge: {
23
- value: radius["8"].value,
24
- },
25
- circular: {
26
- value: "100%",
27
- },
28
- },
29
- width: {
30
- none: {
31
- value: size["0"].value,
32
- },
33
- default: {
34
- value: size.quarter.value,
35
- },
36
- strong: {
37
- value: size.half.value,
38
- },
39
- },
40
- color: {
41
- default: {
42
- value: color.neutral["80"].value,
43
- attributes: {
44
- appearance: {
45
- dark: {
46
- value: color.neutral["100"].value,
47
- },
48
- },
49
- },
50
- },
51
- subdued: {
52
- value: color.neutral["60"].value,
53
- attributes: {
54
- appearance: {
55
- dark: {
56
- value: color.neutral["200"].value,
57
- },
58
- },
59
- },
60
- },
61
- strong: {
62
- value: color.neutral["200"].value,
63
- attributes: {
64
- appearance: {
65
- dark: {
66
- value: color.neutral["60"].value,
67
- },
68
- },
69
- },
70
- },
71
- primary: {
72
- value: status.color.info.value,
73
- attributes: {
74
- appearance: {
75
- dark: {
76
- value: status.color.info.attributes.appearance.dark.value,
77
- },
78
- },
79
- },
80
- },
81
- success: {
82
- value: status.color.success.value,
83
- attributes: {
84
- appearance: {
85
- dark: {
86
- value: status.color.success.attributes.appearance.dark.value,
87
- },
88
- },
89
- },
90
- },
91
- danger: {
92
- value: status.color.danger.value,
93
- attributes: {
94
- appearance: {
95
- dark: {
96
- value: status.color.danger.attributes.appearance.dark.value,
97
- },
98
- },
99
- },
100
- },
101
- },
102
- },
103
- };
package/src/theme/core/charts.js DELETED
@@ -1,464 +0,0 @@
1
- /* eslint-disable @typescript-eslint/no-require-imports */
2
- const { color } = require("../../global/primitive/color");
3
- const { status } = require("./status");
4
-
5
- module.exports = {
6
- charts: {
7
- monochrome: {
8
- "01": {
9
- color: {
10
- value: "#3892F3",
11
- attributes: {
12
- appearance: {
13
- dark: {
14
- value: "#8AC3FF",
15
- },
16
- },
17
- },
18
- },
19
- stroke: {
20
- value: "transparent",
21
- attributes: {
22
- appearance: {
23
- dark: {
24
- value: "transparent",
25
- },
26
- },
27
- },
28
- },
29
- pattern: {
30
- value: "solid",
31
- },
32
- },
33
- "02": {
34
- color: {
35
- value: "#08389c",
36
- attributes: {
37
- appearance: {
38
- dark: {
39
- value: "#3476FF",
40
- },
41
- },
42
- },
43
- },
44
- stroke: {
45
- value: "transparent",
46
- attributes: {
47
- appearance: {
48
- dark: {
49
- value: "transparent",
50
- },
51
- },
52
- },
53
- },
54
- pattern: {
55
- value: "solid",
56
- },
57
- },
58
- "03": {
59
- color: {
60
- value: "#F2F9FF",
61
- attributes: {
62
- appearance: {
63
- dark: {
64
- value: color.neutral["400"].value,
65
- },
66
- },
67
- },
68
- },
69
- stroke: {
70
- value: "#3892F3",
71
- attributes: {
72
- appearance: {
73
- dark: {
74
- value: "#8AC3FF",
75
- },
76
- },
77
- },
78
- },
79
- pattern: {
80
- value: "striped",
81
- },
82
- },
83
- "04": {
84
- color: {
85
- value: "#F2F9FF",
86
- attributes: {
87
- appearance: {
88
- dark: {
89
- value: "#F2F9FF",
90
- },
91
- },
92
- },
93
- },
94
- stroke: {
95
- value: "#3892F3",
96
- attributes: {
97
- appearance: {
98
- dark: {
99
- value: "#8AC3FF",
100
- },
101
- },
102
- },
103
- },
104
- pattern: {
105
- value: "solid",
106
- },
107
- },
108
- },
109
- categorical: {
110
- "01": {
111
- color: {
112
- value: "#3892F3",
113
- attributes: {
114
- appearance: {
115
- dark: {
116
- value: "#3892F3",
117
- },
118
- },
119
- },
120
- },
121
- stroke: {
122
- value: "transparent",
123
- attributes: {
124
- appearance: {
125
- dark: {
126
- value: "transparent",
127
- },
128
- },
129
- },
130
- },
131
- pattern: {
132
- value: "solid",
133
- },
134
- },
135
- "02": {
136
- color: {
137
- value: "#08389c",
138
- attributes: {
139
- appearance: {
140
- dark: {
141
- value: "#3476FF",
142
- },
143
- },
144
- },
145
- },
146
- stroke: {
147
- value: "transparent",
148
- attributes: {
149
- appearance: {
150
- dark: {
151
- value: "transparent",
152
- },
153
- },
154
- },
155
- },
156
- pattern: {
157
- value: "solid",
158
- },
159
- },
160
- "03": {
161
- color: {
162
- value: "#0FA2B8",
163
- attributes: {
164
- appearance: {
165
- dark: {
166
- value: "#C6F6FF",
167
- },
168
- },
169
- },
170
- },
171
- stroke: {
172
- value: "transparent",
173
- attributes: {
174
- appearance: {
175
- dark: {
176
- value: "transparent",
177
- },
178
- },
179
- },
180
- },
181
- pattern: {
182
- value: "solid",
183
- },
184
- },
185
- "04": {
186
- color: {
187
- value: "#907AF5",
188
- attributes: {
189
- appearance: {
190
- dark: {
191
- value: "#C6B8F4",
192
- },
193
- },
194
- },
195
- },
196
- stroke: {
197
- value: "transparent",
198
- attributes: {
199
- appearance: {
200
- dark: {
201
- value: "transparent",
202
- },
203
- },
204
- },
205
- },
206
- pattern: {
207
- value: "solid",
208
- },
209
- },
210
- "05": {
211
- color: {
212
- value: "#DE52CE",
213
- attributes: {
214
- appearance: {
215
- dark: {
216
- value: "#D949A9",
217
- },
218
- },
219
- },
220
- },
221
- stroke: {
222
- value: "transparent",
223
- attributes: {
224
- appearance: {
225
- dark: {
226
- value: "transparent",
227
- },
228
- },
229
- },
230
- },
231
- pattern: {
232
- value: "solid",
233
- },
234
- },
235
- "06": {
236
- color: {
237
- value: "#C2185B",
238
- attributes: {
239
- appearance: {
240
- dark: {
241
- value: "#ED1369",
242
- },
243
- },
244
- },
245
- },
246
- stroke: {
247
- value: "transparent",
248
- attributes: {
249
- appearance: {
250
- dark: {
251
- value: "transparent",
252
- },
253
- },
254
- },
255
- },
256
- pattern: {
257
- value: "solid",
258
- },
259
- },
260
- "07": {
261
- color: {
262
- value: "#759E15",
263
- attributes: {
264
- appearance: {
265
- dark: {
266
- value: "#8CC30B",
267
- },
268
- },
269
- },
270
- },
271
- stroke: {
272
- value: "transparent",
273
- attributes: {
274
- appearance: {
275
- dark: {
276
- value: "transparent",
277
- },
278
- },
279
- },
280
- },
281
- pattern: {
282
- value: "solid",
283
- },
284
- },
285
- "08": {
286
- color: {
287
- value: "#AC6400",
288
- attributes: {
289
- appearance: {
290
- dark: {
291
- value: "#B36800",
292
- },
293
- },
294
- },
295
- },
296
- stroke: {
297
- value: "transparent",
298
- attributes: {
299
- appearance: {
300
- dark: {
301
- value: "transparent",
302
- },
303
- },
304
- },
305
- },
306
- pattern: {
307
- value: "solid",
308
- },
309
- },
310
- "09": {
311
- color: {
312
- value: "#EB7200",
313
- attributes: {
314
- appearance: {
315
- dark: {
316
- value: "#FFA037",
317
- },
318
- },
319
- },
320
- },
321
- stroke: {
322
- value: "transparent",
323
- attributes: {
324
- appearance: {
325
- dark: {
326
- value: "transparent",
327
- },
328
- },
329
- },
330
- },
331
- pattern: {
332
- value: "solid",
333
- },
334
- },
335
- 10: {
336
- color: {
337
- value: "#D57A5C",
338
- attributes: {
339
- appearance: {
340
- dark: {
341
- value: "#D99078",
342
- },
343
- },
344
- },
345
- },
346
- stroke: {
347
- value: "transparent",
348
- attributes: {
349
- appearance: {
350
- dark: {
351
- value: "transparent",
352
- },
353
- },
354
- },
355
- },
356
- pattern: {
357
- value: "solid",
358
- },
359
- },
360
- },
361
- status: {
362
- success: {
363
- color: {
364
- value: status.color.success.value,
365
- attributes: {
366
- appearance: {
367
- dark: {
368
- value: status.color.success.attributes.appearance.dark.value,
369
- },
370
- },
371
- },
372
- },
373
- stroke: {
374
- value: "transparent",
375
- attributes: {
376
- appearance: {
377
- dark: {
378
- value: "transparent",
379
- },
380
- },
381
- },
382
- },
383
- pattern: {
384
- value: "solid",
385
- },
386
- },
387
- warning: {
388
- color: {
389
- value: status.color.warning.value,
390
- attributes: {
391
- appearance: {
392
- dark: {
393
- value: status.color.warning.attributes.appearance.dark.value,
394
- },
395
- },
396
- },
397
- },
398
- stroke: {
399
- value: "transparent",
400
- attributes: {
401
- appearance: {
402
- dark: {
403
- value: "transparent",
404
- },
405
- },
406
- },
407
- },
408
- pattern: {
409
- value: "solid",
410
- },
411
- },
412
- danger: {
413
- color: {
414
- value: status.color.danger.value,
415
- attributes: {
416
- appearance: {
417
- dark: {
418
- value: status.color.danger.attributes.appearance.dark.value,
419
- },
420
- },
421
- },
422
- },
423
- stroke: {
424
- value: "transparent",
425
- attributes: {
426
- appearance: {
427
- dark: {
428
- value: "transparent",
429
- },
430
- },
431
- },
432
- },
433
- pattern: {
434
- value: "solid",
435
- },
436
- },
437
- neutral: {
438
- color: {
439
- value: color.neutral["0"].value,
440
- attributes: {
441
- appearance: {
442
- dark: {
443
- value: color.neutral["400"].value,
444
- },
445
- },
446
- },
447
- },
448
- stroke: {
449
- value: "#8C9CA5",
450
- attributes: {
451
- appearance: {
452
- dark: {
453
- value: "#B4C1C8",
454
- },
455
- },
456
- },
457
- },
458
- pattern: {
459
- value: "striped",
460
- },
461
- },
462
- },
463
- },
464
- };