noph-ui 0.22.0 → 0.22.2

package/dist/badge/Badge.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	let { label }: { label?: string } = $props()
+	let { label }: { label?: string | number } = $props()
 </script>
 
 <div class="np-badge-container">

package/dist/badge/Badge.svelte.d.ts

@@ -1,5 +1,5 @@
 type $$ComponentProps = {
-    label?: string;
+    label?: string | number;
 };
 declare const Badge: import("svelte").Component<$$ComponentProps, {}, "">;
 type Badge = ReturnType<typeof Badge>;

package/dist/tabs/Tab.svelte

@@ -122,7 +122,12 @@
 		role="tab"
 		bind:this={element}
 		{href}
-		class={['np-tab', isActive && 'np-tab-content-active', attributes.class]}
+		class={[
+			'np-tab',
+			isActive && 'np-tab-content-active',
+			variant === 'primary' ? 'primary' : 'secondary',
+			attributes.class,
+		]}
 		onclick={onClick}
 		onkeydown={onKeyDown}
 	>
@@ -135,7 +140,12 @@
 		tabindex={isActive ? 0 : -1}
 		role="tab"
 		bind:this={element}
-		class={['np-tab', isActive && 'np-tab-content-active', attributes.class]}
+		class={[
+			'np-tab',
+			isActive && 'np-tab-content-active',
+			variant === 'primary' ? 'primary' : 'secondary',
+			attributes.class,
+		]}
 		onclick={onClick}
 		onkeydown={onKeyDown}
 	>
@@ -157,11 +167,17 @@
 		padding: 0 1rem;
 		color: var(--np-color-on-surface-variant);
 		height: 3rem;
+		transition: color 0.3s ease;
 	}
 	.np-tab-content-active {
-		color: var(--np-color-primary);
 		--_focus-bottom: 4px;
 	}
+	.np-tab-content-active.primary {
+		color: var(--np-color-primary);
+	}
+	.np-tab-content-active.secondary {
+		color: var(--np-color-on-surface);
+	}
 	.np-tab-content {
 		height: 100%;
 	}

package/dist/tabs/types.d.ts

@@ -7,7 +7,7 @@ export interface TabProps extends HTMLAttributes<HTMLElement> {
     href?: string;
     icon?: Snippet;
     badge?: boolean;
-    badgeLabel?: string;
+    badgeLabel?: string | number;
 }
 export interface TabsProps extends HTMLAttributes<HTMLDivElement> {
     value: string | number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "noph-ui",
-  "version": "0.22.0",
+  "version": "0.22.2",
   "license": "MIT",
   "homepage": "https://noph.dev",
   "repository": {