@enki-tek/fms-web-components 0.0.80 → 0.0.82

package/components/Toast/Toast.scss

@@ -11,8 +11,9 @@ $icon-size:20px;
 
 .toast-main{
     position: fixed;
-    bottom: 0;
-    right: 0;
+    bottom: 14px;
+    right: 6px;
+    z-index: 2000;
     min-width: 100px;
     max-width: 500px;
     border: 1px solid $black;

package/components/Toast/Toast.stories.d.ts

@@ -10,13 +10,22 @@ declare namespace _default {
             }
             const options: string[];
         }
+        namespace label {
+            export namespace control_1 {
+                const type_2: string;
+                export { type_2 as type };
+            }
+            export { control_1 as control };
+        }
     }
 }
 export default _default;
 export namespace Default {
     namespace args {
-        const type_2: string;
-        export { type_2 as type };
+        const type_3: string;
+        export { type_3 as type };
+        const label_1: string;
+        export { label_1 as label };
     }
 }
 import Toast from "./Toast.svelte";

package/components/Toast/Toast.stories.js

@@ -8,13 +8,15 @@ export default{
         type: { 
             control: {type:'select'},
             options:['success','warning','danger','info']
-        }
+        },
+        label: { control: { type: 'text' } }
     }
 };
 
 
 export const Default = {
     args:{
-        type:'success'
+        type:'success',
+        label:'Toast message'
     }
 };

package/components/Toast/Toast.svelte

@@ -4,9 +4,10 @@
         import {Icon} from 'sveltestrap'
 	import { toastConfig } from "./ToastConfig";
 
-    export let type = 'success';
+    export let type = '';
     export let className='';
     let iconName='';
+    export let label = '';
 
     let toastStyle = [`toast-main`,className];
 
@@ -31,7 +32,15 @@
         <Col sm=2 class=' d-flex justify-content-center align-items-center ps-0 pe-1'>
             <Icon name={iconName}></Icon>
         </Col>
-        <Col sm=10 class='ps-0 pt-0 pb-0 pe-2'>Lorem ipsum dolor sit amet consectetur adipisicing elit.</Col>
+        <Col sm=10 class='ps-0 pt-0 pb-0 pe-2 d-flex align-items-center'>
+            <slot>
+                {#if label}
+                    {label}
+                {:else}
+                    <slot />
+                {/if}
+            </slot>
+        </Col>
     </Row>
 </div>
 
@@ -47,8 +56,9 @@
 }
 .toast-main {
   position: fixed;
-  bottom: 0;
-  right: 0;
+  bottom: 14px;
+  right: 6px;
+  z-index: 2000;
   min-width: 100px;
   max-width: 500px;
   border: 1px solid #000000;

package/components/Toast/Toast.svelte.d.ts

@@ -3,10 +3,13 @@
 /** @typedef {typeof __propDef.slots}  ToastSlots */
 export default class Toast extends SvelteComponentTyped<{
     type?: string | undefined;
+    label?: string | undefined;
     className?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
-}, {}> {
+}, {
+    default: {};
+}> {
 }
 export type ToastProps = typeof __propDef.props;
 export type ToastEvents = typeof __propDef.events;
@@ -15,11 +18,14 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         type?: string | undefined;
+        label?: string | undefined;
         className?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
+    slots: {
+        default: {};
+    };
 };
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enki-tek/fms-web-components",
-  "version": "0.0.80",
+  "version": "0.0.82",
   "devDependencies": {
     "@storybook/addon-essentials": "^7.6.14",
     "@storybook/addon-interactions": "^7.6.14",