@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/src/global/primitive/font.json DELETED
@@ -1,60 +0,0 @@
1
- {
2
- "font": {
3
- "family": {
4
- "base": {
5
- "value": "'Nunito Sans', sans-serif"
6
- },
7
- "display": {
8
- "value": "'Sofia Pro', SofiaPro, sans-serif"
9
- }
10
- },
11
- "line-height": {
12
- "base": {
13
- "value": 1.5
14
- },
15
- "display": {
16
- "value": 1.25
17
- }
18
- },
19
- "weight": {
20
- "normal": {
21
- "value": 400
22
- },
23
- "semibold": {
24
- "value": 600
25
- },
26
- "bold": {
27
- "value": 700
28
- }
29
- },
30
- "size": {
31
- "100": {
32
- "value": "0.625rem"
33
- },
34
- "200": {
35
- "value": "0.75rem"
36
- },
37
- "300": {
38
- "value": "0.875rem"
39
- },
40
- "400": {
41
- "value": "1rem"
42
- },
43
- "500": {
44
- "value": "1.25rem"
45
- },
46
- "600": {
47
- "value": "1.5rem"
48
- },
49
- "700": {
50
- "value": "1.75rem"
51
- },
52
- "800": {
53
- "value": "2rem"
54
- },
55
- "900": {
56
- "value": "2.25rem"
57
- }
58
- }
59
- }
60
- }
package/src/global/primitive/radius.json DELETED
@@ -1,31 +0,0 @@
1
- {
2
- "radius": {
3
- "0": {
4
- "value": "0"
5
- },
6
- "1": {
7
- "value": "0.1875rem"
8
- },
9
- "2": {
10
- "value": "0.375rem"
11
- },
12
- "3": {
13
- "value": "0.5625rem"
14
- },
15
- "4": {
16
- "value": "0.75rem"
17
- },
18
- "5": {
19
- "value": "0.9375rem"
20
- },
21
- "6": {
22
- "value": "1.125rem"
23
- },
24
- "7": {
25
- "value": "1.3125rem"
26
- },
27
- "8": {
28
- "value": "1.5rem"
29
- }
30
- }
31
- }
package/src/global/primitive/size.json DELETED
@@ -1,55 +0,0 @@
1
- {
2
- "size": {
3
- "0": {
4
- "value": "0rem"
5
- },
6
- "quarter": {
7
- "value": "0.0625rem"
8
- },
9
- "half": {
10
- "value": "0.125rem"
11
- },
12
- "1": {
13
- "value": "0.25rem"
14
- },
15
- "2": {
16
- "value": "0.5rem"
17
- },
18
- "3": {
19
- "value": "0.75rem"
20
- },
21
- "4": {
22
- "value": "1rem"
23
- },
24
- "5": {
25
- "value": "1.25rem"
26
- },
27
- "6": {
28
- "value": "1.5rem"
29
- },
30
- "7": {
31
- "value": "1.75rem"
32
- },
33
- "8": {
34
- "value": "2rem"
35
- },
36
- "9": {
37
- "value": "2.25rem"
38
- },
39
- "10": {
40
- "value": "2.5rem"
41
- },
42
- "11": {
43
- "value": "2.75rem"
44
- },
45
- "12": {
46
- "value": "3rem"
47
- },
48
- "13": {
49
- "value": "3.25rem"
50
- },
51
- "14": {
52
- "value": "3.5rem"
53
- }
54
- }
55
- }
package/src/global/primitive/transition.json DELETED
@@ -1,16 +0,0 @@
1
- {
2
- "transition": {
3
- "ease": {
4
- "value": "cubic-bezier(.4, 0, .2, 1)"
5
- },
6
- "ease-in": {
7
- "value": "cubic-bezier(.4, 0, 1, 1)"
8
- },
9
- "ease-out": {
10
- "value": "cubic-bezier(0, 0, .4, 1)"
11
- },
12
- "ease-in-out": {
13
- "value": "cubic-bezier(.4, 0, .6, 1)"
14
- }
15
- }
16
- }
package/src/theme/core/background.json DELETED
@@ -1,144 +0,0 @@
1
- {
2
- "background": {
3
- "color": {
4
- "default": {
5
- "value": "{color.neutral.0}",
6
- "attributes": {
7
- "appearance": {
8
- "dark": {
9
- "value": "{color.neutral.400}"
10
- }
11
- }
12
- }
13
- },
14
- "strong": {
15
- "value": "{color.neutral.30}",
16
- "attributes": {
17
- "appearance": {
18
- "dark": {
19
- "value": "{color.neutral.300}"
20
- }
21
- }
22
- }
23
- },
24
- "stronger": {
25
- "value": "{color.neutral.50}",
26
- "attributes": {
27
- "appearance": {
28
- "dark": {
29
- "value": "{color.neutral.200}"
30
- }
31
- }
32
- }
33
- },
34
- "strongest": {
35
- "value": "{color.neutral.70}",
36
- "attributes": {
37
- "appearance": {
38
- "dark": {
39
- "value": "{color.neutral.90}"
40
- }
41
- }
42
- }
43
- },
44
- "primary": {
45
- "default": {
46
- "value": "{color.blue.500}",
47
- "attributes": {
48
- "appearance": {
49
- "dark": {
50
- "value": "{color.blue.300}"
51
- }
52
- }
53
- }
54
- },
55
- "subdued": {
56
- "value": "{color.blue.100}",
57
- "attributes": {
58
- "appearance": {
59
- "dark": {
60
- "value": "{color.blue.300}33"
61
- }
62
- }
63
- }
64
- }
65
- },
66
- "danger": {
67
- "default": {
68
- "value": "{status.color.danger}",
69
- "attributes": {
70
- "appearance": {
71
- "dark": {
72
- "value": "{status.color.danger.attributes.appearance.dark}"
73
- }
74
- }
75
- },
76
- "subdued": {
77
- "value": "{color.red.100}",
78
- "attributes": {
79
- "appearance": {
80
- "dark": {
81
- "value": "{color.red.300}33"
82
- }
83
- }
84
- }
85
- }
86
- }
87
- },
88
- "warning": {
89
- "default": {
90
- "value": "{status.color.warning}",
91
- "attributes": {
92
- "appearance": {
93
- "dark": {
94
- "value": "{status.color.warning.attributes.appearance.dark}"
95
- }
96
- }
97
- },
98
- "subdued": {
99
- "value": "{color.yellow.100}",
100
- "attributes": {
101
- "appearance": {
102
- "dark": {
103
- "value": "{color.yellow.300}33"
104
- }
105
- }
106
- }
107
- }
108
- }
109
- },
110
- "disabled": {
111
- "value": "{color.neutral.100}",
112
- "attributes": {
113
- "appearance": {
114
- "dark": {
115
- "value": "{color.neutral.100}"
116
- }
117
- }
118
- }
119
- },
120
- "inverted": {
121
- "default": {
122
- "value": "{color.neutral.300}",
123
- "attributes": {
124
- "appearance": {
125
- "dark": {
126
- "value": "{color.neutral.20}"
127
- }
128
- }
129
- }
130
- },
131
- "strong": {
132
- "value": "{color.neutral.400}",
133
- "attributes": {
134
- "appearance": {
135
- "dark": {
136
- "value": "{color.neutral.0}"
137
- }
138
- }
139
- }
140
- }
141
- }
142
- }
143
- }
144
- }
package/src/theme/core/border.json DELETED
@@ -1,87 +0,0 @@
1
- {
2
- "border": {
3
- "radius": {
4
- "none": {
5
- "value": "{radius.0}"
6
- },
7
- "small": {
8
- "value": "{radius.1}"
9
- },
10
- "medium": {
11
- "value": "{radius.2}"
12
- },
13
- "large": {
14
- "value": "{radius.4}"
15
- },
16
- "xlarge": {
17
- "value": "{radius.8}"
18
- },
19
- "circular": {
20
- "value": "100%"
21
- }
22
- },
23
- "width": {
24
- "none": {
25
- "value": "{size.0}"
26
- },
27
- "default": {
28
- "value": "{size.quarter}"
29
- },
30
- "strong": {
31
- "value": "{size.half}"
32
- }
33
- },
34
- "color": {
35
- "default": {
36
- "value": "{color.neutral.80}",
37
- "attributes": {
38
- "appearance": {
39
- "dark": {
40
- "value": "{color.neutral.100}"
41
- }
42
- }
43
- }
44
- },
45
- "subdued": {
46
- "value": "{color.neutral.60}",
47
- "attributes": {
48
- "appearance": {
49
- "dark": {
50
- "value": "{color.neutral.200}"
51
- }
52
- }
53
- }
54
- },
55
- "strong": {
56
- "value": "{color.neutral.200}",
57
- "attributes": {
58
- "appearance": {
59
- "dark": {
60
- "value": "{color.neutral.60}"
61
- }
62
- }
63
- }
64
- },
65
- "primary": {
66
- "value": "{status.color.info}",
67
- "attributes": {
68
- "appearance": {
69
- "dark": {
70
- "value": "{status.color.info.attributes.appearance.dark}"
71
- }
72
- }
73
- }
74
- },
75
- "danger": {
76
- "value": "{status.color.danger}",
77
- "attributes": {
78
- "appearance": {
79
- "dark": {
80
- "value": "{status.color.danger.attributes.appearance.dark}"
81
- }
82
- }
83
- }
84
- }
85
- }
86
- }
87
- }
package/src/theme/core/focus.json DELETED
@@ -1,31 +0,0 @@
1
- {
2
- "focus": {
3
- "ring": {
4
- "color": {
5
- "default": {
6
- "value": "{color.blue.500}",
7
- "attributes": {
8
- "appearance": {
9
- "dark": {
10
- "value": "{color.blue.300}"
11
- }
12
- }
13
- }
14
- },
15
- "danger": {
16
- "value": "{color.red.500}",
17
- "attributes": {
18
- "appearance": {
19
- "dark": {
20
- "value": "{color.red.300}"
21
- }
22
- }
23
- }
24
- }
25
- },
26
- "width": {
27
- "value": "{size.1}"
28
- }
29
- }
30
- }
31
- }
package/src/theme/core/foreground.json DELETED
@@ -1,132 +0,0 @@
1
- {
2
- "foreground": {
3
- "color": {
4
- "default": {
5
- "value": "{color.neutral.400}",
6
- "attributes": {
7
- "appearance": {
8
- "dark": {
9
- "value": "{color.neutral.0}"
10
- }
11
- }
12
- }
13
- },
14
- "subdued": {
15
- "value": "{color.neutral.90}",
16
- "attributes": {
17
- "appearance": {
18
- "dark": {
19
- "value": "{color.neutral.70}"
20
- }
21
- }
22
- }
23
- },
24
- "primary": {
25
- "value": "{color.blue.500}",
26
- "attributes": {
27
- "appearance": {
28
- "dark": {
29
- "value": "{color.blue.300}"
30
- }
31
- }
32
- }
33
- },
34
- "danger": {
35
- "value": "{status.color.danger}",
36
- "attributes": {
37
- "appearance": {
38
- "dark": {
39
- "value": "{status.color.danger.attributes.appearance.dark}"
40
- }
41
- }
42
- }
43
- },
44
- "inverted": {
45
- "value": "{color.neutral.0}",
46
- "attributes": {
47
- "appearance": {
48
- "dark": {
49
- "value": "{color.neutral.400}"
50
- }
51
- }
52
- }
53
- },
54
- "on": {
55
- "primary": {
56
- "value": "{color.neutral.0}",
57
- "attributes": {
58
- "appearance": {
59
- "dark": {
60
- "value": "{color.neutral.400}"
61
- }
62
- }
63
- }
64
- },
65
- "danger": {
66
- "value": "{color.neutral.0}",
67
- "attributes": {
68
- "appearance": {
69
- "dark": {
70
- "value": "{color.neutral.400}"
71
- }
72
- }
73
- }
74
- },
75
- "warning": {
76
- "value": "{color.neutral.400}",
77
- "attributes": {
78
- "appearance": {
79
- "dark": {
80
- "value": "{color.neutral.400}"
81
- }
82
- }
83
- }
84
- }
85
- },
86
- "active": {
87
- "primary": {
88
- "value": "{color.blue.600}",
89
- "attributes": {
90
- "appearance": {
91
- "dark": {
92
- "value": "{color.blue.200}"
93
- }
94
- }
95
- }
96
- },
97
- "danger": {
98
- "value": "{color.red.600}",
99
- "attributes": {
100
- "appearance": {
101
- "dark": {
102
- "value": "{status.color.danger.attributes.appearance.dark}"
103
- }
104
- }
105
- }
106
- }
107
- },
108
- "hover": {
109
- "primary": {
110
- "value": "{color.blue.600}",
111
- "attributes": {
112
- "appearance": {
113
- "dark": {
114
- "value": "{color.blue.200}"
115
- }
116
- }
117
- }
118
- },
119
- "danger": {
120
- "value": "{color.red.600}",
121
- "attributes": {
122
- "appearance": {
123
- "dark": {
124
- "value": "{status.color.danger.attributes.appearance.dark}"
125
- }
126
- }
127
- }
128
- }
129
- }
130
- }
131
- }
132
- }
package/src/theme/core/overlay.json DELETED
@@ -1,134 +0,0 @@
1
- {
2
- "overlay": {
3
- "color": {
4
- "active": {
5
- "default": {
6
- "value": "{color.neutral.400}29",
7
- "attributes": {
8
- "appearance": {
9
- "dark": {
10
- "value": "{color.neutral.0}29"
11
- }
12
- }
13
- }
14
- },
15
- "primary": {
16
- "value": "{color.blue.500}4D",
17
- "attributes": {
18
- "appearance": {
19
- "dark": {
20
- "value": "{color.blue.300}40"
21
- }
22
- }
23
- }
24
- },
25
- "danger": {
26
- "value": "{color.red.500}2E",
27
- "attributes": {
28
- "appearance": {
29
- "dark": {
30
- "value": "{color.red.300}40"
31
- }
32
- }
33
- }
34
- },
35
- "on": {
36
- "default": {
37
- "value": "{color.neutral.400}29",
38
- "attributes": {
39
- "appearance": {
40
- "dark": {
41
- "value": "{color.neutral.400}29"
42
- }
43
- }
44
- }
45
- },
46
- "primary": {
47
- "value": "{color.neutral.400}66",
48
- "attributes": {
49
- "appearance": {
50
- "dark": {
51
- "value": "{color.neutral.400}29"
52
- }
53
- }
54
- }
55
- },
56
- "danger": {
57
- "value": "{color.neutral.400}66",
58
- "attributes": {
59
- "appearance": {
60
- "dark": {
61
- "value": "{color.neutral.400}29"
62
- }
63
- }
64
- }
65
- }
66
- }
67
- },
68
- "hover": {
69
- "default": {
70
- "value": "{color.neutral.400}14",
71
- "attributes": {
72
- "appearance": {
73
- "dark": {
74
- "value": "{color.neutral.0}14"
75
- }
76
- }
77
- }
78
- },
79
- "primary": {
80
- "value": "{color.blue.500}1A",
81
- "attributes": {
82
- "appearance": {
83
- "dark": {
84
- "value": "{color.blue.300}1A"
85
- }
86
- }
87
- }
88
- },
89
- "danger": {
90
- "value": "{color.red.500}0F",
91
- "attributes": {
92
- "appearance": {
93
- "dark": {
94
- "value": "{color.red.300}1A"
95
- }
96
- }
97
- }
98
- },
99
- "on": {
100
- "default": {
101
- "value": "{color.neutral.400}14",
102
- "attributes": {
103
- "appearance": {
104
- "dark": {
105
- "value": "{color.neutral.0}14"
106
- }
107
- }
108
- }
109
- },
110
- "primary": {
111
- "value": "{color.neutral.400}33",
112
- "attributes": {
113
- "appearance": {
114
- "dark": {
115
- "value": "{color.neutral.0}29"
116
- }
117
- }
118
- }
119
- },
120
- "danger": {
121
- "value": "{color.neutral.400}33",
122
- "attributes": {
123
- "appearance": {
124
- "dark": {
125
- "value": "{color.neutral.0}29"
126
- }
127
- }
128
- }
129
- }
130
- }
131
- }
132
- }
133
- }
134
- }