storyloco 1.4.4 → 1.4.6

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 (3) hide show
  1. package/package.json +1 -1
  2. package/packages/heading/types.ts +3 -2
  3. package/packages/theme/src/app.svelte +12 -12
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "storyloco",
3
- "version": "1.4.4",
3
+ "version": "1.4.6",
4
4
  "description": "A collection of slick Storyblok field plugins built with Svelte 5, TypeScript, and Tailwind CSS",
5
5
  "keywords": [
6
6
  "storyblok",
package/packages/heading/types.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export interface Heading {
2
- text: string
3
- level: 1 | 2 | 3 | 4 | 5 | 6
2
+ text: string
3
+ level: 1 | 2 | 3 | 4 | 5 | 6 | null
4
+ tag: `h${Exclude<Heading['level'], null>}` | null
4
5
  }
package/packages/theme/src/app.svelte CHANGED
@@ -76,23 +76,23 @@
76
76
  </button>
77
77
  {#if open}
78
78
  <fieldset
79
- 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"
79
+ 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"
80
80
  transition:slide
81
81
  >
82
82
  {#each themes as { value, name, primary, secondary, tertiary }, index}
83
- {#snippet label(value: string)}
83
+ {#snippet Label(value: string)}
84
84
  <input
85
85
  class={cn(
86
86
  'sr-only',
87
87
  `
88
- dark:[&:checked+label]:text-background
89
- [&:checked+label]:border-primary
90
- [&:checked+label]:bg-white
88
+ dark:[&:checked+label]:text-background
89
+ [&:checked+label]:border-primary
90
+ [&:checked+label]:bg-white
91
91
 
92
- focus-visible:[&:checked+label]:outline-primary
93
- focus-visible:[&:checked+label]:outline-2
94
- focus-visible:[&:checked+label]:outline-offset-2
95
- `,
92
+ focus-visible:[&:checked+label]:outline-primary
93
+ focus-visible:[&:checked+label]:outline-2
94
+ focus-visible:[&:checked+label]:outline-offset-2
95
+ `,
96
96
  {
97
97
  'dark:[&:checked+label_figure_span]:border-background': value === 'none',
98
98
  }
@@ -105,7 +105,7 @@
105
105
  />
106
106
  <label
107
107
  for={value}
108
- 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"
108
+ 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"
109
109
  >
110
110
  <figure
111
111
  class={cn(
@@ -132,9 +132,9 @@
132
132
  </label>
133
133
  {/snippet}
134
134
  {#if index === 0}
135
- {@render label('none')}
135
+ {@render Label('none')}
136
136
  {/if}
137
- {@render label(value)}
137
+ {@render Label(value)}
138
138
  {/each}
139
139
  </fieldset>
140
140
  {/if}