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

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

@@ -0,0 +1,64 @@
+@import '../variable.scss';
+
+$border-custom-width:5px;
+$icon-size:20px;
+
+%commonSCSS{
+    border: 1px solid $black;
+    border-left-width: $border-custom-width !important;
+}
+
+
+.toast-main{
+    position: fixed;
+    bottom: 0;
+    right: 0;
+    min-width: 100px;
+    max-width: 500px;
+    border: 1px solid $black;
+    border-left-width: $border-custom-width;
+    border-radius: 6px;
+    padding: 7px 0;
+    color: $black;
+    font-family: $bodyFonts;
+    font-size: 15px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: normal;
+    :global(i){
+        font-size: $icon-size;
+    }
+}
+
+:global(.success-toast){
+    @extend %commonSCSS;
+    border-color: $success !important;
+    :global(i){
+        color: $success ;
+    }
+}
+
+:global(.warning-toast){
+    @extend %commonSCSS;
+    border-color: $warning !important;
+    :global(i){
+        color: $warning ;
+    }
+}
+
+.danger-toast{
+    @extend %commonSCSS;
+    border-color: $danger !important;
+    :global(i){
+        color: $danger ;
+    }
+}
+
+.info-toast{
+    @extend %commonSCSS;
+    border-color: $info !important;
+    :global(i){
+        color: $info ;
+    }
+
+}

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

@@ -0,0 +1,22 @@
+declare namespace _default {
+    export const title: string;
+    export { Toast as component };
+    export const tags: string[];
+    export namespace argTypes {
+        namespace type {
+            namespace control {
+                const type_1: string;
+                export { type_1 as type };
+            }
+            const options: string[];
+        }
+    }
+}
+export default _default;
+export namespace Default {
+    namespace args {
+        const type_2: string;
+        export { type_2 as type };
+    }
+}
+import Toast from "./Toast.svelte";

package/components/Toast/Toast.stories.js

@@ -0,0 +1,20 @@
+import Toast from './Toast.svelte';
+
+export default{
+    title:'FMS/Toast',
+    component:Toast,
+    tags:['autodocs'],
+    argTypes: {
+        type: { 
+            control: {type:'select'},
+            options:['success','warning','danger','info']
+        }
+    }
+};
+
+
+export const Default = {
+    args:{
+        type:'success'
+    }
+};

package/components/Toast/Toast.svelte

