@anvpx/motion-themes 0.0.0-stage → 0.1.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.
@@ -0,0 +1,362 @@
1
+ {
2
+ "$description": "calm: neutral slate ground, steady blue and teal accents (dark), DTCG format",
3
+ "color": {
4
+ "$type": "color",
5
+ "bg": {
6
+ "$value": "#0f141b"
7
+ },
8
+ "bgEnd": {
9
+ "$value": "#161d27"
10
+ },
11
+ "glow": {
12
+ "$value": "#203753"
13
+ },
14
+ "glow2": {
15
+ "$value": "#1a3b3b"
16
+ },
17
+ "surface": {
18
+ "$value": "#171e29"
19
+ },
20
+ "card": {
21
+ "$value": "#1d2532"
22
+ },
23
+ "divider": {
24
+ "$value": "#313d4f"
25
+ },
26
+ "accentSoft": {
27
+ "$value": "#223a5c"
28
+ },
29
+ "fg": {
30
+ "$value": "#eef2f7"
31
+ },
32
+ "muted": {
33
+ "$value": "#a9b5c6"
34
+ },
35
+ "accent": {
36
+ "$value": "#82b4f2"
37
+ },
38
+ "accent2": {
39
+ "$value": "#5fd0c0"
40
+ },
41
+ "onAccent": {
42
+ "$value": "#0b1420"
43
+ },
44
+ "onAccent2": {
45
+ "$value": "#07201c"
46
+ },
47
+ "deep": {
48
+ "$value": "#1b3556"
49
+ },
50
+ "deepEnd": {
51
+ "$value": "#0f2038"
52
+ },
53
+ "onDeep": {
54
+ "$value": "#ffffff"
55
+ },
56
+ "onDeepMuted": {
57
+ "$value": "#bdd0e8"
58
+ }
59
+ },
60
+ "chart": {
61
+ "1": {
62
+ "$value": "#82b4f2"
63
+ },
64
+ "2": {
65
+ "$value": "#f59a5b"
66
+ },
67
+ "3": {
68
+ "$value": "#5fd0c0"
69
+ },
70
+ "4": {
71
+ "$value": "#b894f2"
72
+ },
73
+ "5": {
74
+ "$value": "#f2748a"
75
+ },
76
+ "6": {
77
+ "$value": "#6fcbe8"
78
+ },
79
+ "7": {
80
+ "$value": "#e6c15a"
81
+ },
82
+ "8": {
83
+ "$value": "#aab5c5"
84
+ },
85
+ "$type": "color"
86
+ },
87
+ "font": {
88
+ "$type": "fontFamily",
89
+ "sans": {
90
+ "$value": ["Inter", "system-ui", "sans-serif"]
91
+ },
92
+ "display": {
93
+ "$value": ["Inter", "system-ui", "sans-serif"]
94
+ },
95
+ "mono": {
96
+ "$value": ["ui-monospace", "SFMono-Regular", "Menlo", "Consolas", "monospace"]
97
+ }
98
+ },
99
+ "fontSize": {
100
+ "$type": "dimension",
101
+ "sm": {
102
+ "$value": "28px"
103
+ },
104
+ "md": {
105
+ "$value": "32px"
106
+ },
107
+ "lg": {
108
+ "$value": "48px"
109
+ },
110
+ "xl": {
111
+ "$value": "72px"
112
+ },
113
+ "title": {
114
+ "$value": "96px"
115
+ },
116
+ "display": {
117
+ "$value": "128px"
118
+ },
119
+ "heroSm": {
120
+ "$value": "160px"
121
+ },
122
+ "heroMd": {
123
+ "$value": "240px"
124
+ },
125
+ "hero": {
126
+ "$value": "360px"
127
+ }
128
+ },
129
+ "spacing": {
130
+ "$type": "dimension",
131
+ "xs": {
132
+ "$value": "4px"
133
+ },
134
+ "sm": {
135
+ "$value": "8px"
136
+ },
137
+ "md": {
138
+ "$value": "16px"
139
+ },
140
+ "lg": {
141
+ "$value": "32px"
142
+ },
143
+ "xl": {
144
+ "$value": "64px"
145
+ },
146
+ "xxl": {
147
+ "$value": "96px"
148
+ }
149
+ },
150
+ "radius": {
151
+ "$type": "dimension",
152
+ "sm": {
153
+ "$value": "4px"
154
+ },
155
+ "md": {
156
+ "$value": "8px"
157
+ },
158
+ "lg": {
159
+ "$value": "12px"
160
+ },
161
+ "xl": {
162
+ "$value": "20px"
163
+ },
164
+ "full": {
165
+ "$value": "9999px"
166
+ }
167
+ },
168
+ "opacity": {
169
+ "$type": "number",
170
+ "subtle": {
171
+ "$value": 0.7
172
+ },
173
+ "medium": {
174
+ "$value": 0.85
175
+ },
176
+ "full": {
177
+ "$value": 1
178
+ }
179
+ },
180
+ "duration": {
181
+ "$type": "duration",
182
+ "fast": {
183
+ "$value": "200ms"
184
+ },
185
+ "base": {
186
+ "$value": "400ms"
187
+ },
188
+ "slow": {
189
+ "$value": "800ms"
190
+ }
191
+ },
192
+ "status": {
193
+ "$type": "color",
194
+ "good": {
195
+ "$value": "#4ade80"
196
+ },
197
+ "warn": {
198
+ "$value": "#fbbf24"
199
+ },
200
+ "bad": {
201
+ "$value": "#fb7185"
202
+ }
203
+ },
204
+ "stroke": {
205
+ "$type": "dimension",
206
+ "card": {
207
+ "$value": "0px"
208
+ },
209
+ "icon": {
210
+ "$value": "1.75px"
211
+ }
212
+ },
213
+ "numeric": {
214
+ "mode": {
215
+ "$type": "string",
216
+ "$value": "tabular"
217
+ }
218
+ },
219
+ "shadow": {
220
+ "mode": {
221
+ "$type": "string",
222
+ "$value": "soft"
223
+ },
224
+ "color": {
225
+ "$type": "color",
226
+ "$value": "#eef2f7"
227
+ }
228
+ },
229
+ "$extensions": {
230
+ "motion-kit": {
231
+ "family": "calm",
232
+ "mode": "dark",
233
+ "pair": "calm-light",
234
+ "textPairs": [
235
+ {
236
+ "fg": "fg",
237
+ "bg": "bg"
238
+ },
239
+ {
240
+ "fg": "fg",
241
+ "bg": "bgEnd"
242
+ },
243
+ {
244
+ "fg": "fg",
245
+ "bg": "glow"
246
+ },
247
+ {
248
+ "fg": "fg",
249
+ "bg": "glow2"
250
+ },
251
+ {
252
+ "fg": "fg",
253
+ "bg": "surface"
254
+ },
255
+ {
256
+ "fg": "fg",
257
+ "bg": "card"
258
+ },
259
+ {
260
+ "fg": "fg",
261
+ "bg": "accentSoft"
262
+ },
263
+ {
264
+ "fg": "muted",
265
+ "bg": "bg"
266
+ },
267
+ {
268
+ "fg": "muted",
269
+ "bg": "bgEnd"
270
+ },
271
+ {
272
+ "fg": "muted",
273
+ "bg": "glow"
274
+ },
275
+ {
276
+ "fg": "muted",
277
+ "bg": "glow2"
278
+ },
279
+ {
280
+ "fg": "muted",
281
+ "bg": "surface"
282
+ },
283
+ {
284
+ "fg": "muted",
285
+ "bg": "card"
286
+ },
287
+ {
288
+ "fg": "muted",
289
+ "bg": "accentSoft"
290
+ },
291
+ {
292
+ "fg": "accent",
293
+ "bg": "bg"
294
+ },
295
+ {
296
+ "fg": "accent",
297
+ "bg": "bgEnd"
298
+ },
299
+ {
300
+ "fg": "accent",
301
+ "bg": "glow"
302
+ },
303
+ {
304
+ "fg": "accent",
305
+ "bg": "glow2"
306
+ },
307
+ {
308
+ "fg": "accent",
309
+ "bg": "surface"
310
+ },
311
+ {
312
+ "fg": "accent",
313
+ "bg": "card"
314
+ },
315
+ {
316
+ "fg": "accent",
317
+ "bg": "accentSoft"
318
+ },
319
+ {
320
+ "fg": "accent2",
321
+ "bg": "bg"
322
+ },
323
+ {
324
+ "fg": "accent2",
325
+ "bg": "bgEnd"
326
+ },
327
+ {
328
+ "fg": "accent2",
329
+ "bg": "surface"
330
+ },
331
+ {
332
+ "fg": "accent2",
333
+ "bg": "card"
334
+ },
335
+ {
336
+ "fg": "onAccent",
337
+ "bg": "accent"
338
+ },
339
+ {
340
+ "fg": "onAccent2",
341
+ "bg": "accent2"
342
+ },
343
+ {
344
+ "fg": "onDeep",
345
+ "bg": "deep"
346
+ },
347
+ {
348
+ "fg": "onDeep",
349
+ "bg": "deepEnd"
350
+ },
351
+ {
352
+ "fg": "onDeepMuted",
353
+ "bg": "deep"
354
+ },
355
+ {
356
+ "fg": "onDeepMuted",
357
+ "bg": "deepEnd"
358
+ }
359
+ ]
360
+ }
361
+ }
362
+ }
@@ -0,0 +1,319 @@
1
+ {
2
+ "$description": "motion-kit dark theme, DTCG format",
3
+ "color": {
4
+ "$type": "color",
5
+ "bg": {
6
+ "$value": "#060b17"
7
+ },
8
+ "bgEnd": {
9
+ "$value": "#0d1830"
10
+ },
11
+ "glow": {
12
+ "$value": "#173070"
13
+ },
14
+ "glow2": {
15
+ "$value": "#0b3d3d"
16
+ },
17
+ "surface": {
18
+ "$value": "#111b30"
19
+ },
20
+ "card": {
21
+ "$value": "#16223c"
22
+ },
23
+ "divider": {
24
+ "$value": "#2c3c5e"
25
+ },
26
+ "accentSoft": {
27
+ "$value": "#17305e"
28
+ },
29
+ "fg": {
30
+ "$value": "#f3f5fa"
31
+ },
32
+ "muted": {
33
+ "$value": "#aab4c8"
34
+ },
35
+ "accent": {
36
+ "$value": "#6aa8ff"
37
+ },
38
+ "accent2": {
39
+ "$value": "#3ddbc4"
40
+ },
41
+ "onAccent": {
42
+ "$value": "#060b17"
43
+ },
44
+ "onAccent2": {
45
+ "$value": "#060b17"
46
+ },
47
+ "deep": {
48
+ "$value": "#1b2f7a"
49
+ },
50
+ "deepEnd": {
51
+ "$value": "#0a1340"
52
+ },
53
+ "onDeep": {
54
+ "$value": "#ffffff"
55
+ },
56
+ "onDeepMuted": {
57
+ "$value": "#c7d2fe"
58
+ }
59
+ },
60
+ "chart": {
61
+ "$type": "color",
62
+ "1": {
63
+ "$value": "#60a5fa"
64
+ },
65
+ "2": {
66
+ "$value": "#fb923c"
67
+ },
68
+ "3": {
69
+ "$value": "#4ade80"
70
+ },
71
+ "4": {
72
+ "$value": "#c084fc"
73
+ },
74
+ "5": {
75
+ "$value": "#f87171"
76
+ },
77
+ "6": {
78
+ "$value": "#22d3ee"
79
+ },
80
+ "7": {
81
+ "$value": "#facc15"
82
+ },
83
+ "8": {
84
+ "$value": "#94a3b8"
85
+ }
86
+ },
87
+ "font": {
88
+ "$type": "fontFamily",
89
+ "sans": {
90
+ "$value": ["Inter", "system-ui", "sans-serif"]
91
+ },
92
+ "mono": {
93
+ "$value": ["JetBrains Mono", "ui-monospace", "monospace"]
94
+ }
95
+ },
96
+ "fontSize": {
97
+ "$type": "dimension",
98
+ "sm": {
99
+ "$value": "28px"
100
+ },
101
+ "md": {
102
+ "$value": "32px"
103
+ },
104
+ "lg": {
105
+ "$value": "48px"
106
+ },
107
+ "xl": {
108
+ "$value": "72px"
109
+ },
110
+ "title": {
111
+ "$value": "96px"
112
+ },
113
+ "display": {
114
+ "$value": "128px"
115
+ },
116
+ "heroSm": {
117
+ "$value": "160px"
118
+ },
119
+ "heroMd": {
120
+ "$value": "240px"
121
+ },
122
+ "hero": {
123
+ "$value": "360px"
124
+ }
125
+ },
126
+ "spacing": {
127
+ "$type": "dimension",
128
+ "xs": {
129
+ "$value": "4px"
130
+ },
131
+ "sm": {
132
+ "$value": "8px"
133
+ },
134
+ "md": {
135
+ "$value": "16px"
136
+ },
137
+ "lg": {
138
+ "$value": "32px"
139
+ },
140
+ "xl": {
141
+ "$value": "64px"
142
+ },
143
+ "xxl": {
144
+ "$value": "96px"
145
+ }
146
+ },
147
+ "radius": {
148
+ "$type": "dimension",
149
+ "sm": {
150
+ "$value": "4px"
151
+ },
152
+ "md": {
153
+ "$value": "8px"
154
+ },
155
+ "lg": {
156
+ "$value": "16px"
157
+ },
158
+ "xl": {
159
+ "$value": "28px"
160
+ },
161
+ "full": {
162
+ "$value": "9999px"
163
+ }
164
+ },
165
+ "opacity": {
166
+ "$type": "number",
167
+ "subtle": {
168
+ "$value": 0.7
169
+ },
170
+ "medium": {
171
+ "$value": 0.85
172
+ },
173
+ "full": {
174
+ "$value": 1
175
+ }
176
+ },
177
+ "duration": {
178
+ "$type": "duration",
179
+ "fast": {
180
+ "$value": "200ms"
181
+ },
182
+ "base": {
183
+ "$value": "400ms"
184
+ },
185
+ "slow": {
186
+ "$value": "800ms"
187
+ }
188
+ },
189
+ "$extensions": {
190
+ "motion-kit": {
191
+ "textPairs": [
192
+ {
193
+ "fg": "fg",
194
+ "bg": "bg"
195
+ },
196
+ {
197
+ "fg": "fg",
198
+ "bg": "bgEnd"
199
+ },
200
+ {
201
+ "fg": "fg",
202
+ "bg": "glow"
203
+ },
204
+ {
205
+ "fg": "fg",
206
+ "bg": "glow2"
207
+ },
208
+ {
209
+ "fg": "fg",
210
+ "bg": "surface"
211
+ },
212
+ {
213
+ "fg": "fg",
214
+ "bg": "card"
215
+ },
216
+ {
217
+ "fg": "fg",
218
+ "bg": "accentSoft"
219
+ },
220
+ {
221
+ "fg": "muted",
222
+ "bg": "bg"
223
+ },
224
+ {
225
+ "fg": "muted",
226
+ "bg": "bgEnd"
227
+ },
228
+ {
229
+ "fg": "muted",
230
+ "bg": "glow"
231
+ },
232
+ {
233
+ "fg": "muted",
234
+ "bg": "glow2"
235
+ },
236
+ {
237
+ "fg": "muted",
238
+ "bg": "surface"
239
+ },
240
+ {
241
+ "fg": "muted",
242
+ "bg": "card"
243
+ },
244
+ {
245
+ "fg": "muted",
246
+ "bg": "accentSoft"
247
+ },
248
+ {
249
+ "fg": "accent",
250
+ "bg": "bg"
251
+ },
252
+ {
253
+ "fg": "accent",
254
+ "bg": "bgEnd"
255
+ },
256
+ {
257
+ "fg": "accent",
258
+ "bg": "glow"
259
+ },
260
+ {
261
+ "fg": "accent",
262
+ "bg": "glow2"
263
+ },
264
+ {
265
+ "fg": "accent",
266
+ "bg": "surface"
267
+ },
268
+ {
269
+ "fg": "accent",
270
+ "bg": "card"
271
+ },
272
+ {
273
+ "fg": "accent",
274
+ "bg": "accentSoft"
275
+ },
276
+ {
277
+ "fg": "accent2",
278
+ "bg": "bg"
279
+ },
280
+ {
281
+ "fg": "accent2",
282
+ "bg": "bgEnd"
283
+ },
284
+ {
285
+ "fg": "accent2",
286
+ "bg": "surface"
287
+ },
288
+ {
289
+ "fg": "accent2",
290
+ "bg": "card"
291
+ },
292
+ {
293
+ "fg": "onAccent",
294
+ "bg": "accent"
295
+ },
296
+ {
297
+ "fg": "onAccent2",
298
+ "bg": "accent2"
299
+ },
300
+ {
301
+ "fg": "onDeep",
302
+ "bg": "deep"
303
+ },
304
+ {
305
+ "fg": "onDeep",
306
+ "bg": "deepEnd"
307
+ },
308
+ {
309
+ "fg": "onDeepMuted",
310
+ "bg": "deep"
311
+ },
312
+ {
313
+ "fg": "onDeepMuted",
314
+ "bg": "deepEnd"
315
+ }
316
+ ]
317
+ }
318
+ }
319
+ }