@servicetitan/hammer-token 0.0.0-themeprovider-refactor.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 (37) hide show
  1. package/.turbo/turbo-build.log +28 -0
  2. package/.turbo/turbo-lint.log +4 -0
  3. package/CHANGELOG.md +260 -0
  4. package/build/web/core/css-utils/border.css +13 -0
  5. package/build/web/core/css-utils/color.css +89 -0
  6. package/build/web/core/css-utils/font.css +21 -0
  7. package/build/web/core/css-utils/spacing.css +204 -0
  8. package/build/web/core/css-utils/utils.css +322 -0
  9. package/build/web/core/index.js +4 -0
  10. package/build/web/core/primitive.js +115 -0
  11. package/build/web/core/primitive.scss +115 -0
  12. package/build/web/core/raw.js +125 -0
  13. package/build/web/core/semantic-variables.scss +150 -0
  14. package/build/web/core/semantic.js +463 -0
  15. package/build/web/core/semantic.scss +76 -0
  16. package/build/web/index.d.ts +4 -0
  17. package/build/web/index.js +3 -0
  18. package/config.js +345 -0
  19. package/package.json +25 -0
  20. package/src/global/primitive/breakpoint.json +19 -0
  21. package/src/global/primitive/color.json +231 -0
  22. package/src/global/primitive/duration.json +16 -0
  23. package/src/global/primitive/font.json +60 -0
  24. package/src/global/primitive/size.json +55 -0
  25. package/src/global/primitive/transition.json +16 -0
  26. package/src/theme/core/background.json +144 -0
  27. package/src/theme/core/border.json +84 -0
  28. package/src/theme/core/focus.json +31 -0
  29. package/src/theme/core/foreground.json +88 -0
  30. package/src/theme/core/overlay.json +134 -0
  31. package/src/theme/core/shadow.json +25 -0
  32. package/src/theme/core/status.json +46 -0
  33. package/src/theme/core/typography.json +79 -0
  34. package/src/utils/copy-css-utils-cli.js +49 -0
  35. package/src/utils/css-utils-format-utils.js +185 -0
  36. package/test.txt +1 -0
  37. package/type/types.ts +215 -0
