@enki-tek/fms-web-components 0.0.79 → 0.0.81

package/components/Button/Button.scss

@@ -7,7 +7,7 @@
   border: none;
   cursor: pointer;
   border-radius: 6px;
-  padding: 0px 24px;
+  padding: 10px 16px;
   height: $medium-height;
   box-shadow: $lowShadow;
   border: none;
@@ -31,7 +31,7 @@
 
 //medium button
 .ebtn-medium {
-  padding: 0px 24px;
+  padding: 10px 16px;
   height: $medium-height;
   display: flex;
   justify-content: center;

package/components/Button/Button.svelte

@@ -56,7 +56,7 @@
   border: none;
   cursor: pointer;
   border-radius: 6px;
-  padding: 0px 24px;
+  padding: 10px 16px;
   height: 42px;
   box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
   border: none;
@@ -75,7 +75,7 @@
   font-size: 12px;
 }
 .ebtn-medium {
-  padding: 0px 24px;
+  padding: 10px 16px;
   height: 42px;
   display: flex;
   justify-content: center;

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.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'>
+            <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.79",
+  "version": "0.0.81",
   "devDependencies": {
     "@storybook/addon-essentials": "^7.6.14",
     "@storybook/addon-interactions": "^7.6.14",