@hashrytech/quick-components-kit 0.3.3 → 0.4.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @hashrytech/quick-components-kit
 
+## 0.4.0
+
+### Minor Changes
+
+- feat: adding link button
+
 ## 0.3.3
 
 ### Patch Changes

package/dist/button/Button.svelte

@@ -5,6 +5,7 @@
     export type ButtonProps = {
         children?: Snippet;
         icon?: Snippet;
+        onclick?: (event: MouseEvent) => void;
         class?: ClassNameValue;
     };
 
@@ -13,11 +14,12 @@
 <script lang="ts">
   import {twMerge} from 'tailwind-merge';
   
-  let {children, icon, ...props}: ButtonProps = $props();
+  let {children, icon, onclick, ...props}: ButtonProps = $props();
 
 </script>
 
-<button class={twMerge("flex flex-row items-center gap-2 px-4 py-2 bg-button-primary hover:bg-button-primary-hover rounded-primary w-fit cursor-pointer text-white", props.class)}>
+<button class={twMerge("flex flex-row items-center gap-2 px-4 py-2 bg-button-primary hover:bg-button-primary-hover rounded-primary w-fit cursor-pointer text-white focus:outline-focus-primary", props.class)}
+  {onclick}>
   {#if icon}<span class="w-10">{@render icon()}</span>{/if}
   {@render children?.()}
 </button>

package/dist/button/Button.svelte.d.ts

@@ -3,6 +3,7 @@ import type { ClassNameValue } from 'tailwind-merge';
 export type ButtonProps = {
     children?: Snippet;
     icon?: Snippet;
+    onclick?: (event: MouseEvent) => void;
     class?: ClassNameValue;
 };
 declare const Button: import("svelte").Component<ButtonProps, {}, "">;

package/dist/link-button/LinkButton.svelte

@@ -0,0 +1,25 @@
+<script lang="ts" module>
+	  import type { Snippet } from 'svelte';
+    import type { ClassNameValue } from 'tailwind-merge';
+    
+    export type ButtonProps = {
+      href: string;
+        children?: Snippet;
+        icon?: Snippet;
+        class?: ClassNameValue;
+    };
+
+</script>
+
+<script lang="ts">
+  import {twMerge} from 'tailwind-merge';
+  
+  let {href, children, icon, ...props}: ButtonProps = $props();
+
+</script>
+
+<a {href} class={twMerge("flex flex-row items-center gap-2 px-4 py-2 bg-button-primary hover:bg-button-primary-hover rounded-primary w-fit cursor-pointer text-white focus:outline-focus-primary", props.class)}>
+  {#if icon}<span class="w-10">{@render icon()}</span>{/if}
+  {@render children?.()}
+</a>
+

package/dist/link-button/LinkButton.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Snippet } from 'svelte';
+import type { ClassNameValue } from 'tailwind-merge';
+export type ButtonProps = {
+    href: string;
+    children?: Snippet;
+    icon?: Snippet;
+    class?: ClassNameValue;
+};
+declare const LinkButton: import("svelte").Component<ButtonProps, {}, "">;
+type LinkButton = ReturnType<typeof LinkButton>;
+export default LinkButton;

package/dist/link-button/index.d.ts

@@ -0,0 +1 @@
+export { default as LinkButton } from './LinkButton.svelte';

package/dist/link-button/index.js

@@ -0,0 +1 @@
+export { default as LinkButton } from './LinkButton.svelte';

package/package.json

@@ -5,7 +5,7 @@
     "type": "git",
     "url": "git+https://github.com/hashrytech/quick-components-kit.git"
   },
-  "version": "0.3.3",
+  "version": "0.4.0",
   "license": "MIT",
   "author": "Hashry Tech",
   "files": [