@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/theme/core/component/alert.tokens.json ADDED
@@ -0,0 +1,180 @@
1
+ {
2
+ "alert": {
3
+ "background": {
4
+ "color": {
5
+ "$root": {
6
+ "$type": "color",
7
+ "$value": "{background.color.default}",
8
+ "$extensions": {
9
+ "appearance": {
10
+ "light": {
11
+ "$type": "color",
12
+ "$value": "{background.color.default}"
13
+ },
14
+ "dark": {
15
+ "$type": "color",
16
+ "$value": "{background.color.default}"
17
+ }
18
+ }
19
+ }
20
+ }
21
+ }
22
+ },
23
+ "border": {
24
+ "color": {
25
+ "info": {
26
+ "$type": "color",
27
+ "$value": "{border.color.primary}",
28
+ "$extensions": {
29
+ "appearance": {
30
+ "light": {
31
+ "$type": "color",
32
+ "$value": "{border.color.primary}"
33
+ },
34
+ "dark": {
35
+ "$type": "color",
36
+ "$value": "{border.color.primary}"
37
+ }
38
+ }
39
+ }
40
+ },
41
+ "success": {
42
+ "$type": "color",
43
+ "$value": "{status.color.success}",
44
+ "$extensions": {
45
+ "appearance": {
46
+ "light": {
47
+ "$type": "color",
48
+ "$value": "{status.color.success}"
49
+ },
50
+ "dark": {
51
+ "$type": "color",
52
+ "$value": "{status.color.success}"
53
+ }
54
+ }
55
+ }
56
+ },
57
+ "warning": {
58
+ "$type": "color",
59
+ "$value": "{status.color.warning}",
60
+ "$extensions": {
61
+ "appearance": {
62
+ "light": {
63
+ "$type": "color",
64
+ "$value": "{status.color.warning}"
65
+ },
66
+ "dark": {
67
+ "$type": "color",
68
+ "$value": "{status.color.warning}"
69
+ }
70
+ }
71
+ }
72
+ },
73
+ "danger": {
74
+ "$type": "color",
75
+ "$value": "{status.color.danger}",
76
+ "$extensions": {
77
+ "appearance": {
78
+ "light": {
79
+ "$type": "color",
80
+ "$value": "{status.color.danger}"
81
+ },
82
+ "dark": {
83
+ "$type": "color",
84
+ "$value": "{status.color.danger}"
85
+ }
86
+ }
87
+ }
88
+ }
89
+ }
90
+ },
91
+ "status-icon": {
92
+ "color": {
93
+ "info": {
94
+ "$type": "color",
95
+ "$value": "{status.color.info}",
96
+ "$extensions": {
97
+ "appearance": {
98
+ "light": {
99
+ "$type": "color",
100
+ "$value": "{status.color.info}"
101
+ },
102
+ "dark": {
103
+ "$type": "color",
104
+ "$value": "{status.color.info}"
105
+ }
106
+ }
107
+ }
108
+ },
109
+ "success": {
110
+ "$type": "color",
111
+ "$value": "{status.color.success}",
112
+ "$extensions": {
113
+ "appearance": {
114
+ "light": {
115
+ "$type": "color",
116
+ "$value": "{status.color.success}"
117
+ },
118
+ "dark": {
119
+ "$type": "color",
120
+ "$value": "{status.color.success}"
121
+ }
122
+ }
123
+ }
124
+ },
125
+ "warning": {
126
+ "$type": "color",
127
+ "$value": "{status.color.warning}",
128
+ "$extensions": {
129
+ "appearance": {
130
+ "light": {
131
+ "$type": "color",
132
+ "$value": "{status.color.warning}"
133
+ },
134
+ "dark": {
135
+ "$type": "color",
136
+ "$value": "{status.color.warning}"
137
+ }
138
+ }
139
+ }
140
+ },
141
+ "danger": {
142
+ "$type": "color",
143
+ "$value": "{status.color.danger}",
144
+ "$extensions": {
145
+ "appearance": {
146
+ "light": {
147
+ "$type": "color",
148
+ "$value": "{status.color.danger}"
149
+ },
150
+ "dark": {
151
+ "$type": "color",
152
+ "$value": "{status.color.danger}"
153
+ }
154
+ }
155
+ }
156
+ }
157
+ }
158
+ },
159
+ "close-button": {
160
+ "foreground": {
161
+ "color": {
162
+ "$type": "color",
163
+ "$value": "{foreground.color.default}",
164
+ "$extensions": {
165
+ "appearance": {
166
+ "light": {
167
+ "$type": "color",
168
+ "$value": "{foreground.color.default}"
169
+ },
170
+ "dark": {
171
+ "$type": "color",
172
+ "$value": "{foreground.color.default}"
173
+ }
174
+ }
175
+ }
176
+ }
177
+ }
178
+ }
179
+ }
180
+ }
package/src/theme/core/component/announcement.tokens.json ADDED
@@ -0,0 +1,186 @@
1
+ {
2
+ "announcement": {
3
+ "background": {
4
+ "color": {
5
+ "info": {
6
+ "$type": "color",
7
+ "$value": "{status.color.info}",
8
+ "$extensions": {
9
+ "appearance": {
10
+ "light": { "$type": "color", "$value": "{status.color.info}" },
11
+ "dark": { "$type": "color", "$value": "{status.color.info}" }
12
+ }
13
+ }
14
+ },
15
+ "success": {
16
+ "$type": "color",
17
+ "$value": "{status.color.success}",
18
+ "$extensions": {
19
+ "appearance": {
20
+ "light": { "$type": "color", "$value": "{status.color.success}" },
21
+ "dark": { "$type": "color", "$value": "{status.color.success}" }
22
+ }
23
+ }
24
+ },
25
+ "warning": {
26
+ "$type": "color",
27
+ "$value": "{status.color.warning}",
28
+ "$extensions": {
29
+ "appearance": {
30
+ "light": { "$type": "color", "$value": "{status.color.warning}" },
31
+ "dark": { "$type": "color", "$value": "{status.color.warning}" }
32
+ }
33
+ }
34
+ },
35
+ "danger": {
36
+ "$type": "color",
37
+ "$value": "{status.color.danger}",
38
+ "$extensions": {
39
+ "appearance": {
40
+ "light": { "$type": "color", "$value": "{status.color.danger}" },
41
+ "dark": { "$type": "color", "$value": "{status.color.danger}" }
42
+ }
43
+ }
44
+ }
45
+ }
46
+ },
47
+ "foreground": {
48
+ "color": {
49
+ "info": {
50
+ "$type": "color",
51
+ "$value": "{foreground.color.on.primary}",
52
+ "$extensions": {
53
+ "appearance": {
54
+ "light": {
55
+ "$type": "color",
56
+ "$value": "{foreground.color.on.primary}"
57
+ },
58
+ "dark": {
59
+ "$type": "color",
60
+ "$value": "{foreground.color.on.primary}"
61
+ }
62
+ }
63
+ }
64
+ },
65
+ "success": {
66
+ "$type": "color",
67
+ "$value": "{foreground.color.on.success}",
68
+ "$extensions": {
69
+ "appearance": {
70
+ "light": {
71
+ "$type": "color",
72
+ "$value": "{foreground.color.on.success}"
73
+ },
74
+ "dark": {
75
+ "$type": "color",
76
+ "$value": "{foreground.color.on.success}"
77
+ }
78
+ }
79
+ }
80
+ },
81
+ "warning": {
82
+ "$type": "color",
83
+ "$value": "{foreground.color.on.warning}",
84
+ "$extensions": {
85
+ "appearance": {
86
+ "light": {
87
+ "$type": "color",
88
+ "$value": "{foreground.color.on.warning}"
89
+ },
90
+ "dark": {
91
+ "$type": "color",
92
+ "$value": "{foreground.color.on.warning}"
93
+ }
94
+ }
95
+ }
96
+ },
97
+ "danger": {
98
+ "$type": "color",
99
+ "$value": "{foreground.color.on.danger}",
100
+ "$extensions": {
101
+ "appearance": {
102
+ "light": {
103
+ "$type": "color",
104
+ "$value": "{foreground.color.on.danger}"
105
+ },
106
+ "dark": {
107
+ "$type": "color",
108
+ "$value": "{foreground.color.on.danger}"
109
+ }
110
+ }
111
+ }
112
+ }
113
+ }
114
+ },
115
+ "action-button": {
116
+ "background": {
117
+ "color": {
118
+ "info": {
119
+ "$type": "color",
120
+ "$value": "{background.color.secondary.strong}",
121
+ "$extensions": {
122
+ "appearance": {
123
+ "light": {
124
+ "$type": "color",
125
+ "$value": "{background.color.secondary.strong}"
126
+ },
127
+ "dark": {
128
+ "$type": "color",
129
+ "$value": "{background.color.secondary.strong}"
130
+ }
131
+ }
132
+ }
133
+ },
134
+ "success": {
135
+ "$type": "color",
136
+ "$value": "{background.color.secondary.strong}",
137
+ "$extensions": {
138
+ "appearance": {
139
+ "light": {
140
+ "$type": "color",
141
+ "$value": "{background.color.secondary.strong}"
142
+ },
143
+ "dark": {
144
+ "$type": "color",
145
+ "$value": "{background.color.secondary.strong}"
146
+ }
147
+ }
148
+ }
149
+ },
150
+ "warning": {
151
+ "$type": "color",
152
+ "$value": "{background.color.secondary.strong}",
153
+ "$extensions": {
154
+ "appearance": {
155
+ "light": {
156
+ "$type": "color",
157
+ "$value": "{background.color.secondary.strong}"
158
+ },
159
+ "dark": {
160
+ "$type": "color",
161
+ "$value": "{background.color.secondary.strong}"
162
+ }
163
+ }
164
+ }
165
+ },
166
+ "danger": {
167
+ "$type": "color",
168
+ "$value": "{background.color.secondary.strong}",
169
+ "$extensions": {
170
+ "appearance": {
171
+ "light": {
172
+ "$type": "color",
173
+ "$value": "{background.color.secondary.strong}"
174
+ },
175
+ "dark": {
176
+ "$type": "color",
177
+ "$value": "{background.color.secondary.strong}"
178
+ }
179
+ }
180
+ }
181
+ }
182
+ }
183
+ }
184
+ }
185
+ }
186
+ }
package/src/theme/core/component/avatar.tokens.json ADDED
@@ -0,0 +1,132 @@
1
+ {
2
+ "avatar": {
3
+ "background": {
4
+ "color": {
5
+ "$root": {
6
+ "$type": "color",
7
+ "$value": "{background.color.stronger}",
8
+ "$extensions": {
9
+ "appearance": {
10
+ "light": {
11
+ "$type": "color",
12
+ "$value": "{background.color.stronger}"
13
+ },
14
+ "dark": {
15
+ "$type": "color",
16
+ "$value": "{background.color.stronger}"
17
+ }
18
+ }
19
+ }
20
+ }
21
+ }
22
+ },
23
+ "foreground": {
24
+ "color": {
25
+ "$type": "color",
26
+ "$value": "{foreground.color.default}",
27
+ "$extensions": {
28
+ "appearance": {
29
+ "light": {
30
+ "$type": "color",
31
+ "$value": "{foreground.color.default}"
32
+ },
33
+ "dark": {
34
+ "$type": "color",
35
+ "$value": "{foreground.color.default}"
36
+ }
37
+ }
38
+ }
39
+ }
40
+ },
41
+ "border": {
42
+ "color": {
43
+ "$type": "color",
44
+ "$value": "{color.neutral.0}",
45
+ "$extensions": {
46
+ "appearance": {
47
+ "light": {
48
+ "$type": "color",
49
+ "$value": "{color.neutral.0}"
50
+ },
51
+ "dark": {
52
+ "$type": "color",
53
+ "$value": "{color.neutral.0}"
54
+ }
55
+ }
56
+ }
57
+ }
58
+ },
59
+ "indicator": {
60
+ "background": {
61
+ "color": {
62
+ "online": {
63
+ "$type": "color",
64
+ "$value": "{status.color.success}",
65
+ "$extensions": {
66
+ "appearance": {
67
+ "light": {
68
+ "$type": "color",
69
+ "$value": "{status.color.success}"
70
+ },
71
+ "dark": {
72
+ "$type": "color",
73
+ "$value": "{status.color.success}"
74
+ }
75
+ }
76
+ }
77
+ },
78
+ "offline": {
79
+ "$type": "color",
80
+ "$value": "{background.color.default}",
81
+ "$extensions": {
82
+ "appearance": {
83
+ "light": {
84
+ "$type": "color",
85
+ "$value": "{background.color.default}"
86
+ },
87
+ "dark": {
88
+ "$type": "color",
89
+ "$value": "{background.color.default}"
90
+ }
91
+ }
92
+ }
93
+ },
94
+ "disabled": {
95
+ "$type": "color",
96
+ "$value": "{background.color.disabled}",
97
+ "$extensions": {
98
+ "appearance": {
99
+ "light": {
100
+ "$type": "color",
101
+ "$value": "{background.color.disabled}"
102
+ },
103
+ "dark": {
104
+ "$type": "color",
105
+ "$value": "{background.color.disabled}"
106
+ }
107
+ }
108
+ }
109
+ }
110
+ }
111
+ },
112
+ "border": {
113
+ "color": {
114
+ "$type": "color",
115
+ "$value": "{border.color.default}",
116
+ "$extensions": {
117
+ "appearance": {
118
+ "light": {
119
+ "$type": "color",
120
+ "$value": "{border.color.default}"
121
+ },
122
+ "dark": {
123
+ "$type": "color",
124
+ "$value": "{border.color.default}"
125
+ }
126
+ }
127
+ }
128
+ }
129
+ }
130
+ }
131
+ }
132
+ }
package/src/theme/core/component/badge.tokens.json ADDED
@@ -0,0 +1,40 @@
1
+ {
2
+ "badge": {
3
+ "background": {
4
+ "color": {
5
+ "$type": "color",
6
+ "$value": "{background.color.danger}",
7
+ "$extensions": {
8
+ "appearance": {
9
+ "light": {
10
+ "$type": "color",
11
+ "$value": "{background.color.danger}"
12
+ },
13
+ "dark": {
14
+ "$type": "color",
15
+ "$value": "{background.color.danger}"
16
+ }
17
+ }
18
+ }
19
+ }
20
+ },
21
+ "foreground": {
22
+ "color": {
23
+ "$type": "color",
24
+ "$value": "{foreground.color.on.danger}",
25
+ "$extensions": {
26
+ "appearance": {
27
+ "light": {
28
+ "$type": "color",
29
+ "$value": "{foreground.color.on.danger}"
30
+ },
31
+ "dark": {
32
+ "$type": "color",
33
+ "$value": "{foreground.color.on.danger}"
34
+ }
35
+ }
36
+ }
37
+ }
38
+ }
39
+ }
40
+ }