@humandialog/forms.svelte 1.7.17 → 1.7.18

package/index.d.ts

@@ -3,6 +3,7 @@ export { default as Tile } from "./tile.svelte";
 export { default as Row } from "./tiles.row.svelte";
 export { default as Box } from "./form.box.svelte";
 export { default as Operations } from './operations.svelte';
+export { default as Paper } from './paper.svelte';
 export { default as Layout } from './desk.svelte';
 export { default as VerticalToolbar } from './vertical.toolbar.svelte';
 export { default as HorizontalToolbar } from './horizontal.toolbar.svelte';

package/index.js

@@ -7,6 +7,7 @@ export { default as Row } from "./tiles.row.svelte";
 export { default as Box } from "./form.box.svelte";
 //export { default as TilesVerticalRow } from "./tiles.vertical.row.svelte";
 export { default as Operations } from './operations.svelte';
+export { default as Paper } from './paper.svelte';
 export { default as Layout } from './desk.svelte';
 export { default as VerticalToolbar } from './vertical.toolbar.svelte';
 export { default as HorizontalToolbar } from './horizontal.toolbar.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@humandialog/forms.svelte",
-  "version": "1.7.17",
+  "version": "1.7.18",
   "description": "Basic Svelte UI components for Object Reef applications",
   "devDependencies": {
     "@playwright/test": "^1.28.1",
@@ -175,6 +175,7 @@
     "./operations.svelte": "./operations.svelte",
     "./page.row.svelte": "./page.row.svelte",
     "./page.svelte": "./page.svelte",
+    "./paper.svelte": "./paper.svelte",
     "./stores": "./stores.js",
     "./tenant.members.svelte": "./tenant.members.svelte",
     "./tile.svelte": "./tile.svelte",

package/page.svelte

@@ -24,6 +24,7 @@
 	export let toolbarOperations = undefined;
 	export let clearsContext = '';
 	export let title = '';
+	export let paper=false
 
 	switch (c) {
 		case 'main':

package/page.svelte.d.ts

@@ -13,6 +13,7 @@ export default class Page extends SvelteComponentTyped<{
     focused_only?: boolean | undefined;
     inContext?: string | undefined;
     toolbarOperations?: any;
+    paper?: boolean | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {
@@ -36,6 +37,7 @@ declare const __propDef: {
         focused_only?: boolean | undefined;
         inContext?: string | undefined;
         toolbarOperations?: any;
+        paper?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/paper.svelte

@@ -0,0 +1,11 @@
+<script>
+    let additionalClass = $$props.class ?? ''
+</script>
+
+<section class="w-full flex flex-col items-center
+                    sm:bg-white sm:dark:bg-stone-800/40 sm:shadow-slate-700/10 sm:dark:shadow-black/10 
+                    sm:mt-6 sm:px-6 sm:py-12 sm:shadow-xl md:mx-auto sm:max-w-3xl sm:min-h-[32rem] sm:rounded
+                    sm:ring-1 sm:ring-stone-900/5 sm:dark:ring-stone-950/20
+                    {additionalClass}">
+    <slot/>
+</section>

package/paper.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  PaperProps */
+/** @typedef {typeof __propDef.events}  PaperEvents */
+/** @typedef {typeof __propDef.slots}  PaperSlots */
+export default class Paper extends SvelteComponentTyped<{
+    [x: string]: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type PaperProps = typeof __propDef.props;
+export type PaperEvents = typeof __propDef.events;
+export type PaperSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};