@enki-tek/fms-web-components 0.0.26 → 0.0.28

package/components/Badge/Badge.scss

@@ -8,4 +8,6 @@
     text-transform: capitalize;
     font-weight: 500;
     font-family: $bodyFonts;
+    background-color: $success;
+    color: $black;
 }

package/components/Badge/Badge.svelte

@@ -1,15 +1,17 @@
 <script>import { Badge } from "sveltestrap";
 import { badgeConfig } from "./BadgeConfig";
 export let config = "";
-export let label = "badges";
 export let className;
-let badgeStyles = [className];
+let badgeStyles = [`custom-badge`, className];
 if (badgeConfig.hasOwnProperty(config)) {
-  badgeStyles = [...badgeConfig[config], `custom-badge`, className];
+  badgeStyles = [...badgeConfig[config]];
 }
 </script>
 
-<Badge pill color="none" class={badgeStyles.join(' ')}>{label}</Badge>
+<Badge pill color="none" class={badgeStyles.join(' ')}>
+	<slot />
+	
+</Badge>
 
 <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");
@@ -25,6 +27,8 @@ if (badgeConfig.hasOwnProperty(config)) {
   text-transform: capitalize;
   font-weight: 500;
   font-family: Roboto;
+  background-color: #00A96B;
+  color: #000000;
 }
 :global(.ebg-none) {
   background-color: #ffffff !important;

package/components/Badge/Badge.svelte.d.ts

@@ -2,13 +2,14 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         config?: string | undefined;
-        label?: string | undefined;
         className: any;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
+    slots: {
+        default: {};
+    };
 };
 export type BadgeProps = typeof __propDef.props;
 export type BadgeEvents = typeof __propDef.events;

package/components/EnkiCard/CardBody.svelte

@@ -1,16 +1,17 @@
 <script>
 	import { CardBody } from 'sveltestrap';
 	export let type = '';
+	export let className = '';
 	const cardType = {
 		loginCard: 'login-card-body'
 	};
-	let tableClasses = [];
+	let cardClasses = [className];
 	if (cardType.hasOwnProperty(type)) {
-		tableClasses = [cardType[type]];
+		cardClasses = [...cardType[type]];
 	}
 </script>
 
-<CardBody class={tableClasses.join(' ')}>
+<CardBody class={cardClasses.join(' ')}>
 	<slot />
 </CardBody>
 

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

