@servicetitan/hammer-token 2.5.0 → 3.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 (147) hide show
  1. package/CHANGELOG.md +56 -0
  2. package/README.md +332 -0
  3. package/build/web/core/component-variables.scss +1088 -131
  4. package/build/web/core/component.d.ts +558 -0
  5. package/build/web/core/component.js +6685 -249
  6. package/build/web/core/component.scss +557 -69
  7. package/build/web/core/css-utils/a2-border.css +47 -45
  8. package/build/web/core/css-utils/a2-color.css +443 -227
  9. package/build/web/core/css-utils/a2-font.css +0 -2
  10. package/build/web/core/css-utils/a2-spacing.css +476 -478
  11. package/build/web/core/css-utils/a2-utils.css +992 -772
  12. package/build/web/core/css-utils/border.css +47 -45
  13. package/build/web/core/css-utils/color.css +443 -227
  14. package/build/web/core/css-utils/font.css +0 -2
  15. package/build/web/core/css-utils/spacing.css +476 -478
  16. package/build/web/core/css-utils/utils.css +992 -772
  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 +148 -65
  20. package/build/web/core/primitive.d.ts +209 -0
  21. package/build/web/core/primitive.js +779 -61
  22. package/build/web/core/primitive.scss +207 -124
  23. package/build/web/core/semantic-variables.scss +363 -239
  24. package/build/web/core/semantic.d.ts +221 -0
  25. package/build/web/core/semantic.js +1613 -347
  26. package/build/web/core/semantic.scss +219 -137
  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 -497
  31. package/eslint.config.mjs +11 -1
  32. package/package.json +15 -5
  33. package/src/global/primitive/breakpoint.tokens.json +54 -0
  34. package/src/global/primitive/color.tokens.json +1092 -0
  35. package/src/global/primitive/duration.tokens.json +44 -0
  36. package/src/global/primitive/font.tokens.json +151 -0
  37. package/src/global/primitive/radius.tokens.json +94 -0
  38. package/src/global/primitive/size.tokens.json +174 -0
  39. package/src/global/primitive/transition.tokens.json +32 -0
  40. package/src/theme/core/background.tokens.json +1312 -0
  41. package/src/theme/core/border.tokens.json +192 -0
  42. package/src/theme/core/chart.tokens.json +982 -0
  43. package/src/theme/core/component/ai-mark.tokens.json +20 -0
  44. package/src/theme/core/component/alert.tokens.json +261 -0
  45. package/src/theme/core/component/announcement.tokens.json +460 -0
  46. package/src/theme/core/component/avatar.tokens.json +137 -0
  47. package/src/theme/core/component/badge.tokens.json +42 -0
  48. package/src/theme/core/component/breadcrumb.tokens.json +42 -0
  49. package/src/theme/core/component/button-toggle.tokens.json +428 -0
  50. package/src/theme/core/component/button.tokens.json +941 -0
  51. package/src/theme/core/component/calendar.tokens.json +391 -0
  52. package/src/theme/core/component/card.tokens.json +107 -0
  53. package/src/theme/core/component/checkbox.tokens.json +631 -0
  54. package/src/theme/core/component/chip.tokens.json +169 -0
  55. package/src/theme/core/component/combobox.tokens.json +269 -0
  56. package/src/theme/core/component/details.tokens.json +152 -0
  57. package/src/theme/core/component/dialog.tokens.json +87 -0
  58. package/src/theme/core/component/divider.tokens.json +23 -0
  59. package/src/theme/core/component/dnd.tokens.json +208 -0
  60. package/src/theme/core/component/drawer.tokens.json +61 -0
  61. package/src/theme/core/component/drilldown.tokens.json +61 -0
  62. package/src/theme/core/component/edit-card.tokens.json +381 -0
  63. package/src/theme/core/component/field-label.tokens.json +42 -0
  64. package/src/theme/core/component/field-message.tokens.json +74 -0
  65. package/src/theme/core/component/icon.tokens.json +42 -0
  66. package/src/theme/core/component/link.tokens.json +108 -0
  67. package/src/theme/core/component/list-view.tokens.json +82 -0
  68. package/src/theme/core/component/listbox.tokens.json +283 -0
  69. package/src/theme/core/component/menu.tokens.json +230 -0
  70. package/src/theme/core/component/overflow.tokens.json +84 -0
  71. package/src/theme/core/component/page.tokens.json +377 -0
  72. package/src/theme/core/component/pagination.tokens.json +63 -0
  73. package/src/theme/core/component/popover.tokens.json +122 -0
  74. package/src/theme/core/component/progress-bar.tokens.json +133 -0
  75. package/src/theme/core/component/radio.tokens.json +631 -0
  76. package/src/theme/core/component/segmented-control.tokens.json +175 -0
  77. package/src/theme/core/component/select-card.tokens.json +943 -0
  78. package/src/theme/core/component/side-nav.tokens.json +349 -0
  79. package/src/theme/core/component/skeleton.tokens.json +42 -0
  80. package/src/theme/core/component/spinner.tokens.json +96 -0
  81. package/src/theme/core/component/status-icon.tokens.json +164 -0
  82. package/src/theme/core/component/stepper.tokens.json +484 -0
  83. package/src/theme/core/component/switch.tokens.json +285 -0
  84. package/src/theme/core/component/tab.tokens.json +192 -0
  85. package/src/theme/core/component/text-field.tokens.json +160 -0
  86. package/src/theme/core/component/text.tokens.json +59 -0
  87. package/src/theme/core/component/toast.tokens.json +343 -0
  88. package/src/theme/core/component/toolbar.tokens.json +114 -0
  89. package/src/theme/core/component/tooltip.tokens.json +61 -0
  90. package/src/theme/core/focus.tokens.json +56 -0
  91. package/src/theme/core/foreground.tokens.json +416 -0
  92. package/src/theme/core/gradient.tokens.json +41 -0
  93. package/src/theme/core/opacity.tokens.json +25 -0
  94. package/src/theme/core/shadow.tokens.json +81 -0
  95. package/src/theme/core/status.tokens.json +74 -0
  96. package/src/theme/core/typography.tokens.json +163 -0
  97. package/src/utils/__tests__/css-utils-format-utils.test.js +312 -0
  98. package/src/utils/__tests__/sd-build-configs.test.js +306 -0
  99. package/src/utils/__tests__/sd-formats.test.js +950 -0
  100. package/src/utils/__tests__/sd-transforms.test.js +336 -0
  101. package/src/utils/__tests__/token-helpers.test.js +1160 -0
  102. package/src/utils/copy-css-utils-cli.js +13 -1
  103. package/src/utils/css-utils-format-utils.js +105 -176
  104. package/src/utils/figma/__tests__/sync-gradient.test.js +561 -0
  105. package/src/utils/figma/__tests__/token-conversion.test.js +117 -0
  106. package/src/utils/figma/__tests__/token-resolution.test.js +231 -0
  107. package/src/utils/figma/auth.js +355 -0
  108. package/src/utils/figma/constants.js +22 -0
  109. package/src/utils/figma/errors.js +80 -0
  110. package/src/utils/figma/figma-api.js +1069 -0
  111. package/src/utils/figma/get-token.js +348 -0
  112. package/src/utils/figma/sync-components.js +909 -0
  113. package/src/utils/figma/sync-main.js +692 -0
  114. package/src/utils/figma/sync-orchestration.js +683 -0
  115. package/src/utils/figma/sync-primitives.js +230 -0
  116. package/src/utils/figma/sync-semantic.js +1056 -0
  117. package/src/utils/figma/token-conversion.js +340 -0
  118. package/src/utils/figma/token-parsing.js +186 -0
  119. package/src/utils/figma/token-resolution.js +569 -0
  120. package/src/utils/figma/utils.js +199 -0
  121. package/src/utils/sd-build-configs.js +305 -0
  122. package/src/utils/sd-formats.js +965 -0
  123. package/src/utils/sd-transforms.js +165 -0
  124. package/src/utils/token-helpers.js +848 -0
  125. package/tsconfig.json +18 -0
  126. package/vitest.config.js +17 -0
  127. package/.turbo/turbo-build.log +0 -37
  128. package/build/web/core/raw.js +0 -229
  129. package/src/global/primitive/breakpoint.js +0 -19
  130. package/src/global/primitive/color.js +0 -231
  131. package/src/global/primitive/duration.js +0 -16
  132. package/src/global/primitive/font.js +0 -60
  133. package/src/global/primitive/radius.js +0 -31
  134. package/src/global/primitive/size.js +0 -55
  135. package/src/global/primitive/transition.js +0 -16
  136. package/src/theme/core/background.js +0 -170
  137. package/src/theme/core/border.js +0 -103
  138. package/src/theme/core/charts.js +0 -439
  139. package/src/theme/core/component/button.js +0 -708
  140. package/src/theme/core/component/checkbox.js +0 -405
  141. package/src/theme/core/focus.js +0 -35
  142. package/src/theme/core/foreground.js +0 -148
  143. package/src/theme/core/overlay.js +0 -137
  144. package/src/theme/core/shadow.js +0 -29
  145. package/src/theme/core/status.js +0 -49
  146. package/src/theme/core/typography.js +0 -82
  147. package/type/types.ts +0 -341
