@servicetitan/hammer-token 2.5.2 → 3.0.1

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 (146) hide show
  1. package/CHANGELOG.md +52 -2
  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 +23 -51
  8. package/build/web/core/css-utils/a2-color.css +221 -233
  9. package/build/web/core/css-utils/a2-font.css +1 -29
  10. package/build/web/core/css-utils/a2-spacing.css +238 -483
  11. package/build/web/core/css-utils/a2-utils.css +496 -781
  12. package/build/web/core/css-utils/border.css +23 -51
  13. package/build/web/core/css-utils/color.css +221 -233
  14. package/build/web/core/css-utils/font.css +1 -29
  15. package/build/web/core/css-utils/spacing.css +238 -483
  16. package/build/web/core/css-utils/utils.css +496 -781
  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 -245
  24. package/build/web/core/semantic.d.ts +221 -0
  25. package/build/web/core/semantic.js +1592 -347
  26. package/build/web/core/semantic.scss +219 -140
  27. package/build/web/index.d.ts +3 -4
  28. package/build/web/types.d.ts +17 -0
  29. package/config.js +121 -496
  30. package/eslint.config.mjs +11 -1
  31. package/package.json +15 -5
  32. package/src/global/primitive/breakpoint.tokens.json +54 -0
  33. package/src/global/primitive/color.tokens.json +1092 -0
  34. package/src/global/primitive/duration.tokens.json +44 -0
  35. package/src/global/primitive/font.tokens.json +151 -0
  36. package/src/global/primitive/radius.tokens.json +94 -0
  37. package/src/global/primitive/size.tokens.json +174 -0
  38. package/src/global/primitive/transition.tokens.json +32 -0
  39. package/src/theme/core/background.tokens.json +1312 -0
  40. package/src/theme/core/border.tokens.json +192 -0
  41. package/src/theme/core/chart.tokens.json +982 -0
  42. package/src/theme/core/component/ai-mark.tokens.json +20 -0
  43. package/src/theme/core/component/alert.tokens.json +261 -0
  44. package/src/theme/core/component/announcement.tokens.json +460 -0
  45. package/src/theme/core/component/avatar.tokens.json +137 -0
  46. package/src/theme/core/component/badge.tokens.json +42 -0
  47. package/src/theme/core/component/breadcrumb.tokens.json +42 -0
  48. package/src/theme/core/component/button-toggle.tokens.json +428 -0
  49. package/src/theme/core/component/button.tokens.json +941 -0
  50. package/src/theme/core/component/calendar.tokens.json +391 -0
  51. package/src/theme/core/component/card.tokens.json +107 -0
  52. package/src/theme/core/component/checkbox.tokens.json +631 -0
  53. package/src/theme/core/component/chip.tokens.json +169 -0
  54. package/src/theme/core/component/combobox.tokens.json +269 -0
  55. package/src/theme/core/component/details.tokens.json +152 -0
  56. package/src/theme/core/component/dialog.tokens.json +87 -0
  57. package/src/theme/core/component/divider.tokens.json +23 -0
  58. package/src/theme/core/component/dnd.tokens.json +208 -0
  59. package/src/theme/core/component/drawer.tokens.json +61 -0
  60. package/src/theme/core/component/drilldown.tokens.json +61 -0
  61. package/src/theme/core/component/edit-card.tokens.json +381 -0
  62. package/src/theme/core/component/field-label.tokens.json +42 -0
  63. package/src/theme/core/component/field-message.tokens.json +65 -0
  64. package/src/theme/core/component/icon.tokens.json +42 -0
  65. package/src/theme/core/component/link.tokens.json +108 -0
  66. package/src/theme/core/component/list-view.tokens.json +82 -0
  67. package/src/theme/core/component/listbox.tokens.json +283 -0
  68. package/src/theme/core/component/menu.tokens.json +230 -0
  69. package/src/theme/core/component/overflow.tokens.json +84 -0
  70. package/src/theme/core/component/page.tokens.json +377 -0
  71. package/src/theme/core/component/pagination.tokens.json +63 -0
  72. package/src/theme/core/component/popover.tokens.json +122 -0
  73. package/src/theme/core/component/progress-bar.tokens.json +133 -0
  74. package/src/theme/core/component/radio.tokens.json +631 -0
  75. package/src/theme/core/component/segmented-control.tokens.json +175 -0
  76. package/src/theme/core/component/select-card.tokens.json +943 -0
  77. package/src/theme/core/component/side-nav.tokens.json +349 -0
  78. package/src/theme/core/component/skeleton.tokens.json +42 -0
  79. package/src/theme/core/component/spinner.tokens.json +96 -0
  80. package/src/theme/core/component/status-icon.tokens.json +164 -0
  81. package/src/theme/core/component/stepper.tokens.json +484 -0
  82. package/src/theme/core/component/switch.tokens.json +285 -0
  83. package/src/theme/core/component/tab.tokens.json +192 -0
  84. package/src/theme/core/component/text-field.tokens.json +160 -0
  85. package/src/theme/core/component/text.tokens.json +59 -0
  86. package/src/theme/core/component/toast.tokens.json +343 -0
  87. package/src/theme/core/component/toolbar.tokens.json +114 -0
  88. package/src/theme/core/component/tooltip.tokens.json +61 -0
  89. package/src/theme/core/focus.tokens.json +56 -0
  90. package/src/theme/core/foreground.tokens.json +416 -0
  91. package/src/theme/core/gradient.tokens.json +41 -0
  92. package/src/theme/core/opacity.tokens.json +25 -0
  93. package/src/theme/core/shadow.tokens.json +81 -0
  94. package/src/theme/core/status.tokens.json +74 -0
  95. package/src/theme/core/typography.tokens.json +163 -0
  96. package/src/utils/__tests__/css-utils-format-utils.test.js +312 -0
  97. package/src/utils/__tests__/sd-build-configs.test.js +306 -0
  98. package/src/utils/__tests__/sd-formats.test.js +942 -0
  99. package/src/utils/__tests__/sd-transforms.test.js +336 -0
  100. package/src/utils/__tests__/token-helpers.test.js +1160 -0
  101. package/src/utils/copy-css-utils-cli.js +13 -1
  102. package/src/utils/css-utils-format-utils.js +105 -176
  103. package/src/utils/figma/__tests__/sync-gradient.test.js +561 -0
  104. package/src/utils/figma/__tests__/token-conversion.test.js +117 -0
  105. package/src/utils/figma/__tests__/token-resolution.test.js +231 -0
  106. package/src/utils/figma/auth.js +355 -0
  107. package/src/utils/figma/constants.js +22 -0
  108. package/src/utils/figma/errors.js +80 -0
  109. package/src/utils/figma/figma-api.js +1069 -0
  110. package/src/utils/figma/get-token.js +348 -0
  111. package/src/utils/figma/sync-components.js +909 -0
  112. package/src/utils/figma/sync-main.js +692 -0
  113. package/src/utils/figma/sync-orchestration.js +683 -0
  114. package/src/utils/figma/sync-primitives.js +230 -0
  115. package/src/utils/figma/sync-semantic.js +1056 -0
  116. package/src/utils/figma/token-conversion.js +340 -0
  117. package/src/utils/figma/token-parsing.js +186 -0
  118. package/src/utils/figma/token-resolution.js +569 -0
  119. package/src/utils/figma/utils.js +199 -0
  120. package/src/utils/sd-build-configs.js +305 -0
  121. package/src/utils/sd-formats.js +948 -0
  122. package/src/utils/sd-transforms.js +165 -0
  123. package/src/utils/token-helpers.js +848 -0
  124. package/tsconfig.json +18 -0
  125. package/vitest.config.js +17 -0
  126. package/.turbo/turbo-build.log +0 -37
  127. package/build/web/core/raw.js +0 -234
  128. package/src/global/primitive/breakpoint.js +0 -19
  129. package/src/global/primitive/color.js +0 -231
  130. package/src/global/primitive/duration.js +0 -16
  131. package/src/global/primitive/font.js +0 -60
  132. package/src/global/primitive/radius.js +0 -31
  133. package/src/global/primitive/size.js +0 -55
  134. package/src/global/primitive/transition.js +0 -16
  135. package/src/theme/core/background.js +0 -170
  136. package/src/theme/core/border.js +0 -103
  137. package/src/theme/core/charts.js +0 -464
  138. package/src/theme/core/component/button.js +0 -708
  139. package/src/theme/core/component/checkbox.js +0 -405
  140. package/src/theme/core/focus.js +0 -35
  141. package/src/theme/core/foreground.js +0 -148
  142. package/src/theme/core/overlay.js +0 -137
  143. package/src/theme/core/shadow.js +0 -29
  144. package/src/theme/core/status.js +0 -49
  145. package/src/theme/core/typography.js +0 -82
  146. package/type/types.ts +0 -344
