@sjsf/skeleton-theme 2.0.0-next.6 → 2.0.0-next.7

package/dist/components/errors-list.svelte

@@ -2,10 +2,10 @@
 	import type { ComponentProps } from '@sjsf/form';
 	import '@sjsf/basic-theme/components/errors-list.svelte';
 
-	const { errors, forId, config }: ComponentProps['errorsList'] = $props();
+	const { errors, config }: ComponentProps['errorsList'] = $props();
 </script>
 
-<ui class="text-error-500" data-errors-for={forId} {...config.uiOptions?.errorsList}>
+<ui class="text-error-500" data-errors-for={config.id} {...config.uiOptions?.errorsList}>
 	{#each errors as err}
 		<li>{err.message}</li>
 	{/each}

package/dist/components/errors-list.svelte.d.ts

@@ -1,6 +1,4 @@
 import '@sjsf/basic-theme/components/errors-list.svelte';
-declare const ErrorsList: import("svelte").Component<import("@sjsf/form/fields/components").ComponentCommonProps & {
-    forId: string;
-}, {}, "">;
+declare const ErrorsList: import("svelte").Component<import("@sjsf/form/fields/components").ComponentCommonProps, {}, "">;
 type ErrorsList = ReturnType<typeof ErrorsList>;
 export default ErrorsList;

package/dist/components/exports.d.ts

@@ -3,6 +3,7 @@ export { default as submitButton } from './submit-button.svelte';
 export { default as button } from './button.svelte';
 export { default as layout } from './layout.svelte';
 export { default as title } from './title.svelte';
+export { default as label } from "./label.svelte";
 export { default as description } from './description.svelte';
 export { default as help } from './help.svelte';
 export { default as errorsList } from './errors-list.svelte';

package/dist/components/exports.js

@@ -3,6 +3,7 @@ export { default as submitButton } from './submit-button.svelte';
 export { default as button } from './button.svelte';
 export { default as layout } from './layout.svelte';
 export { default as title } from './title.svelte';
+export { default as label } from "./label.svelte";
 export { default as description } from './description.svelte';
 export { default as help } from './help.svelte';
 export { default as errorsList } from './errors-list.svelte';

package/dist/components/label.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">
+	import type { ComponentProps } from '@sjsf/form';
+	import '@sjsf/basic-theme/components/label.svelte';
+
+	const { title, config }: ComponentProps['label'] = $props();
+</script>
+
+<label class="label-text" for={config.id} {...config.uiOptions?.labelAttributes}>
+	{title}
+	{#if config.required}
+		<span>*</span>
+	{/if}
+</label>

package/dist/components/label.svelte.d.ts

@@ -0,0 +1,6 @@
+import '@sjsf/basic-theme/components/label.svelte';
+declare const Label: import("svelte").Component<import("@sjsf/form/fields/components").ComponentCommonProps & {
+    title: string;
+}, {}, "">;
+type Label = ReturnType<typeof Label>;
+export default Label;

package/dist/components/title.svelte

@@ -2,16 +2,12 @@
 	import type { ComponentProps } from '@sjsf/form';
 	import '@sjsf/basic-theme/components/title.svelte';
 
-	const { title, type, forId, required, config }: ComponentProps['title'] = $props();
+	const { title, type, config }: ComponentProps['title'] = $props();
 </script>
 
-{#if type === 'field'}
-	<label class="label-text" for={forId} {...config.uiOptions?.labelAttributes}>
-		{title}
-		{#if required}
-			<span>*</span>
-		{/if}
-	</label>
-{:else}
-	<div class="font-bold text-xl" {...config.uiOptions?.titleAttributes}>{title}</div>
-{/if}
+<div
+	class={type === 'field' ? 'label-text' : 'font-bold text-xl'}
+	{...config.uiOptions?.titleAttributes}
+>
+	{title}
+</div>

package/dist/components/title.svelte.d.ts

@@ -2,8 +2,6 @@ import '@sjsf/basic-theme/components/title.svelte';
 declare const Title: import("svelte").Component<import("@sjsf/form/fields/components").ComponentCommonProps & {
     type: import("@sjsf/form/templates/components").ParentTemplateType;
     title: string;
-    forId: string;
-    required: boolean;
 }, {}, "">;
 type Title = ReturnType<typeof Title>;
 export default Title;

package/dist/index.d.ts

@@ -1 +1 @@
-export declare const theme: import("@sjsf/form/lib/resolver").Resolver<import("@sjsf/form/lib/resolver").Chain<Record<"stringField" | "numberField" | "integerField" | "booleanField" | "objectField" | "arrayField" | "tupleField" | "nullField" | "oneOfField" | "anyOfField" | "arrayItemField" | "objectPropertyField" | keyof import("@sjsf/form/fields/resolver/definitions").ExtraFields, any>, Record<"form" | "button" | "submitButton" | "fieldTemplate" | "objectTemplate" | "objectPropertyTemplate" | "arrayTemplate" | "arrayItemTemplate" | "multiFieldTemplate" | "layout" | "textWidget" | "numberWidget" | "selectWidget" | "checkboxWidget" | "title" | "description" | "help" | "errorsList" | keyof import("./definitions").ExtraWidgets, any>>, import("@sjsf/form/lib/resolver").Chain<typeof import("@sjsf/form/fields/exports") & Pick<import("@sjsf/form").ComponentDefinitions, keyof import("@sjsf/form/fields/resolver/definitions").ExtraFields>, typeof import("@sjsf/form/templates/exports") & typeof import("./components/exports.js") & typeof import("./widgets/exports.js") & Pick<import("@sjsf/form").ComponentDefinitions, keyof import("./definitions").ExtraWidgets>>>;
+export declare const theme: import("@sjsf/form/lib/resolver").Resolver<import("@sjsf/form/lib/resolver").Chain<Record<"stringField" | "numberField" | "integerField" | "booleanField" | "objectField" | "arrayField" | "tupleField" | "nullField" | "oneOfField" | "anyOfField" | "arrayItemField" | "objectPropertyField" | keyof import("@sjsf/form/fields/resolver/definitions").ExtraFields, any>, Record<"form" | "button" | "submitButton" | "fieldTemplate" | "objectTemplate" | "objectPropertyTemplate" | "arrayTemplate" | "arrayItemTemplate" | "multiFieldTemplate" | "layout" | "textWidget" | "numberWidget" | "selectWidget" | "checkboxWidget" | "title" | "label" | "description" | "help" | "errorsList" | keyof import("./definitions").ExtraWidgets, any>>, import("@sjsf/form/lib/resolver").Chain<typeof import("@sjsf/form/fields/exports") & Pick<import("@sjsf/form").ComponentDefinitions, keyof import("@sjsf/form/fields/resolver/definitions").ExtraFields>, typeof import("@sjsf/form/templates/exports") & typeof import("./components/exports.js") & typeof import("./widgets/exports.js") & Pick<import("@sjsf/form").ComponentDefinitions, keyof import("./definitions").ExtraWidgets>>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sjsf/skeleton-theme",
-  "version": "2.0.0-next.6",
+  "version": "2.0.0-next.7",
   "description": "The skeleton based theme for svelte-jsonschema-form",
   "license": "MIT",
   "keywords": [
@@ -52,8 +52,8 @@
     }
   },
   "peerDependencies": {
-    "@sjsf/form": "^2.0.0-next.6",
-    "@sjsf/basic-theme": "^2.0.0-next.6",
+    "@sjsf/form": "^2.0.0-next.7",
+    "@sjsf/basic-theme": "^2.0.0-next.7",
     "@skeletonlabs/skeleton": ">=3.0.0-next.0 <=3.0.0-next.10",
     "@tailwindcss/forms": "^0.5.0",
     "svelte": "^5.25.0"
@@ -76,16 +76,16 @@
     "postcss": "^8.5.3",
     "prettier": "^3.5.3",
     "prettier-plugin-svelte": "^3.3.3",
-    "svelte": "^5.25.3",
+    "svelte": "^5.25.6",
     "svelte-check": "^4.1.5",
     "tailwindcss": "^3.4.17",
     "typescript-eslint": "^8.27.0",
     "vite": "6.2.2",
     "vitest": "3.0.9",
-    "@sjsf/ajv8-validator": "2.0.0-next.6",
-    "@sjsf/basic-theme": "2.0.0-next.6",
-    "@sjsf/form": "2.0.0-next.6",
-    "testing": "0.1.0-next.6"
+    "@sjsf/ajv8-validator": "2.0.0-next.7",
+    "@sjsf/basic-theme": "2.0.0-next.7",
+    "@sjsf/form": "2.0.0-next.7",
+    "testing": "0.1.0-next.7"
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",