@servicetitan/hammer-token 2.1.1 → 2.3.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 (51) hide show
  1. package/.turbo/turbo-build.log +4 -1
  2. package/CHANGELOG.md +20 -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/border.css +49 -29
  7. package/build/web/core/css-utils/color.css +231 -103
  8. package/build/web/core/css-utils/font.css +45 -43
  9. package/build/web/core/css-utils/spacing.css +71 -1
  10. package/build/web/core/css-utils/utils.css +576 -368
  11. package/build/web/core/index.js +2 -1
  12. package/build/web/core/raw.js +34 -24
  13. package/build/web/core/semantic-variables.scss +34 -24
  14. package/build/web/core/semantic.js +74 -24
  15. package/build/web/core/semantic.scss +16 -11
  16. package/config.js +97 -23
  17. package/package.json +3 -2
  18. package/src/global/primitive/breakpoint.js +19 -0
  19. package/src/global/primitive/color.js +231 -0
  20. package/src/global/primitive/duration.js +16 -0
  21. package/src/global/primitive/font.js +60 -0
  22. package/src/global/primitive/radius.js +31 -0
  23. package/src/global/primitive/size.js +55 -0
  24. package/src/global/primitive/transition.js +16 -0
  25. package/src/theme/core/background.js +170 -0
  26. package/src/theme/core/border.js +103 -0
  27. package/src/theme/core/component/button.js +708 -0
  28. package/src/theme/core/component/checkbox.js +405 -0
  29. package/src/theme/core/focus.js +35 -0
  30. package/src/theme/core/foreground.js +148 -0
  31. package/src/theme/core/overlay.js +137 -0
  32. package/src/theme/core/shadow.js +29 -0
  33. package/src/theme/core/status.js +49 -0
  34. package/src/theme/core/typography.js +82 -0
  35. package/src/utils/css-utils-format-utils.js +104 -34
  36. package/type/types.ts +75 -0
  37. package/src/global/primitive/breakpoint.json +0 -19
  38. package/src/global/primitive/color.json +0 -231
  39. package/src/global/primitive/duration.json +0 -16
  40. package/src/global/primitive/font.json +0 -60
  41. package/src/global/primitive/radius.json +0 -31
  42. package/src/global/primitive/size.json +0 -55
  43. package/src/global/primitive/transition.json +0 -16
  44. package/src/theme/core/background.json +0 -144
  45. package/src/theme/core/border.json +0 -87
  46. package/src/theme/core/focus.json +0 -31
  47. package/src/theme/core/foreground.json +0 -132
  48. package/src/theme/core/overlay.json +0 -134
  49. package/src/theme/core/shadow.json +0 -25
  50. package/src/theme/core/status.json +0 -46
  51. package/src/theme/core/typography.json +0 -79
package/src/theme/core/background.js ADDED
@@ -0,0 +1,170 @@
1
+ /* eslint-disable @typescript-eslint/no-var-requires */
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 ADDED
@@ -0,0 +1,103 @@
1
+ /* eslint-disable @typescript-eslint/no-var-requires */
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
+ };