@@ -0,0 +1,653 @@
+<script>
+	import { Col, Row } from "sveltestrap";
+	// import Icon from "../Icon/Icon.svelte";
+        import {Icon} from 'sveltestrap'
+	import { toastConfig } from "./ToastConfig";
+
+    export let type = 'success';
+    export let className='';
+    let iconName='';
+
+    let toastStyle = [`toast-main`,className];
+
+    if(toastConfig.hasOwnProperty(type)){
+        toastStyle = [...toastConfig[type],...toastStyle];
+    }
+
+    if(type === 'success'){
+        iconName = 'check-circle'
+    }else if(type === 'warning'){
+        iconName="exclamation-circle"
+    }else if(type === 'danger'){
+        iconName="x-circle"
+    }else if(type === 'info'){
+        iconName="info-circle"
+    }
+
+</script>
+
+<div class={toastStyle.join(' ')}>
+    <Row class='me-0 ms-0 ps-1'>
+        <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>
+    </Row>
+</div>
+
+<style>@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
+@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");
+@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
+@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");
+.info-toast, .danger-toast, :global(.warning-toast), :global(.success-toast) {
+  border: 1px solid #000000;
+  border-left-width: 5px !important;
+}
+.toast-main {
+  position: fixed;
+  bottom: 0;
+  right: 0;
+  min-width: 100px;
+  max-width: 500px;
+  border: 1px solid #000000;
+  border-left-width: 5px;
+  border-radius: 6px;
+  padding: 7px 0;
+  color: #000000;
+  font-family: Roboto;
+  font-size: 15px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+}
+.toast-main :global(i) {
+  font-size: 20px;
+}
+:global(.success-toast) {
+  border-color: #00A96B !important;
+}
+:global(.success-toast) :global(i) {
+  color: #00A96B;
+}
+:global(.warning-toast) {
+  border-color: #FFBA3A !important;
+}
+:global(.warning-toast) :global(i) {
+  color: #FFBA3A;
+}
+.danger-toast {
+  border-color: #FE4747 !important;
+}
+.danger-toast :global(i) {
+  color: #FE4747;
+}
+.info-toast {
+  border-color: #0DCAF0 !important;
+}
+.info-toast :global(i) {
+  color: #0DCAF0;
+}
+:global(.ebg-none) {
+  background-color: #ffffff !important;
+}
+:global(.ebg-white) {
+  background-color: #ffffff;
+}
+:global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
+  background-color: #3AC82E;
+}
+:global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
+  background-color: #00A855;
+}
+:global(.ebg-secondaryLight, .eactive-secondaryLight:active, .ehover-secondaryLight:hover) {
+  background-color: #CBFFC7;
+}
+:global(.ebg-primary) {
+  background-color: #00AEE5;
+}
+:global(.ebg-primaryDark) {
+  background-color: #007FD8;
+}
+:global(.ebg-primaryLight) {
+  background-color: #CEF3FF;
+}
+:global(.ebg-danger) {
+  background-color: #FE4747;
+}
+:global(.ebg-dangerDark) {
+  background-color: #B02A37;
+}
+:global(.ebg-dangerLight) {
+  background-color: #f8d7da;
+}
+:global(.ebg-warning) {
+  background-color: #FFBA3A;
+}
+:global(.ebg-warningDark) {
+  background-color: #997404;
+  color: #ffffff !important;
+}
+:global(.ebg-warningLight) {
+  background-color: #FFF3CD;
+}
+:global(.ebg-info) {
+  background-color: #0DCAF0;
+}
+:global(.ebg-infoDark) {
+  background-color: #087990;
+}
+:global(.ebg-infoLight) {
+  background-color: #9EEAF9;
+}
+:global(.ebg-success) {
+  background-color: #00A96B;
+}
+:global(.ebg-successDark) {
+  background-color: #146C43;
+}
+:global(.ebg-successLight) {
+  background-color: #D1E7DD;
+}
+:global(.ebg-gray100) {
+  background-color: #F8F9FA;
+}
+:global(.ebg-gray200) {
+  background-color: #E9ECEF;
+}
+:global(.ebg-gray300) {
+  background-color: #DEE2E6;
+}
+:global(.ebg-gray400) {
+  background-color: #CED4DA;
+}
+:global(.ebg-gray500) {
+  background-color: #adb5bd;
+}
+:global(.ebg-gray600) {
+  background-color: #6C757D;
+}
+:global(.ebg-gray700) {
+  background-color: #495057;
+}
+:global(.ebg-gray800) {
+  background-color: #343A40;
+}
+:global(.ebg-gray900) {
+  background-color: #212529;
+}
+:global(.ebg-green100) {
+  background-color: #D1E7DD;
+}
+:global(.ebg-green200) {
+  background-color: #A3CFBB;
+}
+:global(.ebg-green300) {
+  background-color: #75B798;
+}
+:global(.ebg-green400) {
+  background-color: #479F76;
+}
+:global(.ebg-green500) {
+  background-color: #198754;
+}
+:global(.ebg-green600) {
+  background-color: #146C43;
+}
+:global(.ebg-green700) {
+  background-color: #0F5132;
+}
+:global(.ebg-green800) {
+  background-color: #0A3622;
+}
+:global(.ebg-green900) {
+  background-color: #051B11;
+}
+:global(.ebg-red100) {
+  background-color: #F8D7DA;
+}
+:global(.ebg-red200) {
+  background-color: #F1AEB5;
+}
+:global(.ebg-red300) {
+  background-color: #EA868F;
+}
+:global(.ebg-red400) {
+  background-color: #E35D6A;
+}
+:global(.ebg-red500) {
+  background-color: #DC3545;
+}
+:global(.ebg-red600) {
+  background-color: #B02A37;
+}
+:global(.ebg-red700) {
+  background-color: #842029;
+}
+:global(.ebg-red800) {
+  background-color: #58151C;
+}
+:global(.ebg-red900) {
+  background-color: #2C0B0E;
+}
+:global(.ebg-yellow100) {
+  background-color: #FFF3CD;
+}
+:global(.ebg-yellow200) {
+  background-color: #FFE69C;
+}
+:global(.ebg-yellow300) {
+  background-color: #FFDA6A;
+}
+:global(.ebg-yellow400) {
+  background-color: #FFCD39;
+}
+:global(.ebg-yellow500) {
+  background-color: #FFC107;
+}
+:global(.ebg-yellow600) {
+  background-color: #CC9A06;
+}
+:global(.ebg-yellow700) {
+  background-color: #997404;
+}
+:global(.ebg-yellow800) {
+  background-color: #664D03;
+}
+:global(.ebg-yellow900) {
+  background-color: #332701;
+}
+:global(.ebg-cyan100) {
+  background-color: #CFF4FC;
+}
+:global(.ebg-cyan200) {
+  background-color: #9EEAF9;
+}
+:global(.ebg-cyan300) {
+  background-color: #6EDFF6;
+}
+:global(.ebg-cyan400) {
+  background-color: #3DD5F3;
+}
+:global(.ebg-cyan500) {
+  background-color: #0DCAF0;
+}
+:global(.ebg-cyan600) {
+  background-color: #0AA2C0;
+}
+:global(.ebg-cyan700) {
+  background-color: #087990;
+}
+:global(.ebg-cyan800) {
+  background-color: #055160;
+}
+:global(.ebg-cyan900) {
+  background-color: #032830;
+}
+.etext-white {
+  color: #ffffff;
+}
+:global(.etext-dark) {
+  color: #000000;
+}
+:global(.etext-secondary) {
+  color: #3AC82E;
+}
+:global(.etext-secondaryDark) {
+  color: #00A855;
+}
+:global(.etext-secondaryLight) {
+  color: #CBFFC7;
+}
+:global(.etext-primary) {
+  color: #00AEE5;
+}
+:global(.etext-primaryDark) {
+  color: #007FD8;
+}
+:global(.etext-primaryLight) {
+  color: #CEF3FF;
+}
+:global(.etext-danger) {
+  color: #FE4747;
+}
+:global(.etext-dangerDark) {
+  color: #B02A37;
+}
+:global(.etext-dangerLight) {
+  color: #f8d7da;
+}
+:global(.etext-info) {
+  color: #0DCAF0;
+}
+:global(.etext-infoDark) {
+  color: #087990;
+}
+:global(.etext-infoLight) {
+  color: #9EEAF9;
+}
+:global(.etext-success) {
+  color: #00A96B;
+}
+:global(.etext-successDark) {
+  color: #146C43;
+}
+:global(.etext-successLight) {
+  color: #D1E7DD;
+}
+:global(.etext-warning) {
+  color: #FFBA3A;
+}
+:global(.etext-warningDark) {
+  color: #997404;
+}
+:global(.etext-warningLight) {
+  color: #FFF3CD;
+}
+:global(.etext-gray100) {
+  color: #F8F9FA;
+}
+:global(.etext-gray200) {
+  color: #E9ECEF;
+}
+:global(.etext-gray300) {
+  color: #DEE2E6;
+}
+:global(.etext-gray400) {
+  color: #CED4DA;
+}
+:global(.etext-gray500) {
+  color: #adb5bd;
+}
+:global(.etext-gray600) {
+  color: #6C757D;
+}
+:global(.etext-gray700) {
+  color: #495057;
+}
+:global(.etext-gray800) {
+  color: #343A40;
+}
+:global(.etext-gray900) {
+  color: #212529;
+}
+:global(.etext-green100) {
+  color: #D1E7DD;
+}
+:global(.etext-green200) {
+  color: #A3CFBB;
+}
+:global(.etext-green300) {
+  color: #75B798;
+}
+:global(.etext-green400) {
+  color: #479F76;
+}
+:global(.etext-green500) {
+  color: #198754;
+}
+:global(.etext-green600) {
+  color: #146C43;
+}
+:global(.etext-green700) {
+  color: #0F5132;
+}
+:global(.etext-green800) {
+  color: #0A3622;
+}
+:global(.etext-green900) {
+  color: #051B11;
+}
+:global(.etext-red100) {
+  color: #F8D7DA;
+}
+:global(.etext-red200) {
+  color: #F1AEB5;
+}
+:global(.etext-red300) {
+  color: #EA868F;
+}
+:global(.etext-red400) {
+  color: #E35D6A;
+}
+:global(.etext-red500) {
+  color: #DC3545;
+}
+:global(.etext-red600) {
+  color: #B02A37;
+}
+:global(.etext-red700) {
+  color: #842029;
+}
+:global(.etext-red800) {
+  color: #58151C;
+}
+:global(.etext-red900) {
+  color: #2C0B0E;
+}
+:global(.etext-yellow100) {
+  color: #FFF3CD;
+}
+:global(.etext-yellow200) {
+  color: #FFE69C;
+}
+:global(.etext-yellow300) {
+  color: #FFDA6A;
+}
+:global(.etext-yellow400) {
+  color: #FFCD39;
+}
+:global(.etext-yellow500) {
+  color: #FFC107;
+}
+:global(.etext-yellow600) {
+  color: #CC9A06;
+}
+:global(.etext-yellow700) {
+  color: #997404;
+}
+:global(.etext-yellow800) {
+  color: #664D03;
+}
+:global(.etext-yellow900) {
+  color: #332701;
+}
+:global(.etext-cyan100) {
+  color: #CFF4FC;
+}
+:global(.etext-cyan200) {
+  color: #9EEAF9;
+}
+:global(.etext-cyan300) {
+  color: #6EDFF6;
+}
+:global(.etext-cyan400) {
+  color: #3DD5F3;
+}
+:global(.etext-cyan500) {
+  color: #0DCAF0;
+}
+:global(.etext-cyan600) {
+  color: #0AA2C0;
+}
+:global(.etext-cyan700) {
+  color: #087990;
+}
+:global(.etext-cyan800) {
+  color: #055160;
+}
+:global(.etext-cyan900) {
+  color: #032830;
+}
+:global(.eoutline-secondary) {
+  outline: 1px solid #3AC82E;
+}
+:global(.eoutline-secondaryDark) {
+  outline: 1px solid #00A855;
+}
+:global(.eoutline-secondaryLight) {
+  outline: 1px solid #CBFFC7;
+}
+:global(.eoutline-primary) {
+  outline: 1px solid #00AEE5;
+}
+:global(.eoutline-primaryDark) {
+  outline: 1px solid #007FD8;
+}
+:global(.eoutline-primaryLight) {
+  outline: 1px solid #CEF3FF;
+}
+:global(.eoutline-danger) {
+  outline: 1px solid #FE4747;
+}
+:global(.eoutline-dangerDark) {
+  outline: 1px solid #B02A37;
+}
+:global(.eoutline-dangerLight) {
+  outline: 1px solid #f8d7da;
+}
+:global(.eoutline-success) {
+  outline: 1px solid #00A96B;
+}
+:global(.eoutline-successDark) {
+  outline: 1px solid #146C43;
+}
+:global(.eoutline-successLight) {
+  outline: 1px solid #D1E7DD;
+}
+:global(.eoutline-info) {
+  outline: 1px solid #0DCAF0;
+}
+:global(.eoutline-infoDark) {
+  outline: 1px solid #087990;
+}
+:global(.eoutline-infoLight) {
+  outline: 1px solid #9EEAF9;
+}
+:global(.eoutline-warning) {
+  outline: 1px solid #FFBA3A;
+}
+:global(.eoutline-warningDark) {
+  outline: 1px solid #997404;
+}
+:global(.eoutline-warningLight) {
+  outline: 1px solid #FFF3CD;
+}
+:global(.eradius) {
+  border-radius: 4px;
+}
+:global(.eradius-low) {
+  border-radius: 8px;
+}
+:global(.eradius-medium) {
+  border-radius: 16px;
+}
+:global(.eradius-full) {
+  border-radius: 50%;
+}
+.eshadow-non {
+  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
+}
+.eshadow-low {
+  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
+}
+.eshadow-medium {
+  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
+}
+.eshadow-high {
+  box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.1);
+}
+:global(.efs-small) {
+  font-family: Roboto;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+}
+:global(.efs-normal) {
+  font-family: Roboto;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 28px;
+}
+:global(.efs-strong) {
+  font-family: Roboto;
+  font-size: 17px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 28px;
+}
+:global(.efs-h6) {
+  font-family: Roboto;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: normal;
+}
+:global(.efs-h5) {
+  font-family: Roboto;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: normal;
+}
+:global(.efs-h4) {
+  font-family: Roboto;
+  font-size: 24px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: normal;
+}
+:global(.efs-h3) {
+  font-family: Roboto;
+  font-size: 28px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: normal;
+}
+:global(.efs-h2) {
+  font-family: Roboto;
+  font-size: 32px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: normal;
+}
+:global(.efs-h1) {
+  font-family: Roboto;
+  font-size: 40px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: normal;
+  letter-spacing: -0.8px;
+}
+:global(.efs-h4D) {
+  font-family: Merriweather;
+  font-size: 52px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+}
+:global(.efs-h3D) {
+  font-family: Merriweather;
+  font-size: 58px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+}
+:global(.efs-h2D) {
+  font-family: Merriweather;
+  font-size: 64px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+  letter-spacing: -1.28px;
+}
+:global(.efs-h1D) {
+  font-family: Merriweather;
+  font-size: 72px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+}</style>

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

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

