@snowcone-app/canvas 0.21.2 → 0.22.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 (47) hide show
  1. package/STYLING_CONTRACT.md +31 -7
  2. package/dist/{CanvasRenderer-B0szG0Us.js → CanvasRenderer-6_HhR4-q.js} +170 -189
  3. package/dist/CanvasRenderer-6_HhR4-q.js.map +1 -0
  4. package/dist/{ContextualToolbars-BYnovWnN.js → ContextualToolbars-BDEt9ND0.js} +1619 -1846
  5. package/dist/ContextualToolbars-BDEt9ND0.js.map +1 -0
  6. package/dist/{EditorCanvasImpl-BmLHjXe7.js → EditorCanvasImpl-BH_bKy-F.js} +5 -5
  7. package/dist/{EditorCanvasImpl-BmLHjXe7.js.map → EditorCanvasImpl-BH_bKy-F.js.map} +1 -1
  8. package/dist/ImagePanel-BwqFDKvW.js +951 -0
  9. package/dist/ImagePanel-BwqFDKvW.js.map +1 -0
  10. package/dist/{SnowconeCanvas-Bj2773ym.js → SnowconeCanvas-Cx7nXlBI.js} +19 -18
  11. package/dist/{SnowconeCanvas-Bj2773ym.js.map → SnowconeCanvas-Cx7nXlBI.js.map} +1 -1
  12. package/dist/{UnifiedFontService-C8gaspRD.js → UnifiedFontService-CC3CSmH5.js} +1042 -984
  13. package/dist/UnifiedFontService-CC3CSmH5.js.map +1 -0
  14. package/dist/advanced.mjs +97 -96
  15. package/dist/advanced.mjs.map +1 -1
  16. package/dist/api/embed.d.ts +3 -1
  17. package/dist/components/editor/EditorCanvas.d.ts +9 -0
  18. package/dist/components/editor/EditorRoot.d.ts +11 -0
  19. package/dist/components/editor/LazyImageBrowser.d.ts +7 -0
  20. package/dist/components/editor/commerceStore.d.ts +13 -0
  21. package/dist/components/embed-realtime/validateEmbed.d.ts +10 -4
  22. package/dist/custom-icons-BW6hqmkL.js +236 -0
  23. package/dist/custom-icons-BW6hqmkL.js.map +1 -0
  24. package/dist/design/product-config.d.ts +48 -0
  25. package/dist/editorErrors-B2mb1sVN.js.map +1 -1
  26. package/dist/{embed-pM7ZkFuz.js → embed-8ecUMMH-.js} +550 -441
  27. package/dist/embed-8ecUMMH-.js.map +1 -0
  28. package/dist/embed.mjs +30 -29
  29. package/dist/errors/editorError.d.ts +3 -0
  30. package/dist/guards-8rkFAMBs.js +24 -0
  31. package/dist/guards-8rkFAMBs.js.map +1 -0
  32. package/dist/index.mjs +5 -5
  33. package/dist/internals.mjs +1 -1
  34. package/dist/style.css +1 -1
  35. package/dist/{template-fields-BsnHMf1i.js → template-fields-C2pSfMBh.js} +57 -39
  36. package/dist/template-fields-C2pSfMBh.js.map +1 -0
  37. package/dist/validation-C9Fe9ahK.js +8367 -0
  38. package/dist/validation-C9Fe9ahK.js.map +1 -0
  39. package/example/package.json +1 -1
  40. package/package.json +1 -1
  41. package/dist/CanvasRenderer-B0szG0Us.js.map +0 -1
  42. package/dist/ContextualToolbars-BYnovWnN.js.map +0 -1
  43. package/dist/UnifiedFontService-C8gaspRD.js.map +0 -1
  44. package/dist/embed-pM7ZkFuz.js.map +0 -1
  45. package/dist/template-fields-BsnHMf1i.js.map +0 -1
  46. package/dist/validation-DdVeWnlo.js +0 -9308
  47. package/dist/validation-DdVeWnlo.js.map +0 -1
package/STYLING_CONTRACT.md CHANGED
@@ -184,23 +184,29 @@ stable hooks; `sc:`-prefixed utility classes are internal and NOT contract.
184
184
  <input type="file">
185
185
  ```
186
186
 
187
+ ### `preview` — Editor.Preview — awaiting the first mockup
188
+
189
+ ```html
190
+ <div aria-busy="true" data-sc-part="preview" data-sc-preview-state="rendering">
191
+ ```
192
+
187
193
  ### `preview` — Editor.Preview — with a rendered mockup
188
194
 
189
195
  ```html
