@clafoutis/cli 1.1.2 → 1.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 (15) hide show
  1. package/dist/index.js +147 -37
  2. package/dist/index.js.map +1 -1
  3. package/dist/templates/tokens/colors/components.dark.json +608 -152
  4. package/dist/templates/tokens/colors/components.json +608 -152
  5. package/dist/templates/tokens/colors/semantics.dark.json +220 -55
  6. package/dist/templates/tokens/colors/semantics.json +220 -55
  7. package/dist/templates/tokens/dimensions/base.json +0 -2
  8. package/dist/templates/tokens/typography/base.json +0 -5
  9. package/package.json +1 -1
  10. package/src/templates/tokens/colors/components.dark.json +608 -152
  11. package/src/templates/tokens/colors/components.json +608 -152
  12. package/src/templates/tokens/colors/semantics.dark.json +220 -55
  13. package/src/templates/tokens/colors/semantics.json +220 -55
  14. package/src/templates/tokens/dimensions/base.json +0 -2
  15. package/src/templates/tokens/typography/base.json +0 -5
package/dist/templates/tokens/colors/semantics.dark.json CHANGED
@@ -1,86 +1,251 @@
1
1
  {
2
2
  "colors": {
3
3
  "background": {
4
- "primary": { "$type": "color", "$value": "{colors.slate.100}" },
5
- "secondary": { "$type": "color", "$value": "{colors.slate.200}" },
6
- "tertiary": { "$type": "color", "$value": "{colors.slate.500}" },
7
- "inverse": { "$type": "color", "$value": "{colors.slate.100}" },
8
- "overlay": { "$type": "color", "$value": "{colors.blackAlpha.900}" }
4
+ "primary": {
5
+ "$type": "color",
6
+ "$value": "{colors.slate.100}"
7
+ },
8
+ "secondary": {
9
+ "$type": "color",
10
+ "$value": "{colors.slate.200}"
11
+ },
12
+ "tertiary": {
13
+ "$type": "color",
14
+ "$value": "{colors.slate.500}"
15
+ },
16
+ "inverse": {
17
+ "$type": "color",
18
+ "$value": "{colors.slate.100}"
19
+ },
20
+ "overlay": {
21
+ "$type": "color",
22
+ "$value": "{colors.blackAlpha.900}"
23
+ }
9
24
  },
10
25
  "text": {
11
- "base": { "$type": "color", "$value": "{colors.slate.1200}" },
12
- "primary": { "$type": "color", "$value": "{colors.slate.1200}" },
13
- "secondary": { "$type": "color", "$value": "{colors.slate.1100}" },
14
- "tertiary": { "$type": "color", "$value": "{colors.slate.900}" },
15
- "inverse": { "$type": "color", "$value": "{colors.slate.100}" },
16
- "accent": { "$type": "color", "$value": "{colors.blue.1100}" },
17
- "disabled": { "$type": "color", "$value": "{colors.slate.700}" },
18
- "placeholder": { "$type": "color", "$value": "{colors.slate.700}" },
19
- "link": { "$type": "color", "$value": "{colors.blue.1100}" }
26
+ "base": {
27
+ "$type": "color",
28
+ "$value": "{colors.slate.1200}"
29
+ },
30
+ "primary": {
31
+ "$type": "color",
32
+ "$value": "{colors.slate.1200}"
33
+ },
34
+ "secondary": {
35
+ "$type": "color",
36
+ "$value": "{colors.slate.1100}"
37
+ },
38
+ "tertiary": {
39
+ "$type": "color",
40
+ "$value": "{colors.slate.900}"
41
+ },
42
+ "inverse": {
43
+ "$type": "color",
44
+ "$value": "{colors.slate.100}"
45
+ },
46
+ "accent": {
47
+ "$type": "color",
48
+ "$value": "{colors.blue.1100}"
49
+ },
50
+ "disabled": {
51
+ "$type": "color",
52
+ "$value": "{colors.slate.700}"
53
+ },
54
+ "placeholder": {
55
+ "$type": "color",
56
+ "$value": "{colors.slate.700}"
57
+ },
58
+ "link": {
59
+ "$type": "color",
60
+ "$value": "{colors.blue.1100}"
61
+ }
20
62
  },
21
63
  "surface": {
22
- "primary": { "$type": "color", "$value": "{colors.slate.300}" },
23
- "secondary": { "$type": "color", "$value": "{colors.slate.400}" },
24
- "tertiary": { "$type": "color", "$value": "{colors.slate.500}" },
25
- "inset": { "$type": "color", "$value": "{colors.slate.100}" }
64
+ "primary": {
65
+ "$type": "color",
66
+ "$value": "{colors.slate.300}"
67
+ },
68
+ "secondary": {
69
+ "$type": "color",
70
+ "$value": "{colors.slate.400}"
71
+ },
72
+ "tertiary": {
73
+ "$type": "color",
74
+ "$value": "{colors.slate.500}"
75
+ },
76
+ "inset": {
77
+ "$type": "color",
78
+ "$value": "{colors.slate.100}"
79
+ }
26
80
  },
27
81
  "border": {
28
- "primary": { "$type": "color", "$value": "{colors.slate.600}" },
29
- "secondary": { "$type": "color", "$value": "{colors.slate.500}" },
30
- "accent": { "$type": "color", "$value": "{colors.blue.700}" },
31
- "inverse": { "$type": "color", "$value": "{colors.slate.1200}" },
32
- "focus": { "$type": "color", "$value": "{colors.blue.800}" },
33
- "disabled": { "$type": "color", "$value": "{colors.slate.500}" }
82
+ "primary": {
83
+ "$type": "color",
84
+ "$value": "{colors.slate.600}"
85
+ },
86
+ "secondary": {
87
+ "$type": "color",
88
+ "$value": "{colors.slate.500}"
89
+ },
90
+ "accent": {
91
+ "$type": "color",
92
+ "$value": "{colors.blue.700}"
93
+ },
94
+ "inverse": {
95
+ "$type": "color",
96
+ "$value": "{colors.slate.1200}"
97
+ },
98
+ "focus": {
99
+ "$type": "color",
100
+ "$value": "{colors.blue.800}"
101
+ },
102
+ "disabled": {
103
+ "$type": "color",
104
+ "$value": "{colors.slate.500}"
105
+ }
34
106
  },
35
107
  "separator": {
36
- "primary": { "$type": "color", "$value": "{colors.slate.500}" },
37
- "secondary": { "$type": "color", "$value": "{colors.slate.600}" }
108
+ "primary": {
109
+ "$type": "color",
110
+ "$value": "{colors.slate.500}"
111
+ },
112
+ "secondary": {
113
+ "$type": "color",
114
+ "$value": "{colors.slate.600}"
115
+ }
38
116
  },
39
117
  "icon": {
40
- "primary": { "$type": "color", "$value": "{colors.slate.1200}" },
41
- "secondary": { "$type": "color", "$value": "{colors.slate.1100}" },
42
- "muted": { "$type": "color", "$value": "{colors.slate.900}" },
43
- "inverse": { "$type": "color", "$value": "{colors.slate.100}" },
44
- "accent": { "$type": "color", "$value": "{colors.blue.1100}" },
45
- "disabled": { "$type": "color", "$value": "{colors.slate.700}" }
118
+ "primary": {
119
+ "$type": "color",
120
+ "$value": "{colors.slate.1200}"
121
+ },
122
+ "secondary": {
123
+ "$type": "color",
124
+ "$value": "{colors.slate.1100}"
125
+ },
126
+ "muted": {
127
+ "$type": "color",
128
+ "$value": "{colors.slate.900}"
129
+ },
130
+ "inverse": {
131
+ "$type": "color",
132
+ "$value": "{colors.slate.100}"
133
+ },
134
+ "accent": {
135
+ "$type": "color",
136
+ "$value": "{colors.blue.1100}"
137
+ },
138
+ "disabled": {
139
+ "$type": "color",
140
+ "$value": "{colors.slate.700}"
141
+ }
46
142
  },
47
143
  "ring": {
48
- "primary": { "$type": "color", "$value": "{colors.blue.700}" },
49
- "offset": { "$type": "color", "$value": "{colors.slate.100}" }
144
+ "primary": {
145
+ "$type": "color",
146
+ "$value": "{colors.blue.700}"
147
+ },
148
+ "offset": {
149
+ "$type": "color",
150
+ "$value": "{colors.slate.100}"
151
+ }
50
152
  },
51
153
  "highlight": {
52
- "bg": { "$type": "color", "$value": "{colors.blue.500}" },
53
- "text": { "$type": "color", "$value": "{colors.blue.1200}" }
154
+ "bg": {
155
+ "$type": "color",
156
+ "$value": "{colors.blue.500}"
157
+ },
158
+ "text": {
159
+ "$type": "color",
160
+ "$value": "{colors.blue.1200}"
161
+ }
54
162
  },
55
163
  "state": {
56
164
  "error": {
57
- "primary": { "$type": "color", "$value": "{colors.red.900}" },
58
- "bg": { "$type": "color", "$value": "{colors.red.300}" },
59
- "text": { "$type": "color", "$value": "{colors.red.1100}" },
60
- "border": { "$type": "color", "$value": "{colors.red.700}" }
165
+ "primary": {
166
+ "$type": "color",
167
+ "$value": "{colors.red.900}"
168
+ },
169
+ "bg": {
170
+ "$type": "color",
171
+ "$value": "{colors.red.300}"
172
+ },
173
+ "text": {
174
+ "$type": "color",
175
+ "$value": "{colors.red.1100}"
176
+ },
177
+ "border": {
178
+ "$type": "color",
179
+ "$value": "{colors.red.700}"
180
+ }
61
181
  },
62
182
  "warning": {
63
- "primary": { "$type": "color", "$value": "{colors.yellow.900}" },
64
- "bg": { "$type": "color", "$value": "{colors.yellow.300}" },
65
- "text": { "$type": "color", "$value": "{colors.yellow.1100}" },
66
- "border": { "$type": "color", "$value": "{colors.yellow.700}" }
183
+ "primary": {
184
+ "$type": "color",
185
+ "$value": "{colors.yellow.900}"
186
+ },
187
+ "bg": {
188
+ "$type": "color",
189
+ "$value": "{colors.yellow.300}"
190
+ },
191
+ "text": {
192
+ "$type": "color",
193
+ "$value": "{colors.yellow.1100}"
194
+ },
195
+ "border": {
196
+ "$type": "color",
197
+ "$value": "{colors.yellow.700}"
198
+ }
67
199
  },
68
200
  "info": {
69
- "primary": { "$type": "color", "$value": "{colors.blue.900}" },
70
- "bg": { "$type": "color", "$value": "{colors.blue.300}" },
71
- "text": { "$type": "color", "$value": "{colors.blue.1100}" },
72
- "border": { "$type": "color", "$value": "{colors.blue.700}" }
201
+ "primary": {
202
+ "$type": "color",
203
+ "$value": "{colors.blue.900}"
204
+ },
205
+ "bg": {
206
+ "$type": "color",
207
+ "$value": "{colors.blue.300}"
208
+ },
209
+ "text": {
210
+ "$type": "color",
211
+ "$value": "{colors.blue.1100}"
212
+ },
213
+ "border": {
214
+ "$type": "color",
215
+ "$value": "{colors.blue.700}"
216
+ }
73
217
  },
74
218
  "success": {
75
- "primary": { "$type": "color", "$value": "{colors.green.900}" },
76
- "bg": { "$type": "color", "$value": "{colors.green.300}" },
77
- "text": { "$type": "color", "$value": "{colors.green.1100}" },
78
- "border": { "$type": "color", "$value": "{colors.green.700}" }
219
+ "primary": {
220
+ "$type": "color",
221
+ "$value": "{colors.green.900}"
222
+ },
223
+ "bg": {
224
+ "$type": "color",
225
+ "$value": "{colors.green.300}"
226
+ },
227
+ "text": {
228
+ "$type": "color",
229
+ "$value": "{colors.green.1100}"
230
+ },
231
+ "border": {
232
+ "$type": "color",
233
+ "$value": "{colors.green.700}"
234
+ }
79
235
  },
80
236
  "disabled": {
81
- "bg": { "$type": "color", "$value": "{colors.slate.300}" },
82
- "text": { "$type": "color", "$value": "{colors.slate.700}" },
83
- "border": { "$type": "color", "$value": "{colors.slate.500}" }
237
+ "bg": {
238
+ "$type": "color",
239
+ "$value": "{colors.slate.300}"
240
+ },
241
+ "text": {
242
+ "$type": "color",
243
+ "$value": "{colors.slate.700}"
244
+ },
245
+ "border": {
246
+ "$type": "color",
247
+ "$value": "{colors.slate.500}"
248
+ }
84
249
  }
85
250
  }
86
251
  },
package/dist/templates/tokens/colors/semantics.json CHANGED
@@ -1,86 +1,251 @@
1
1
  {
2
2
  "colors": {
3
3
  "background": {
4
- "primary": { "$type": "color", "$value": "{colors.slate.100}" },
5
- "secondary": { "$type": "color", "$value": "{colors.slate.200}" },
6
- "tertiary": { "$type": "color", "$value": "{colors.slate.400}" },
7
- "inverse": { "$type": "color", "$value": "{colors.slate.1200}" },
8
- "overlay": { "$type": "color", "$value": "{colors.blackAlpha.700}" }
4
+ "primary": {
5
+ "$type": "color",
6
+ "$value": "{colors.slate.100}"
7
+ },
8
+ "secondary": {
9
+ "$type": "color",
10
+ "$value": "{colors.slate.200}"
11
+ },
12
+ "tertiary": {
13
+ "$type": "color",
14
+ "$value": "{colors.slate.400}"
15
+ },
16
+ "inverse": {
17
+ "$type": "color",
18
+ "$value": "{colors.slate.1200}"
19
+ },
20
+ "overlay": {
21
+ "$type": "color",
22
+ "$value": "{colors.blackAlpha.700}"
23
+ }
9
24
  },
10
25
  "text": {
11
- "base": { "$type": "color", "$value": "{colors.slate.1200}" },
12
- "primary": { "$type": "color", "$value": "{colors.slate.1200}" },
13
- "secondary": { "$type": "color", "$value": "{colors.slate.1100}" },
14
- "tertiary": { "$type": "color", "$value": "{colors.slate.900}" },
15
- "inverse": { "$type": "color", "$value": "{colors.slate.100}" },
16
- "accent": { "$type": "color", "$value": "{colors.blue.1100}" },
17
- "disabled": { "$type": "color", "$value": "{colors.slate.800}" },
18
- "placeholder": { "$type": "color", "$value": "{colors.slate.800}" },
19
- "link": { "$type": "color", "$value": "{colors.blue.1100}" }
26
+ "base": {
27
+ "$type": "color",
28
+ "$value": "{colors.slate.1200}"
29
+ },
30
+ "primary": {
31
+ "$type": "color",
32
+ "$value": "{colors.slate.1200}"
33
+ },
34
+ "secondary": {
35
+ "$type": "color",
36
+ "$value": "{colors.slate.1100}"
37
+ },
38
+ "tertiary": {
39
+ "$type": "color",
40
+ "$value": "{colors.slate.900}"
41
+ },
42
+ "inverse": {
43
+ "$type": "color",
44
+ "$value": "{colors.slate.100}"
45
+ },
46
+ "accent": {
47
+ "$type": "color",
48
+ "$value": "{colors.blue.1100}"
49
+ },
50
+ "disabled": {
51
+ "$type": "color",
52
+ "$value": "{colors.slate.800}"
53
+ },
54
+ "placeholder": {
55
+ "$type": "color",
56
+ "$value": "{colors.slate.800}"
57
+ },
58
+ "link": {
59
+ "$type": "color",
60
+ "$value": "{colors.blue.1100}"
61
+ }
20
62
  },
21
63
  "surface": {
22
- "primary": { "$type": "color", "$value": "{colors.slate.100}" },
23
- "secondary": { "$type": "color", "$value": "{colors.slate.200}" },
24
- "tertiary": { "$type": "color", "$value": "{colors.slate.300}" },
25
- "inset": { "$type": "color", "$value": "{colors.slate.300}" }
64
+ "primary": {
65
+ "$type": "color",
66
+ "$value": "{colors.slate.100}"
67
+ },
68
+ "secondary": {
69
+ "$type": "color",
70
+ "$value": "{colors.slate.200}"
71
+ },
72
+ "tertiary": {
73
+ "$type": "color",
74
+ "$value": "{colors.slate.300}"
75
+ },
76
+ "inset": {
77
+ "$type": "color",
78
+ "$value": "{colors.slate.300}"
79
+ }
26
80
  },
27
81
  "border": {
28
- "primary": { "$type": "color", "$value": "{colors.slate.600}" },
29
- "secondary": { "$type": "color", "$value": "{colors.slate.500}" },
30
- "accent": { "$type": "color", "$value": "{colors.blue.700}" },
31
- "inverse": { "$type": "color", "$value": "{colors.slate.1200}" },
32
- "focus": { "$type": "color", "$value": "{colors.blue.800}" },
33
- "disabled": { "$type": "color", "$value": "{colors.slate.400}" }
82
+ "primary": {
83
+ "$type": "color",
84
+ "$value": "{colors.slate.600}"
85
+ },
86
+ "secondary": {
87
+ "$type": "color",
88
+ "$value": "{colors.slate.500}"
89
+ },
90
+ "accent": {
91
+ "$type": "color",
92
+ "$value": "{colors.blue.700}"
93
+ },
94
+ "inverse": {
95
+ "$type": "color",
96
+ "$value": "{colors.slate.1200}"
97
+ },
98
+ "focus": {
99
+ "$type": "color",
100
+ "$value": "{colors.blue.800}"
101
+ },
102
+ "disabled": {
103
+ "$type": "color",
104
+ "$value": "{colors.slate.400}"
105
+ }
34
106
  },
35
107
  "separator": {
36
- "primary": { "$type": "color", "$value": "{colors.slate.500}" },
37
- "secondary": { "$type": "color", "$value": "{colors.slate.600}" }
108
+ "primary": {
109
+ "$type": "color",
110
+ "$value": "{colors.slate.500}"
111
+ },
112
+ "secondary": {
113
+ "$type": "color",
114
+ "$value": "{colors.slate.600}"
115
+ }
38
116
  },
39
117
  "icon": {
40
- "primary": { "$type": "color", "$value": "{colors.slate.1200}" },
41
- "secondary": { "$type": "color", "$value": "{colors.slate.1100}" },
42
- "muted": { "$type": "color", "$value": "{colors.slate.900}" },
43
- "inverse": { "$type": "color", "$value": "{colors.slate.100}" },
44
- "accent": { "$type": "color", "$value": "{colors.blue.1100}" },
45
- "disabled": { "$type": "color", "$value": "{colors.slate.800}" }
118
+ "primary": {
119
+ "$type": "color",
120
+ "$value": "{colors.slate.1200}"
121
+ },
122
+ "secondary": {
123
+ "$type": "color",
124
+ "$value": "{colors.slate.1100}"
125
+ },
126
+ "muted": {
127
+ "$type": "color",
128
+ "$value": "{colors.slate.900}"
129
+ },
130
+ "inverse": {
131
+ "$type": "color",
132
+ "$value": "{colors.slate.100}"
133
+ },
134
+ "accent": {
135
+ "$type": "color",
136
+ "$value": "{colors.blue.1100}"
137
+ },
138
+ "disabled": {
139
+ "$type": "color",
140
+ "$value": "{colors.slate.800}"
141
+ }
46
142
  },
47
143
  "ring": {
48
- "primary": { "$type": "color", "$value": "{colors.blue.700}" },
49
- "offset": { "$type": "color", "$value": "{colors.slate.100}" }
144
+ "primary": {
145
+ "$type": "color",
146
+ "$value": "{colors.blue.700}"
147
+ },
148
+ "offset": {
149
+ "$type": "color",
150
+ "$value": "{colors.slate.100}"
151
+ }
50
152
  },
51
153
  "highlight": {
52
- "bg": { "$type": "color", "$value": "{colors.blue.400}" },
53
- "text": { "$type": "color", "$value": "{colors.blue.1200}" }
154
+ "bg": {
155
+ "$type": "color",
156
+ "$value": "{colors.blue.400}"
157
+ },
158
+ "text": {
159
+ "$type": "color",
160
+ "$value": "{colors.blue.1200}"
161
+ }
54
162
  },
55
163
  "state": {
56
164
  "error": {
57
- "primary": { "$type": "color", "$value": "{colors.red.900}" },
58
- "bg": { "$type": "color", "$value": "{colors.red.300}" },
59
- "text": { "$type": "color", "$value": "{colors.red.1100}" },
60
- "border": { "$type": "color", "$value": "{colors.red.700}" }
165
+ "primary": {
166
+ "$type": "color",
167
+ "$value": "{colors.red.900}"
168
+ },
169
+ "bg": {
170
+ "$type": "color",
171
+ "$value": "{colors.red.300}"
172
+ },
173
+ "text": {
174
+ "$type": "color",
175
+ "$value": "{colors.red.1100}"
176
+ },
177
+ "border": {
178
+ "$type": "color",
179
+ "$value": "{colors.red.700}"
180
+ }
61
181
  },
62
182
  "warning": {
63
- "primary": { "$type": "color", "$value": "{colors.yellow.900}" },
64
- "bg": { "$type": "color", "$value": "{colors.yellow.300}" },
65
- "text": { "$type": "color", "$value": "{colors.yellow.1100}" },
66
- "border": { "$type": "color", "$value": "{colors.yellow.700}" }
183
+ "primary": {
184
+ "$type": "color",
185
+ "$value": "{colors.yellow.900}"
186
+ },
187
+ "bg": {
188
+ "$type": "color",
189
+ "$value": "{colors.yellow.300}"
190
+ },
191
+ "text": {
192
+ "$type": "color",
193
+ "$value": "{colors.yellow.1100}"
194
+ },
195
+ "border": {
196
+ "$type": "color",
197
+ "$value": "{colors.yellow.700}"
198
+ }
67
199
  },
68
200
  "info": {
69
- "primary": { "$type": "color", "$value": "{colors.blue.900}" },
70
- "bg": { "$type": "color", "$value": "{colors.blue.300}" },
71
- "text": { "$type": "color", "$value": "{colors.blue.1100}" },
72
- "border": { "$type": "color", "$value": "{colors.blue.700}" }
201
+ "primary": {
202
+ "$type": "color",
203
+ "$value": "{colors.blue.900}"
204
+ },
205
+ "bg": {
206
+ "$type": "color",
207
+ "$value": "{colors.blue.300}"
208
+ },
209
+ "text": {
210
+ "$type": "color",
211
+ "$value": "{colors.blue.1100}"
212
+ },
213
+ "border": {
214
+ "$type": "color",
215
+ "$value": "{colors.blue.700}"
216
+ }
73
217
  },
74
218
  "success": {
75
- "primary": { "$type": "color", "$value": "{colors.green.900}" },
76
- "bg": { "$type": "color", "$value": "{colors.green.300}" },
77
- "text": { "$type": "color", "$value": "{colors.green.1100}" },
78
- "border": { "$type": "color", "$value": "{colors.green.700}" }
219
+ "primary": {
220
+ "$type": "color",
221
+ "$value": "{colors.green.900}"
222
+ },
223
+ "bg": {
224
+ "$type": "color",
225
+ "$value": "{colors.green.300}"
226
+ },
227
+ "text": {
228
+ "$type": "color",
229
+ "$value": "{colors.green.1100}"
230
+ },
231
+ "border": {
232
+ "$type": "color",
233
+ "$value": "{colors.green.700}"
234
+ }
79
235
  },
80
236
  "disabled": {
81
- "bg": { "$type": "color", "$value": "{colors.slate.300}" },
82
- "text": { "$type": "color", "$value": "{colors.slate.800}" },
83
- "border": { "$type": "color", "$value": "{colors.slate.500}" }
237
+ "bg": {
238
+ "$type": "color",
239
+ "$value": "{colors.slate.300}"
240
+ },
241
+ "text": {
242
+ "$type": "color",
243
+ "$value": "{colors.slate.800}"
244
+ },
245
+ "border": {
246
+ "$type": "color",
247
+ "$value": "{colors.slate.500}"
248
+ }
84
249
  }
85
250
  }
86
251
  },
package/dist/templates/tokens/dimensions/base.json CHANGED
@@ -25,7 +25,6 @@
25
25
  "$value": "32px"
26
26
  }
27
27
  },
28
-
29
28
  "borderRadius": {
30
29
  "none": {
31
30
  "$type": "dimension",
@@ -48,7 +47,6 @@
48
47
  "$value": "9999px"
49
48
  }
50
49
  },
51
-
52
50
  "maxWidth": {
53
51
  "container": {
54
52
  "$type": "dimension",