@motion-proto/live-tokens 0.5.0 → 0.6.1
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/README.md +47 -4
- package/dist-plugin/index.cjs +77 -3
- package/dist-plugin/index.js +77 -3
- package/package.json +10 -5
- package/src/component-editor/DialogEditor.svelte +2 -2
- package/src/component-editor/NotificationEditor.svelte +2 -2
- package/src/component-editor/scaffolding/ComponentFileManager.svelte +4 -1
- package/src/component-editor/scaffolding/SaveAsDialog.svelte +24 -7
- package/src/lib/ColumnsOverlay.svelte +1 -1
- package/src/lib/componentPersist.ts +65 -0
- package/src/lib/presetService.ts +121 -1
- package/src/lib/productionPulse.ts +32 -0
- package/src/pages/ComponentEditorPage.svelte +33 -1
- package/src/pages/Editor.svelte +8 -2
- package/src/pages/EditorShell.svelte +25 -0
- package/src/styles/site.css +138 -0
- package/src/styles/tokens.css +24 -0
- package/src/styles/ui-form-controls.css +186 -0
- package/src/ui/FontStackEditor.svelte +1 -1
- package/src/ui/PresetFileManager.svelte +763 -216
- package/src/ui/ProjectFontsSection.svelte +4 -4
- package/src/ui/ThemeFileManager.svelte +557 -307
- package/src/ui/UnsavedComponentsDialog.svelte +315 -0
- package/src/styles/form-controls.css +0 -188
|
@@ -252,7 +252,7 @@
|
|
|
252
252
|
{#if addMode === 'google'}
|
|
253
253
|
<input
|
|
254
254
|
type="text"
|
|
255
|
-
class="form-input"
|
|
255
|
+
class="ui-form-input"
|
|
256
256
|
placeholder="Search Google Fonts (e.g. Inter)"
|
|
257
257
|
bind:value={googleQuery}
|
|
258
258
|
/>
|
|
@@ -271,7 +271,7 @@
|
|
|
271
271
|
{:else if addMode === 'url'}
|
|
272
272
|
<input
|
|
273
273
|
type="text"
|
|
274
|
-
class="form-input"
|
|
274
|
+
class="ui-form-input"
|
|
275
275
|
placeholder="https://fonts.googleapis.com/css2?family=... or Typekit URL"
|
|
276
276
|
bind:value={urlInput}
|
|
277
277
|
/>
|
|
@@ -310,7 +310,7 @@
|
|
|
310
310
|
<div class="pf-detected">Couldn't auto-detect families (CORS or no metadata). Name them:</div>
|
|
311
311
|
<input
|
|
312
312
|
type="text"
|
|
313
|
-
class="form-input"
|
|
313
|
+
class="ui-form-input"
|
|
314
314
|
placeholder="Comma-separated family names"
|
|
315
315
|
bind:value={urlManualFamilies}
|
|
316
316
|
/>
|
|
@@ -318,7 +318,7 @@
|
|
|
318
318
|
{/if}
|
|
319
319
|
{:else if addMode === 'fontface'}
|
|
320
320
|
<textarea
|
|
321
|
-
class="form-input pf-textarea"
|
|
321
|
+
class="ui-form-input pf-textarea"
|
|
322
322
|
placeholder={'Paste one or more @font-face { ... } rules'}
|
|
323
323
|
rows="6"
|
|
324
324
|
bind:value={fontFaceText}
|