package/src/theme/core/border.tokens.json ADDED
@@ -0,0 +1,192 @@
1
+ {
2
+ "border": {
3
+ "radius": {
4
+ "none": {
5
+ "$type": "dimension",
6
+ "$value": "{radius.0}",
7
+ "$extensions": {
8
+ "com.figma.scopes": ["CORNER_RADIUS"]
9
+ }
10
+ },
11
+ "small": {
12
+ "$type": "dimension",
13
+ "$value": "{radius.1}",
14
+ "$extensions": {
15
+ "com.figma.scopes": ["CORNER_RADIUS"]
16
+ }
17
+ },
18
+ "medium": {
19
+ "$type": "dimension",
20
+ "$value": "{radius.2}",
21
+ "$extensions": {
22
+ "com.figma.scopes": ["CORNER_RADIUS"]
23
+ }
24
+ },
25
+ "large": {
26
+ "$type": "dimension",
27
+ "$value": "{radius.4}",
28
+ "$extensions": {
29
+ "com.figma.scopes": ["CORNER_RADIUS"]
30
+ }
31
+ },
32
+ "xlarge": {
33
+ "$type": "dimension",
34
+ "$value": "{radius.8}",
35
+ "$extensions": {
36
+ "com.figma.scopes": ["CORNER_RADIUS"]
37
+ }
38
+ },
39
+ "circular": {
40
+ "$type": "dimension",
41
+ "$value": "100%",
42
+ "$extensions": {
43
+ "com.figma.scopes": ["CORNER_RADIUS"]
44
+ }
45
+ }
46
+ },
47
+ "width": {
48
+ "none": {
49
+ "$type": "dimension",
50
+ "$value": "{size.0}",
51
+ "$extensions": {
52
+ "com.figma.scopes": ["STROKE_FLOAT"]
53
+ }
54
+ },
55
+ "default": {
56
+ "$type": "dimension",
57
+ "$value": "{size.quarter}",
58
+ "$extensions": {
59
+ "com.figma.scopes": ["STROKE_FLOAT"]
60
+ }
61
+ },
62
+ "strong": {
63
+ "$type": "dimension",
64
+ "$value": "{size.half}",
65
+ "$extensions": {
66
+ "com.figma.scopes": ["STROKE_FLOAT"]
67
+ }
68
+ }
69
+ },
70
+ "color": {
71
+ "default": {
72
+ "$type": "color",
73
+ "$value": "{color.neutral.400}",
74
+ "$extensions": {
75
+ "appearance": {
76
+ "light": {
77
+ "$type": "color",
78
+ "$value": "{color.neutral.400}"
79
+ },
80
+ "dark": {
81
+ "$type": "color",
82
+ "$value": "{color.neutral.600}"
83
+ }
84
+ },
85
+ "com.figma.scopes": ["STROKE_COLOR", "SHAPE_FILL", "FRAME_FILL"]
86
+ }
87
+ },
88
+ "subdued": {
89
+ "$type": "color",
90
+ "$value": "{color.neutral.80}",
91
+ "$extensions": {
92
+ "appearance": {
93
+ "light": {
94
+ "$type": "color",
95
+ "$value": "{color.neutral.80}"
96
+ },
97
+ "dark": {
98
+ "$type": "color",
99
+ "$value": "{color.neutral.700}"
100
+ }
101
+ },
102
+ "com.figma.scopes": ["STROKE_COLOR", "SHAPE_FILL", "FRAME_FILL"]
103
+ }
104
+ },
105
+ "strong": {
106
+ "$type": "color",
107
+ "$value": "{color.neutral.700}",
108
+ "$extensions": {
109
+ "appearance": {
110
+ "light": {
111
+ "$type": "color",
112
+ "$value": "{color.neutral.700}"
113
+ },
114
+ "dark": {
115
+ "$type": "color",
116
+ "$value": "{color.neutral.80}"
117
+ }
118
+ },
119
+ "com.figma.scopes": ["STROKE_COLOR", "SHAPE_FILL", "FRAME_FILL"]
120
+ }
121
+ },
122
+ "primary": {
123
+ "$type": "color",
124
+ "$value": "{color.blue.600}",
125
+ "$extensions": {
126
+ "appearance": {
127
+ "light": {
128
+ "$type": "color",
129
+ "$value": "{color.blue.600}"
130
+ },
131
+ "dark": {
132
+ "$type": "color",
133
+ "$value": "{color.blue.200}"
134
+ }
135
+ },
136
+ "com.figma.scopes": ["STROKE_COLOR", "SHAPE_FILL", "FRAME_FILL"]
137
+ }
138
+ },
139
+ "success": {
140
+ "$type": "color",
141
+ "$value": "{color.green.600}",
142
+ "$extensions": {
143
+ "appearance": {
144
+ "light": {
145
+ "$type": "color",
146
+ "$value": "{color.green.600}"
147
+ },
148
+ "dark": {
149
+ "$type": "color",
150
+ "$value": "{color.green.200}"
151
+ }
152
+ },
153
+ "com.figma.scopes": ["STROKE_COLOR", "SHAPE_FILL", "FRAME_FILL"]
154
+ }
155
+ },
156
+ "warning": {
157
+ "$type": "color",
158
+ "$value": "{color.yellow.700}",
159
+ "$extensions": {
160
+ "appearance": {
161
+ "light": {
162
+ "$type": "color",
163
+ "$value": "{color.yellow.700}"
164
+ },
165
+ "dark": {
166
+ "$type": "color",
167
+ "$value": "{color.yellow.200}"
168
+ }
169
+ },
170
+ "com.figma.scopes": ["STROKE_COLOR", "SHAPE_FILL", "FRAME_FILL"]
171
+ }
172
+ },
173
+ "danger": {
174
+ "$type": "color",
175
+ "$value": "{color.red.600}",
176
+ "$extensions": {
177
+ "appearance": {
178
+ "light": {
179
+ "$type": "color",
180
+ "$value": "{color.red.600}"
181
+ },
182
+ "dark": {
183
+ "$type": "color",
184
+ "$value": "{color.red.200}"
185
+ }
186
+ },
187
+ "com.figma.scopes": ["STROKE_COLOR", "SHAPE_FILL", "FRAME_FILL"]
188
+ }
189
+ }
190
+ }
191
+ }
192
+ }