@softwareone/spi-sv5-library 0.0.1 → 0.0.2

package/dist/Button/Button.svelte

@@ -165,5 +165,6 @@
         background: var(--brand-primary, #e0e5e8);
         color: var(--brand-white, #6b7180);
         cursor: not-allowed;
+        border: none;
     }
 </style>

package/dist/Modal/Modal.svelte

@@ -3,33 +3,30 @@
 	import ModalFooter from './ModalFooter.svelte';
 	import ModalHeader from './ModalHeader.svelte';
 
-	let { headerTitle, contentTitle, contentMessage, contentCodeMessage, cancelButton, okButton } =
-		$props();
+	interface ModalProps {
+		headerTitle?: string;
+		contentTitle?: string;
+		contentMessage?: string;
+		contentCodeMessage?: string;
+		cancelButton?: () => void;
+		okButton?: () => void;
+	}
+
+	let {
+		headerTitle,
+		contentTitle,
+		contentMessage,
+		contentCodeMessage,
+		cancelButton,
+		okButton
+	}: ModalProps = $props();
 
-	headerTitle = headerTitle || 'Modal title';
-	contentTitle = contentTitle || 'Error title';
-	contentMessage =
-		contentMessage ||
-		'The text displayed here serves as a placeholder for the error modal content.';
-	contentCodeMessage =
-		contentCodeMessage ||
-		`Placeholder error code:# Handle specific error: invalid value error_message = f"Error: Invalid value - {ve}" return {'error': error_message, 'error_code': 400}`;
-	cancelButton =
-		cancelButton ||
-		function () {
-			console.log('cancelButton');
-		};
-	okButton =
-		okButton ||
-		function () {
-			console.log('okButton');
-		};
 </script>
 
 <div class="modal">
-	<ModalHeader {headerTitle} />
+	<ModalHeader {headerTitle}/>
 	<ModalContent {contentTitle} {contentMessage} {contentCodeMessage} />
-	<ModalFooter {cancelButton} {okButton} />
+	<ModalFooter {cancelButton} {okButton}/>
 </div>
 
 <style>

package/dist/Modal/Modal.svelte.d.ts

@@ -1,10 +1,11 @@
-declare const Modal: import("svelte").Component<{
-    headerTitle: any;
-    contentTitle: any;
-    contentMessage: any;
-    contentCodeMessage: any;
-    cancelButton: any;
-    okButton: any;
-}, {}, "">;
+interface ModalProps {
+    headerTitle?: string;
+    contentTitle?: string;
+    contentMessage?: string;
+    contentCodeMessage?: string;
+    cancelButton?: () => void;
+    okButton?: () => void;
+}
+declare const Modal: import("svelte").Component<ModalProps, {}, "">;
 type Modal = ReturnType<typeof Modal>;
 export default Modal;

package/dist/Modal/ModalContent.svelte

@@ -1,7 +1,13 @@
 <script lang="ts">
 	import { Copy, Check } from 'lucide-svelte'
 
-	let { contentTitle, contentMessage, contentCodeMessage } = $props();
+	interface ModalContentProps {
+		contentTitle?: string;
+		contentMessage?: string;
+		contentCodeMessage?: string;
+	}
+
+	let { contentTitle, contentMessage, contentCodeMessage }: ModalContentProps = $props();
 
 	let copyCodeContent = $state(contentCodeMessage);
 	let copyCodeState = $state(false);
@@ -10,6 +16,14 @@
 		navigator.clipboard.writeText(copyCodeContent);
 		copyCodeState = true;
 	}
+
+	contentTitle = contentTitle || 'Error title';
+	contentMessage =
+		contentMessage ||
+		'The text displayed here serves as a placeholder for the error modal content.';
+	contentCodeMessage =
+		contentCodeMessage ||
+		`Placeholder error code:# Handle specific error: invalid value error_message = f"Error: Invalid value - {ve}" return {'error': error_message, 'error_code': 400}`;
 </script>
 
 <div class="modal-content">

package/dist/Modal/ModalContent.svelte.d.ts

@@ -1,7 +1,8 @@
-declare const ModalContent: import("svelte").Component<{
-    contentTitle: any;
-    contentMessage: any;
-    contentCodeMessage: any;
-}, {}, "">;
+interface ModalContentProps {
+    contentTitle?: string;
+    contentMessage?: string;
+    contentCodeMessage?: string;
+}
+declare const ModalContent: import("svelte").Component<ModalContentProps, {}, "">;
 type ModalContent = ReturnType<typeof ModalContent>;
 export default ModalContent;

package/dist/Modal/ModalFooter.svelte

@@ -1,6 +1,11 @@
 <script lang="ts">
+
+	interface ModalFooterProps {
+		cancelButton?: () => void;
+		okButton?: () => void;
+	}
 	
-	let { cancelButton, okButton } = $props();
+	let { cancelButton, okButton }: ModalFooterProps = $props();
 
 	cancelButton =
 		cancelButton ||

package/dist/Modal/ModalFooter.svelte.d.ts

@@ -1,6 +1,7 @@
-declare const ModalFooter: import("svelte").Component<{
-    cancelButton: any;
-    okButton: any;
-}, {}, "">;
+interface ModalFooterProps {
+    cancelButton?: () => void;
+    okButton?: () => void;
+}
+declare const ModalFooter: import("svelte").Component<ModalFooterProps, {}, "">;
 type ModalFooter = ReturnType<typeof ModalFooter>;
 export default ModalFooter;

package/dist/Modal/ModalHeader.svelte

@@ -1,7 +1,13 @@
 <script lang="ts">
-    import { OctagonAlert } from "lucide-svelte";
+    import { OctagonAlert } from 'lucide-svelte';
 
-    let { headerTitle } = $props();
+	interface ModalHeaderProps {
+		headerTitle?: string;
+	}
+
+    let { headerTitle }: ModalHeaderProps = $props();
+
+	headerTitle = headerTitle || 'Modal title';
 	
 </script>
 

package/dist/Modal/ModalHeader.svelte.d.ts

@@ -1,5 +1,6 @@
-declare const ModalHeader: import("svelte").Component<{
-    headerTitle: any;
-}, {}, "">;
+interface ModalHeaderProps {
+    headerTitle?: string;
+}
+declare const ModalHeader: import("svelte").Component<ModalHeaderProps, {}, "">;
 type ModalHeader = ReturnType<typeof ModalHeader>;
 export default ModalHeader;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@softwareone/spi-sv5-library",
-	"version": "0.0.1",
+	"version": "0.0.2",
 	"description": "Svelte components",
 	"keywords": [
 		"svelte",
@@ -45,6 +45,7 @@
 	},
 	"devDependencies": {
 		"@sveltejs/adapter-auto": "^4.0.0",
+		"@sveltejs/adapter-node": "^5.2.12",
 		"@sveltejs/kit": "^2.16.0",
 		"@sveltejs/package": "^2.0.0",
 		"@sveltejs/vite-plugin-svelte": "^5.0.0",