@enki-tek/fms-web-components 0.0.2 → 0.0.4

package/components/Icon/Icon.svelte

@@ -0,0 +1,7 @@
+<script>
+    import {Icon} from 'sveltestrap'
+
+    export let iconName = 'bell'
+</script>
+
+<Icon name={iconName}/>

package/components/Icon/Icon.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  IconProps */
+/** @typedef {typeof __propDef.events}  IconEvents */
+/** @typedef {typeof __propDef.slots}  IconSlots */
+export default class Icon extends SvelteComponentTyped<{
+    iconName?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type IconProps = typeof __propDef.props;
+export type IconEvents = typeof __propDef.events;
+export type IconSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        iconName?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/ModalWindow/Modal.scss

@@ -0,0 +1,28 @@
+@import './../variable.scss';
+@import './../common.scss';
+
+.content {
+    @extend %efs-normal;
+    color: $gray-700;
+    line-height: normal;
+}
+
+.header {
+    display: flex;
+    align-items: center;
+    align-self: stretch;
+    gap: 16px;
+}
+
+.header .title {
+    font-family: $bodyFonts;
+}
+
+.close-icon {
+    color: $black;
+    margin-left: 19rem;
+}
+
+:global(.secondaryOutlineBtnMedium) {
+    font-weight: 600;
+}

package/components/ModalWindow/Modal.stories.d.ts

@@ -0,0 +1,29 @@
+declare namespace _default {
+    export const title: string;
+    export { Modal as component };
+    export namespace argTypes {
+        namespace content {
+            const control: string;
+        }
+        namespace header {
+            const control_1: string;
+            export { control_1 as control };
+        }
+        namespace open {
+            const control_2: string;
+            export { control_2 as control };
+        }
+    }
+}
+export default _default;
+export namespace Default {
+    namespace args {
+        const content_1: string;
+        export { content_1 as content };
+        const header_1: string;
+        export { header_1 as header };
+        const open_1: boolean;
+        export { open_1 as open };
+    }
+}
+import Modal from "./Modal.svelte";

package/components/ModalWindow/Modal.stories.js

@@ -0,0 +1,20 @@
+import Modal from './Modal.svelte'; 
+
+export default {
+    title: 'FMS/Modal', 
+    component: Modal,
+    argTypes: {
+        content: { control: 'text' }, 
+        header: { control: 'text' }, 
+        open: { control: 'boolean' } 
+    }
+};
+
+export const Default = {
+    args: {
+        content: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+        header: 'Modal Title',
+        open: true,
+    }
+};
+