@happyvertical/smrt-images 0.55.12 → 0.55.21
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/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/manifest.json +76 -16
- package/dist/smrt-knowledge.json +33 -18
- package/dist/svelte/components/AssetsGallery.svelte +27 -24
- package/dist/svelte/components/ImageEditor.svelte +30 -27
- package/dist/svelte/components/ImageUploader.svelte +69 -66
- package/dist/svelte/components/PhotoCutoutSetup.svelte +14 -11
- package/dist/svelte/routes/ImageStudioRoute.svelte +8 -5
- package/package.json +14 -14
package/dist/manifest.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"version": "1.0.0",
|
|
3
3
|
"timestamp": 0,
|
|
4
4
|
"packageName": "@happyvertical/smrt-images",
|
|
5
|
-
"packageVersion": "0.55.
|
|
5
|
+
"packageVersion": "0.55.21",
|
|
6
6
|
"objects": {
|
|
7
7
|
"@happyvertical/smrt-images:Image": {
|
|
8
8
|
"name": "image",
|
|
@@ -39,68 +39,128 @@
|
|
|
39
39
|
},
|
|
40
40
|
"name": {
|
|
41
41
|
"type": "text",
|
|
42
|
-
"required": false
|
|
42
|
+
"required": false,
|
|
43
|
+
"description": "A recognizable name for this file or media item.",
|
|
44
|
+
"_meta": {
|
|
45
|
+
"description": "A recognizable name for this file or media item."
|
|
46
|
+
}
|
|
43
47
|
},
|
|
44
48
|
"sourceUri": {
|
|
45
49
|
"type": "text",
|
|
46
|
-
"required": false
|
|
50
|
+
"required": false,
|
|
51
|
+
"description": "Where the original file is stored or can be retrieved.",
|
|
52
|
+
"_meta": {
|
|
53
|
+
"description": "Where the original file is stored or can be retrieved."
|
|
54
|
+
}
|
|
47
55
|
},
|
|
48
56
|
"mimeType": {
|
|
49
57
|
"type": "text",
|
|
50
|
-
"required": false
|
|
58
|
+
"required": false,
|
|
59
|
+
"description": "The file format, such as image/jpeg or application/pdf.",
|
|
60
|
+
"_meta": {
|
|
61
|
+
"description": "The file format, such as image/jpeg or application/pdf."
|
|
62
|
+
}
|
|
51
63
|
},
|
|
52
64
|
"description": {
|
|
53
65
|
"type": "text",
|
|
54
|
-
"required": false
|
|
66
|
+
"required": false,
|
|
67
|
+
"description": "Explain what the file contains and when it should be used.",
|
|
68
|
+
"_meta": {
|
|
69
|
+
"description": "Explain what the file contains and when it should be used."
|
|
70
|
+
}
|
|
55
71
|
},
|
|
56
72
|
"metadata": {
|
|
57
73
|
"type": "text",
|
|
58
|
-
"required": false
|
|
74
|
+
"required": false,
|
|
75
|
+
"description": "Additional details recorded while processing this file.",
|
|
76
|
+
"_meta": {
|
|
77
|
+
"description": "Additional details recorded while processing this file."
|
|
78
|
+
}
|
|
59
79
|
},
|
|
60
80
|
"version": {
|
|
61
81
|
"type": "integer",
|
|
62
82
|
"required": true,
|
|
63
|
-
"default": 1
|
|
83
|
+
"default": 1,
|
|
84
|
+
"description": "The revision number of this file in its version history.",
|
|
85
|
+
"_meta": {
|
|
86
|
+
"description": "The revision number of this file in its version history."
|
|
87
|
+
}
|
|
64
88
|
},
|
|
65
89
|
"primaryVersionId": {
|
|
66
90
|
"type": "foreignKey",
|
|
67
91
|
"required": false,
|
|
68
|
-
"related": "Asset"
|
|
92
|
+
"related": "Asset",
|
|
93
|
+
"description": "The first version of this file, linking its revision history.",
|
|
94
|
+
"_meta": {
|
|
95
|
+
"description": "The first version of this file, linking its revision history."
|
|
96
|
+
}
|
|
69
97
|
},
|
|
70
98
|
"typeSlug": {
|
|
71
99
|
"type": "text",
|
|
72
|
-
"required": false
|
|
100
|
+
"required": false,
|
|
101
|
+
"description": "The category of asset, such as an image, video, or document.",
|
|
102
|
+
"_meta": {
|
|
103
|
+
"description": "The category of asset, such as an image, video, or document."
|
|
104
|
+
}
|
|
73
105
|
},
|
|
74
106
|
"statusSlug": {
|
|
75
107
|
"type": "text",
|
|
76
|
-
"required": false
|
|
108
|
+
"required": false,
|
|
109
|
+
"description": "The stage of this asset, such as draft, published, or archived.",
|
|
110
|
+
"_meta": {
|
|
111
|
+
"description": "The stage of this asset, such as draft, published, or archived."
|
|
112
|
+
}
|
|
77
113
|
},
|
|
78
114
|
"ownerProfileId": {
|
|
79
115
|
"type": "crossPackageRef",
|
|
80
116
|
"required": false,
|
|
81
|
-
"related": "@happyvertical/smrt-profiles:Profile"
|
|
117
|
+
"related": "@happyvertical/smrt-profiles:Profile",
|
|
118
|
+
"description": "The person or organization responsible for this asset.",
|
|
119
|
+
"_meta": {
|
|
120
|
+
"description": "The person or organization responsible for this asset."
|
|
121
|
+
}
|
|
82
122
|
},
|
|
83
123
|
"sourceAssetId": {
|
|
84
124
|
"type": "foreignKey",
|
|
85
125
|
"required": false,
|
|
86
|
-
"related": "Asset"
|
|
126
|
+
"related": "Asset",
|
|
127
|
+
"description": "The original asset used to produce this file or variation.",
|
|
128
|
+
"_meta": {
|
|
129
|
+
"description": "The original asset used to produce this file or variation."
|
|
130
|
+
}
|
|
87
131
|
},
|
|
88
132
|
"folderId": {
|
|
89
133
|
"type": "foreignKey",
|
|
90
134
|
"required": false,
|
|
91
|
-
"related": "Folder"
|
|
135
|
+
"related": "Folder",
|
|
136
|
+
"description": "The folder that organizes this file in the asset library.",
|
|
137
|
+
"_meta": {
|
|
138
|
+
"description": "The folder that organizes this file in the asset library."
|
|
139
|
+
}
|
|
92
140
|
},
|
|
93
141
|
"sourceType": {
|
|
94
142
|
"type": "text",
|
|
95
|
-
"required": false
|
|
143
|
+
"required": false,
|
|
144
|
+
"description": "The service or source from which this file was obtained.",
|
|
145
|
+
"_meta": {
|
|
146
|
+
"description": "The service or source from which this file was obtained."
|
|
147
|
+
}
|
|
96
148
|
},
|
|
97
149
|
"externalId": {
|
|
98
150
|
"type": "text",
|
|
99
|
-
"required": false
|
|
151
|
+
"required": false,
|
|
152
|
+
"description": "The reference used to identify this file at its original source.",
|
|
153
|
+
"_meta": {
|
|
154
|
+
"description": "The reference used to identify this file at its original source."
|
|
155
|
+
}
|
|
100
156
|
},
|
|
101
157
|
"externalRefs": {
|
|
102
158
|
"type": "text",
|
|
103
|
-
"required": false
|
|
159
|
+
"required": false,
|
|
160
|
+
"description": "References that connect this file to copies held by other services.",
|
|
161
|
+
"_meta": {
|
|
162
|
+
"description": "References that connect this file to copies held by other services."
|
|
163
|
+
}
|
|
104
164
|
},
|
|
105
165
|
"createdAt": {
|
|
106
166
|
"type": "text",
|
package/dist/smrt-knowledge.json
CHANGED
|
@@ -3,12 +3,12 @@
|
|
|
3
3
|
"sensitiveFieldsExcluded": true,
|
|
4
4
|
"generatedAt": "1970-01-01T00:00:00.000Z",
|
|
5
5
|
"packageName": "@happyvertical/smrt-images",
|
|
6
|
-
"packageVersion": "0.55.
|
|
6
|
+
"packageVersion": "0.55.21",
|
|
7
7
|
"sourceManifestPath": "dist/manifest.json",
|
|
8
8
|
"agentDocPath": "AGENTS.md",
|
|
9
9
|
"sourceHashes": {
|
|
10
|
-
"manifest": "
|
|
11
|
-
"packageJson": "
|
|
10
|
+
"manifest": "c218d47d30ba8acf4d24ae5555e5b9ae0f32ff8ef69a6e89639c996e95a7579f",
|
|
11
|
+
"packageJson": "6ed5f2afd81eb84d8aad1f986a907bffe31f5cb1ab8a720fb71aaa8b89aa3b49",
|
|
12
12
|
"agents": "82a1905b76f49d9a852bf1e4f591595ae596c5cfa14ec736dc6f8fe32200fd8c"
|
|
13
13
|
},
|
|
14
14
|
"exports": [
|
|
@@ -110,96 +110,111 @@
|
|
|
110
110
|
"name": "name",
|
|
111
111
|
"type": "text",
|
|
112
112
|
"required": false,
|
|
113
|
-
"columnType": "TEXT"
|
|
113
|
+
"columnType": "TEXT",
|
|
114
|
+
"description": "A recognizable name for this file or media item."
|
|
114
115
|
},
|
|
115
116
|
{
|
|
116
117
|
"name": "sourceUri",
|
|
117
118
|
"type": "text",
|
|
118
119
|
"required": false,
|
|
119
|
-
"columnType": "TEXT"
|
|
120
|
+
"columnType": "TEXT",
|
|
121
|
+
"description": "Where the original file is stored or can be retrieved."
|
|
120
122
|
},
|
|
121
123
|
{
|
|
122
124
|
"name": "mimeType",
|
|
123
125
|
"type": "text",
|
|
124
126
|
"required": false,
|
|
125
|
-
"columnType": "TEXT"
|
|
127
|
+
"columnType": "TEXT",
|
|
128
|
+
"description": "The file format, such as image/jpeg or application/pdf."
|
|
126
129
|
},
|
|
127
130
|
{
|
|
128
131
|
"name": "description",
|
|
129
132
|
"type": "text",
|
|
130
133
|
"required": false,
|
|
131
|
-
"columnType": "TEXT"
|
|
134
|
+
"columnType": "TEXT",
|
|
135
|
+
"description": "Explain what the file contains and when it should be used."
|
|
132
136
|
},
|
|
133
137
|
{
|
|
134
138
|
"name": "metadata",
|
|
135
139
|
"type": "text",
|
|
136
140
|
"required": false,
|
|
137
|
-
"columnType": "TEXT"
|
|
141
|
+
"columnType": "TEXT",
|
|
142
|
+
"description": "Additional details recorded while processing this file."
|
|
138
143
|
},
|
|
139
144
|
{
|
|
140
145
|
"name": "version",
|
|
141
146
|
"type": "integer",
|
|
142
147
|
"required": true,
|
|
143
148
|
"columnType": "INTEGER",
|
|
144
|
-
"default": 1
|
|
149
|
+
"default": 1,
|
|
150
|
+
"description": "The revision number of this file in its version history."
|
|
145
151
|
},
|
|
146
152
|
{
|
|
147
153
|
"name": "primaryVersionId",
|
|
148
154
|
"type": "foreignKey",
|
|
149
155
|
"required": false,
|
|
150
156
|
"related": "Asset",
|
|
151
|
-
"columnType": "UUID"
|
|
157
|
+
"columnType": "UUID",
|
|
158
|
+
"description": "The first version of this file, linking its revision history."
|
|
152
159
|
},
|
|
153
160
|
{
|
|
154
161
|
"name": "typeSlug",
|
|
155
162
|
"type": "text",
|
|
156
163
|
"required": false,
|
|
157
|
-
"columnType": "TEXT"
|
|
164
|
+
"columnType": "TEXT",
|
|
165
|
+
"description": "The category of asset, such as an image, video, or document."
|
|
158
166
|
},
|
|
159
167
|
{
|
|
160
168
|
"name": "statusSlug",
|
|
161
169
|
"type": "text",
|
|
162
170
|
"required": false,
|
|
163
|
-
"columnType": "TEXT"
|
|
171
|
+
"columnType": "TEXT",
|
|
172
|
+
"description": "The stage of this asset, such as draft, published, or archived."
|
|
164
173
|
},
|
|
165
174
|
{
|
|
166
175
|
"name": "ownerProfileId",
|
|
167
176
|
"type": "crossPackageRef",
|
|
168
177
|
"required": false,
|
|
169
178
|
"related": "@happyvertical/smrt-profiles:Profile",
|
|
170
|
-
"columnType": "UUID"
|
|
179
|
+
"columnType": "UUID",
|
|
180
|
+
"description": "The person or organization responsible for this asset."
|
|
171
181
|
},
|
|
172
182
|
{
|
|
173
183
|
"name": "sourceAssetId",
|
|
174
184
|
"type": "foreignKey",
|
|
175
185
|
"required": false,
|
|
176
186
|
"related": "Asset",
|
|
177
|
-
"columnType": "UUID"
|
|
187
|
+
"columnType": "UUID",
|
|
188
|
+
"description": "The original asset used to produce this file or variation."
|
|
178
189
|
},
|
|
179
190
|
{
|
|
180
191
|
"name": "folderId",
|
|
181
192
|
"type": "foreignKey",
|
|
182
193
|
"required": false,
|
|
183
194
|
"related": "Folder",
|
|
184
|
-
"columnType": "UUID"
|
|
195
|
+
"columnType": "UUID",
|
|
196
|
+
"description": "The folder that organizes this file in the asset library."
|
|
185
197
|
},
|
|
186
198
|
{
|
|
187
199
|
"name": "sourceType",
|
|
188
200
|
"type": "text",
|
|
189
201
|
"required": false,
|
|
190
|
-
"columnType": "TEXT"
|
|
202
|
+
"columnType": "TEXT",
|
|
203
|
+
"description": "The service or source from which this file was obtained."
|
|
191
204
|
},
|
|
192
205
|
{
|
|
193
206
|
"name": "externalId",
|
|
194
207
|
"type": "text",
|
|
195
208
|
"required": false,
|
|
196
|
-
"columnType": "TEXT"
|
|
209
|
+
"columnType": "TEXT",
|
|
210
|
+
"description": "The reference used to identify this file at its original source."
|
|
197
211
|
},
|
|
198
212
|
{
|
|
199
213
|
"name": "externalRefs",
|
|
200
214
|
"type": "text",
|
|
201
215
|
"required": false,
|
|
202
|
-
"columnType": "TEXT"
|
|
216
|
+
"columnType": "TEXT",
|
|
217
|
+
"description": "References that connect this file to copies held by other services."
|
|
203
218
|
},
|
|
204
219
|
{
|
|
205
220
|
"name": "createdAt",
|
|
@@ -153,7 +153,7 @@ function handleDragStart(event: DragEvent, image: ImageLike) {
|
|
|
153
153
|
}
|
|
154
154
|
</script>
|
|
155
155
|
|
|
156
|
-
<div class="smrt-assets-gallery">
|
|
156
|
+
<div class="smrt-assets-gallery" data-smrt-component="AssetsGallery">
|
|
157
157
|
<div class="gallery-header">
|
|
158
158
|
<h3>{t(M['images.assets_gallery.title'])}</h3>
|
|
159
159
|
|
|
@@ -249,14 +249,16 @@ function handleDragStart(event: DragEvent, image: ImageLike) {
|
|
|
249
249
|
</div>
|
|
250
250
|
|
|
251
251
|
<style>
|
|
252
|
+
@layer smrt.reset, smrt.structure, smrt.theme;
|
|
253
|
+
@layer smrt.theme {
|
|
252
254
|
.smrt-assets-gallery {
|
|
253
255
|
display: flex;
|
|
254
256
|
flex-direction: column;
|
|
255
257
|
gap: 1.5rem;
|
|
256
258
|
height: 100%;
|
|
257
259
|
min-height: 400px;
|
|
258
|
-
background: var(--smrt-color-surface
|
|
259
|
-
color: var(--smrt-color-on-surface
|
|
260
|
+
background: var(--smrt-color-surface);
|
|
261
|
+
color: var(--smrt-color-on-surface);
|
|
260
262
|
}
|
|
261
263
|
|
|
262
264
|
.gallery-header {
|
|
@@ -264,9 +266,9 @@ function handleDragStart(event: DragEvent, image: ImageLike) {
|
|
|
264
266
|
flex-direction: column;
|
|
265
267
|
gap: 1rem;
|
|
266
268
|
padding: 1rem;
|
|
267
|
-
background: var(--smrt-color-surface-container
|
|
268
|
-
border-radius: var(--smrt-radius-lg
|
|
269
|
-
border: 1px solid var(--smrt-color-outline-variant
|
|
269
|
+
background: var(--smrt-color-surface-container);
|
|
270
|
+
border-radius: var(--smrt-radius-lg);
|
|
271
|
+
border: 1px solid var(--smrt-color-outline-variant);
|
|
270
272
|
}
|
|
271
273
|
|
|
272
274
|
.gallery-header h3 {
|
|
@@ -307,10 +309,10 @@ function handleDragStart(event: DragEvent, image: ImageLike) {
|
|
|
307
309
|
}
|
|
308
310
|
|
|
309
311
|
.error-msg {
|
|
310
|
-
color: var(--smrt-color-error
|
|
312
|
+
color: var(--smrt-color-error);
|
|
311
313
|
background: color-mix(in srgb, var(--smrt-color-error) 10%, transparent);
|
|
312
314
|
padding: 1rem;
|
|
313
|
-
border-radius: var(--smrt-radius-md
|
|
315
|
+
border-radius: var(--smrt-radius-md);
|
|
314
316
|
}
|
|
315
317
|
|
|
316
318
|
.gallery-grid {
|
|
@@ -326,9 +328,9 @@ function handleDragStart(event: DragEvent, image: ImageLike) {
|
|
|
326
328
|
flex-direction: column;
|
|
327
329
|
align-items: stretch;
|
|
328
330
|
padding: 0;
|
|
329
|
-
background: var(--smrt-color-surface-container
|
|
330
|
-
border-radius: var(--smrt-radius-lg
|
|
331
|
-
border: 1px solid var(--smrt-color-surface-container-high
|
|
331
|
+
background: var(--smrt-color-surface-container);
|
|
332
|
+
border-radius: var(--smrt-radius-lg);
|
|
333
|
+
border: 1px solid var(--smrt-color-surface-container-high);
|
|
332
334
|
box-shadow: var(--smrt-elevation-1, 0 1px 3px color-mix(in srgb, var(--smrt-color-shadow) 12%, transparent), 0 1px 2px color-mix(in srgb, var(--smrt-color-shadow) 24%, transparent));
|
|
333
335
|
overflow: hidden;
|
|
334
336
|
color: inherit;
|
|
@@ -342,7 +344,7 @@ function handleDragStart(event: DragEvent, image: ImageLike) {
|
|
|
342
344
|
|
|
343
345
|
.gallery-item.selectable:hover, .gallery-item.selectable:focus {
|
|
344
346
|
transform: translateY(-2px);
|
|
345
|
-
border-color: var(--smrt-color-primary
|
|
347
|
+
border-color: var(--smrt-color-primary);
|
|
346
348
|
box-shadow: var(--smrt-elevation-2, 0 3px 6px color-mix(in srgb, var(--smrt-color-shadow) 16%, transparent), 0 3px 6px color-mix(in srgb, var(--smrt-color-shadow) 23%, transparent));
|
|
347
349
|
outline: none;
|
|
348
350
|
}
|
|
@@ -350,7 +352,7 @@ function handleDragStart(event: DragEvent, image: ImageLike) {
|
|
|
350
352
|
.img-container {
|
|
351
353
|
aspect-ratio: 1;
|
|
352
354
|
width: 100%;
|
|
353
|
-
background: var(--smrt-color-surface-container-high
|
|
355
|
+
background: var(--smrt-color-surface-container-high);
|
|
354
356
|
display: flex;
|
|
355
357
|
align-items: center;
|
|
356
358
|
justify-content: center;
|
|
@@ -378,22 +380,22 @@ function handleDragStart(event: DragEvent, image: ImageLike) {
|
|
|
378
380
|
white-space: nowrap;
|
|
379
381
|
overflow: hidden;
|
|
380
382
|
text-overflow: ellipsis;
|
|
381
|
-
letter-spacing: var(--smrt-typography-title-medium-tracking
|
|
383
|
+
letter-spacing: var(--smrt-typography-title-medium-tracking);
|
|
382
384
|
}
|
|
383
385
|
|
|
384
386
|
.item-meta {
|
|
385
387
|
font-size: var(--smrt-typography-label-large-size, 0.85rem);
|
|
386
|
-
color: var(--smrt-color-outline
|
|
388
|
+
color: var(--smrt-color-outline);
|
|
387
389
|
}
|
|
388
390
|
|
|
389
391
|
.empty-state {
|
|
390
392
|
grid-column: 1 / -1;
|
|
391
393
|
text-align: center;
|
|
392
394
|
padding: 3rem;
|
|
393
|
-
color: var(--smrt-color-outline
|
|
394
|
-
background: var(--smrt-color-surface-container
|
|
395
|
-
border-radius: var(--smrt-radius-lg
|
|
396
|
-
border: 1px dashed var(--smrt-color-outline-variant
|
|
395
|
+
color: var(--smrt-color-outline);
|
|
396
|
+
background: var(--smrt-color-surface-container);
|
|
397
|
+
border-radius: var(--smrt-radius-lg);
|
|
398
|
+
border: 1px dashed var(--smrt-color-outline-variant);
|
|
397
399
|
}
|
|
398
400
|
|
|
399
401
|
.load-more {
|
|
@@ -407,15 +409,16 @@ function handleDragStart(event: DragEvent, image: ImageLike) {
|
|
|
407
409
|
(see #1589 scoping rule). */
|
|
408
410
|
.load-more :global(.load-more-btn--pill) {
|
|
409
411
|
padding: 0.75rem 2rem;
|
|
410
|
-
background: var(--smrt-color-surface-container-high
|
|
411
|
-
color: var(--smrt-color-primary
|
|
412
|
-
border: 1px solid var(--smrt-color-outline-variant
|
|
413
|
-
border-radius: var(--smrt-radius-full
|
|
412
|
+
background: var(--smrt-color-surface-container-high);
|
|
413
|
+
color: var(--smrt-color-primary);
|
|
414
|
+
border: 1px solid var(--smrt-color-outline-variant);
|
|
415
|
+
border-radius: var(--smrt-radius-full);
|
|
414
416
|
font-weight: var(--smrt-typography-weight-medium, 500);
|
|
415
417
|
transition: background 0.2s;
|
|
416
418
|
}
|
|
417
419
|
|
|
418
420
|
.load-more :global(.load-more-btn--pill:hover:not(:disabled)) {
|
|
419
|
-
background: var(--smrt-color-surface-container-highest
|
|
421
|
+
background: var(--smrt-color-surface-container-highest);
|
|
420
422
|
}
|
|
423
|
+
}
|
|
421
424
|
</style>
|
|
@@ -178,7 +178,7 @@ async function handleAIEdit() {
|
|
|
178
178
|
}
|
|
179
179
|
</script>
|
|
180
180
|
|
|
181
|
-
<div class="smrt-image-editor">
|
|
181
|
+
<div class="smrt-image-editor" data-smrt-component="ImageEditor">
|
|
182
182
|
<div class="header">
|
|
183
183
|
<h3>{t(M['images.image_editor.title'])}</h3>
|
|
184
184
|
{#if onCancel}
|
|
@@ -283,22 +283,24 @@ async function handleAIEdit() {
|
|
|
283
283
|
</div>
|
|
284
284
|
|
|
285
285
|
<style>
|
|
286
|
+
@layer smrt.reset, smrt.structure, smrt.theme;
|
|
287
|
+
@layer smrt.theme {
|
|
286
288
|
.smrt-image-editor {
|
|
287
289
|
display: flex;
|
|
288
290
|
flex-direction: column;
|
|
289
291
|
gap: 1rem;
|
|
290
292
|
padding: 1.5rem;
|
|
291
|
-
background: var(--smrt-color-surface-container
|
|
292
|
-
color: var(--smrt-color-on-surface
|
|
293
|
-
border-radius: var(--smrt-radius-lg
|
|
294
|
-
border: 1px solid var(--smrt-color-outline-variant
|
|
293
|
+
background: var(--smrt-color-surface-container);
|
|
294
|
+
color: var(--smrt-color-on-surface);
|
|
295
|
+
border-radius: var(--smrt-radius-lg);
|
|
296
|
+
border: 1px solid var(--smrt-color-outline-variant);
|
|
295
297
|
}
|
|
296
298
|
|
|
297
299
|
.header {
|
|
298
300
|
display: flex;
|
|
299
301
|
justify-content: space-between;
|
|
300
302
|
align-items: center;
|
|
301
|
-
border-bottom: 1px solid var(--smrt-color-outline-variant
|
|
303
|
+
border-bottom: 1px solid var(--smrt-color-outline-variant);
|
|
302
304
|
padding-bottom: 1rem;
|
|
303
305
|
margin-bottom: 0.5rem;
|
|
304
306
|
}
|
|
@@ -320,7 +322,7 @@ async function handleAIEdit() {
|
|
|
320
322
|
.empty-state {
|
|
321
323
|
padding: 2rem;
|
|
322
324
|
text-align: center;
|
|
323
|
-
color: var(--smrt-color-outline
|
|
325
|
+
color: var(--smrt-color-outline);
|
|
324
326
|
}
|
|
325
327
|
|
|
326
328
|
.editor-content {
|
|
@@ -336,9 +338,9 @@ async function handleAIEdit() {
|
|
|
336
338
|
background-size: contain;
|
|
337
339
|
background-position: center;
|
|
338
340
|
background-repeat: no-repeat;
|
|
339
|
-
background-color: var(--smrt-color-surface-container-high
|
|
340
|
-
border-radius: var(--smrt-radius-md
|
|
341
|
-
border: 1px dashed var(--smrt-color-outline-variant
|
|
341
|
+
background-color: var(--smrt-color-surface-container-high);
|
|
342
|
+
border-radius: var(--smrt-radius-md);
|
|
343
|
+
border: 1px dashed var(--smrt-color-outline-variant);
|
|
342
344
|
}
|
|
343
345
|
|
|
344
346
|
.editor-controls {
|
|
@@ -352,8 +354,8 @@ async function handleAIEdit() {
|
|
|
352
354
|
/* Segmented button style for tabs */
|
|
353
355
|
.mode-selector {
|
|
354
356
|
display: flex;
|
|
355
|
-
background: var(--smrt-color-surface-container-high
|
|
356
|
-
border-radius: var(--smrt-radius-full
|
|
357
|
+
background: var(--smrt-color-surface-container-high);
|
|
358
|
+
border-radius: var(--smrt-radius-full);
|
|
357
359
|
padding: 0.25rem;
|
|
358
360
|
gap: 0.25rem;
|
|
359
361
|
}
|
|
@@ -365,14 +367,14 @@ async function handleAIEdit() {
|
|
|
365
367
|
flex: 1;
|
|
366
368
|
padding: 0.6rem 1rem;
|
|
367
369
|
font-weight: var(--smrt-typography-weight-medium, 500);
|
|
368
|
-
border-radius: var(--smrt-radius-full
|
|
370
|
+
border-radius: var(--smrt-radius-full);
|
|
369
371
|
}
|
|
370
372
|
|
|
371
373
|
.tool-section h4 {
|
|
372
374
|
margin: 0 0 1rem 0;
|
|
373
375
|
font-size: var(--smrt-typography-title-medium-size, 0.95rem);
|
|
374
376
|
font-weight: var(--smrt-typography-weight-medium, 500);
|
|
375
|
-
color: var(--smrt-color-on-surface-variant
|
|
377
|
+
color: var(--smrt-color-on-surface-variant);
|
|
376
378
|
}
|
|
377
379
|
|
|
378
380
|
.row {
|
|
@@ -388,7 +390,7 @@ async function handleAIEdit() {
|
|
|
388
390
|
flex-direction: column;
|
|
389
391
|
font-size: var(--smrt-typography-label-medium-size, 0.8rem);
|
|
390
392
|
font-weight: var(--smrt-typography-weight-medium, 500);
|
|
391
|
-
color: var(--smrt-color-outline
|
|
393
|
+
color: var(--smrt-color-outline);
|
|
392
394
|
gap: 0.25rem;
|
|
393
395
|
}
|
|
394
396
|
|
|
@@ -413,18 +415,18 @@ async function handleAIEdit() {
|
|
|
413
415
|
/* Migrated Buttons keep their bespoke filled-tonal / text-link / pill looks.
|
|
414
416
|
:global() pierces into each Button's rendered <button> (see #1589). */
|
|
415
417
|
.tool-section :global(.tonal-btn--filled) {
|
|
416
|
-
background: var(--smrt-color-surface-container-highest
|
|
417
|
-
color: var(--smrt-color-primary
|
|
418
|
-
border: 1px solid var(--smrt-color-outline-variant
|
|
418
|
+
background: var(--smrt-color-surface-container-highest);
|
|
419
|
+
color: var(--smrt-color-primary);
|
|
420
|
+
border: 1px solid var(--smrt-color-outline-variant);
|
|
419
421
|
padding: 0.6rem 1.2rem;
|
|
420
|
-
border-radius: var(--smrt-radius-full
|
|
422
|
+
border-radius: var(--smrt-radius-full);
|
|
421
423
|
font-weight: var(--smrt-typography-weight-medium, 500);
|
|
422
424
|
transition: background 0.2s;
|
|
423
425
|
margin-top: 1.25rem;
|
|
424
426
|
}
|
|
425
427
|
|
|
426
428
|
.tool-section :global(.tonal-btn--filled:hover:not(:disabled)) {
|
|
427
|
-
background: var(--smrt-color-surface-container-high
|
|
429
|
+
background: var(--smrt-color-surface-container-high);
|
|
428
430
|
}
|
|
429
431
|
|
|
430
432
|
.tool-section :global(.text-btn--link) {
|
|
@@ -432,12 +434,12 @@ async function handleAIEdit() {
|
|
|
432
434
|
padding: 0;
|
|
433
435
|
}
|
|
434
436
|
.tool-section :global(.text-btn--link:hover) {
|
|
435
|
-
color: var(--smrt-color-on-surface
|
|
437
|
+
color: var(--smrt-color-on-surface);
|
|
436
438
|
}
|
|
437
439
|
|
|
438
440
|
.tool-section :global(.primary-btn--pill) {
|
|
439
441
|
padding: 0.6rem 1.5rem;
|
|
440
|
-
border-radius: var(--smrt-radius-full
|
|
442
|
+
border-radius: var(--smrt-radius-full);
|
|
441
443
|
font-weight: var(--smrt-typography-weight-medium, 500);
|
|
442
444
|
}
|
|
443
445
|
|
|
@@ -447,23 +449,24 @@ async function handleAIEdit() {
|
|
|
447
449
|
|
|
448
450
|
.hint {
|
|
449
451
|
font-size: var(--smrt-typography-body-small-size, 0.8rem);
|
|
450
|
-
color: var(--smrt-color-outline
|
|
452
|
+
color: var(--smrt-color-outline);
|
|
451
453
|
margin: 0 0 0.5rem 0;
|
|
452
454
|
}
|
|
453
455
|
|
|
454
456
|
.error-msg {
|
|
455
|
-
color: var(--smrt-color-error
|
|
457
|
+
color: var(--smrt-color-error);
|
|
456
458
|
background: color-mix(in srgb, var(--smrt-color-error) 10%, transparent);
|
|
457
459
|
padding: 0.5rem;
|
|
458
|
-
border-radius: var(--smrt-radius-sm
|
|
460
|
+
border-radius: var(--smrt-radius-sm);
|
|
459
461
|
font-size: var(--smrt-typography-body-medium-size, 0.85rem);
|
|
460
462
|
}
|
|
461
463
|
|
|
462
464
|
.success-msg {
|
|
463
|
-
color: var(--smrt-color-success
|
|
465
|
+
color: var(--smrt-color-success);
|
|
464
466
|
background: color-mix(in srgb, var(--smrt-color-success) 10%, transparent);
|
|
465
467
|
padding: 0.5rem;
|
|
466
|
-
border-radius: var(--smrt-radius-sm
|
|
468
|
+
border-radius: var(--smrt-radius-sm);
|
|
467
469
|
font-size: var(--smrt-typography-body-medium-size, 0.85rem);
|
|
468
470
|
}
|
|
471
|
+
}
|
|
469
472
|
</style>
|