@@ -3,6 +3,7 @@
 /** @typedef {typeof __propDef.slots}  CardBodySlots */
 export default class CardBody extends SvelteComponentTyped<{
     type?: string | undefined;
+    className?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {
@@ -16,6 +17,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         type?: string | undefined;
+        className?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/components/EnkiCard/CardFooter.svelte

@@ -1,8 +1,9 @@
 <script>
 	import { CardFooter } from 'sveltestrap';
+	export let className = '';
 </script>
 
-<CardFooter>
+<CardFooter class = {className}>
 	<div class="footer">
 		<slot />
 	</div>

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

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

package/components/EnkiCard/CardSubTitle.svelte

@@ -1,8 +1,9 @@
 <script>
 	import { CardSubtitle } from 'sveltestrap';
+	export let className = '';
 </script>
 
-<CardSubtitle>
+<CardSubtitle class= {className}>
 	<div class="sub-title">
 		<slot />
 	</div>

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

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

package/components/EnkiCard/CardText.svelte

@@ -1,8 +1,9 @@
 <script>
 	import { CardText } from 'sveltestrap';
+	export let className = '';
 </script>
 
-<CardText>
+<CardText class = {className}>
 	<div class="text">
 		<slot />
 	</div>

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

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

package/components/EnkiCard/CardTitle.svelte

@@ -1,8 +1,9 @@
 <script>
 	import { CardTitle } from 'sveltestrap';
+	export let className = '';
 </script>
 
-<CardTitle>
+<CardTitle class = {className}>
 	<div class="title">
 		<slot />
 	</div>

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

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

package/components/EnkiCard/EnkiCard.svelte

@@ -1,8 +1,9 @@
 <script>
 	import { Card } from 'sveltestrap';	
+	export let className = '';
 </script>
 
-<Card >
+<Card class = {className} >
 	<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<{
-    [x: string]: never;
+    className?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {
@@ -15,7 +15,7 @@ export type EnkiCardSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        [x: string]: never;
+        className?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/components/EnkiTable/TableBody.svelte

@@ -1,4 +1,8 @@
-<tbody>
+<script>
+	export let className = '';
+</script>
+
+<tbody class={className}>
 	<slot />
 </tbody>
 

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

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

package/components/EnkiTable/TableCell.svelte

@@ -2,8 +2,8 @@
 export let	dataLabel = " ";
 export let colspan = 1; 
 export let rowspan = 1 ;
-export let textAlign =' ';
-let tdStyles = ['td-div', `text-${textAlign}`]
+export let className = ''
+let tdStyles = ['td-div', className]
 </script>
 
 <td data-label ={dataLabel} colspan={colspan} rowspan={rowspan}  class={tdStyles.join(' ')} ><slot /></td>

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

@@ -2,9 +2,9 @@
 /** @typedef {typeof __propDef.events}  TableCellEvents */
 /** @typedef {typeof __propDef.slots}  TableCellSlots */
 export default class TableCell extends SvelteComponentTyped<{
+    className?: string | undefined;
     colspan?: number | undefined;
     rowspan?: number | undefined;
-    textAlign?: string | undefined;
     dataLabel?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
@@ -18,9 +18,9 @@ export type TableCellSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
+        className?: string | undefined;
         colspan?: number | undefined;
         rowspan?: number | undefined;
-        textAlign?: string | undefined;
         dataLabel?: string | undefined;
     };
     events: {

package/components/EnkiTable/TableHead.svelte

@@ -1,4 +1,7 @@
-<thead>
+<script>
+	export let className = '';
+</script>
+<thead class={className}>
 	<slot />
 </thead>
 

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

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

package/components/EnkiTable/TableHeadCell.svelte

@@ -2,7 +2,8 @@
 	export let colspan = 1;
 	export let rowspan = 1;
 	export let textAlign = ' ';
-	let tdStyles = ['th-div', `text-${textAlign}`];
+	export let className = '';
+	let tdStyles = ['th-div', `text-${textAlign}` , className];
 </script>
 
 <th  colspan={colspan} rowspan={rowspan} class={tdStyles.join(' ')}><slot /></th>

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

@@ -2,6 +2,7 @@
 /** @typedef {typeof __propDef.events}  TableHeadCellEvents */
 /** @typedef {typeof __propDef.slots}  TableHeadCellSlots */
 export default class TableHeadCell extends SvelteComponentTyped<{
+    className?: string | undefined;
     colspan?: number | undefined;
     rowspan?: number | undefined;
     textAlign?: string | undefined;
@@ -17,6 +18,7 @@ export type TableHeadCellSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
+        className?: string | undefined;
         colspan?: number | undefined;
         rowspan?: number | undefined;
         textAlign?: string | undefined;

package/components/EnkiTable/TableRow.svelte

@@ -1,3 +1,11 @@
+<script>
+	export let className = '';
+</script>
+
+<tr class={className}>
+	<slot />
+</tr>
+
 <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");
@@ -16,7 +24,3 @@
   padding: 0.5rem 0.5rem 0.5625rem 0.5rem;
   font-weight: 400;
 }</style>
-
-<tr>
-    <slot></slot>
-</tr>

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

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

package/components/textField/TextField.svelte

@@ -1,29 +1,31 @@
 <script>
-    import { Input } from 'sveltestrap';
+	import { Input } from 'sveltestrap';
 
-    export let type = 'text';
-    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;
+	export let type = 'text';
+	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={placeholder} 
-    name={name} 
-    value={value} 
-    {disabled} 
-    valid={valid}
-    invalid={invalid} 
-    bsSize= {size}
-    feedback={feedback}
-/>
+<Input
+	{type}
+	class="custom-field efs-normal"
+	{placeholder}
+	{name}
+	{value}
+	{disabled}
+	{valid}
+	{invalid}
+	bsSize={size}
+	{feedback}
+>
+	<slot />
+</Input>
 
 <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");

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

@@ -13,7 +13,9 @@ export default class TextField extends SvelteComponentTyped<{
     valid?: boolean | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
-}, {}> {
+}, {
+    default: {};
+}> {
 }
 export type TextFieldProps = typeof __propDef.props;
 export type TextFieldEvents = typeof __propDef.events;
@@ -34,6 +36,8 @@ declare const __propDef: {
     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.26",
+  "version": "0.0.28",
   "devDependencies": {
     "@storybook/addon-essentials": "^7.6.14",
     "@storybook/addon-interactions": "^7.6.14",