@servicetitan/hammer-token 0.0.0-rc-20250807234739

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 (49) hide show
  1. package/.turbo/turbo-build.log +37 -0
  2. package/CHANGELOG.md +385 -0
  3. package/build/web/core/component-variables.scss +139 -0
  4. package/build/web/core/component.js +645 -0
  5. package/build/web/core/component.scss +69 -0
  6. package/build/web/core/css-utils/a2-border.css +53 -0
  7. package/build/web/core/css-utils/a2-color.css +235 -0
  8. package/build/web/core/css-utils/a2-font.css +49 -0
  9. package/build/web/core/css-utils/a2-spacing.css +483 -0
  10. package/build/web/core/css-utils/a2-utils.css +785 -0
  11. package/build/web/core/css-utils/border.css +53 -0
  12. package/build/web/core/css-utils/color.css +235 -0
  13. package/build/web/core/css-utils/font.css +49 -0
  14. package/build/web/core/css-utils/spacing.css +483 -0
  15. package/build/web/core/css-utils/utils.css +785 -0
  16. package/build/web/core/index.js +5 -0
  17. package/build/web/core/primitive-variables.scss +126 -0
  18. package/build/web/core/primitive.js +124 -0
  19. package/build/web/core/primitive.scss +124 -0
  20. package/build/web/core/raw.js +229 -0
  21. package/build/web/core/semantic-variables.scss +246 -0
  22. package/build/web/core/semantic.js +911 -0
  23. package/build/web/core/semantic.scss +137 -0
  24. package/build/web/index.d.ts +4 -0
  25. package/build/web/index.js +3 -0
  26. package/config.js +504 -0
  27. package/eslint.config.mjs +4 -0
  28. package/package.json +25 -0
  29. package/src/global/primitive/breakpoint.js +19 -0
  30. package/src/global/primitive/color.js +231 -0
  31. package/src/global/primitive/duration.js +16 -0
  32. package/src/global/primitive/font.js +60 -0
  33. package/src/global/primitive/radius.js +31 -0
  34. package/src/global/primitive/size.js +55 -0
  35. package/src/global/primitive/transition.js +16 -0
  36. package/src/theme/core/background.js +170 -0
  37. package/src/theme/core/border.js +103 -0
  38. package/src/theme/core/charts.js +439 -0
  39. package/src/theme/core/component/button.js +708 -0
  40. package/src/theme/core/component/checkbox.js +405 -0
  41. package/src/theme/core/focus.js +35 -0
  42. package/src/theme/core/foreground.js +148 -0
  43. package/src/theme/core/overlay.js +137 -0
  44. package/src/theme/core/shadow.js +29 -0
  45. package/src/theme/core/status.js +49 -0
  46. package/src/theme/core/typography.js +82 -0
  47. package/src/utils/copy-css-utils-cli.js +37 -0
  48. package/src/utils/css-utils-format-utils.js +267 -0
  49. package/type/types.ts +341 -0