package/components/Toast/ToastConfig.d.ts

@@ -0,0 +1,6 @@
+export namespace toastConfig {
+    const success: string[];
+    const warning: string[];
+    const danger: string[];
+    const info: string[];
+}

package/components/Toast/ToastConfig.js

@@ -0,0 +1,14 @@
+export const toastConfig = {
+    "success" :[
+        "success-toast"
+    ],
+    "warning" :[
+        "warning-toast"
+    ],
+    "danger" :[
+        "danger-toast"
+    ],
+    "info" :[
+        "info-toast"
+    ]
+}

package/index.d.ts

@@ -51,9 +51,10 @@ import NavLink from './components/EnkiSidbar/NavLink.svelte';
 import Page from "./components/Layout/Page.svelte";
 import MainMenuHead from "./components/Layout/MainMenuHead.svelte";
 import Footer from "./components/Layout/Footer.svelte";
+import Toast from "./components/Toast/Toast.svelte";
 import { i18nInit } from "./components/i18n/i18n";
 import { menuTypeStore } from "./components/Layout/menuStore.js";
 import { derivedStore } from "./components/Layout/menuStore.js";
 import { smallMenuwidth } from "./components/Layout/menuStore.js";
-export { Button, Brand, TextField, Card, Tooltip, Tab, Icon, ActionIconGroup, ActionIcon, Modal, ModalBody, ModalFooter, ModalHeader, Header, HeaderItem, UserAvatar, Dropdown, DropdownItem, Badge, Alert, Pagination, RadioButton, Accordion, AccordionItem, Switch, Checkbox, Breadcrumb, CardIcon, CardiconTitle, CardiconBody, CardiconSubtitle, EnkiTable, TableBody, TableCell, TableRow, TableHead, TableHeadCell, EnkiCard, CardBody, CardTitle, CardSubtitle, CardText, CardLink, CardFooter, EnkiSidebar, NavItem, NavIcon, NavLink, Layout, Page, MainMenuHead, Footer, menuTypeStore, derivedStore, smallMenuwidth, };
+export { Button, Brand, TextField, Card, Tooltip, Tab, Icon, ActionIconGroup, ActionIcon, Modal, ModalBody, ModalFooter, ModalHeader, Header, HeaderItem, UserAvatar, Dropdown, DropdownItem, Badge, Alert, Pagination, RadioButton, Accordion, AccordionItem, Switch, Checkbox, Breadcrumb, CardIcon, CardiconTitle, CardiconBody, CardiconSubtitle, EnkiTable, TableBody, TableCell, TableRow, TableHead, TableHeadCell, EnkiCard, CardBody, CardTitle, CardSubtitle, CardText, CardLink, CardFooter, EnkiSidebar, NavItem, NavIcon, NavLink, Layout, Page, MainMenuHead, Footer, Toast, menuTypeStore, derivedStore, smallMenuwidth, };
 export default i18nInit;

