@enki-tek/fms-web-components 0.0.20 → 0.0.22

package/components/EnkiCard/EnkiCard.svelte

@@ -1,9 +1,8 @@
 <script>
-	import { Card } from 'sveltestrap';
-	export let width = '35rem';
+	import { Card } from 'sveltestrap';	
 </script>
 
-<Card style={`width:${width};`}>
+<Card >
 	<slot />
 </Card>
 

package/components/EnkiCard/EnkiCard.svelte.d.ts

@@ -2,7 +2,7 @@
 /** @typedef {typeof __propDef.events}  EnkiCardEvents */
 /** @typedef {typeof __propDef.slots}  EnkiCardSlots */
 export default class EnkiCard extends SvelteComponentTyped<{
-    width?: string | undefined;
+    [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {
@@ -15,7 +15,7 @@ export type EnkiCardSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        width?: string | undefined;
+        [x: string]: never;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/components/EnkiTable/EnkiTable.svelte

@@ -1,13 +1,21 @@
 <script>
-	import { Table } from 'sveltestrap';
-	export let size = "lg"
-	export let hover = ' ';
-	export let striped =' ';
-	let tableStyles = ["table" , `table-${hover}` , `table-${striped}`]
+    import { Table } from 'sveltestrap';
+    export let size = "lg"
+    export let type = ' ';
+	export let className ='' ;
+    const tableTypes = {
+        hover:'table-hover' ,
+        striped:'table-striped'
+    }
+    let tableClasses = ['table' ,className];
+    if (tableTypes.hasOwnProperty(type.trim())) {
+        tableClasses.push(tableTypes[type.trim()]);
+    }
+        
 </script>
 
-<Table size = {size} class={tableStyles.join(' ')}>
-	<slot />
+<Table size = {size} class={tableClasses.join(' ')}>
+    <slot />
 </Table>
 
 <style>@import url(https://fonts.googleapis.com/icon?family=Material+Icons);

package/components/EnkiTable/EnkiTable.svelte.d.ts

@@ -2,9 +2,9 @@
 /** @typedef {typeof __propDef.events}  EnkiTableEvents */
 /** @typedef {typeof __propDef.slots}  EnkiTableSlots */
 export default class EnkiTable extends SvelteComponentTyped<{
+    type?: string | undefined;
     size?: string | undefined;
-    hover?: string | undefined;
-    striped?: string | undefined;
+    className?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {
@@ -17,9 +17,9 @@ export type EnkiTableSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
+        type?: string | undefined;
         size?: string | undefined;
-        hover?: string | undefined;
-        striped?: string | undefined;
+        className?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/components/textField/TextField.svelte

@@ -1,17 +1,29 @@
-<!-- TextField.svelte -->
 <script>
-     import {Input } from "sveltestrap";
-    
+    import { Input } from 'sveltestrap';
+
     export let type = 'text';
-    export let placeholder = "placeholder";
-    export let value = ''; 
-    export let disabled = false; 
+    export let placeholder = 'placeholder';
+    export let value = '';
+    export let name = '';
+    export let size ='';
+    export let disabled = false;
     export let valid = false;
     export let invalid = false;
-
+    export let feedback;
 </script>
 
-<Input type={type}   class = "custom-field efs-normal" {placeholder} {value} {invalid} {valid} {disabled} />
+<Input 
+    type={type}  
+    class="custom-field efs-normal" 
+    placeholder={placeholder} 
+    name={name} 
+    value={value} 
+    {disabled} 
+    valid={valid}
+    invalid={invalid} 
+    bsSize= {size}
+    feedback={feedback}
+/>
 
 <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");
@@ -604,4 +616,4 @@
   font-style: normal;
   font-weight: 400;
   line-height: normal;
-}</style>
+}</style>

package/components/textField/TextField.svelte.d.ts

@@ -2,11 +2,14 @@
 /** @typedef {typeof __propDef.events}  TextFieldEvents */
 /** @typedef {typeof __propDef.slots}  TextFieldSlots */
 export default class TextField extends SvelteComponentTyped<{
+    feedback: any;
     disabled?: boolean | undefined;
     invalid?: boolean | undefined;
     type?: string | undefined;
+    size?: string | undefined;
     placeholder?: string | undefined;
     value?: string | undefined;
+    name?: string | undefined;
     valid?: boolean | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
@@ -18,11 +21,14 @@ export type TextFieldSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
+        feedback: any;
         disabled?: boolean | undefined;
         invalid?: boolean | undefined;
         type?: string | undefined;
+        size?: string | undefined;
         placeholder?: string | undefined;
         value?: string | undefined;
+        name?: string | undefined;
         valid?: boolean | undefined;
     };
     events: {

package/package.json

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