@tuspe/components 1.8.2 → 1.8.4

package/README.md

@@ -59,7 +59,7 @@ Easily replace most buttons in your project with this versatile button component
     hoverText?: 'black' | 'primary' | 'secondary' | 'white'
     href?: string | undefined
     id?: string
-    isActive?: boolean
+    noCenter?: boolean
     noHeight?: boolean
     noPadding?: boolean
     onclick?: any

package/dist/Button.svelte

@@ -22,7 +22,7 @@
     hoverText?: 'black' | 'primary' | 'secondary' | 'white'
     href?: string | undefined
     id?: string
-    isActive?: boolean
+    noCenter?: boolean
     noHeight?: boolean
     noPadding?: boolean
     onclick?: any
@@ -57,7 +57,7 @@
     hoverText = 'white',
     href,
     id,
-    isActive = false,
+    noCenter = false,
     noHeight,
     noPadding,
     onclick = undefined,
@@ -72,7 +72,7 @@
     value
   }: Props = $props()
 
-  let classes = $state('btn text-' + color)
+  let classes = $state(`btn text-${color}`)
 
   if (control) {
     classes += ' control'
@@ -100,8 +100,8 @@
   if (hoverText) {
     classes += ' hover-text-' + hoverText
   }
-  if (isActive) {
-    classes += ' active'
+  if (!noCenter) {
+    classes += ' center'
   }
   if (noHeight) {
     classes += ' no-height'
@@ -188,6 +188,8 @@
   .btn {
     align-items: center;
     display: inline-flex;
+  }
+  .btn.center {
     justify-content: center;
   }
   .btn:not(.border-solid) {

package/dist/Button.svelte.d.ts

@@ -19,7 +19,7 @@ interface Props {
     hoverText?: 'black' | 'primary' | 'secondary' | 'white';
     href?: string | undefined;
     id?: string;
-    isActive?: boolean;
+    noCenter?: boolean;
     noHeight?: boolean;
     noPadding?: boolean;
     onclick?: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuspe/components",
-  "version": "1.8.2",
+  "version": "1.8.4",
   "description": "A reusable SvelteKit component library for form elements, breadcrumbs, prices and images.",
   "keywords": [
     "svelteKit",