package/index.js

@@ -52,9 +52,10 @@ import NavLink from './components/EnkiSidbar/NavLink.svelte';
 import Page from "./components/Layout/Page.svelte";
 import MainMenuHead from "./components/Layout/MainMenuHead.svelte";
 import Footer from "./components/Layout/Footer.svelte";
+import Toast from "./components/Toast/Toast.svelte";
 import { i18nInit } from "./components/i18n/i18n";
 import { menuTypeStore } from "./components/Layout/menuStore.js";
 import { derivedStore } from "./components/Layout/menuStore.js";
 import { smallMenuwidth } from "./components/Layout/menuStore.js";
-export { Button, Brand, TextField, Card, Tooltip, Tab, Icon, ActionIconGroup, ActionIcon, Modal, ModalBody, ModalFooter, ModalHeader, Header, HeaderItem, UserAvatar, Dropdown, DropdownItem, Badge, Alert, Pagination, RadioButton, Accordion, AccordionItem, Switch, Checkbox, Breadcrumb, CardIcon, CardiconTitle, CardiconBody, CardiconSubtitle, EnkiTable, TableBody, TableCell, TableRow, TableHead, TableHeadCell, EnkiCard, CardBody, CardTitle, CardSubtitle, CardText, CardLink, CardFooter, EnkiSidebar, NavItem, NavIcon, NavLink, Layout, Page, MainMenuHead, Footer, menuTypeStore, derivedStore, smallMenuwidth, };
+export { Button, Brand, TextField, Card, Tooltip, Tab, Icon, ActionIconGroup, ActionIcon, Modal, ModalBody, ModalFooter, ModalHeader, Header, HeaderItem, UserAvatar, Dropdown, DropdownItem, Badge, Alert, Pagination, RadioButton, Accordion, AccordionItem, Switch, Checkbox, Breadcrumb, CardIcon, CardiconTitle, CardiconBody, CardiconSubtitle, EnkiTable, TableBody, TableCell, TableRow, TableHead, TableHeadCell, EnkiCard, CardBody, CardTitle, CardSubtitle, CardText, CardLink, CardFooter, EnkiSidebar, NavItem, NavIcon, NavLink, Layout, Page, MainMenuHead, Footer, Toast, menuTypeStore, derivedStore, smallMenuwidth, };
 export default i18nInit;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enki-tek/fms-web-components",
-  "version": "0.0.78",
+  "version": "0.0.80",
   "devDependencies": {
     "@storybook/addon-essentials": "^7.6.14",
     "@storybook/addon-interactions": "^7.6.14",
@@ -144,6 +144,10 @@
     "./components/TextField/TextField.scss": "./components/TextField/TextField.scss",
     "./components/TextField/TextField.stories": "./components/TextField/TextField.stories.js",
     "./components/TextField/TextField.svelte": "./components/TextField/TextField.svelte",
+    "./components/Toast/Toast.scss": "./components/Toast/Toast.scss",
+    "./components/Toast/Toast.stories": "./components/Toast/Toast.stories.js",
+    "./components/Toast/Toast.svelte": "./components/Toast/Toast.svelte",
+    "./components/Toast/ToastConfig": "./components/Toast/ToastConfig.js",
     "./components/Tooltip/Tooltip.scss": "./components/Tooltip/Tooltip.scss",
     "./components/Tooltip/Tooltip.stories": "./components/Tooltip/Tooltip.stories.js",
     "./components/Tooltip/Tooltip.svelte": "./components/Tooltip/Tooltip.svelte",