@opencode/theme 0.0.0-dev-19795 → 0.0.0-dev-19812

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 (18) hide show
  1. package/dist/tui/categorical.d.ts +1 -0
  2. package/dist/tui/categorical.js +1 -0
  3. package/dist/tui/expand.js +7 -7
  4. package/dist/tui/index.d.ts +2 -2
  5. package/dist/tui/index.js +2 -2
  6. package/dist/tui/resolve.js +11 -21
  7. package/dist/tui/schema.d.ts +1034 -2485
  8. package/dist/tui/schema.js +82 -42
  9. package/dist/tui/select.d.ts +3 -8
  10. package/dist/tui/select.js +2 -20
  11. package/dist/tui/syntax.js +17 -17
  12. package/dist/tui/types.d.ts +9 -15
  13. package/dist/tui/v1-migrate.js +67 -41
  14. package/package.json +1 -1
  15. package/dist/tui/defaults.d.ts +0 -546
  16. package/dist/tui/defaults.js +0 -441
  17. package/dist/tui/fallback.d.ts +0 -2
  18. package/dist/tui/fallback.js +0 -56
package/dist/tui/defaults.js DELETED
@@ -1,441 +0,0 @@
1
- export const DEFAULT_CATEGORICAL = [
2
- "blue",
3
- "purple",
4
- "green",
5
- "orange",
6
- "red",
7
- "cyan",
8
- ];
9
- export const DEFAULT_THEME = {
10
- version: 2,
11
- light: {
12
- hue: {
13
- gray: {
14
- 100: "#111827",
15
- 200: "#1f2937",
16
- 300: "#374151",
17
- 400: "#4b5563",
18
- 500: "#6b7280",
19
- 600: "#9ca3af",
20
- 700: "#d1d5db",
21
- 800: "#e5e7eb",
22
- 900: "#f3f4f6",
23
- },
24
- red: {
25
- 100: "#7f1d1d",
26
- 200: "#991b1b",
27
- 300: "#b91c1c",
28
- 400: "#dc2626",
29
- 500: "#ef4444",
30
- 600: "#f87171",
31
- 700: "#fca5a5",
32
- 800: "#fecaca",
33
- 900: "#fee2e2",
34
- },
35
- orange: {
36
- 100: "#7c2d12",
37
- 200: "#9a3412",
38
- 300: "#c2410c",
39
- 400: "#ea580c",
40
- 500: "#f97316",
41
- 600: "#fb923c",
42
- 700: "#fdba74",
43
- 800: "#fed7aa",
44
- 900: "#ffedd5",
45
- },
46
- yellow: {
47
- 100: "#713f12",
48
- 200: "#854d0e",
49
- 300: "#a16207",
50
- 400: "#ca8a04",
51
- 500: "#eab308",
52
- 600: "#facc15",
53
- 700: "#fde047",
54
- 800: "#fef08a",
55
- 900: "#fef9c3",
56
- },
57
- green: {
58
- 100: "#14532d",
59
- 200: "#166534",
60
- 300: "#15803d",
61
- 400: "#16a34a",
62
- 500: "#22c55e",
63
- 600: "#4ade80",
64
- 700: "#86efac",
65
- 800: "#bbf7d0",
66
- 900: "#dcfce7",
67
- },
68
- cyan: {
69
- 100: "#164e63",
70
- 200: "#155e75",
71
- 300: "#0e7490",
72
- 400: "#0891b2",
73
- 500: "#06b6d4",
74
- 600: "#22d3ee",
75
- 700: "#67e8f9",
76
- 800: "#a5f3fc",
77
- 900: "#cffafe",
78
- },
79
- blue: {
80
- 100: "#1e3a8a",
81
- 200: "#1e40af",
82
- 300: "#1d4ed8",
83
- 400: "#2563eb",
84
- 500: "#3b82f6",
85
- 600: "#60a5fa",
86
- 700: "#93c5fd",
87
- 800: "#bfdbfe",
88
- 900: "#dbeafe",
89
- },
90
- purple: {
91
- 100: "#581c87",
92
- 200: "#6b21a8",
93
- 300: "#7e22ce",
94
- 400: "#9333ea",
95
- 500: "#a855f7",
96
- 600: "#c084fc",
97
- 700: "#d8b4fe",
98
- 800: "#e9d5ff",
99
- 900: "#f3e8ff",
100
- },
101
- accent: "$hue.blue",
102
- interactive: "$hue.blue",
103
- neutral: "$hue.gray",
104
- },
105
- categorical: DEFAULT_CATEGORICAL,
106
- text: {
107
- default: "$hue.neutral.200",
108
- subdued: "$hue.neutral.400",
109
- action: {
110
- primary: { default: "$hue.neutral.800", $disabled: "$hue.neutral.500" },
111
- secondary: { default: "$text.subdued", $hovered: "$text.default" },
112
- destructive: { default: "$hue.red.800", $disabled: "$hue.neutral.500" },
113
- },
114
- formfield: {
115
- default: "$hue.neutral.200",
116
- $focused: "$text.action.primary.default",
117
- $pressed: "$hue.neutral.800",
118
- $disabled: "$hue.neutral.500",
119
- $selected: "$hue.interactive.300",
120
- },
121
- status: {
122
- running: "$hue.interactive.200",
123
- question: "$text.status.unread",
124
- permission: "$text.status.unread",
125
- unread: "$hue.accent.200",
126
- },
127
- feedback: {
128
- error: { default: "$hue.red.300", subdued: "$hue.red.400" },
129
- warning: { default: "$hue.yellow.200", subdued: "$hue.yellow.300" },
130
- success: { default: "$hue.green.300", subdued: "$hue.green.400" },
131
- info: { default: "$hue.cyan.300", subdued: "$hue.cyan.400" },
132
- },
133
- },
134
- background: {
135
- default: "$hue.neutral.800",
136
- raised: {
137
- base: "$hue.neutral.700",
138
- high: "$hue.neutral.600",
139
- max: "$hue.neutral.500",
140
- },
141
- action: {
142
- primary: {
143
- default: "$hue.interactive.400",
144
- $hovered: "$hue.interactive.300",
145
- $focused: "$hue.interactive.300",
146
- $pressed: "$hue.interactive.200",
147
- $selected: "$hue.interactive.300",
148
- $disabled: "$hue.neutral.700",
149
- },
150
- secondary: { default: "transparent" },
151
- destructive: {
152
- default: "$hue.red.400",
153
- $hovered: "$hue.red.300",
154
- $focused: "$hue.red.300",
155
- $pressed: "$hue.red.200",
156
- $selected: "$hue.red.300",
157
- $disabled: "$hue.neutral.700",
158
- },
159
- },
160
- formfield: {
161
- default: "$background.default",
162
- $hovered: "$background.raised.base",
163
- $focused: "$background.action.primary.default",
164
- $pressed: "$hue.interactive.200",
165
- $disabled: "$background.default",
166
- $selected: "$background.formfield.default",
167
- },
168
- feedback: {
169
- error: { default: "$background.default" },
170
- warning: { default: "$background.default" },
171
- success: { default: "$background.default" },
172
- info: { default: "$background.default" },
173
- },
174
- },
175
- border: { default: "$hue.neutral.700" },
176
- scrollbar: { default: "$hue.neutral.600" },
177
- diff: {
178
- text: {
179
- added: "$hue.green.300",
180
- removed: "$hue.red.300",
181
- context: "$hue.neutral.100",
182
- hunkHeader: "$hue.purple.400",
183
- },
184
- background: { added: "$hue.green.900", removed: "$hue.red.900", context: "$hue.neutral.900" },
185
- highlight: { added: "$hue.green.400", removed: "$hue.red.400" },
186
- lineNumber: {
187
- text: "$hue.neutral.400",
188
- background: { added: "$hue.green.800", removed: "$hue.red.800" },
189
- },
190
- },
191
- syntax: {
192
- comment: "$hue.neutral.400",
193
- keyword: "$hue.purple.400",
194
- function: "$hue.accent.400",
195
- variable: "$hue.neutral.100",
196
- string: "$hue.green.300",
197
- number: "$hue.yellow.200",
198
- type: "$hue.yellow.500",
199
- operator: "$hue.cyan.400",
200
- punctuation: "$hue.neutral.100",
201
- },
202
- markdown: {
203
- text: "$hue.neutral.100",
204
- heading: "$hue.purple.400",
205
- link: "$hue.accent.400",
206
- linkText: "$hue.cyan.400",
207
- code: "$hue.green.300",
208
- blockQuote: "$hue.neutral.400",
209
- emphasis: "$hue.yellow.500",
210
- strong: "$hue.neutral.100",
211
- horizontalRule: "$hue.neutral.700",
212
- listItem: "$hue.accent.400",
213
- listEnumeration: "$hue.cyan.400",
214
- image: "$hue.accent.400",
215
- imageText: "$hue.cyan.400",
216
- codeBlock: "$hue.neutral.100",
217
- },
218
- "@dialog": {
219
- text: { action: { primary: { default: "$hue.neutral.900" } } },
220
- background: {
221
- default: "$background.raised.base",
222
- action: { primary: { default: "$hue.interactive.500", $hovered: "$background.raised.high" } },
223
- },
224
- },
225
- },
226
- dark: {
227
- hue: {
228
- gray: {
229
- 100: "#f3f4f6",
230
- 200: "#e5e7eb",
231
- 300: "#d1d5db",
232
- 400: "#9ca3af",
233
- 500: "#6b7280",
234
- 600: "#4b5563",
235
- 700: "#374151",
236
- 800: "#1f2937",
237
- 900: "#111827",
238
- },
239
- red: {
240
- 100: "#fee2e2",
241
- 200: "#fecaca",
242
- 300: "#fca5a5",
243
- 400: "#f87171",
244
- 500: "#ef4444",
245
- 600: "#dc2626",
246
- 700: "#b91c1c",
247
- 800: "#991b1b",
248
- 900: "#7f1d1d",
249
- },
250
- orange: {
251
- 100: "#ffedd5",
252
- 200: "#fed7aa",
253
- 300: "#fdba74",
254
- 400: "#fb923c",
255
- 500: "#f97316",
256
- 600: "#ea580c",
257
- 700: "#c2410c",
258
- 800: "#9a3412",
259
- 900: "#7c2d12",
260
- },
261
- yellow: {
262
- 100: "#fef9c3",
263
- 200: "#fef08a",
264
- 300: "#fde047",
265
- 400: "#facc15",
266
- 500: "#eab308",
267
- 600: "#ca8a04",
268
- 700: "#a16207",
269
- 800: "#854d0e",
270
- 900: "#713f12",
271
- },
272
- green: {
273
- 100: "#dcfce7",
274
- 200: "#bbf7d0",
275
- 300: "#86efac",
276
- 400: "#4ade80",
277
- 500: "#22c55e",
278
- 600: "#16a34a",
279
- 700: "#15803d",
280
- 800: "#166534",
281
- 900: "#14532d",
282
- },
283
- cyan: {
284
- 100: "#cffafe",
285
- 200: "#a5f3fc",
286
- 300: "#67e8f9",
287
- 400: "#22d3ee",
288
- 500: "#06b6d4",
289
- 600: "#0891b2",
290
- 700: "#0e7490",
291
- 800: "#155e75",
292
- 900: "#164e63",
293
- },
294
- blue: {
295
- 100: "#dbeafe",
296
- 200: "#bfdbfe",
297
- 300: "#93c5fd",
298
- 400: "#60a5fa",
299
- 500: "#3b82f6",
300
- 600: "#2563eb",
301
- 700: "#1d4ed8",
302
- 800: "#1e40af",
303
- 900: "#1e3a8a",
304
- },
305
- purple: {
306
- 100: "#f3e8ff",
307
- 200: "#e9d5ff",
308
- 300: "#d8b4fe",
309
- 400: "#c084fc",
310
- 500: "#a855f7",
311
- 600: "#9333ea",
312
- 700: "#7e22ce",
313
- 800: "#6b21a8",
314
- 900: "#581c87",
315
- },
316
- accent: "$hue.blue",
317
- interactive: "$hue.blue",
318
- neutral: "$hue.gray",
319
- },
320
- categorical: DEFAULT_CATEGORICAL,
321
- text: {
322
- default: "$hue.neutral.200",
323
- subdued: "$hue.neutral.400",
324
- action: {
325
- primary: { default: "$hue.neutral.200", $disabled: "$hue.neutral.500" },
326
- secondary: { default: "$text.subdued", $hovered: "$text.default" },
327
- destructive: { default: "$hue.red.200", $disabled: "$hue.neutral.500" },
328
- },
329
- formfield: {
330
- default: "$hue.neutral.200",
331
- $focused: "$text.action.primary.default",
332
- $pressed: "$hue.neutral.200",
333
- $disabled: "$hue.neutral.500",
334
- $selected: "$hue.interactive.500",
335
- },
336
- status: {
337
- running: "$hue.interactive.200",
338
- question: "$text.status.unread",
339
- permission: "$text.status.unread",
340
- unread: "$hue.accent.200",
341
- },
342
- feedback: {
343
- error: { default: "$hue.red.300", subdued: "$hue.red.400" },
344
- warning: { default: "$hue.yellow.200", subdued: "$hue.yellow.300" },
345
- success: { default: "$hue.green.300", subdued: "$hue.green.400" },
346
- info: { default: "$hue.cyan.300", subdued: "$hue.cyan.400" },
347
- },
348
- },
349
- background: {
350
- default: "$hue.neutral.800",
351
- raised: {
352
- base: "$hue.neutral.700",
353
- high: "$hue.neutral.600",
354
- max: "$hue.neutral.500",
355
- },
356
- action: {
357
- primary: {
358
- default: "$hue.interactive.500",
359
- $hovered: "$hue.interactive.600",
360
- $focused: "$hue.interactive.600",
361
- $pressed: "$hue.interactive.800",
362
- $selected: "$hue.interactive.600",
363
- $disabled: "$hue.neutral.800",
364
- },
365
- secondary: { default: "transparent" },
366
- destructive: {
367
- default: "$hue.red.600",
368
- $hovered: "$hue.red.700",
369
- $focused: "$hue.red.700",
370
- $pressed: "$hue.red.800",
371
- $selected: "$hue.red.700",
372
- $disabled: "$hue.neutral.800",
373
- },
374
- },
375
- formfield: {
376
- default: "$background.default",
377
- $hovered: "$background.raised.base",
378
- $focused: "$background.action.primary.default",
379
- $pressed: "$hue.interactive.800",
380
- $disabled: "$background.default",
381
- $selected: "$background.formfield.default",
382
- },
383
- feedback: {
384
- error: { default: "$background.default" },
385
- warning: { default: "$background.default" },
386
- success: { default: "$background.default" },
387
- info: { default: "$background.default" },
388
- },
389
- },
390
- border: { default: "$hue.neutral.700" },
391
- scrollbar: { default: "$hue.neutral.600" },
392
- diff: {
393
- text: {
394
- added: "$hue.green.300",
395
- removed: "$hue.red.300",
396
- context: "$hue.neutral.100",
397
- hunkHeader: "$hue.purple.400",
398
- },
399
- background: { added: "$hue.green.900", removed: "$hue.red.900", context: "$hue.neutral.900" },
400
- highlight: { added: "$hue.green.400", removed: "$hue.red.400" },
401
- lineNumber: {
402
- text: "$hue.neutral.400",
403
- background: { added: "$hue.green.800", removed: "$hue.red.800" },
404
- },
405
- },
406
- syntax: {
407
- comment: "$hue.neutral.400",
408
- keyword: "$hue.purple.400",
409
- function: "$hue.accent.400",
410
- variable: "$hue.neutral.100",
411
- string: "$hue.green.300",
412
- number: "$hue.yellow.200",
413
- type: "$hue.yellow.500",
414
- operator: "$hue.cyan.400",
415
- punctuation: "$hue.neutral.100",
416
- },
417
- markdown: {
418
- text: "$hue.neutral.100",
419
- heading: "$hue.purple.400",
420
- link: "$hue.accent.400",
421
- linkText: "$hue.cyan.400",
422
- code: "$hue.green.300",
423
- blockQuote: "$hue.neutral.400",
424
- emphasis: "$hue.yellow.500",
425
- strong: "$hue.neutral.100",
426
- horizontalRule: "$hue.neutral.700",
427
- listItem: "$hue.accent.400",
428
- listEnumeration: "$hue.cyan.400",
429
- image: "$hue.accent.400",
430
- imageText: "$hue.cyan.400",
431
- codeBlock: "$hue.neutral.100",
432
- },
433
- "@dialog": {
434
- text: { action: { primary: { default: "$hue.neutral.200" } } },
435
- background: {
436
- default: "$background.raised.base",
437
- action: { primary: { default: "$hue.interactive.400", $hovered: "$background.raised.high" } },
438
- },
439
- },
440
- },
441
- };
package/dist/tui/fallback.d.ts DELETED
@@ -1,2 +0,0 @@
1
- import type { Mode, ThemeTokensDefinition } from "./index.js";
2
- export declare function fallback(mode: Mode): ThemeTokensDefinition;
package/dist/tui/fallback.js DELETED
@@ -1,56 +0,0 @@
1
- import { DEFAULT_THEME } from "./defaults.js";
2
- import { ActionVariant, FeedbackKind } from "./schema.js";
3
- export function fallback(mode) {
4
- const red = "#ff0000";
5
- return {
6
- text: {
7
- default: red,
8
- action: Object.fromEntries(ActionVariant.literals.map((variant) => [variant, { default: red }])),
9
- formfield: { default: red },
10
- status: DEFAULT_THEME[mode].text.status,
11
- feedback: Object.fromEntries(FeedbackKind.literals.map((kind) => [kind, { default: red }])),
12
- },
13
- background: {
14
- default: red,
15
- raised: { base: red, high: red, max: red },
16
- action: Object.fromEntries(ActionVariant.literals.map((variant) => [variant, { default: red }])),
17
- formfield: { default: red },
18
- feedback: Object.fromEntries(FeedbackKind.literals.map((kind) => [kind, { default: red }])),
19
- },
20
- border: { default: red },
21
- scrollbar: { default: red },
22
- diff: {
23
- text: { added: red, removed: red, context: red, hunkHeader: red },
24
- background: { added: red, removed: red, context: red },
25
- highlight: { added: red, removed: red },
26
- lineNumber: { text: red, background: { added: red, removed: red } },
27
- },
28
- syntax: {
29
- comment: red,
30
- keyword: red,
31
- function: red,
32
- variable: red,
33
- string: red,
34
- number: red,
35
- type: red,
36
- operator: red,
37
- punctuation: red,
38
- },
39
- markdown: {
40
- text: red,
41
- heading: red,
42
- link: red,
43
- linkText: red,
44
- code: red,
45
- blockQuote: red,
46
- emphasis: red,
47
- strong: red,
48
- horizontalRule: red,
49
- listItem: red,
50
- listEnumeration: red,
51
- image: red,
52
- imageText: red,
53
- codeBlock: red,
54
- },
55
- };
56
- }