@signal9/era-ui 1.8.8 → 1.10.0

package/dist/ui/button/button.svelte

@@ -20,7 +20,7 @@
 		...restProps
 	}: Button.RootProps & {
 		tone?: 'default' | 'accent' | 'destructive' | 'success';
-		size?: 'default' | 'sm' | 'xs' | 'icon';
+		size?: 'default' | 'sm' | 'xxs' | 'xs' | 'icon';
 		variant?: 'filled' | 'link';
 		active?: boolean;
 		icon?: boolean;

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

@@ -2,7 +2,7 @@ import type { Snippet } from 'svelte';
 import { Button } from 'bits-ui';
 type $$ComponentProps = Button.RootProps & {
     tone?: 'default' | 'accent' | 'destructive' | 'success';
-    size?: 'default' | 'sm' | 'xs' | 'icon';
+    size?: 'default' | 'sm' | 'xxs' | 'xs' | 'icon';
     variant?: 'filled' | 'link';
     active?: boolean;
     icon?: boolean;

package/dist/ui/button/variants.d.ts

@@ -12,6 +12,7 @@ export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
     size: {
         default: string;
         sm: string;
+        xxs: string;
         xs: string;
         icon: string;
     };
@@ -35,6 +36,7 @@ export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
     size: {
         default: string;
         sm: string;
+        xxs: string;
         xs: string;
         icon: string;
     };
@@ -58,6 +60,7 @@ export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
     size: {
         default: string;
         sm: string;
+        xxs: string;
         xs: string;
         icon: string;
     };

package/dist/ui/button/variants.js

@@ -14,7 +14,7 @@ export const buttonVariants = tv({
             link: 'inline-flex underline-offset-2 hover:underline'
         },
         tone: { default: '', accent: '', destructive: '', success: '' },
-        size: { default: '', sm: '', xs: '', icon: '' },
+        size: { default: '', sm: '', xxs: '', xs: '', icon: '' },
         icon: { true: '' },
         active: { true: '' }
     },
@@ -30,6 +30,11 @@ export const buttonVariants = tv({
             size: 'sm',
             class: 'h-(--era-h-sm) min-w-(--era-h-sm) rounded-(--era-rd-sm)'
         },
+        {
+            variant: 'filled',
+            size: 'xxs',
+            class: 'h-(--era-h-xxs) min-w-(--era-h-xxs) rounded-(--era-rd-xxs)'
+        },
         {
             variant: 'filled',
             size: 'xs',
@@ -54,6 +59,7 @@ export const buttonVariants = tv({
             size: 'sm',
             class: 'px-(--era-inset-sm) has-[svg]:gap-(--era-inset-sm)'
         },
+        { variant: 'filled', icon: false, size: 'xxs', class: 'px-(--era-pill-xxs)' },
         { variant: 'filled', icon: false, size: 'xs', class: 'px-(--era-px-sm)' },
         { variant: 'filled', icon: false, size: 'icon', class: 'px-(--era-px-sm)' },
         { variant: 'filled', icon: true, class: 'aspect-square px-0' },

package/dist/ui/pane/pane-close.svelte

@@ -12,15 +12,15 @@
 	} = $props();
 </script>
 
-<!-- A raw icon Button (size="icon" = h-xs, a SQUARE that nests concentrically in
-     the sm handle bar via the bar's xs-inset-sm gap). No data-pane-control: it
-     stays in the drag zone, so a press-and-drag moves the pane while a clean
-     click still closes (neodrag starts a drag only on movement and suppresses
-     the trailing click after a real drag). -->
+<!-- A raw icon Button at the xxs tier (h-xxs SQUARE) so its hover box matches the
+     tab pills' highlight height. No data-pane-control: it stays in the drag zone,
+     so a press-and-drag moves the pane while a clean click still closes (neodrag
+     starts a drag only on movement and suppresses the trailing click after a real
+     drag). -->
 <Button
 	bind:ref
 	icon
-	size="icon"
+	size="xxs"
 	tone="destructive"
 	aria-label="Close"
 	class={className}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@signal9/era-ui",
-	"version": "1.8.8",
+	"version": "1.10.0",
 	"scripts": {
 		"dev": "vite dev --host",
 		"build": "vite build && npm run prepack",