storyloco 1.4.5 → 1.5.0

package/README.md

@@ -10,7 +10,7 @@ A collection of slick Storyblok field plugins built with Svelte 5, TypeScript, a
 - **📝 Heading** - Simple heading editor with level selection (H1-H6)
 - **🎨 Theme** - Color theme selector with visual previews
 - **🔗 Link** - Link editor with support for internal, external, email, and asset links
-- **🏗️ Plans** - Floor plan manager with drag-and-drop sorting for types, floors, plot dimensions, and rooms
+- **🏗️ Plans** - Floor plan manager with drag-and-drop sorting for types, floors, dimensions, and rooms
 
 ### Vite Plugins
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "storyloco",
-  "version": "1.4.5",
+  "version": "1.5.0",
   "description": "A collection of slick Storyblok field plugins built with Svelte 5, TypeScript, and Tailwind CSS",
   "keywords": [
     "storyblok",

package/packages/heading/types.ts

@@ -1,4 +1,5 @@
 export interface Heading {
-   text: string
-   level: 1 | 2 | 3 | 4 | 5 | 6
+	text: string
+	level: 1 | 2 | 3 | 4 | 5 | 6 | null
+	tag: `h${Exclude<Heading['level'], null>}` | null
 }

package/packages/plans/types.ts

@@ -1,4 +1,4 @@
-import { Asset } from '@storyblok/field-plugin'
+import type { Asset } from '@storyblok/field-plugin'
 
 export type UUID = ReturnType<typeof crypto.randomUUID>
 
@@ -12,9 +12,9 @@ export type Types = {
 			id: UUID
 			name: string
 			plan?: Asset
-			plot_dimensions: Array<{
+			dimensions: Array<{
 				id: UUID
-				plot_number: number
+				name: string
 				rooms: Array<{
 					id: UUID
 					name: string
@@ -28,5 +28,5 @@ export type Types = {
 
 export type Type = Types['types'][number]
 export type Floor = Type['floors'][number]
-export type PlotDimension = Floor['plot_dimensions'][number]
-export type Room = PlotDimension['rooms'][number]
+export type Dimension = Floor['dimensions'][number]
+export type Room = Dimension['rooms'][number]

package/packages/theme/src/app.svelte

@@ -76,23 +76,23 @@
 		</button>
 		{#if open}
 			<fieldset
-				class="bg-input-background border border-input rounded grid @xs:grid-cols-2 @sm:grid-cols-3 divide-y mt-1 overflow-hidden p-3 gap-3 max-h-54 @xl:max-h-58 overflow-y-auto"
+				class="bg-input-background border border-input rounded grid @[250px]:grid-cols-2 @sm:grid-cols-3 divide-y mt-1 overflow-hidden p-3 gap-3 max-h-54 @xl:max-h-58 overflow-y-auto"
 				transition:slide
 			>
 				{#each themes as { value, name, primary, secondary, tertiary }, index}
-					{#snippet label(value: string)}
+					{#snippet Label(value: string)}
 						<input
 							class={cn(
 								'sr-only',
 								`
-                dark:[&:checked+label]:text-background
-                [&:checked+label]:border-primary
-                [&:checked+label]:bg-white
+                        dark:[&:checked+label]:text-background
+                        [&:checked+label]:border-primary
+                        [&:checked+label]:bg-white
 
-                focus-visible:[&:checked+label]:outline-primary
-                focus-visible:[&:checked+label]:outline-2
-                focus-visible:[&:checked+label]:outline-offset-2
-                `,
+                        focus-visible:[&:checked+label]:outline-primary
+                        focus-visible:[&:checked+label]:outline-2
+                        focus-visible:[&:checked+label]:outline-offset-2
+                        `,
 								{
 									'dark:[&:checked+label_figure_span]:border-background': value === 'none',
 								}
@@ -105,7 +105,7 @@
 						/>
 						<label
 							for={value}
-							class="grid justify-center text-xs text-center items-center gap-2 p-3 border rounded relative transition-colors cursor-pointer justify-between hover:bg-primary/10 border-input bg-secondary hover:border-primary transition-colors"
+							class="grid text-xs text-center items-center gap-2 p-3 border rounded relative cursor-pointer justify-center hover:bg-primary/10 border-input bg-secondary hover:border-primary transition-colors"
 						>
 							<figure
 								class={cn(
@@ -132,9 +132,9 @@
 						</label>
 					{/snippet}
 					{#if index === 0}
-						{@render label('none')}
+						{@render Label('none')}
 					{/if}
-					{@render label(value)}
+					{@render Label(value)}
 				{/each}
 			</fieldset>
 		{/if}