package/type/types.ts ADDED
@@ -0,0 +1,341 @@
1
+ export type TokenObj = {
2
+ value: string;
3
+ attributes?: {
4
+ appearance?: {
5
+ dark: {
6
+ value: string;
7
+ };
8
+ };
9
+ };
10
+ };
11
+
12
+ export type Primitive = {
13
+ ColorBlue100: TokenObj;
14
+ ColorBlue200: TokenObj;
15
+ ColorBlue300: TokenObj;
16
+ ColorBlue400: TokenObj;
17
+ ColorBlue500: TokenObj;
18
+ ColorBlue600: TokenObj;
19
+ ColorNeutral0: TokenObj;
20
+ ColorNeutral10: TokenObj;
21
+ ColorNeutral20: TokenObj;
22
+ ColorNeutral30: TokenObj;
23
+ ColorNeutral40: TokenObj;
24
+ ColorNeutral50: TokenObj;
25
+ ColorNeutral60: TokenObj;
26
+ ColorNeutral70: TokenObj;
27
+ ColorNeutral80: TokenObj;
28
+ ColorNeutral90: TokenObj;
29
+ ColorNeutral100: TokenObj;
30
+ ColorNeutral200: TokenObj;
31
+ ColorNeutral300: TokenObj;
32
+ ColorNeutral400: TokenObj;
33
+ ColorNeutral500: TokenObj;
34
+ ColorBlueGrey100: TokenObj;
35
+ ColorBlueGrey200: TokenObj;
36
+ ColorBlueGrey300: TokenObj;
37
+ ColorBlueGrey400: TokenObj;
38
+ ColorBlueGrey500: TokenObj;
39
+ ColorBlueGrey600: TokenObj;
40
+ ColorOrange100: TokenObj;
41
+ ColorOrange200: TokenObj;
42
+ ColorOrange300: TokenObj;
43
+ ColorOrange400: TokenObj;
44
+ ColorOrange500: TokenObj;
45
+ ColorOrange600: TokenObj;
46
+ ColorYellow100: TokenObj;
47
+ ColorYellow200: TokenObj;
48
+ ColorYellow300: TokenObj;
49
+ ColorYellow400: TokenObj;
50
+ ColorYellow500: TokenObj;
51
+ ColorYellow600: TokenObj;
52
+ ColorGreen100: TokenObj;
53
+ ColorGreen200: TokenObj;
54
+ ColorGreen300: TokenObj;
55
+ ColorGreen400: TokenObj;
56
+ ColorGreen500: TokenObj;
57
+ ColorGreen600: TokenObj;
58
+ ColorCyan100: TokenObj;
59
+ ColorCyan200: TokenObj;
60
+ ColorCyan300: TokenObj;
61
+ ColorCyan400: TokenObj;
62
+ ColorCyan500: TokenObj;
63
+ ColorCyan600: TokenObj;
64
+ ColorPurple100: TokenObj;
65
+ ColorPurple200: TokenObj;
66
+ ColorPurple300: TokenObj;
67
+ ColorPurple400: TokenObj;
68
+ ColorPurple500: TokenObj;
69
+ ColorPurple600: TokenObj;
70
+ ColorRed100: TokenObj;
71
+ ColorRed200: TokenObj;
72
+ ColorRed300: TokenObj;
73
+ ColorRed400: TokenObj;
74
+ ColorRed500: TokenObj;
75
+ ColorRed600: TokenObj;
76
+ ColorMagenta100: TokenObj;
77
+ ColorMagenta200: TokenObj;
78
+ ColorMagenta300: TokenObj;
79
+ ColorMagenta400: TokenObj;
80
+ ColorMagenta500: TokenObj;
81
+ ColorMagenta600: TokenObj;
82
+ Duration: TokenObj;
83
+ DurationInstant: TokenObj;
84
+ DurationFast: TokenObj;
85
+ DurationSlow: TokenObj;
86
+ FontFamilyBase: TokenObj;
87
+ FontFamilyDisplay: TokenObj;
88
+ FontLineHeightBase: TokenObj;
89
+ FontLineHeightDisplay: TokenObj;
90
+ FontWeightNormal: TokenObj;
91
+ FontWeightSemibold: TokenObj;
92
+ FontWeightBold: TokenObj;
93
+ FontSize100: TokenObj;
94
+ FontSize200: TokenObj;
95
+ FontSize300: TokenObj;
96
+ FontSize400: TokenObj;
97
+ FontSize500: TokenObj;
98
+ FontSize600: TokenObj;
99
+ FontSize700: TokenObj;
100
+ FontSize800: TokenObj;
101
+ FontSize900: TokenObj;
102
+ Size0: TokenObj;
103
+ Size1: TokenObj;
104
+ Size2: TokenObj;
105
+ Size3: TokenObj;
106
+ Size4: TokenObj;
107
+ Size5: TokenObj;
108
+ Size6: TokenObj;
109
+ Size7: TokenObj;
110
+ Size8: TokenObj;
111
+ Size9: TokenObj;
112
+ Size10: TokenObj;
113
+ Size11: TokenObj;
114
+ Size12: TokenObj;
115
+ Size13: TokenObj;
116
+ Size14: TokenObj;
117
+ SizeQuarter: TokenObj;
118
+ SizeHalf: TokenObj;
119
+ TransitionEase: TokenObj;
120
+ TransitionEaseIn: TokenObj;
121
+ TransitionEaseOut: TokenObj;
122
+ TransitionEaseInOut: TokenObj;
123
+ BreakpointSm: TokenObj;
124
+ BreakpointMd: TokenObj;
125
+ BreakpointLg: TokenObj;
126
+ BreakpointXl: TokenObj;
127
+ BreakpointXxl: TokenObj;
128
+ };
129
+
130
+ export type Semantic = {
131
+ BackgroundColor: TokenObj;
132
+ BackgroundColorStrong: TokenObj;
133
+ BackgroundColorStronger: TokenObj;
134
+ BackgroundColorStrongest: TokenObj;
135
+ BackgroundColorPrimary: TokenObj;
136
+ BackgroundColorPrimarySubdued: TokenObj;
137
+ BackgroundColorDanger: TokenObj;
138
+ BackgroundColorWarning: TokenObj;
139
+ BackgroundColorInverted: TokenObj;
140
+ BackgroundColorInvertedStrong: TokenObj;
141
+ BackgroundColorDisabled: TokenObj;
142
+ BorderRadiusNone: TokenObj;
143
+ BorderRadiusRounded: TokenObj;
144
+ BorderRadiusRoundedStrong: TokenObj;
145
+ BorderRadiusPill: TokenObj;
146
+ BorderRadiusCircular: TokenObj;
147
+ BorderWidthNone: TokenObj;
148
+ BorderWidth: TokenObj;
149
+ BorderWidthStrong: TokenObj;
150
+ BorderColor: TokenObj;
151
+ BorderColorStrong: TokenObj;
152
+ BorderColorSubdued: TokenObj;
153
+ BorderColorPrimary: TokenObj;
154
+ BorderColorDanger: TokenObj;
155
+ ChartsMonochrome1: TokenObj;
156
+ ChartsMonochrome1Stroke: TokenObj;
157
+ ChartsMonochrome1Pattern: TokenObj;
158
+ ChartsMonochrome2: TokenObj;
159
+ ChartsMonochrome2Stroke: TokenObj;
160
+ ChartsMonochrome2Pattern: TokenObj;
161
+ ChartsMonochrome3: TokenObj;
162
+ ChartsMonochrome3Stroke: TokenObj;
163
+ ChartsMonochrome3Pattern: TokenObj;
164
+ ChartsMonochrome4: TokenObj;
165
+ ChartsMonochrome4Stroke: TokenObj;
166
+ ChartsMonochrome4Pattern: TokenObj;
167
+ ChartsCategorical1: TokenObj;
168
+ ChartsCategorical1Stroke: TokenObj;
169
+ ChartsCategorical1Pattern: TokenObj;
170
+ ChartsCategorical2: TokenObj;
171
+ ChartsCategorical2Stroke: TokenObj;
172
+ ChartsCategorical2Pattern: TokenObj;
173
+ ChartsCategorical3: TokenObj;
174
+ ChartsCategorical3Stroke: TokenObj;
175
+ ChartsCategorical3Pattern: TokenObj;
176
+ ChartsCategorical4: TokenObj;
177
+ ChartsCategorical4Stroke: TokenObj;
178
+ ChartsCategorical4Pattern: TokenObj;
179
+ ChartsCategorical5: TokenObj;
180
+ ChartsCategorical5Stroke: TokenObj;
181
+ ChartsCategorical5Pattern: TokenObj;
182
+ ChartsCategorical6: TokenObj;
183
+ ChartsCategorical6Stroke: TokenObj;
184
+ ChartsCategorical6Pattern: TokenObj;
185
+ ChartsCategorical7: TokenObj;
186
+ ChartsCategorical7Stroke: TokenObj;
187
+ ChartsCategorical7Pattern: TokenObj;
188
+ ChartsCategorical8: TokenObj;
189
+ ChartsCategorical8Stroke: TokenObj;
190
+ ChartsCategorical8Pattern: TokenObj;
191
+ ChartsCategorical9: TokenObj;
192
+ ChartsCategorical9Stroke: TokenObj;
193
+ ChartsCategorical9Pattern: TokenObj;
194
+ ChartsChartsStatusSuccess: TokenObj;
195
+ ChartsChartsStatusSuccessStroke: TokenObj;
196
+ ChartsChartsStatusSuccessPattern: TokenObj;
197
+ ChartsChartsStatusWarning: TokenObj;
198
+ ChartsChartsStatusWarningStroke: TokenObj;
199
+ ChartsChartsStatusWarningPattern: TokenObj;
200
+ ChartsChartsStatusDanger: TokenObj;
201
+ ChartsChartsStatusDangerStroke: TokenObj;
202
+ ChartsChartsStatusDangerPattern: TokenObj;
203
+ ChartsChartsStatusNeutral: TokenObj;
204
+ ChartsChartsStatusNeutralStroke: TokenObj;
205
+ ChartsChartsStatusNeutralPattern: TokenObj;
206
+ FocusRingColor: TokenObj;
207
+ FocusRingColorDanger: TokenObj;
208
+ FocusRingWidth: TokenObj;
209
+ ForegroundColor: TokenObj;
210
+ ForegroundColorSubdued: TokenObj;
211
+ ForegroundColorPrimary: TokenObj;
212
+ ForegroundColorDanger: TokenObj;
213
+ ForegroundColorInverted: TokenObj;
214
+ ForegroundColorOnPrimary: TokenObj;
215
+ ForegroundColorOnDanger: TokenObj;
216
+ ForegroundColorOnWarning: TokenObj;
217
+ OverlayColorActive: TokenObj;
218
+ OverlayColorActivePrimary: TokenObj;
219
+ OverlayColorActiveDanger: TokenObj;
220
+ OverlayColorActiveOn: TokenObj;
221
+ OverlayColorActiveOnPrimary: TokenObj;
222
+ OverlayColorActiveOnDanger: TokenObj;
223
+ OverlayColorHover: TokenObj;
224
+ OverlayColorHoverPrimary: TokenObj;
225
+ OverlayColorHoverDanger: TokenObj;
226
+ OverlayColorHoverOn: TokenObj;
227
+ OverlayColorHoverOnPrimary: TokenObj;
228
+ OverlayColorHoverOnDanger: TokenObj;
229
+ ShadowColor: TokenObj;
230
+ ShadowSizeFlat: TokenObj;
231
+ ShadowSizeFloat: TokenObj;
232
+ ShadowSizeOverlay: TokenObj;
233
+ StatusColorInfo: TokenObj;
234
+ StatusColorDanger: TokenObj;
235
+ StatusColorSuccess: TokenObj;
236
+ StatusColorWarning: TokenObj;
237
+ TypographyParagraphSizeXsmall: TokenObj;
238
+ TypographyParagraphSizeSmall: TokenObj;
239
+ TypographyParagraphSize: TokenObj;
240
+ TypographyParagraphSizeLarge: TokenObj;
241
+ TypographyParagraphSizeXlarge: TokenObj;
242
+ TypographyParagraphFontWeight: TokenObj;
243
+ TypographyParagraphFontFamily: TokenObj;
244
+ TypographyHeadingSizeXsmall: TokenObj;
245
+ TypographyHeadingSizeSmall: TokenObj;
246
+ TypographyHeadingSize: TokenObj;
247
+ TypographyHeadingSizeLarge: TokenObj;
248
+ TypographyHeadingSizeXlarge: TokenObj;
249
+ TypographyHeadingFontWeight: TokenObj;
250
+ TypographyHeadingFontFamily: TokenObj;
251
+ TypographyLabelSizeXsmall: TokenObj;
252
+ TypographyLabelSizeSmall: TokenObj;
253
+ TypographyLabelSize: TokenObj;
254
+ TypographyLabelSizeLarge: TokenObj;
255
+ TypographyLabelSizeXlarge: TokenObj;
256
+ TypographyLabelFontWeight: TokenObj;
257
+ TypographyLabelFontFamily: TokenObj;
258
+ };
259
+
260
+ type Component = {
261
+ // Button
262
+ ButtonPrimaryForegroundColor: TokenObj;
263
+ ButtonPrimaryForegroundColorHover: TokenObj;
264
+ ButtonPrimaryForegroundColorActive: TokenObj;
265
+ ButtonPrimaryBackgroundColor: TokenObj;
266
+ ButtonPrimaryBackgroundColorHover: TokenObj;
267
+ ButtonPrimaryBackgroundColorActive: TokenObj;
268
+ ButtonPrimaryBorderColor: TokenObj;
269
+ ButtonPrimaryFocusRingColor: TokenObj;
270
+ ButtonSecondaryForegroundColor: TokenObj;
271
+ ButtonSecondaryForegroundColorHover: TokenObj;
272
+ ButtonSecondaryForegroundColorActive: TokenObj;
273
+ ButtonSecondaryBackgroundColor: TokenObj;
274
+ ButtonSecondaryBackgroundColorHover: TokenObj;
275
+ ButtonSecondaryBackgroundColorActive: TokenObj;
276
+ ButtonSecondaryBorderColor: TokenObj;
277
+ ButtonSecondaryFocusRingColor: TokenObj;
278
+ ButtonGhostForegroundColor: TokenObj;
279
+ ButtonGhostForegroundColorHover: TokenObj;
280
+ ButtonGhostForegroundColorActive: TokenObj;
281
+ ButtonGhostBackgroundColor: TokenObj;
282
+ ButtonGhostBackgroundColorHover: TokenObj;
283
+ ButtonGhostBackgroundColorActive: TokenObj;
284
+ ButtonGhostBorderColor: TokenObj;
285
+ ButtonGhostFocusRingColor: TokenObj;
286
+ ButtonDangerPrimaryForegroundColor: TokenObj;
287
+ ButtonDangerPrimaryForegroundColorHover: TokenObj;
288
+ ButtonDangerPrimaryForegroundColorActive: TokenObj;
289
+ ButtonDangerPrimaryBackgroundColor: TokenObj;
290
+ ButtonDangerPrimaryBackgroundColorHover: TokenObj;
291
+ ButtonDangerPrimaryBackgroundColorActive: TokenObj;
292
+ ButtonDangerPrimaryBorderColor: TokenObj;
293
+ ButtonDangerPrimaryFocusRingColor: TokenObj;
294
+ ButtonDangerSecondaryForegroundColor: TokenObj;
295
+ ButtonDangerSecondaryForegroundColorHover: TokenObj;
296
+ ButtonDangerSecondaryForegroundColorActive: TokenObj;
297
+ ButtonDangerSecondaryBackgroundColor: TokenObj;
298
+ ButtonDangerSecondaryBackgroundColorHover: TokenObj;
299
+ ButtonDangerSecondaryBackgroundColorActive: TokenObj;
300
+ ButtonDangerSecondaryBorderColor: TokenObj;
301
+ ButtonDangerSecondaryFocusRingColor: TokenObj;
302
+ ButtonPrimaryBorderRadius: TokenObj;
303
+ ButtonSecondaryBorderRadius: TokenObj;
304
+ ButtonGhostBorderRadius: TokenObj;
305
+ ButtonDangerPrimaryBorderRadius: TokenObj;
306
+ ButtonDangerSecondaryBorderRadius: TokenObj;
307
+
308
+ // Checkbox
309
+ CheckboxUncheckedFillColor: TokenObj;
310
+ CheckboxUncheckedFillColorHover: TokenObj;
311
+ CheckboxUncheckedFillColorActive: TokenObj;
312
+ CheckboxUncheckedBackgroundColor: TokenObj;
313
+ CheckboxUncheckedBackgroundColorHover: TokenObj;
314
+ CheckboxUncheckedBackgroundColorActive: TokenObj;
315
+ CheckboxCheckedFillColor: TokenObj;
316
+ CheckboxCheckedFillColorHover: TokenObj;
317
+ CheckboxCheckedFillColorActive: TokenObj;
318
+ CheckboxCheckedBackgroundColor: TokenObj;
319
+ CheckboxCheckedBackgroundColorHover: TokenObj;
320
+ CheckboxCheckedBackgroundColorActive: TokenObj;
321
+ CheckboxUncheckedErrorFillColor: TokenObj;
322
+ CheckboxUncheckedErrorFillColorHover: TokenObj;
323
+ CheckboxUncheckedErrorFillColorActive: TokenObj;
324
+ CheckboxUncheckedErrorBackgroundColor: TokenObj;
325
+ CheckboxUncheckedErrorBackgroundColorHover: TokenObj;
326
+ CheckboxUncheckedErrorBackgroundColorActive: TokenObj;
327
+ CheckboxCheckedErrorFillColor: TokenObj;
328
+ CheckboxCheckedErrorFillColorHover: TokenObj;
329
+ CheckboxCheckedErrorFillColorActive: TokenObj;
330
+ CheckboxCheckedErrorBackgroundColor: TokenObj;
331
+ CheckboxCheckedErrorBackgroundColorHover: TokenObj;
332
+ CheckboxCheckedErrorBackgroundColorActive: TokenObj;
333
+ };
334
+ type Token = {
335
+ primitive: Primitive;
336
+ semantic: Semantic;
337
+ component: Component;
338
+ name: string;
339
+ };
340
+
341
+ export default Token;