190
- <img alt=<alt> data-sc-part="preview" src=<url>>
196
+ <img alt=<alt> data-sc-part="preview" data-sc-preview-state="ready" src=<url>>
191
197
  ```
192
198
 
193
199
  ### `preview-error` — Editor.Preview — render/grant failure before any mockup
194
200
 
195
201
  ```html
196
- <div data-sc-error=<message> data-sc-part="preview-error" role="alert">
202
+ <div data-sc-error=<message> data-sc-part="preview-error" data-sc-preview-state="error" role="alert">
197
203
  ```
198
204
 
199
205
  ### `root` — Editor.Root
200
206
 
201
207
  ```html
202
208
  <div class="sc-root" data-sc-part="root">
203
- <img alt=<alt> data-sc-part="preview" src=<url>>
209
+ <img alt=<alt> data-sc-part="preview" data-sc-preview-state="ready" src=<url>>
204
210
  <input aria-label=<label> data-sc-layer=<layer-name> data-sc-part="textfield" placeholder=<placeholder> type="text">
205
211
  <button data-sc-buy-missing=<reason-codes> data-sc-buy-state="incomplete" data-sc-part="buy" disabled type="button">
206
212
  ```
@@ -224,7 +230,8 @@ stable hooks; `sc:`-prefixed utility classes are internal and NOT contract.
224
230
  <div>
225
231
  …
226
232
  <button aria-label=<label> data-sc-part="snowcone-editor-pip" type="button">
227
- <span aria-busy="true">
233
+ <div aria-busy="true" data-sc-part="preview" data-sc-preview-state="rendering">
234
+ <span aria-busy="true">
228
235
  <div data-sc-part="snowcone-editor-zone" data-sc-zone-state="idle">
229
236
  <div>
230
237
  <div data-sc-part="controls" data-sc-placement="docked">
@@ -296,7 +303,8 @@ stable hooks; `sc:`-prefixed utility classes are internal and NOT contract.
296
303
 
297
304
  ```html
298
305
  <button aria-label=<label> data-sc-part="snowcone-editor-pip" type="button">
299
- <span aria-busy="true">
306
+ <div aria-busy="true" data-sc-part="preview" data-sc-preview-state="rendering">
307
+ <span aria-busy="true">
300
308
  ```
301
309
 
302
310
  ### `snowcone-editor-stage` — SnowconeEditor — stage
@@ -309,7 +317,8 @@ stable hooks; `sc:`-prefixed utility classes are internal and NOT contract.
309
317
  <div>
310
318
  …
311
319
  <button aria-label=<label> data-sc-part="snowcone-editor-pip" type="button">
312
- <span aria-busy="true">
320
+ <div aria-busy="true" data-sc-part="preview" data-sc-preview-state="rendering">
321
+ <span aria-busy="true">
313
322
  ```
314
323
 
315
324
  ### `snowcone-editor-swap-back` — SnowconeEditor — the "artwork" chip back to the canvas
@@ -322,7 +331,8 @@ stable hooks; `sc:`-prefixed utility classes are internal and NOT contract.
322
331
 
323
332
  ```html
324
333
  <div data-sc-part="snowcone-editor-swap-stage">
325
- <div aria-busy="true">
334
+ <div aria-busy="true" data-sc-part="preview" data-sc-preview-state="rendering">
335
+ <div aria-busy="true">
326
336
  <button aria-label=<label> data-sc-part="snowcone-editor-swap-back" type="button">
327
337
  ```
328
338
 
@@ -425,3 +435,17 @@ on `:root` or above the widget apply there too.
425
435
  | Z-index scale | `--z-overlay` | `10001` |
426
436
  | Z-index scale | `--z-modal` | `10000` |
427
437
  | Z-index scale | `--z-tooltip` | `2147483647` |
438
+ | Z-index scale | `--spacing-xs` | `4px` |
439
+ | Z-index scale | `--spacing-sm` | `6px` |
440
+ | Z-index scale | `--spacing-md` | `8px` |
441
+ | Z-index scale | `--spacing-lg` | `10px` |
442
+ | Z-index scale | `--spacing-xl` | `12px` |
443
+ | Z-index scale | `--spacing-2xl` | `16px` |
444
+ | Z-index scale | `--spacing-3xl` | `20px` |
445
+ | Z-index scale | `--spacing-4xl` | `24px` |
446
+ | Z-index scale | `--color-text-primary` | `#0a0a0a` |
447
+ | Z-index scale | `--color-text-secondary` | `#71717a` |
448
+ | Z-index scale | `--color-text-muted` | `#a1a1aa` |
449
+ | Z-index scale | `--color-border-primary` | `#e4e4e7` |
450
+ | Z-index scale | `--color-border-secondary` | `#f0f0f1` |
451
+ | Z-index scale | `--color-border-dark` | `#d4d4d8` |