@servicetitan/hammer-token 2.1.0 → 2.2.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 +46 -28
  7. package/build/web/core/css-utils/color.css +220 -102
  8. package/build/web/core/css-utils/font.css +46 -42
  9. package/build/web/core/css-utils/spacing.css +72 -0
  10. package/build/web/core/css-utils/utils.css +563 -367
  11. package/build/web/core/index.js +2 -1
  12. package/build/web/core/raw.js +28 -24
  13. package/build/web/core/semantic-variables.scss +28 -24
  14. package/build/web/core/semantic.js +44 -24
  15. package/build/web/core/semantic.scss +13 -11
  16. package/config.js +98 -22
  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 +148 -0
  26. package/src/theme/core/border.js +93 -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 +105 -33
  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,148 @@
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
+ danger: {
71
+ default: {
72
+ value: status.color["danger"].value,
73
+ attributes: {
74
+ appearance: {
75
+ dark: {
76
+ value: status.color.danger.attributes.appearance.dark.value,
77
+ },
78
+ },
79
+ },
80
+ },
81
+ subdued: {
82
+ value: color.red["100"].value,
83
+ attributes: {
84
+ appearance: {
85
+ dark: {
86
+ value: `${color.red["300"].value}33`,
87
+ },
88
+ },
89
+ },
90
+ },
91
+ },
92
+ warning: {
93
+ default: {
94
+ value: status.color["warning"].value,
95
+ attributes: {
96
+ appearance: {
97
+ dark: {
98
+ value: status.color.warning.attributes.appearance.dark.value,
99
+ },
100
+ },
101
+ },
102
+ subdued: {
103
+ value: color.yellow["100"].value,
104
+ attributes: {
105
+ appearance: {
106
+ dark: {
107
+ value: `${color.yellow["300"].value}33`,
108
+ },
109
+ },
110
+ },
111
+ },
112
+ },
113
+ },
114
+ disabled: {
115
+ value: color.neutral["100"].value,
116
+ attributes: {
117
+ appearance: {
118
+ dark: {
119
+ value: color.neutral["100"].value,
120
+ },
121
+ },
122
+ },
123
+ },
124
+ inverted: {
125
+ default: {
126
+ value: color.neutral["300"].value,
127
+ attributes: {
128
+ appearance: {
129
+ dark: {
130
+ value: color.neutral["20"].value,
131
+ },
132
+ },
133
+ },
134
+ },
135
+ strong: {
136
+ value: color.neutral["400"].value,
137
+ attributes: {
138
+ appearance: {
139
+ dark: {
140
+ value: color.neutral["0"].value,
141
+ },
142
+ },
143
+ },
144
+ },
145
+ },
146
+ },
147
+ },
148
+ };
package/src/theme/core/border.js ADDED
@@ -0,0 +1,93 @@
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
+ danger: {
82
+ value: status.color.danger.value,
83
+ attributes: {
84
+ appearance: {
85
+ dark: {
86
+ value: status.color.danger.attributes.appearance.dark.value,
87
+ },
88
+ },
89
+ },
90
+ },
91
+ },
92
+ },
93
+ };