@enki-tek/fms-web-components 0.0.30 → 0.0.32

package/components/Badge/Badge.scss

@@ -1,9 +1,7 @@
 @import '../variable.scss';
 
 :global(.custom-badge) {
-    display: flex;
-    align-items: center;
-    justify-content: center;
+    text-align:center;
     padding: 5px 8px;
     text-transform: capitalize;
     font-weight: 500;

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], `custom-badge`, className];
+  badgeStyles = [...badgeConfig[config], ...badgeStyles];
 }
 </script>
 
@@ -20,9 +20,7 @@ if (badgeConfig.hasOwnProperty(config)) {
 @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");
 :global(.custom-badge) {
-  display: flex;
-  align-items: center;
-  justify-content: center;
+  text-align: center;
   padding: 5px 8px;
   text-transform: capitalize;
   font-weight: 500;

package/components/Button/Button.svelte

@@ -8,10 +8,11 @@
 	export let outlineShade = '';
 	export let size = '';
 	export let disabled =false;
+	export let className;
 
-	let buttonStyles = [];
+	let buttonStyles = [className];
 	if (buttonConfig.hasOwnProperty(config)) {
-		buttonStyles = ['ebtn', ...buttonConfig[config], `ebg-${shade}`, `eoutline-${outlineShade}`, `ebtn-${size}`, `disabled`];
+		buttonStyles = ['ebtn', ...buttonConfig[config], `ebg-${shade}`, `eoutline-${outlineShade}`, `ebtn-${size}`, `disabled`,className];
 	}
 
 	// icon button

package/components/Button/Button.svelte.d.ts

@@ -2,6 +2,7 @@
 /** @typedef {typeof __propDef.events}  ButtonEvents */
 /** @typedef {typeof __propDef.slots}  ButtonSlots */
 export default class Button extends SvelteComponentTyped<{
+    className: any;
     disabled?: boolean | undefined;
     type?: string | undefined;
     label?: string | undefined;
@@ -30,6 +31,7 @@ export type ButtonSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
+        className: any;
         disabled?: boolean | undefined;
         type?: string | undefined;
         label?: string | undefined;

package/components/EnkiCard/CardBody.svelte

@@ -7,7 +7,7 @@
 	};
 	let cardClasses = [className];
 	if (cardType.hasOwnProperty(type)) {
-		cardClasses = [...cardType[type]];
+		cardClasses = [...cardType[type], ...cardClasses];
 	}
 </script>
 

package/components/textField/TextField.svelte

@@ -10,11 +10,12 @@
 	export let valid = false;
 	export let invalid = false;
 	export let feedback;
+	export let className;
 </script>
 
 <Input
 	{type}
-	class="custom-field efs-normal"
+	class="custom-field efs-normal {className}"
 	{placeholder}
 	{name}
 	{value}

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

@@ -2,6 +2,7 @@
 /** @typedef {typeof __propDef.events}  TextFieldEvents */
 /** @typedef {typeof __propDef.slots}  TextFieldSlots */
 export default class TextField extends SvelteComponentTyped<{
+    className: any;
     feedback: any;
     disabled?: boolean | undefined;
     invalid?: boolean | undefined;
@@ -23,6 +24,7 @@ export type TextFieldSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
+        className: any;
         feedback: any;
         disabled?: boolean | undefined;
         invalid?: boolean | undefined;

package/package.json

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