@sabrenski/spire-ui-vue 0.3.3 → 0.3.4

package/dist/spire-ui.js

@@ -31418,11 +31418,11 @@ const yZ1 = ["aria-label"], MZ1 = ["aria-expanded"], mZ1 = {
       r.registerTab(e.tabKey, t.value, h);
     });
     const c = {
-      xs: "h-control-xs px-2 text-xs",
-      sm: "h-control-sm px-3 text-sm",
-      md: "h-control-md px-4 text-sm",
-      lg: "h-control-lg px-5 text-base",
-      xl: "h-control-xl px-6 text-base"
+      xs: "h-4 px-2 text-xs",
+      sm: "h-6 px-3 text-sm",
+      md: "h-8 px-4 text-sm",
+      lg: "h-10 px-5 text-base",
+      xl: "h-12 px-6 text-base"
     }, C = {
       none: "rounded-none",
       sm: "rounded-xs",
@@ -31663,7 +31663,7 @@ const yZ1 = ["aria-label"], MZ1 = ["aria-expanded"], mZ1 = {
   class: "w-12 px-3 py-3 text-center"
 }, aT1 = ["aria-expanded", "aria-label", "onClick"], dT1 = ["data-spire-sticky"], cT1 = {
   key: 0,
-  class: "border-b border-border/30 bg-subtle"
+  class: "bg-subtle"
 }, CT1 = ["colspan"], kT1 = { class: "px-4 py-3" }, uT1 = /* @__PURE__ */ _({
   __name: "TableBody",
   props: {
@@ -31695,8 +31695,7 @@ const yZ1 = ["aria-label"], MZ1 = ["aria-expanded"], mZ1 = {
       const f = r.getRowKey(y, m);
       return [
         "transition-colors group",
-        r.variant.value !== "striped" && "border-b border-border/30",
-        r.hoverable.value && "hover:bg-table-hover",
+        r.hoverable.value && "hover:bg-table-hover [&>td:first-child]:rounded-l-md [&>td:last-child]:rounded-r-md",
         r.isRowSelected(f) && "bg-primary-subtle",
         r.isRowDisabled(f) && "opacity-50 pointer-events-none",
         r.variant.value === "striped" && m % 2 === 1 && "bg-table-stripe"
@@ -31722,7 +31721,7 @@ const yZ1 = ["aria-label"], MZ1 = ["aria-expanded"], mZ1 = {
       default: r1(() => [
         (M(!0), I(c1, null, H1(C.value, (f) => (M(), I("tr", i1({
           key: f.key,
-          class: f.type === "main" ? h(f.row, f.index) : "border-b border-border/30 bg-subtle"
+          class: f.type === "main" ? h(f.row, f.index) : "bg-subtle"
         }, { ref_for: !0 }, f.type === "main" ? L(f.row, f.index) : {}, {
           "aria-selected": f.type === "main" && W(r).selectionMode.value !== "none" ? W(r).isRowSelected(W(r).getRowKey(f.row, f.index)) : void 0,
           "aria-disabled": f.type === "main" && W(r).isRowDisabled(W(r).getRowKey(f.row, f.index)) || void 0,
@@ -31811,7 +31810,6 @@ const yZ1 = ["aria-label"], MZ1 = ["aria-expanded"], mZ1 = {
       i.value ? R(y.$slots, "loading", { key: 0 }, () => [
         (M(!0), I(c1, null, H1(l.value, (f) => (M(), I("tr", {
           key: `skeleton-${f}`,
-          class: "border-b border-border/30",
           role: "row"
         }, [
           W(r).selectionMode.value !== "none" ? (M(), I("td", _A1, [...m[3] || (m[3] = [
@@ -31870,8 +31868,8 @@ const yZ1 = ["aria-label"], MZ1 = ["aria-expanded"], mZ1 = {
         }, () => [
           g("tr", {
             class: N([
-              "border-b border-border/30 transition-colors group",
-              W(r).hoverable.value && "hover:bg-table-hover",
+              "transition-colors group",
+              W(r).hoverable.value && "hover:bg-table-hover [&>td:first-child]:rounded-l-md [&>td:last-child]:rounded-r-md",
               W(r).isRowSelected(W(r).getRowKey(f, j)) && "bg-primary-subtle",
               W(r).isRowDisabled(W(r).getRowKey(f, j)) && "opacity-50 pointer-events-none",
               W(r).variant.value === "striped" && j % 2 === 1 && "bg-table-stripe"
@@ -31968,7 +31966,7 @@ const yZ1 = ["aria-label"], MZ1 = ["aria-expanded"], mZ1 = {
       ], 64))
     ], 16, XA1));
   }
-}), dI1 = /* @__PURE__ */ $2(uT1, [["__scopeId", "data-v-b0ed15be"]]), lT1 = ["data-spire-size", "data-spire-variant", "data-spire-loading"], hT1 = ["aria-rowcount", "aria-colcount"], pT1 = {
+}), dI1 = /* @__PURE__ */ $2(uT1, [["__scopeId", "data-v-94664fcf"]]), lT1 = ["data-spire-size", "data-spire-variant", "data-spire-loading"], hT1 = ["aria-rowcount", "aria-colcount"], pT1 = {
   key: 1,
   class: "overflow-x-auto"
 }, LT1 = ["aria-rowcount", "aria-colcount"], kQ1 = /* @__PURE__ */ _({
@@ -32177,7 +32175,7 @@ const yZ1 = ["aria-label"], MZ1 = ["aria-expanded"], mZ1 = {
           key: 1,
           id: i,
           role: "grid",
-          class: "w-full border-collapse",
+          class: "w-full border-separate border-spacing-y-1",
           "aria-rowcount": o.data?.length,
           "aria-colcount": h.value.length
         }, [
@@ -32215,7 +32213,7 @@ const yZ1 = ["aria-label"], MZ1 = ["aria-expanded"], mZ1 = {
           key: 1,
           id: i,
           role: "grid",
-          class: "w-full border-collapse",
+          class: "w-full border-separate border-spacing-y-1",
           "aria-rowcount": o.data?.length,
           "aria-colcount": h.value.length
         }, [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sabrenski/spire-ui-vue",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "description": "A modern, themeable Vue 3 component library with 57+ components, TypeScript support, and Tailwind CSS v4",
   "type": "module",
   "author": "Spire UI Contributors",