@@ -0,0 +1,55 @@
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
+ }
@@ -0,0 +1,16 @@
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
+ }
@@ -0,0 +1,144 @@
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
+ }
@@ -0,0 +1,84 @@
1
+ {
2
+ "border": {
3
+ "radius": {
4
+ "none": {
5
+ "value": "{size.0}"
6
+ },
7
+ "rounded": {
8
+ "value": "0.375rem"
9
+ },
10
+ "rounded-strong": {
11
+ "value": "1rem"
12
+ },
13
+ "pill": {
14
+ "value": "500px"
15
+ },
16
+ "circular": {
17
+ "value": "100%"
18
+ }
19
+ },
20
+ "width": {
21
+ "none": {
22
+ "value": "{size.0}"
23
+ },
24
+ "default": {
25
+ "value": "{size.quarter}"
26
+ },
27
+ "strong": {
28
+ "value": "{size.half}"
29
+ }
30
+ },
31
+ "color": {
32
+ "default": {
33
+ "value": "{color.neutral.80}",
34
+ "attributes": {
35
+ "appearance": {
36
+ "dark": {
37
+ "value": "{color.neutral.100}"
38
+ }
39
+ }
40
+ }
41
+ },
42
+ "subdued": {
43
+ "value": "{color.neutral.60}",
44
+ "attributes": {
45
+ "appearance": {
46
+ "dark": {
47
+ "value": "{color.neutral.200}"
48
+ }
49
+ }
50
+ }
51
+ },
52
+ "strong": {
53
+ "value": "{color.neutral.200}",
54
+ "attributes": {
55
+ "appearance": {
56
+ "dark": {
57
+ "value": "{color.neutral.60}"
58
+ }
59
+ }
60
+ }
61
+ },
62
+ "primary": {
63
+ "value": "{status.color.info}",
64
+ "attributes": {
65
+ "appearance": {
66
+ "dark": {
67
+ "value": "{status.color.info.attributes.appearance.dark}"
68
+ }
69
+ }
70
+ }
71
+ },
72
+ "danger": {
73
+ "value": "{status.color.danger}",
74
+ "attributes": {
75
+ "appearance": {
76
+ "dark": {
77
+ "value": "{status.color.danger.attributes.appearance.dark}"
78
+ }
79
+ }
80
+ }
81
+ }
82
+ }
83
+ }
84
+ }
@@ -0,0 +1,31 @@
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
+ }
@@ -0,0 +1,88 @@
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
+ }
87
+ }
88
+ }
@@ -0,0 +1,134 @@
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}4D",
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}29",
48
+ "attributes": {
49
+ "appearance": {
50
+ "dark": {
51
+ "value": "{color.neutral.400}29"
52
+ }
53
+ }
54
+ }
55
+ },
56
+ "danger": {
57
+ "value": "{color.neutral.400}29",
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}1A",
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.0}29",
112
+ "attributes": {
113
+ "appearance": {
114
+ "dark": {
115
+ "value": "{color.neutral.0}29"
116
+ }
117
+ }
118
+ }
119
+ },
120
+ "danger": {
121
+ "value": "{color.neutral.0}29",
122
+ "attributes": {
123
+ "appearance": {
124
+ "dark": {
125
+ "value": "{color.neutral.0}29"
126
+ }
127
+ }
128
+ }
129
+ }
130
+ }
131
+ }
132
+ }
133
+ }
134
+ }
@@ -0,0 +1,25 @@
1
+ {
2
+ "shadow": {
3
+ "color": {
4
+ "value": "{color.neutral.400}14",
5
+ "attributes": {
6
+ "appearance": {
7
+ "dark": {
8
+ "value": "{color.neutral.0}14"
9
+ }
10
+ }
11
+ }
12
+ },
13
+ "size": {
14
+ "flat": {
15
+ "value": "{size.0} {size.0} {size.0}"
16
+ },
17
+ "float": {
18
+ "value": "{size.0} {size.half} {size.2}"
19
+ },
20
+ "overlay": {
21
+ "value": "{size.0} {size.2} {size.6}"
22
+ }
23
+ }
24
+ }
25
+ }
@@ -0,0 +1,46 @@
1
+ {
2
+ "status": {
3
+ "color": {
4
+ "info": {
5
+ "value": "{color.blue.500}",
6
+ "attributes": {
7
+ "appearance": {
8
+ "dark": {
9
+ "value": "{color.blue.300}"
10
+ }
11
+ }
12
+ }
13
+ },
14
+ "danger": {
15
+ "value": "{color.red.500}",
16
+ "attributes": {
17
+ "appearance": {
18
+ "dark": {
19
+ "value": "{color.red.300}"
20
+ }
21
+ }
22
+ }
23
+ },
24
+ "success": {
25
+ "value": "{color.green.500}",
26
+ "attributes": {
27
+ "appearance": {
28
+ "dark": {
29
+ "value": "{color.green.300}"
30
+ }
31
+ }
32
+ }
33
+ },
34
+ "warning": {
35
+ "value": "{color.yellow.500}",
36
+ "attributes": {
37
+ "appearance": {
38
+ "dark": {
39
+ "value": "{color.yellow.300}"
40
+ }
41
+ }
42
+ }
43
+ }
44
+ }
45
+ }
46
+ }
@@ -0,0 +1,79 @@
1
+ {
2
+ "typography": {
3
+ "paragraph": {
4
+ "size": {
5
+ "xsmall": {
6
+ "value": "{font.size.200}"
7
+ },
8
+ "small": {
9
+ "value": "{font.size.300}"
10
+ },
11
+ "default": {
12
+ "value": "{font.size.400}"
13
+ },
14
+ "large": {
15
+ "value": "{font.size.500}"
16
+ },
17
+ "xlarge": {
18
+ "value": "{font.size.600}"
19
+ }
20
+ },
21
+ "font-weight": {
22
+ "value": "{font.weight.normal}"
23
+ },
24
+ "font-family": {
25
+ "value": "{font.family.base}"
26
+ }
27
+ },
28
+ "heading": {
29
+ "size": {
30
+ "xsmall": {
31
+ "value": "{font.size.300}"
32
+ },
33
+ "small": {
34
+ "value": "{font.size.400}"
35
+ },
36
+ "default": {
37
+ "value": "{font.size.500}"
38
+ },
39
+ "large": {
40
+ "value": "{font.size.600}"
41
+ },
42
+ "xlarge": {
43
+ "value": "{font.size.800}"
44
+ }
45
+ },
46
+ "font-weight": {
47
+ "value": "{font.weight.bold}"
48
+ },
49
+ "font-family": {
50
+ "value": "{font.family.display}"
51
+ }
52
+ },
53
+ "label": {
54
+ "size": {
55
+ "xsmall": {
56
+ "value": "{font.size.100}"
57
+ },
58
+ "small": {
59
+ "value": "{font.size.200}"
60
+ },
61
+ "default": {
62
+ "value": "{font.size.300}"
63
+ },
64
+ "large": {
65
+ "value": "{font.size.400}"
66
+ },
67
+ "xlarge": {
68
+ "value": "{font.size.500}"
69
+ }
70
+ },
71
+ "font-weight": {
72
+ "value": "{font.weight.semibold}"
73
+ },
74
+ "font-family": {
75
+ "value": "{font.family.base}"
76
+ }
77
+ }
78
+ }
79
+ }