@enki-tek/fms-web-components 0.0.27 → 0.0.29

package/components/Badge/Badge.svelte

@@ -4,7 +4,7 @@ export let config = "";
 export let className;
 let badgeStyles = [`custom-badge`, className];
 if (badgeConfig.hasOwnProperty(config)) {
-  badgeStyles = [...badgeConfig[config]];
+  badgeStyles = [...badgeConfig[config], `custom-badge`, className];
 }
 </script>
 

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/EnkiTable.svelte

@@ -2,12 +2,12 @@
     import { Table } from 'sveltestrap';
     export let size = "lg"
     export let type = ' ';
-	export let classes ='' ;
+	export let className ='' ;
     const tableTypes = {
         hover:'table-hover' ,
         striped:'table-striped'
     }
-    let tableClasses = ['table' ,classes];
+    let tableClasses = ['table' ,className];
     if (tableTypes.hasOwnProperty(type.trim())) {
         tableClasses.push(tableTypes[type.trim()]);
     }

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

@@ -4,7 +4,7 @@
 export default class EnkiTable extends SvelteComponentTyped<{
     type?: string | undefined;
     size?: string | undefined;
-    classes?: string | undefined;
+    className?: string | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {
@@ -19,7 +19,7 @@ declare const __propDef: {
     props: {
         type?: string | undefined;
         size?: string | undefined;
-        classes?: string | undefined;
+        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 classes = ''
-let tdStyles = ['td-div', classes]
+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,7 +2,7 @@
 /** @typedef {typeof __propDef.events}  TableCellEvents */
 /** @typedef {typeof __propDef.slots}  TableCellSlots */
 export default class TableCell extends SvelteComponentTyped<{
-    classes?: string | undefined;
+    className?: string | undefined;
     colspan?: number | undefined;
     rowspan?: number | undefined;
     dataLabel?: string | undefined;
@@ -18,7 +18,7 @@ export type TableCellSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        classes?: string | undefined;
+        className?: string | undefined;
         colspan?: number | undefined;
         rowspan?: number | undefined;
         dataLabel?: string | undefined;

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/package.json

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