@@ -0,0 +1,20 @@
1
+ {
2
+ "ai-mark": {
3
+ "primary": {
4
+ "background": {
5
+ "gradient": {
6
+ "$description": "Background gradient for the primary AI mark component.",
7
+ "$type": "gradient",
8
+ "$value": "{gradient.primary}",
9
+ "$extensions": {
10
+ "appearance": {
11
+ "light": { "$type": "gradient", "$value": "{gradient.primary}" },
12
+ "dark": { "$type": "gradient", "$value": "{gradient.primary}" }
13
+ },
14
+ "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"]
15
+ }
16
+ }
17
+ }
18
+ }
19
+ }
20
+ }
@@ -0,0 +1,261 @@
1
+ {
2
+ "alert": {
3
+ "info": {
4
+ "foreground": {
5
+ "color": {
6
+ "$type": "color",
7
+ "$value": "{foreground.color.default}",
8
+ "$extensions": {
9
+ "appearance": {
10
+ "light": {
11
+ "$type": "color",
12
+ "$value": "{foreground.color.default}"
13
+ },
14
+ "dark": {
15
+ "$type": "color",
16
+ "$value": "{foreground.color.default}"
17
+ }
18
+ },
19
+ "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
20
+ }
21
+ }
22
+ },
23
+ "background": {
24
+ "color": {
25
+ "$type": "color",
26
+ "$value": "{background.color.primary-faint}",
27
+ "$extensions": {
28
+ "appearance": {
29
+ "light": {
30
+ "$type": "color",
31
+ "$value": "{background.color.primary-faint}"
32
+ },
33
+ "dark": {
34
+ "$type": "color",
35
+ "$value": "{background.color.primary-faint}"
36
+ }
37
+ },
38
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
39
+ }
40
+ }
41
+ },
42
+ "border": {
43
+ "color": {
44
+ "$type": "color",
45
+ "$value": "{border.color.primary}",
46
+ "$extensions": {
47
+ "appearance": {
48
+ "light": {
49
+ "$type": "color",
50
+ "$value": "{border.color.primary}"
51
+ },
52
+ "dark": {
53
+ "$type": "color",
54
+ "$value": "{border.color.primary}"
55
+ }
56
+ },
57
+ "com.figma.scopes": ["STROKE_COLOR", "SHAPE_FILL", "FRAME_FILL"]
58
+ }
59
+ }
60
+ }
61
+ },
62
+ "success": {
63
+ "foreground": {
64
+ "color": {
65
+ "$type": "color",
66
+ "$value": "{foreground.color.default}",
67
+ "$extensions": {
68
+ "appearance": {
69
+ "light": {
70
+ "$type": "color",
71
+ "$value": "{foreground.color.default}"
72
+ },
73
+ "dark": {
74
+ "$type": "color",
75
+ "$value": "{foreground.color.default}"
76
+ }
77
+ },
78
+ "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
79
+ }
80
+ }
81
+ },
82
+ "background": {
83
+ "color": {
84
+ "$type": "color",
85
+ "$value": "{background.color.success-faint}",
86
+ "$extensions": {
87
+ "appearance": {
88
+ "light": {
89
+ "$type": "color",
90
+ "$value": "{background.color.success-faint}"
91
+ },
92
+ "dark": {
93
+ "$type": "color",
94
+ "$value": "{background.color.success-faint}"
95
+ }
96
+ },
97
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
98
+ }
99
+ }
100
+ },
101
+ "border": {
102
+ "color": {
103
+ "$type": "color",
104
+ "$value": "{border.color.success}",
105
+ "$extensions": {
106
+ "appearance": {
107
+ "light": {
108
+ "$type": "color",
109
+ "$value": "{border.color.success}"
110
+ },
111
+ "dark": {
112
+ "$type": "color",
113
+ "$value": "{border.color.success}"
114
+ }
115
+ },
116
+ "com.figma.scopes": ["STROKE_COLOR", "SHAPE_FILL", "FRAME_FILL"]
117
+ }
118
+ }
119
+ }
120
+ },
121
+ "warning": {
122
+ "foreground": {
123
+ "color": {
124
+ "$type": "color",
125
+ "$value": "{foreground.color.default}",
126
+ "$extensions": {
127
+ "appearance": {
128
+ "light": {
129
+ "$type": "color",
130
+ "$value": "{foreground.color.default}"
131
+ },
132
+ "dark": {
133
+ "$type": "color",
134
+ "$value": "{foreground.color.default}"
135
+ }
136
+ },
137
+ "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
138
+ }
139
+ }
140
+ },
141
+ "background": {
142
+ "color": {
143
+ "$type": "color",
144
+ "$value": "{background.color.warning-faint}",
145
+ "$extensions": {
146
+ "appearance": {
147
+ "light": {
148
+ "$type": "color",
149
+ "$value": "{background.color.warning-faint}"
150
+ },
151
+ "dark": {
152
+ "$type": "color",
153
+ "$value": "{background.color.warning-faint}"
154
+ }
155
+ },
156
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
157
+ }
158
+ }
159
+ },
160
+ "border": {
161
+ "color": {
162
+ "$type": "color",
163
+ "$value": "{border.color.warning}",
164
+ "$extensions": {
165
+ "appearance": {
166
+ "light": {
167
+ "$type": "color",
168
+ "$value": "{border.color.warning}"
169
+ },
170
+ "dark": {
171
+ "$type": "color",
172
+ "$value": "{border.color.warning}"
173
+ }
174
+ },
175
+ "com.figma.scopes": ["STROKE_COLOR", "SHAPE_FILL", "FRAME_FILL"]
176
+ }
177
+ }
178
+ }
179
+ },
180
+ "danger": {
181
+ "foreground": {
182
+ "color": {
183
+ "$type": "color",
184
+ "$value": "{foreground.color.default}",
185
+ "$extensions": {
186
+ "appearance": {
187
+ "light": {
188
+ "$type": "color",
189
+ "$value": "{foreground.color.default}"
190
+ },
191
+ "dark": {
192
+ "$type": "color",
193
+ "$value": "{foreground.color.default}"
194
+ }
195
+ },
196
+ "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
197
+ }
198
+ }
199
+ },
200
+ "background": {
201
+ "color": {
202
+ "$type": "color",
203
+ "$value": "{background.color.danger-faint}",
204
+ "$extensions": {
205
+ "appearance": {
206
+ "light": {
207
+ "$type": "color",
208
+ "$value": "{background.color.danger-faint}"
209
+ },
210
+ "dark": {
211
+ "$type": "color",
212
+ "$value": "{background.color.danger-faint}"
213
+ }
214
+ },
215
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
216
+ }
217
+ }
218
+ },
219
+ "border": {
220
+ "color": {
221
+ "$type": "color",
222
+ "$value": "{border.color.danger}",
223
+ "$extensions": {
224
+ "appearance": {
225
+ "light": {
226
+ "$type": "color",
227
+ "$value": "{border.color.danger}"
228
+ },
229
+ "dark": {
230
+ "$type": "color",
231
+ "$value": "{border.color.danger}"
232
+ }
233
+ },
234
+ "com.figma.scopes": ["STROKE_COLOR", "SHAPE_FILL", "FRAME_FILL"]
235
+ }
236
+ }
237
+ }
238
+ },
239
+ "close-button": {
240
+ "foreground": {
241
+ "color": {
242
+ "$type": "color",
243
+ "$value": "{foreground.color.default}",
244
+ "$extensions": {
245
+ "appearance": {
246
+ "light": {
247
+ "$type": "color",
248
+ "$value": "{foreground.color.default}"
249
+ },
250
+ "dark": {
251
+ "$type": "color",
252
+ "$value": "{foreground.color.default}"
253
+ }
254
+ },
255
+ "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
256
+ }
257
+ }
258
+ }
259
+ }
260
+ }
261
+ }