@servicetitan/hammer-token 2.1.1 → 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 +14 -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 +45 -29
  7. package/build/web/core/css-utils/color.css +219 -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 +562 -368
  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 +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 +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 +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/.turbo/turbo-build.log CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- > @servicetitan/hammer-token@2.1.1 build /home/runner/work/hammer/hammer/packages/hammer-token
2
+ > @servicetitan/hammer-token@2.2.0 build /home/runner/work/hammer/hammer/packages/hammer-token
3
3
  > node ./config.js
4
4
 
5
5
 
@@ -15,11 +15,14 @@ scss
15
15
  ✔︎ build/web/core/primitive-variables.scss
16
16
  ✔︎ build/web/core/semantic.scss
17
17
  ✔︎ build/web/core/semantic-variables.scss
18
+ ✔︎ build/web/core/component.scss
19
+ ✔︎ build/web/core/component-variables.scss
18
20
 
19
21
  tsLight
20
22
  ✔︎ build/web/core/primitive.js
21
23
  ✔︎ build/web/core/raw.js
22
24
  ✔︎ build/web/core/semantic.js
25
+ ✔︎ build/web/core/component.js
23
26
 
24
27
  ==============================================
25
28
  Building index files...
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @servicetitan/hammer-token
2
2
 
3
+ ## 2.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#1053](https://github.com/servicetitan/hammer/pull/1053) [`a77ea35`](https://github.com/servicetitan/hammer/commit/a77ea3512be19df6c62518236fd618ec133b6828) Thanks [@tounsoo](https://github.com/tounsoo)! - [Token] Add component token for Button (Tier 3)
8
+
9
+ - [#1114](https://github.com/servicetitan/hammer/pull/1114) [`cd71261`](https://github.com/servicetitan/hammer/commit/cd712612e9d50a6ca6b19853349677e0f10b33cf) Thanks [@tounsoo](https://github.com/tounsoo)! - [CSS-Utils] Add all side padding and margin utility classes
10
+
11
+ ### Patch Changes
12
+
13
+ - [#1053](https://github.com/servicetitan/hammer/pull/1053) [`a77ea35`](https://github.com/servicetitan/hammer/commit/a77ea3512be19df6c62518236fd618ec133b6828) Thanks [@tounsoo](https://github.com/tounsoo)! - [Button] Style change for secondary to be borderless with gray background
14
+
15
+ - [#1104](https://github.com/servicetitan/hammer/pull/1104) [`f8b390e`](https://github.com/servicetitan/hammer/commit/f8b390e34c0025ee63f2329241c95f743ba7c8c5) Thanks [@tounsoo](https://github.com/tounsoo)! - [CSS-Utils] Update css-util formatter to have correct css variables and proper fallback for colors
16
+
3
17
  ## 2.1.1
4
18
 
5
19
  ### Patch Changes
package/build/web/core/component-variables.scss ADDED
@@ -0,0 +1,139 @@
1
+ $light: (
2
+ button-primary-foreground-color: #ffffff,
3
+ button-primary-foreground-color-hover: #ffffff,
4
+ button-primary-foreground-color-active: #ffffff,
5
+ button-primary-background-color: #0265DC,
6
+ button-primary-background-color-hover: #0655b4ff,
7
+ button-primary-background-color-active: #09458cff,
8
+ button-primary-border-color: transparent,
9
+ button-primary-focus-ring-color: #0265DC,
10
+ button-secondary-foreground-color: #141414,
11
+ button-secondary-foreground-color-hover: #141414,
12
+ button-secondary-foreground-color-active: #141414,
13
+ button-secondary-background-color: #0404040f,
14
+ button-secondary-background-color-hover: #05050522,
15
+ button-secondary-background-color-active: #07070735,
16
+ button-secondary-border-color: transparent,
17
+ button-secondary-focus-ring-color: #0265DC,
18
+ button-ghost-foreground-color: #141414,
19
+ button-ghost-foreground-color-hover: #141414,
20
+ button-ghost-foreground-color-active: #141414,
21
+ button-ghost-background-color: transparent,
22
+ button-ghost-background-color-hover: #14141414,
23
+ button-ghost-background-color-active: #14141429,
24
+ button-ghost-border-color: transparent,
25
+ button-ghost-focus-ring-color: #0265DC,
26
+ button-danger-primary-foreground-color: #ffffff,
27
+ button-danger-primary-foreground-color-hover: #ffffff,
28
+ button-danger-primary-foreground-color-active: #ffffff,
29
+ button-danger-primary-background-color: #e13212,
30
+ button-danger-primary-background-color-hover: #b82c12ff,
31
+ button-danger-primary-background-color-active: #8f2613ff,
32
+ button-danger-primary-border-color: transparent,
33
+ button-danger-primary-focus-ring-color: #e13212,
34
+ button-danger-secondary-foreground-color: #bf2a00,
35
+ button-danger-secondary-foreground-color-hover: #bf2a00,
36
+ button-danger-secondary-foreground-color-active: #bf2a00,
37
+ button-danger-secondary-background-color: #ffece9,
38
+ button-danger-secondary-background-color-hover: #fcd9d4ff,
39
+ button-danger-secondary-background-color-active: #f6b4a9ff,
40
+ button-danger-secondary-border-color: transparent,
41
+ button-danger-secondary-focus-ring-color: #e13212,
42
+ checkbox-unchecked-fill-color-default: #141414,
43
+ checkbox-unchecked-fill-color-hover: #141414,
44
+ checkbox-unchecked-fill-color-active: #141414,
45
+ checkbox-unchecked-background-color-default: transparent,
46
+ checkbox-unchecked-background-color-hover: #14141414,
47
+ checkbox-unchecked-background-color-active: #14141429,
48
+ checkbox-checked-fill-color-default: #0265DC,
49
+ checkbox-checked-fill-color-hover: #004ba0d1,
50
+ checkbox-checked-fill-color-active: #0151afb8,
51
+ checkbox-checked-background-color-default: transparent,
52
+ checkbox-checked-background-color-hover: #0265dc14,
53
+ checkbox-checked-background-color-active: #0265dc29,
54
+ checkbox-unchecked-error-fill-color-default: #e13212,
55
+ checkbox-unchecked-error-fill-color-hover: #bf2a00,
56
+ checkbox-unchecked-error-fill-color-active: #bf2a00,
57
+ checkbox-unchecked-error-background-color-default: transparent,
58
+ checkbox-unchecked-error-background-color-hover: #e132120f,
59
+ checkbox-unchecked-error-background-color-active: #e132122e,
60
+ checkbox-checked-error-fill-color-default: #e13212,
61
+ checkbox-checked-error-fill-color-hover: #bf2a00,
62
+ checkbox-checked-error-fill-color-active: #bf2a00,
63
+ checkbox-checked-error-background-color-default: transparent,
64
+ checkbox-checked-error-background-color-hover: #e132120f,
65
+ checkbox-checked-error-background-color-active: #e132122e,
66
+ );
67
+ $dark: (
68
+ button-primary-foreground-color: #141414,
69
+ button-primary-foreground-color-hover: #141414,
70
+ button-primary-foreground-color-active: #141414,
71
+ button-primary-background-color: #78BBFA,
72
+ button-primary-background-color-hover: #8ec6fbff,
73
+ button-primary-background-color-active: #68a0d5ff,
74
+ button-primary-border-color: transparent,
75
+ button-primary-focus-ring-color: #78BBFA,
76
+ button-secondary-foreground-color: #ffffff,
77
+ button-secondary-foreground-color-hover: #ffffff,
78
+ button-secondary-foreground-color-active: #ffffff,
79
+ button-secondary-background-color: #ffffff0f,
80
+ button-secondary-background-color-hover: #ffffff22,
81
+ button-secondary-background-color-active: #ffffff35,
82
+ button-secondary-border-color: transparent,
83
+ button-secondary-focus-ring-color: #78BBFA,
84
+ button-ghost-foreground-color: #ffffff,
85
+ button-ghost-foreground-color-hover: #ffffff,
86
+ button-ghost-foreground-color-active: #ffffff,
87
+ button-ghost-background-color: transparent,
88
+ button-ghost-background-color-hover: #ffffff14,
89
+ button-ghost-background-color-active: #ffffff29,
90
+ button-ghost-border-color: transparent,
91
+ button-ghost-focus-ring-color: #78BBFA,
92
+ button-danger-primary-foreground-color: #141414,
93
+ button-danger-primary-foreground-color-hover: #141414,
94
+ button-danger-primary-foreground-color-active: #141414,
95
+ button-danger-primary-background-color: #ff745f,
96
+ button-danger-primary-background-color-hover: #ff8a79ff,
97
+ button-danger-primary-background-color-active: #d96553ff,
98
+ button-danger-primary-border-color: transparent,
99
+ button-danger-primary-focus-ring-color: #ff745f,
100
+ button-danger-secondary-foreground-color: #ffffff,
101
+ button-danger-secondary-foreground-color-hover: #ff745f,
102
+ button-danger-secondary-foreground-color-active: #ff745f,
103
+ button-danger-secondary-background-color: #ff745f33,
104
+ button-danger-secondary-background-color-hover: #fe6e5852,
105
+ button-danger-secondary-background-color-active: #fe6a5466,
106
+ button-danger-secondary-border-color: transparent,
107
+ button-danger-secondary-focus-ring-color: #ff745f,
108
+ checkbox-unchecked-fill-color-default: #ffffff,
109
+ checkbox-unchecked-fill-color-hover: #ffffff,
110
+ checkbox-unchecked-fill-color-active: #ffffff,
111
+ checkbox-unchecked-background-color-default: transparent,
112
+ checkbox-unchecked-background-color-hover: #ffffff14,
113
+ checkbox-unchecked-background-color-active: #ffffff29,
114
+ checkbox-checked-fill-color-default: #78BBFA,
115
+ checkbox-checked-fill-color-hover: #abd8feda,
116
+ checkbox-checked-fill-color-active: #abd8fee0,
117
+ checkbox-checked-background-color-default: transparent,
118
+ checkbox-checked-background-color-hover: #78bbfa14,
119
+ checkbox-checked-background-color-active: #78bbfa29,
120
+ checkbox-unchecked-error-fill-color-default: #ff745f,
121
+ checkbox-unchecked-error-fill-color-hover: #ff745f,
122
+ checkbox-unchecked-error-fill-color-active: #ff745f,
123
+ checkbox-unchecked-error-background-color-default: transparent,
124
+ checkbox-unchecked-error-background-color-hover: #f94d321a,
125
+ checkbox-unchecked-error-background-color-active: #f94d3240,
126
+ checkbox-checked-error-fill-color-default: #ff745f,
127
+ checkbox-checked-error-fill-color-hover: #ff745f,
128
+ checkbox-checked-error-fill-color-active: #ff745f,
129
+ checkbox-checked-error-background-color-default: transparent,
130
+ checkbox-checked-error-background-color-hover: #f94d321a,
131
+ checkbox-checked-error-background-color-active: #f94d3240,
132
+ );
133
+ $nonColor: (
134
+ button-primary-border-radius: 0.375rem,
135
+ button-secondary-border-radius: 0.375rem,
136
+ button-ghost-border-radius: 0.375rem,
137
+ button-danger-primary-border-radius: 0.375rem,
138
+ button-danger-secondary-border-radius: 0.375rem,
139
+ );