@compose-market/theme 0.0.72 → 0.0.80
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.
- package/dist/agents/styles.d.ts +1 -1
- package/dist/agents/styles.d.ts.map +1 -1
- package/dist/agents/styles.js +66 -60
- package/dist/agents/styles.js.map +1 -1
- package/dist/app/styles.d.ts +1 -1
- package/dist/app/styles.d.ts.map +1 -1
- package/dist/app/styles.js +18 -9
- package/dist/app/styles.js.map +1 -1
- package/dist/css/agents.css +66 -60
- package/dist/css/app.css +18 -9
- package/dist/css/index.d.ts +1 -1
- package/dist/css/index.d.ts.map +1 -1
- package/dist/css/index.js +4 -0
- package/dist/css/index.js.map +1 -1
- package/dist/css/session.css +22 -10
- package/dist/css/shell.css +136 -118
- package/dist/session/styles.d.ts +1 -1
- package/dist/session/styles.d.ts.map +1 -1
- package/dist/session/styles.js +22 -10
- package/dist/session/styles.js.map +1 -1
- package/dist/shell/index.d.ts.map +1 -1
- package/dist/shell/index.js +6 -1
- package/dist/shell/index.js.map +1 -1
- package/dist/shell/styles.d.ts +1 -1
- package/dist/shell/styles.d.ts.map +1 -1
- package/dist/shell/styles.js +136 -118
- package/dist/shell/styles.js.map +1 -1
- package/package.json +4 -2
package/dist/shell/styles.js
CHANGED
|
@@ -4,13 +4,14 @@ export const shellCss = `/**
|
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
7
|
-
--cm-shell-glow-primary: hsl(var(--primary) / 0.
|
|
8
|
-
--cm-shell-glow-accent: hsl(
|
|
9
|
-
--cm-shell-surface:
|
|
10
|
-
|
|
7
|
+
--cm-shell-glow-primary: hsl(var(--primary) / 0.24);
|
|
8
|
+
--cm-shell-glow-accent: hsl(var(--accent) / 0.14);
|
|
9
|
+
--cm-shell-surface:
|
|
10
|
+
linear-gradient(180deg, hsl(var(--card) / 0.96), hsl(var(--card) / 0.82));
|
|
11
|
+
--cm-shell-border: hsl(var(--border) / 0.92);
|
|
11
12
|
--cm-shell-shadow:
|
|
12
|
-
0
|
|
13
|
-
inset 0 1px 0 hsl(0 0% 100% / 0.
|
|
13
|
+
0 16px 48px hsl(240 30% 2% / 0.38),
|
|
14
|
+
inset 0 1px 0 hsl(0 0% 100% / 0.04);
|
|
14
15
|
}
|
|
15
16
|
|
|
16
17
|
.cm-shell-stack {
|
|
@@ -31,27 +32,31 @@ export const shellCss = `/**
|
|
|
31
32
|
align-items: center;
|
|
32
33
|
justify-content: center;
|
|
33
34
|
gap: 0.55rem;
|
|
34
|
-
min-height: 2.
|
|
35
|
-
padding: 0
|
|
36
|
-
border-radius: 0.
|
|
37
|
-
border: 1px solid
|
|
38
|
-
background:
|
|
35
|
+
min-height: 2.3rem;
|
|
36
|
+
padding: 0 0.95rem;
|
|
37
|
+
border-radius: var(--radius, 0.25rem);
|
|
38
|
+
border: 1px solid hsl(var(--border) / 0.88);
|
|
39
|
+
background: hsl(var(--card) / 0.92);
|
|
39
40
|
color: hsl(var(--foreground));
|
|
40
|
-
font-family: var(--font-
|
|
41
|
-
font-size: 0.
|
|
41
|
+
font-family: var(--font-mono), monospace;
|
|
42
|
+
font-size: 0.76rem;
|
|
42
43
|
font-weight: 600;
|
|
44
|
+
letter-spacing: 0.08em;
|
|
43
45
|
line-height: 1;
|
|
46
|
+
text-transform: uppercase;
|
|
44
47
|
cursor: pointer;
|
|
45
48
|
transition:
|
|
46
|
-
transform
|
|
47
|
-
background-color
|
|
49
|
+
transform 160ms ease,
|
|
50
|
+
background-color 160ms ease,
|
|
48
51
|
border-color 180ms ease,
|
|
49
52
|
color 180ms ease,
|
|
50
53
|
box-shadow 180ms ease;
|
|
54
|
+
box-shadow: inset 0 1px 0 hsl(0 0% 100% / 0.03);
|
|
51
55
|
}
|
|
52
56
|
|
|
53
57
|
.cm-shell-button:hover:not(:disabled) {
|
|
54
58
|
transform: translateY(-1px);
|
|
59
|
+
border-color: hsl(var(--primary) / 0.38);
|
|
55
60
|
}
|
|
56
61
|
|
|
57
62
|
.cm-shell-button:disabled {
|
|
@@ -61,42 +66,45 @@ export const shellCss = `/**
|
|
|
61
66
|
|
|
62
67
|
.cm-shell-button--primary {
|
|
63
68
|
background:
|
|
64
|
-
linear-gradient(
|
|
69
|
+
linear-gradient(180deg, hsl(var(--primary)), hsl(188 95% 39%));
|
|
65
70
|
color: hsl(var(--primary-foreground));
|
|
66
|
-
border-color: hsl(var(--primary) / 0.
|
|
67
|
-
box-shadow:
|
|
71
|
+
border-color: hsl(var(--primary) / 0.56);
|
|
72
|
+
box-shadow:
|
|
73
|
+
0 0 0 1px hsl(var(--primary) / 0.16),
|
|
74
|
+
0 0 20px var(--cm-shell-glow-primary);
|
|
68
75
|
}
|
|
69
76
|
|
|
70
77
|
.cm-shell-button--primary:hover:not(:disabled) {
|
|
71
78
|
box-shadow:
|
|
72
|
-
0 0
|
|
73
|
-
0 0
|
|
79
|
+
0 0 0 1px hsl(var(--primary) / 0.18),
|
|
80
|
+
0 0 24px var(--cm-shell-glow-primary),
|
|
81
|
+
0 0 18px var(--cm-shell-glow-accent);
|
|
74
82
|
}
|
|
75
83
|
|
|
76
84
|
.cm-shell-button--secondary {
|
|
77
|
-
background: hsl(var(--muted) / 0.
|
|
85
|
+
background: hsl(var(--muted) / 0.28);
|
|
78
86
|
border-color: hsl(var(--border) / 0.88);
|
|
79
87
|
}
|
|
80
88
|
|
|
81
89
|
.cm-shell-button--secondary:hover:not(:disabled) {
|
|
82
|
-
|
|
83
|
-
background: hsl(var(--muted) / 0.52);
|
|
90
|
+
background: hsl(var(--muted) / 0.54);
|
|
84
91
|
}
|
|
85
92
|
|
|
86
93
|
.cm-shell-button--ghost {
|
|
87
94
|
background: transparent;
|
|
88
95
|
border-color: transparent;
|
|
89
96
|
color: hsl(var(--muted-foreground));
|
|
97
|
+
box-shadow: none;
|
|
90
98
|
}
|
|
91
99
|
|
|
92
100
|
.cm-shell-button--ghost:hover:not(:disabled) {
|
|
93
101
|
color: hsl(var(--foreground));
|
|
94
|
-
background: hsl(var(--muted) / 0.
|
|
102
|
+
background: hsl(var(--muted) / 0.24);
|
|
95
103
|
}
|
|
96
104
|
|
|
97
105
|
.cm-shell-button--danger {
|
|
98
106
|
background: hsl(var(--destructive) / 0.12);
|
|
99
|
-
border-color: hsl(var(--destructive) / 0.
|
|
107
|
+
border-color: hsl(var(--destructive) / 0.42);
|
|
100
108
|
color: hsl(var(--destructive-foreground));
|
|
101
109
|
}
|
|
102
110
|
|
|
@@ -106,17 +114,18 @@ export const shellCss = `/**
|
|
|
106
114
|
|
|
107
115
|
.cm-shell-button--sm {
|
|
108
116
|
min-height: 2rem;
|
|
109
|
-
padding: 0 0.
|
|
110
|
-
font-size: 0.
|
|
117
|
+
padding: 0 0.75rem;
|
|
118
|
+
font-size: 0.7rem;
|
|
111
119
|
}
|
|
112
120
|
|
|
113
121
|
.cm-shell-button--lg {
|
|
114
|
-
min-height: 2.
|
|
115
|
-
padding: 0 1.
|
|
122
|
+
min-height: 2.65rem;
|
|
123
|
+
padding: 0 1.1rem;
|
|
124
|
+
font-size: 0.82rem;
|
|
116
125
|
}
|
|
117
126
|
|
|
118
127
|
.cm-shell-button--icon {
|
|
119
|
-
width: 2.
|
|
128
|
+
width: 2.3rem;
|
|
120
129
|
padding: 0;
|
|
121
130
|
}
|
|
122
131
|
|
|
@@ -124,14 +133,15 @@ export const shellCss = `/**
|
|
|
124
133
|
display: inline-flex;
|
|
125
134
|
align-items: center;
|
|
126
135
|
gap: 0.45rem;
|
|
127
|
-
min-height: 1.
|
|
128
|
-
padding: 0 0.
|
|
136
|
+
min-height: 1.75rem;
|
|
137
|
+
padding: 0 0.72rem;
|
|
129
138
|
border-radius: 999px;
|
|
130
|
-
border: 1px solid hsl(var(--
|
|
131
|
-
background: hsl(var(--muted) / 0.
|
|
139
|
+
border: 1px solid hsl(var(--primary) / 0.18);
|
|
140
|
+
background: linear-gradient(180deg, hsl(var(--card) / 0.94), hsl(var(--muted) / 0.3));
|
|
132
141
|
color: hsl(var(--muted-foreground));
|
|
133
|
-
font-
|
|
134
|
-
|
|
142
|
+
font-family: var(--font-mono), monospace;
|
|
143
|
+
font-size: 0.68rem;
|
|
144
|
+
letter-spacing: 0.08em;
|
|
135
145
|
text-transform: uppercase;
|
|
136
146
|
}
|
|
137
147
|
|
|
@@ -142,15 +152,15 @@ export const shellCss = `/**
|
|
|
142
152
|
|
|
143
153
|
.cm-shell-panel {
|
|
144
154
|
border: 1px solid var(--cm-shell-border);
|
|
145
|
-
border-radius: 0.
|
|
155
|
+
border-radius: max(var(--radius, 0.25rem), 0.3rem);
|
|
146
156
|
background: var(--cm-shell-surface);
|
|
147
157
|
box-shadow: var(--cm-shell-shadow);
|
|
148
|
-
backdrop-filter: blur(
|
|
158
|
+
backdrop-filter: blur(16px);
|
|
149
159
|
}
|
|
150
160
|
|
|
151
161
|
.cm-shell-panel--muted {
|
|
152
162
|
background:
|
|
153
|
-
linear-gradient(180deg, hsl(var(--muted) / 0.
|
|
163
|
+
linear-gradient(180deg, hsl(var(--muted) / 0.34), hsl(var(--background) / 0.9));
|
|
154
164
|
}
|
|
155
165
|
|
|
156
166
|
.cm-shell-panel--ghost {
|
|
@@ -159,7 +169,7 @@ export const shellCss = `/**
|
|
|
159
169
|
}
|
|
160
170
|
|
|
161
171
|
.cm-shell-panel__body {
|
|
162
|
-
padding:
|
|
172
|
+
padding: 1rem;
|
|
163
173
|
}
|
|
164
174
|
|
|
165
175
|
.cm-shell-page-header {
|
|
@@ -167,34 +177,36 @@ export const shellCss = `/**
|
|
|
167
177
|
align-items: flex-start;
|
|
168
178
|
justify-content: space-between;
|
|
169
179
|
gap: 1rem;
|
|
170
|
-
padding:
|
|
180
|
+
padding: 1rem 1.1rem;
|
|
171
181
|
}
|
|
172
182
|
|
|
173
183
|
.cm-shell-page-header__copy {
|
|
174
184
|
display: flex;
|
|
175
185
|
flex-direction: column;
|
|
176
|
-
gap: 0.
|
|
186
|
+
gap: 0.32rem;
|
|
177
187
|
}
|
|
178
188
|
|
|
179
189
|
.cm-shell-page-header__eyebrow {
|
|
180
190
|
color: hsl(var(--primary));
|
|
181
191
|
font-family: var(--font-mono), monospace;
|
|
182
|
-
font-size: 0.
|
|
183
|
-
letter-spacing: 0.
|
|
192
|
+
font-size: 0.68rem;
|
|
193
|
+
letter-spacing: 0.18em;
|
|
184
194
|
text-transform: uppercase;
|
|
185
195
|
}
|
|
186
196
|
|
|
187
197
|
.cm-shell-page-header__title {
|
|
188
198
|
color: hsl(var(--foreground));
|
|
189
199
|
font-family: var(--font-display), sans-serif;
|
|
190
|
-
font-size: clamp(1.
|
|
191
|
-
letter-spacing: 0.
|
|
200
|
+
font-size: clamp(1.12rem, 1.65vw, 1.52rem);
|
|
201
|
+
letter-spacing: 0.04em;
|
|
202
|
+
line-height: 1.02;
|
|
192
203
|
}
|
|
193
204
|
|
|
194
205
|
.cm-shell-page-header__subtitle {
|
|
195
206
|
color: hsl(var(--muted-foreground));
|
|
196
|
-
font-size: 0.
|
|
197
|
-
|
|
207
|
+
font-size: 0.88rem;
|
|
208
|
+
line-height: 1.45;
|
|
209
|
+
max-width: 48rem;
|
|
198
210
|
}
|
|
199
211
|
|
|
200
212
|
.cm-shell-stat-grid {
|
|
@@ -207,34 +219,36 @@ export const shellCss = `/**
|
|
|
207
219
|
display: flex;
|
|
208
220
|
flex-direction: column;
|
|
209
221
|
gap: 0.25rem;
|
|
210
|
-
padding: 0.9rem
|
|
222
|
+
padding: 0.85rem 0.9rem;
|
|
211
223
|
}
|
|
212
224
|
|
|
213
225
|
.cm-shell-stat__label {
|
|
214
226
|
color: hsl(var(--muted-foreground));
|
|
215
|
-
font-
|
|
216
|
-
|
|
227
|
+
font-family: var(--font-mono), monospace;
|
|
228
|
+
font-size: 0.66rem;
|
|
229
|
+
letter-spacing: 0.12em;
|
|
217
230
|
text-transform: uppercase;
|
|
218
231
|
}
|
|
219
232
|
|
|
220
233
|
.cm-shell-stat__value {
|
|
221
234
|
color: hsl(var(--foreground));
|
|
222
235
|
font-family: var(--font-display), sans-serif;
|
|
223
|
-
font-size:
|
|
236
|
+
font-size: 1rem;
|
|
237
|
+
letter-spacing: 0.04em;
|
|
224
238
|
}
|
|
225
239
|
|
|
226
240
|
.cm-shell-stat__hint {
|
|
227
241
|
color: hsl(var(--muted-foreground));
|
|
228
|
-
font-size: 0.
|
|
242
|
+
font-size: 0.74rem;
|
|
229
243
|
}
|
|
230
244
|
|
|
231
245
|
.cm-shell-tab-strip {
|
|
232
246
|
display: inline-flex;
|
|
233
247
|
align-items: center;
|
|
234
248
|
gap: 0.35rem;
|
|
235
|
-
padding: 0.
|
|
249
|
+
padding: 0.25rem;
|
|
236
250
|
border: 1px solid hsl(var(--border) / 0.75);
|
|
237
|
-
border-radius:
|
|
251
|
+
border-radius: var(--radius, 0.25rem);
|
|
238
252
|
background: hsl(var(--muted) / 0.16);
|
|
239
253
|
}
|
|
240
254
|
|
|
@@ -242,15 +256,15 @@ export const shellCss = `/**
|
|
|
242
256
|
display: inline-flex;
|
|
243
257
|
align-items: center;
|
|
244
258
|
gap: 0.5rem;
|
|
245
|
-
min-height: 2.
|
|
246
|
-
padding: 0
|
|
247
|
-
border-radius:
|
|
259
|
+
min-height: 2.1rem;
|
|
260
|
+
padding: 0 0.85rem;
|
|
261
|
+
border-radius: calc(var(--radius, 0.25rem) - 1px);
|
|
248
262
|
border: 1px solid transparent;
|
|
249
263
|
background: transparent;
|
|
250
264
|
color: hsl(var(--muted-foreground));
|
|
251
265
|
font-family: var(--font-mono), monospace;
|
|
252
|
-
font-size: 0.
|
|
253
|
-
letter-spacing: 0.
|
|
266
|
+
font-size: 0.68rem;
|
|
267
|
+
letter-spacing: 0.12em;
|
|
254
268
|
text-transform: uppercase;
|
|
255
269
|
cursor: pointer;
|
|
256
270
|
transition:
|
|
@@ -262,21 +276,25 @@ export const shellCss = `/**
|
|
|
262
276
|
|
|
263
277
|
.cm-shell-tab:hover {
|
|
264
278
|
color: hsl(var(--foreground));
|
|
279
|
+
border-color: hsl(var(--primary) / 0.18);
|
|
265
280
|
}
|
|
266
281
|
|
|
267
282
|
.cm-shell-tab[data-active="true"] {
|
|
268
|
-
background:
|
|
269
|
-
|
|
283
|
+
background:
|
|
284
|
+
linear-gradient(180deg, hsl(var(--primary) / 0.18), hsl(var(--primary) / 0.1));
|
|
285
|
+
border-color: hsl(var(--primary) / 0.36);
|
|
270
286
|
color: hsl(var(--foreground));
|
|
271
|
-
box-shadow:
|
|
287
|
+
box-shadow:
|
|
288
|
+
inset 0 1px 0 hsl(var(--primary) / 0.16),
|
|
289
|
+
0 0 18px hsl(var(--primary) / 0.14);
|
|
272
290
|
}
|
|
273
291
|
|
|
274
292
|
.cm-shell-notice {
|
|
275
293
|
display: flex;
|
|
276
294
|
align-items: center;
|
|
277
295
|
gap: 0.7rem;
|
|
278
|
-
padding: 0.
|
|
279
|
-
border-radius: 0.
|
|
296
|
+
padding: 0.8rem 0.95rem;
|
|
297
|
+
border-radius: max(var(--radius, 0.25rem), 0.3rem);
|
|
280
298
|
border: 1px solid;
|
|
281
299
|
}
|
|
282
300
|
|
|
@@ -309,7 +327,7 @@ export const shellCss = `/**
|
|
|
309
327
|
align-items: center;
|
|
310
328
|
justify-content: space-between;
|
|
311
329
|
gap: 1rem;
|
|
312
|
-
padding: 1rem
|
|
330
|
+
padding: 0.95rem 1rem;
|
|
313
331
|
}
|
|
314
332
|
|
|
315
333
|
.cm-shell-banner__copy {
|
|
@@ -320,12 +338,15 @@ export const shellCss = `/**
|
|
|
320
338
|
|
|
321
339
|
.cm-shell-banner__title {
|
|
322
340
|
color: hsl(var(--foreground));
|
|
323
|
-
font-
|
|
341
|
+
font-family: var(--font-display), sans-serif;
|
|
342
|
+
font-size: 0.98rem;
|
|
343
|
+
letter-spacing: 0.03em;
|
|
324
344
|
}
|
|
325
345
|
|
|
326
346
|
.cm-shell-banner__subtitle {
|
|
327
347
|
color: hsl(var(--muted-foreground));
|
|
328
|
-
font-size: 0.
|
|
348
|
+
font-size: 0.84rem;
|
|
349
|
+
line-height: 1.45;
|
|
329
350
|
}
|
|
330
351
|
|
|
331
352
|
.cm-shell-empty {
|
|
@@ -335,7 +356,7 @@ export const shellCss = `/**
|
|
|
335
356
|
justify-content: center;
|
|
336
357
|
gap: 0.75rem;
|
|
337
358
|
min-height: 18rem;
|
|
338
|
-
padding:
|
|
359
|
+
padding: 2rem 1.25rem;
|
|
339
360
|
text-align: center;
|
|
340
361
|
}
|
|
341
362
|
|
|
@@ -346,12 +367,14 @@ export const shellCss = `/**
|
|
|
346
367
|
.cm-shell-empty__title {
|
|
347
368
|
color: hsl(var(--foreground));
|
|
348
369
|
font-family: var(--font-display), sans-serif;
|
|
349
|
-
font-size: 1.
|
|
370
|
+
font-size: 1.08rem;
|
|
371
|
+
letter-spacing: 0.04em;
|
|
350
372
|
}
|
|
351
373
|
|
|
352
374
|
.cm-shell-empty__description {
|
|
353
375
|
color: hsl(var(--muted-foreground));
|
|
354
376
|
max-width: 38rem;
|
|
377
|
+
line-height: 1.55;
|
|
355
378
|
}
|
|
356
379
|
|
|
357
380
|
.cm-shell-modal-overlay {
|
|
@@ -360,9 +383,9 @@ export const shellCss = `/**
|
|
|
360
383
|
display: flex;
|
|
361
384
|
align-items: center;
|
|
362
385
|
justify-content: center;
|
|
363
|
-
padding:
|
|
364
|
-
background: hsl(240 30% 2% / 0.
|
|
365
|
-
backdrop-filter: blur(
|
|
386
|
+
padding: 1rem;
|
|
387
|
+
background: hsl(240 30% 2% / 0.8);
|
|
388
|
+
backdrop-filter: blur(12px);
|
|
366
389
|
z-index: 100;
|
|
367
390
|
}
|
|
368
391
|
|
|
@@ -370,6 +393,7 @@ export const shellCss = `/**
|
|
|
370
393
|
width: min(100%, 46rem);
|
|
371
394
|
max-height: min(90vh, 56rem);
|
|
372
395
|
overflow: auto;
|
|
396
|
+
border-radius: max(var(--radius, 0.25rem), 0.3rem);
|
|
373
397
|
}
|
|
374
398
|
|
|
375
399
|
.cm-shell-modal__header {
|
|
@@ -377,23 +401,25 @@ export const shellCss = `/**
|
|
|
377
401
|
align-items: flex-start;
|
|
378
402
|
justify-content: space-between;
|
|
379
403
|
gap: 1rem;
|
|
380
|
-
padding:
|
|
404
|
+
padding: 1rem 1rem 0;
|
|
381
405
|
}
|
|
382
406
|
|
|
383
407
|
.cm-shell-modal__title {
|
|
384
408
|
color: hsl(var(--foreground));
|
|
385
409
|
font-family: var(--font-display), sans-serif;
|
|
386
|
-
font-size:
|
|
410
|
+
font-size: 1rem;
|
|
411
|
+
letter-spacing: 0.04em;
|
|
387
412
|
}
|
|
388
413
|
|
|
389
414
|
.cm-shell-modal__subtitle {
|
|
390
415
|
color: hsl(var(--muted-foreground));
|
|
391
|
-
font-size: 0.
|
|
392
|
-
margin-top: 0.
|
|
416
|
+
font-size: 0.84rem;
|
|
417
|
+
margin-top: 0.3rem;
|
|
418
|
+
line-height: 1.45;
|
|
393
419
|
}
|
|
394
420
|
|
|
395
421
|
.cm-shell-modal__body {
|
|
396
|
-
padding:
|
|
422
|
+
padding: 1rem;
|
|
397
423
|
}
|
|
398
424
|
|
|
399
425
|
@media (max-width: 720px) {
|
|
@@ -413,36 +439,20 @@ export const shellCss = `/**
|
|
|
413
439
|
}
|
|
414
440
|
}
|
|
415
441
|
|
|
416
|
-
@media (max-width: 480px) {
|
|
417
|
-
.cm-shell-modal-overlay {
|
|
418
|
-
padding: 0.5rem;
|
|
419
|
-
}
|
|
420
|
-
|
|
421
|
-
.cm-shell-modal {
|
|
422
|
-
width: calc(100% - 1rem);
|
|
423
|
-
max-height: 95vh;
|
|
424
|
-
}
|
|
425
|
-
|
|
426
|
-
.cm-shell-modal__header {
|
|
427
|
-
padding: 1rem 1rem 0;
|
|
428
|
-
}
|
|
429
|
-
|
|
430
|
-
.cm-shell-modal__body {
|
|
431
|
-
padding: 1rem;
|
|
432
|
-
}
|
|
433
|
-
}
|
|
434
|
-
|
|
435
442
|
/* ── Form Controls ── */
|
|
436
443
|
.cm-form-group {
|
|
437
|
-
margin-bottom:
|
|
444
|
+
margin-bottom: 14px;
|
|
438
445
|
}
|
|
439
446
|
|
|
440
447
|
.cm-form-group label {
|
|
441
448
|
display: block;
|
|
442
449
|
margin-bottom: 6px;
|
|
443
|
-
font-
|
|
450
|
+
font-family: var(--font-mono), monospace;
|
|
451
|
+
font-size: 11px;
|
|
444
452
|
color: hsl(var(--muted-foreground));
|
|
445
|
-
font-weight:
|
|
453
|
+
font-weight: 600;
|
|
454
|
+
letter-spacing: 0.12em;
|
|
455
|
+
text-transform: uppercase;
|
|
446
456
|
}
|
|
447
457
|
|
|
448
458
|
.cm-form-input,
|
|
@@ -450,13 +460,13 @@ export const shellCss = `/**
|
|
|
450
460
|
.cm-form-select {
|
|
451
461
|
width: 100%;
|
|
452
462
|
padding: 10px 12px;
|
|
453
|
-
background: hsl(var(--
|
|
463
|
+
background: hsl(var(--input) / 0.92);
|
|
454
464
|
border: 1px solid hsl(var(--border));
|
|
455
|
-
border-radius:
|
|
465
|
+
border-radius: var(--radius, 0.25rem);
|
|
456
466
|
color: hsl(var(--foreground));
|
|
457
467
|
font-size: 14px;
|
|
458
468
|
font-family: var(--font-sans), sans-serif;
|
|
459
|
-
transition: border-color 0.2s;
|
|
469
|
+
transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;
|
|
460
470
|
}
|
|
461
471
|
|
|
462
472
|
.cm-form-input:focus,
|
|
@@ -464,6 +474,8 @@ export const shellCss = `/**
|
|
|
464
474
|
.cm-form-select:focus {
|
|
465
475
|
outline: none;
|
|
466
476
|
border-color: hsl(var(--primary));
|
|
477
|
+
box-shadow: 0 0 0 1px hsl(var(--primary) / 0.24);
|
|
478
|
+
background: hsl(var(--background) / 0.96);
|
|
467
479
|
}
|
|
468
480
|
|
|
469
481
|
.cm-form-input:disabled,
|
|
@@ -527,27 +539,31 @@ export const shellCss = `/**
|
|
|
527
539
|
}
|
|
528
540
|
|
|
529
541
|
.cm-nav-btn {
|
|
530
|
-
padding: 8px
|
|
542
|
+
padding: 8px 14px;
|
|
531
543
|
background: transparent;
|
|
532
|
-
border:
|
|
544
|
+
border: 1px solid transparent;
|
|
533
545
|
color: hsl(var(--muted-foreground));
|
|
534
546
|
cursor: pointer;
|
|
535
|
-
border-radius:
|
|
536
|
-
font-size:
|
|
537
|
-
font-weight:
|
|
538
|
-
font-family: var(--font-
|
|
547
|
+
border-radius: var(--radius, 0.25rem);
|
|
548
|
+
font-size: 11px;
|
|
549
|
+
font-weight: 600;
|
|
550
|
+
font-family: var(--font-mono), monospace;
|
|
551
|
+
letter-spacing: 0.12em;
|
|
552
|
+
text-transform: uppercase;
|
|
539
553
|
transition: all 0.2s;
|
|
540
554
|
}
|
|
541
555
|
|
|
542
556
|
.cm-nav-btn:hover {
|
|
543
557
|
color: hsl(var(--foreground));
|
|
544
558
|
background: hsl(var(--muted));
|
|
559
|
+
border-color: hsl(var(--primary) / 0.18);
|
|
545
560
|
}
|
|
546
561
|
|
|
547
562
|
.cm-nav-btn[data-active="true"],
|
|
548
563
|
.cm-nav-btn.active {
|
|
549
564
|
color: hsl(var(--primary));
|
|
550
|
-
background: hsl(var(--primary) / 0.
|
|
565
|
+
background: hsl(var(--primary) / 0.12);
|
|
566
|
+
border-color: hsl(var(--primary) / 0.28);
|
|
551
567
|
}
|
|
552
568
|
|
|
553
569
|
/* ── Loading State ── */
|
|
@@ -612,10 +628,10 @@ export const shellCss = `/**
|
|
|
612
628
|
display: flex;
|
|
613
629
|
align-items: center;
|
|
614
630
|
gap: 12px;
|
|
615
|
-
padding: 12px
|
|
631
|
+
padding: 10px 12px;
|
|
616
632
|
background: hsl(var(--card));
|
|
617
633
|
border: 1px solid hsl(var(--border));
|
|
618
|
-
border-radius:
|
|
634
|
+
border-radius: var(--radius, 0.25rem);
|
|
619
635
|
}
|
|
620
636
|
|
|
621
637
|
.cm-search-bar__icon {
|
|
@@ -642,10 +658,12 @@ export const shellCss = `/**
|
|
|
642
658
|
padding: 6px 14px;
|
|
643
659
|
background: hsl(var(--card));
|
|
644
660
|
border: 1px solid hsl(var(--border));
|
|
645
|
-
border-radius:
|
|
661
|
+
border-radius: 999px;
|
|
646
662
|
color: hsl(var(--muted-foreground));
|
|
647
|
-
font-size:
|
|
648
|
-
font-family: var(--font-
|
|
663
|
+
font-size: 11px;
|
|
664
|
+
font-family: var(--font-mono), monospace;
|
|
665
|
+
letter-spacing: 0.08em;
|
|
666
|
+
text-transform: uppercase;
|
|
649
667
|
cursor: pointer;
|
|
650
668
|
transition: all 0.2s;
|
|
651
669
|
}
|
|
@@ -671,7 +689,7 @@ export const shellCss = `/**
|
|
|
671
689
|
background: transparent;
|
|
672
690
|
border: 1px solid hsl(var(--border));
|
|
673
691
|
color: hsl(var(--muted-foreground));
|
|
674
|
-
border-radius:
|
|
692
|
+
border-radius: var(--radius, 0.25rem);
|
|
675
693
|
cursor: pointer;
|
|
676
694
|
font-family: var(--font-sans), sans-serif;
|
|
677
695
|
transition: all 0.2s;
|
|
@@ -690,10 +708,10 @@ export const shellCss = `/**
|
|
|
690
708
|
/* ── Settings Section ── */
|
|
691
709
|
.cm-settings-section {
|
|
692
710
|
margin-bottom: 24px;
|
|
693
|
-
padding:
|
|
711
|
+
padding: 16px;
|
|
694
712
|
background: hsl(var(--card));
|
|
695
713
|
border: 1px solid hsl(var(--border));
|
|
696
|
-
border-radius:
|
|
714
|
+
border-radius: max(var(--radius, 0.25rem), 0.3rem);
|
|
697
715
|
}
|
|
698
716
|
|
|
699
717
|
.cm-settings-section__title {
|
package/dist/shell/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/shell/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/shell/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuyBvB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@compose-market/theme",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.80",
|
|
4
4
|
"description": "Official design tokens and theme system for Compose.Market",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"design-tokens",
|
|
@@ -118,12 +118,14 @@
|
|
|
118
118
|
"devDependencies": {
|
|
119
119
|
"@types/node": "^25.4.0",
|
|
120
120
|
"@types/react": "^19.2.14",
|
|
121
|
+
"@types/react-dom": "^19.2.3",
|
|
121
122
|
"react": "^19.2.4",
|
|
122
123
|
"tsx": "^4.21.0",
|
|
123
124
|
"typescript": "^5.9.3"
|
|
124
125
|
},
|
|
125
126
|
"peerDependencies": {
|
|
126
|
-
"react": "^19.0.0"
|
|
127
|
+
"react": "^19.0.0",
|
|
128
|
+
"react-dom": "^19.0.0"
|
|
127
129
|
},
|
|
128
130
|
"publishConfig": {
|
|
129
131
|
"access": "public"
|