sprintify-ui 0.8.0 → 0.8.1

package/dist/sprintify-ui.es.js

@@ -25202,7 +25202,7 @@ const nM = ["align", "colspan"], lb = /* @__PURE__ */ ye({
         head: !0
       };
     }), c = ee(null), { isFirstColumn: d } = rb(c), { isLastColumn: f } = ib(c), h = N(() => {
-      const p = ob(s.value), g = "bg-white text-slate-500 border-b border-slate-300 group", m = e != null && e.value.fixedHeader ? "sticky top-0 z-[2]" : "", v = d.value ? "duration-300 transition-[border] border-r border-r-transparent" : "", y = e != null && e.value.fixedColumn && (i != null && i.value) && d.value ? "sticky z-[3] left-0 border-r-slate-200" : "", w = e != null && e.value.flush && d.value ? "pl-0" : "", u = e != null && e.value.flush && f.value ? "pr-0" : "";
+      const p = ob(s.value), g = "bg-white text-slate-500 border-b border-slate-300 group", m = e != null && e.value.fixedHeader ? "sticky top-0 z-[2]" : "", v = d.value ? "border-r border-r-transparent" : "", y = e != null && e.value.fixedColumn && (i != null && i.value) && d.value ? "sticky z-[3] left-0 border-r-slate-200" : "", w = e != null && e.value.flush && d.value ? "pl-0" : "", u = e != null && e.value.flush && f.value ? "pr-0" : "";
       return wt(
         p,
         g,
@@ -25301,7 +25301,7 @@ const nM = ["align", "colspan"], lb = /* @__PURE__ */ ye({
       const k = Yt(r.value);
       return f.value && (k.href = void 0, k.to = void 0, k.target = void 0, k.onClick = void 0), wl(k, c);
     }), p = N(() => !!h.value.onClick || !!h.value.href || !!h.value.to), g = ee(!1), m = N(() => f.value ? g.value : ((i == null ? void 0 : i.value) ?? !1) && ((l == null ? void 0 : l.value) ?? !0)), v = N(() => {
-      const k = ob(d.value), x = "relative bg-white border-b border-slate-200 group-last/row:border-b-0", T = p.value ? "cursor-pointer" : "", A = p.value && m.value ? "bg-slate-50" : "", S = w.value ? "duration-300 transition-[border] border-r border-r-transparent" : "", D = t != null && t.value.fixedColumn && (o != null && o.value) && w.value ? "sticky z-[1] left-0 border-r-slate-200" : "", R = t != null && t.value.flush && w.value ? "pl-0" : "", B = t != null && t.value.flush && u.value ? "pr-0" : "";
+      const k = ob(d.value), x = "relative bg-white border-b border-slate-200 group-last/row:border-b-0", T = p.value ? "cursor-pointer" : "", A = p.value && m.value ? "bg-slate-50" : "", S = w.value ? "border-r border-r-transparent" : "", D = t != null && t.value.fixedColumn && (o != null && o.value) && w.value ? "sticky z-[1] left-0 border-r-slate-200" : "", R = t != null && t.value.flush && w.value ? "pl-0" : "", B = t != null && t.value.flush && u.value ? "pr-0" : "";
       return wt(
         k,
         x,
@@ -25716,8 +25716,9 @@ const nM = ["align", "colspan"], lb = /* @__PURE__ */ ye({
                             class: de([ne == 0 ? "flex items-center gap-4" : ""])
                           }, [
                             ne == 0 ? (I(), Q(Ke, { key: 0 }, [
-                              C(v) ? (I(), Q("div", {
+                              C(v) ? (I(), Q("button", {
                                 key: 0,
+                                type: "button",
                                 class: "relative z-[1] || flex h-5 w-5 shrink-0 grow-0 appearance-none items-center justify-center rounded-full border border-slate-300 bg-white text-slate-400 shadow duration-100 hover:text-slate-600 hover:shadow-md",
                                 onClick: Yn((me) => D(Z), ["stop"])
                               }, [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseDataTableTemplate.vue

@@ -119,8 +119,9 @@
             >
               <div :class="[columnIndex == 0 ? 'flex items-center gap-4' : '']">
                 <template v-if="columnIndex == 0">
-                  <div
+                  <button
                     v-if="showDetailRowIcon"
+                    type="button"
                     class="relative z-[1] || flex h-5 w-5 shrink-0 grow-0 appearance-none items-center justify-center rounded-full border border-slate-300 bg-white text-slate-400 shadow duration-100 hover:text-slate-600 hover:shadow-md"
                     @click.stop="toggleDetails(row)"
                   >
@@ -132,7 +133,7 @@
                         'rotate-180': isVisibleDetailRow(row)
                       }"
                     />
-                  </div>
+                  </button>
 
                   <div
                     v-if="checkable"

package/src/components/BaseTableCell.vue

@@ -130,7 +130,7 @@ const classes = computed(() => {
   const baseTd = 'relative bg-white border-b border-slate-200 group-last/row:border-b-0';
   const click = clickable.value ? 'cursor-pointer' : '';
   const hover = clickable.value && hoverInternal.value ? 'bg-slate-50' : '';
-  const firstCol = isFirstColumn.value ? 'duration-300 transition-[border] border-r border-r-transparent' : '';
+  const firstCol = isFirstColumn.value ? 'border-r border-r-transparent' : '';
   const horizontalScrolling = baseTable?.value.fixedColumn && baseTableHorizontalScrolling?.value && isFirstColumn.value ? 'sticky z-[1] left-0 border-r-slate-200' : '';
   const flushLeft = baseTable?.value.flush && isFirstColumn.value ? 'pl-0' : '';
   const flushRight = baseTable?.value.flush && isLastColumn.value ? 'pr-0' : '';

package/src/components/BaseTableHeader.vue

@@ -67,7 +67,7 @@ const classes = computed(() => {
   const base = cellClasses(cellConfig.value);
   const baseTh = 'bg-white text-slate-500 border-b border-slate-300 group';
   const sticky = baseTable?.value.fixedHeader ? 'sticky top-0 z-[2]' : '';
-  const firstCol = isFirstColumn.value ? 'duration-300 transition-[border] border-r border-r-transparent' : '';
+  const firstCol = isFirstColumn.value ? 'border-r border-r-transparent' : '';
   const horizontalScrolling = baseTable?.value.fixedColumn && baseTableHorizontalScrolling?.value && isFirstColumn.value ? 'sticky z-[3] left-0 border-r-slate-200' : '';
   const flushLeft = baseTable?.value.flush && isFirstColumn.value ? 'pl-0' : '';
   const flushRight = baseTable?.value.flush && isLastColumn.value ? 'pr-0' : '';