sveltacular 0.0.38 → 0.0.39

package/dist/forms/form.svelte

@@ -3,6 +3,7 @@ import Section from "../generic/section/section.svelte";
 export let method = "get";
 export let title = void 0;
 export let action = void 0;
+export let size = "full";
 const dispatch = createEventDispatcher();
 const onSubmit = (e) => {
   e.preventDefault();
@@ -10,7 +11,7 @@ const onSubmit = (e) => {
 };
 </script>
 
-<Section {title}>
+<Section {title} {size}>
 	<form {method} {action} on:submit={onSubmit}>
 		<slot />
 	</form>

package/dist/forms/form.svelte.d.ts

@@ -1,9 +1,11 @@
 import { SvelteComponent } from "svelte";
+import type { FormFieldSizeOptions } from '../index.js';
 declare const __propDef: {
     props: {
         method?: "get" | "post" | "put" | "delete" | undefined;
         title?: string | undefined;
         action?: string | undefined;
+        size?: FormFieldSizeOptions | undefined;
     };
     events: {
         submit: CustomEvent<void>;

package/dist/generic/card/card.svelte

@@ -13,7 +13,9 @@ const onClick = () => {
   navigateTo(href);
 };
 const container = getContext("CardContainer");
-container.register(id);
+if (container) {
+  container.register(id);
+}
 </script>
 
 <li {role} {id} on:click={onClick} class="{size} {role}">

package/dist/generic/scorecard/scorecard.svelte

@@ -1,4 +1,5 @@
-<script>import { navigateTo } from "../../index.js";
+<script>import { navigateTo, uniqueId } from "../../index.js";
+import { getContext } from "svelte";
 export let value;
 export let caption = "below";
 export let href = void 0;
@@ -7,13 +8,18 @@ const onClick = () => {
     return;
   navigateTo(href);
 };
+const id = uniqueId();
+const container = getContext("CardContainer");
+if (container) {
+  container.register(id);
+}
 $:
   formattedValue = typeof value === "number" ? value.toLocaleString() : value;
 $:
   isLink = !!href;
 </script>
 
-<button on:click={onClick} class:isLink>
+<button on:click={onClick} class:isLink {id}>
 	<figure class={caption}>
 		<span class="value">{formattedValue}</span>
 		<figcaption><slot /></figcaption>

package/dist/generic/section/section.svelte

@@ -2,10 +2,11 @@
 import Header from "../header/header.svelte";
 export let title = void 0;
 export let level = 2;
+export let size = "full";
 setContext("section", { level, title });
 </script>
 
-<section class="level-{level}">
+<section class="level-{level} {size}">
 	{#if title}
 		<Header />
 	{/if}
@@ -17,4 +18,19 @@ setContext("section", { level, title });
   margin-top: 1rem;
   margin-bottom: 1rem;
   font-family: var(--base-font-family, sans-serif);
+}
+section.sm {
+  max-width: 25rem;
+}
+section.md {
+  max-width: 35rem;
+}
+section.lg {
+  max-width: 50rem;
+}
+section.xl {
+  max-width: 65rem;
+}
+section.full {
+  width: 100%;
 }</style>

package/dist/generic/section/section.svelte.d.ts

@@ -1,9 +1,11 @@
 import { SvelteComponent } from "svelte";
 import type { SectionLevel } from '../../types/generic.js';
+import type { FormFieldSizeOptions } from '../../index.js';
 declare const __propDef: {
     props: {
         title?: string | undefined;
         level?: SectionLevel | undefined;
+        size?: FormFieldSizeOptions | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/index.d.ts

@@ -9,6 +9,7 @@ export { default as FileArea } from './forms/file-area/file-area.svelte';
 export { default as NumberBox } from './forms/number-box/number-box.svelte';
 export { default as MoneyBox } from './forms/money-box/money-box.svelte';
 export { default as RadioGroup } from './forms/radio-group/radio-group.svelte';
+export { default as RadioBox } from './forms/radio-group/radio-box.svelte';
 export { default as TextArea } from './forms/text-area/text-area.svelte';
 export { default as TextBox } from './forms/text-box/text-box.svelte';
 export { default as FormField } from './forms/form-field.svelte';

package/dist/index.js

@@ -10,6 +10,7 @@ export { default as FileArea } from './forms/file-area/file-area.svelte';
 export { default as NumberBox } from './forms/number-box/number-box.svelte';
 export { default as MoneyBox } from './forms/money-box/money-box.svelte';
 export { default as RadioGroup } from './forms/radio-group/radio-group.svelte';
+export { default as RadioBox } from './forms/radio-group/radio-box.svelte';
 export { default as TextArea } from './forms/text-area/text-area.svelte';
 export { default as TextBox } from './forms/text-box/text-box.svelte';
 export { default as FormField } from './forms/form-field.svelte';

package/dist/layout/flex-row.svelte

@@ -21,7 +21,7 @@ export let wrap = false;
   flex-wrap: nowrap;
   column-gap: 1rem;
 }
-div *.auto {
+div.auto {
   width: auto;
 }
 div.wrap {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sveltacular",
-	"version": "0.0.38",
+	"version": "0.0.39",
 	"description": "A Svelte component library",
 	"main": "dist/index.js",
 	"module": "dist/index.js",