@onsvisual/svelte-components 1.0.37 → 1.0.39

package/dist/datavis/DataCard/docs/component.md

@@ -1,3 +1,5 @@
+<span class="ons-warning">This component is experimental</span>
+
 A component for presenting key facts and figures as a grid of "cards".
 
 Note: This component is experimental. Its attributes and options are likely to change. The intention is to include a range of simple chart types.

package/dist/inputs/Button/Button.svelte

@@ -7,7 +7,7 @@
 
 	/**
 	 * Type of button
-	 * @type {"button"|"sumbit"|"reset"}
+	 * @type {"button"|"submit"|"reset"}
 	 */
 	export let type = "button";
 	/**

package/dist/inputs/Button/Button.svelte.d.ts

@@ -7,7 +7,7 @@ export default class Button extends SvelteComponentTyped<{
     href?: string | null | undefined;
     color?: string | null | undefined;
     download?: string | null | undefined;
-    type?: "button" | "reset" | "sumbit" | undefined;
+    type?: "button" | "reset" | "submit" | undefined;
     variant?: "secondary" | "primary" | "ghost" | undefined;
     noScroll?: boolean | undefined;
     icon?: "search" | "arrow" | "carret" | "cross" | "external" | "signout" | "print" | "download" | "tick" | "pin" | "cog" | null | undefined;
@@ -35,7 +35,7 @@ declare const __propDef: {
         href?: string | null | undefined;
         color?: string | null | undefined;
         download?: string | null | undefined;
-        type?: "button" | "reset" | "sumbit" | undefined;
+        type?: "button" | "reset" | "submit" | undefined;
         variant?: "secondary" | "primary" | "ghost" | undefined;
         noScroll?: boolean | undefined;
         icon?: "search" | "arrow" | "carret" | "cross" | "external" | "signout" | "print" | "download" | "tick" | "pin" | "cog" | null | undefined;

package/dist/inputs/ButtonGroup/docs/component.md

@@ -1,3 +1,5 @@
+<span class="ons-warning">This component is experimental</span>
+
 Radio inputs dressed up as a button group.
 
 <!-- prettier-ignore -->

package/dist/inputs/Input/Input.svelte

@@ -20,9 +20,9 @@
 	export let value = null;
 	/**
 	 * A label to describe the <input> element (expected for accessibility)
-	 * @type {string}
+	 * @type {string|null}
 	 */
-	export let label = "Enter some text";
+	export let label = null;
 	/**
 	 * Visually hide the label
 	 * @type {boolean}

package/dist/inputs/Input/Input.svelte.d.ts

@@ -5,7 +5,7 @@ export default class Input extends SvelteComponentTyped<{
     cls?: string | null | undefined;
     id?: string | null | undefined;
     width?: number | undefined;
-    label?: string | undefined;
+    label?: string | null | undefined;
     pattern?: string | null | undefined;
     name?: string | null | undefined;
     error?: boolean | undefined;
@@ -33,7 +33,7 @@ declare const __propDef: {
         cls?: string | null | undefined;
         id?: string | null | undefined;
         width?: number | undefined;
-        label?: string | undefined;
+        label?: string | null | undefined;
         pattern?: string | null | undefined;
         name?: string | null | undefined;
         error?: boolean | undefined;

package/dist/inputs/Select/Select.svelte

@@ -42,7 +42,7 @@
 	export let autoClear = mode === "search";
 	/**
 	 * A label to describe the element (expected for accessibility)
-	 * @type {string}
+	 * @type {string|null}
 	 */
 	export let label = mode === "search" ? "Type to select" : "Select an option";
 	/**

package/dist/inputs/Select/Select.svelte.d.ts

@@ -4,7 +4,7 @@
 export default class Select extends SvelteComponentTyped<{
     cls?: string | null | undefined;
     id?: string | undefined;
-    label?: string | undefined;
+    label?: string | null | undefined;
     name?: string | undefined;
     mode?: "default" | "search" | undefined;
     value?: object | undefined;
@@ -35,7 +35,7 @@ declare const __propDef: {
     props: {
         cls?: string | null | undefined;
         id?: string | undefined;
-        label?: string | undefined;
+        label?: string | null | undefined;
         name?: string | undefined;
         mode?: "default" | "search" | undefined;
         value?: object | undefined;

package/dist/inputs/Textarea/Textarea.svelte

@@ -20,7 +20,7 @@
 	export let value = null;
 	/**
 	 * A label to describe the <textarea> element (expected for accessibility)
-	 * @type {string}
+	 * @type {string|null}
 	 */
 	export let label = "Enter some text";
 	/**

package/dist/inputs/Textarea/Textarea.svelte.d.ts

@@ -5,7 +5,7 @@ export default class Textarea extends SvelteComponentTyped<{
     cls?: string | null | undefined;
     id?: string | null | undefined;
     width?: number | undefined;
-    label?: string | undefined;
+    label?: string | null | undefined;
     name?: string | null | undefined;
     value?: string | null | undefined;
     description?: string | null | undefined;
@@ -25,7 +25,7 @@ declare const __propDef: {
         cls?: string | null | undefined;
         id?: string | null | undefined;
         width?: number | undefined;
-        label?: string | undefined;
+        label?: string | null | undefined;
         name?: string | null | undefined;
         value?: string | null | undefined;
         description?: string | null | undefined;

package/dist/inputs/Toolbar/ToolControl.svelte

@@ -9,7 +9,7 @@
 	let { id = "" } = $props();
 </script>
 
-{#if currentModalId === id && !showHelp}
+{#if $currentModalId === id && !$showHelp}
 	<div class="tool-control" role="tabpanel" aria-labelledby={`button-${id}`} id={`panel-${id}`}>
 		<slot />
 	</div>

package/dist/inputs/Toolbar/docs/component.md

@@ -1,3 +1,5 @@
+<span class="ons-warning">This component is experimental</span>
+
 A toolbar component. Use `ToolbarsContainer` even if using one toolbar as it contains a store for all the IDs and the activeID.
 
 There's a slot on ToolbarButton if you want to put in custom help text otherwise, there's the prop `helpText`.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@onsvisual/svelte-components",
-	"version": "1.0.37",
+	"version": "1.0.39",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "npm run build:package && npm run build:docs",
@@ -86,4 +86,4 @@
 	"keywords": [
 		"svelte"
 	]
-}
+}