sprintify-ui 0.10.35 → 0.10.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/sprintify-ui.es.js +15 -11
  2. package/package.json +1 -1
  3. package/src/components/BaseDataTableTemplate.vue +16 -9
package/dist/sprintify-ui.es.js CHANGED
@@ -17435,8 +17435,12 @@ const _b = ["align", "colspan"], Ib = ["innerHTML"], cd = /* @__PURE__ */ Q({
17435
17435
  key: 0,
17436
17436
  class: "flex h-5 w-5 shrink-0 grow-0"
17437
17437
  }, zb = ["checked", "disabled"], Ob = ["onClick"], Rb = ["innerHTML"], Lb = {
17438
- viewBox: "0 0 20 20",
17439
- class: "h-5 w-5"
17438
+ width: "11",
17439
+ height: "11",
17440
+ viewBox: "0 0 11 11",
17441
+ fill: "none",
17442
+ class: "block",
17443
+ xmlns: "http://www.w3.org/2000/svg"
17440
17444
  }, Fb = ["opacity"], Pb = ["opacity"], Nb = ["onClick"], Vb = ["onClick"], jb = ["disabled", "checked"], js = "disabled:bg-slate-100 group-hover:shadow-md disabled:border-slate-300 disabled:cursor-not-allowed duration-300 cursor-pointer focus:ring-blue-300 border border-slate-300 shadow h-[18px] w-[18px] rounded", Hb = /* @__PURE__ */ Q({
17441
17445
  name: "BaseDataTableTemplate",
17442
17446
  inheritAttrs: !1,
@@ -17779,13 +17783,13 @@ const _b = ["align", "colspan"], Ib = ["innerHTML"], cd = /* @__PURE__ */ Q({
17779
17783
  ], 64)) : Z("", !0),
17780
17784
  E("button", {
17781
17785
  type: "button",
17782
- class: j(["flex gap-1 w-full items-center bg-transparent text-left text-sm font-medium leading-tight text-slate-900", [
17786
+ class: j(["flex gap-2 w-full items-start bg-transparent text-left text-sm font-medium leading-tight text-slate-900", [
17783
17787
  Ee.sortable ? "cursor-pointer" : "",
17784
- Ee.align == "right" ? "justify-start flex-row-reverse" : ""
17788
+ Ee.align == "right" ? "justify-start flex-row-reverse text-right" : ""
17785
17789
  ]]),
17786
17790
  onClick: (M) => y(Ee, void 0, M)
17787
17791
  }, [
17788
- E("span", {
17792
+ E("div", {
17789
17793
  class: j(["whitespace-nowrap text-slate-600", {
17790
17794
  "text-[12px]": t.size == "sm",
17791
17795
  "text-xs": t.size == "md"
@@ -17794,20 +17798,20 @@ const _b = ["align", "colspan"], Ib = ["innerHTML"], cd = /* @__PURE__ */ Q({
17794
17798
  }, null, 10, Rb),
17795
17799
  Ee.sortable ? (b(), z("div", {
17796
17800
  key: 0,
17797
- class: j([
17801
+ class: j(["h-4 relative top-0.5", [
17798
17802
  u.value === Ee ? "" : "opacity-0 duration-200 group-hover:opacity-100"
17799
- ])
17803
+ ]])
17800
17804
  }, [
17801
17805
  (b(), z("svg", Lb, [
17802
17806
  E("path", {
17803
17807
  opacity: d.value ? "1" : "0.5",
17804
- fill: "currentColor",
17805
- d: "M9.116 4.823a1.25 1.25 0 0 1 1.768 0l2.646 2.647a.75.75 0 0 1-1.06 1.06l-2.47-2.47-2.47 2.47a.75.75 0 1 1-1.06-1.06l2.646-2.647Z"
17808
+ d: "M4.88471 0.366233C5.00079 0.250125 5.1386 0.158021 5.29028 0.0951819C5.44196 0.0323429 5.60453 0 5.76871 0C5.93289 0 6.09546 0.0323429 6.24714 0.0951819C6.39882 0.158021 6.53663 0.250125 6.65271 0.366233L9.29871 3.01323C9.43119 3.15541 9.50331 3.34345 9.49988 3.53776C9.49646 3.73206 9.41774 3.91744 9.28033 4.05485C9.14292 4.19227 8.95753 4.27098 8.76323 4.27441C8.56893 4.27784 8.38088 4.20571 8.23871 4.07323L5.76871 1.60323L3.29871 4.07323C3.23005 4.14692 3.14725 4.20602 3.05525 4.24701C2.96325 4.28801 2.86393 4.31005 2.76323 4.31182C2.66253 4.3136 2.5625 4.29508 2.46911 4.25736C2.37572 4.21963 2.29089 4.16349 2.21967 4.09227C2.14845 4.02105 2.09231 3.93622 2.05459 3.84283C2.01686 3.74944 1.99834 3.64941 2.00012 3.54871C2.00189 3.44801 2.02394 3.34869 2.06493 3.25669C2.10592 3.1647 2.16502 3.08189 2.23871 3.01323L4.88471 0.366233Z",
17809
+ fill: "black"
17806
17810
  }, null, 8, Fb),
17807
17811
  E("path", {
17808
17812
  opacity: d.value ? "0.5" : "1",
17809
- fill: "currentColor",
17810
- d: "M9.116 15.177a1.25 1.25 0 0 0 1.768 0l2.646-2.647a.75.75 0 0 0-1.06-1.06l-2.47 2.47-2.47-2.47a.75.75 0 0 0-1.06 1.06l2.646 2.647Z"
17813
+ d: "M4.84729 10.6083C4.96337 10.7244 5.10118 10.8165 5.25286 10.8793C5.40454 10.9422 5.56711 10.9745 5.73129 10.9745C5.89547 10.9745 6.05804 10.9422 6.20972 10.8793C6.3614 10.8165 6.49921 10.7244 6.61529 10.6083L9.26129 7.96129C9.39377 7.81912 9.4659 7.63107 9.46247 7.43677C9.45904 7.24247 9.38033 7.05708 9.24291 6.91967C9.1055 6.78226 8.92011 6.70354 8.72581 6.70012C8.53151 6.69669 8.34347 6.76881 8.20129 6.90129L5.73129 9.37129L3.26129 6.90129C3.11912 6.76881 2.93107 6.69669 2.73677 6.70012C2.54247 6.70354 2.35708 6.78226 2.21967 6.91967C2.08226 7.05708 2.00355 7.24247 2.00012 7.43677C1.99669 7.63107 2.06881 7.81912 2.20129 7.96129L4.84729 10.6083Z",
17814
+ fill: "black"
17811
17815
  }, null, 8, Pb)
17812
17816
  ]))
17813
17817
  ], 2)) : Z("", !0)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sprintify-ui",
3
- "version": "0.10.35",
3
+ "version": "0.10.36",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "build": "rimraf dist && vue-tsc && vite build",
package/src/components/BaseDataTableTemplate.vue CHANGED
@@ -55,14 +55,14 @@
55
55
 
56
56
  <button
57
57
  type="button"
58
- class="flex gap-1 w-full items-center bg-transparent text-left text-sm font-medium leading-tight text-slate-900"
58
+ class="flex gap-2 w-full items-start bg-transparent text-left text-sm font-medium leading-tight text-slate-900"
59
59
  :class="[
60
60
  column.sortable ? 'cursor-pointer' : '',
61
- column.align == 'right' ? 'justify-start flex-row-reverse' : ''
61
+ column.align == 'right' ? 'justify-start flex-row-reverse text-right' : ''
62
62
  ]"
63
63
  @click="sort(column, undefined, $event as any)"
64
64
  >
65
- <span
65
+ <div
66
66
  class="whitespace-nowrap text-slate-600"
67
67
  :class="{
68
68
  'text-[12px]': size == 'sm',
@@ -70,8 +70,10 @@
70
70
  }"
71
71
  v-html="column.label"
72
72
  />
73
+ <!-- h-4 is used to make sure the tooltip icon is always smaller than label and avoid alignment issues when icon is not present -->
73
74
  <div
74
75
  v-if="column.sortable"
76
+ class="h-4 relative top-0.5"
75
77
  :class="[
76
78
  currentSortColumn === column
77
79
  ? ''
@@ -79,18 +81,23 @@
79
81
  ]"
80
82
  >
81
83
  <svg
82
- viewBox="0 0 20 20"
83
- class="h-5 w-5"
84
+ width="11"
85
+ height="11"
86
+ viewBox="0 0 11 11"
87
+ fill="none"
88
+ class="block"
89
+ xmlns="http://www.w3.org/2000/svg"
84
90
  >
85
91
  <path
86
92
  :opacity="!isAsc ? '0.5' : '1'"
87
- fill="currentColor"
88
- d="M9.116 4.823a1.25 1.25 0 0 1 1.768 0l2.646 2.647a.75.75 0 0 1-1.06 1.06l-2.47-2.47-2.47 2.47a.75.75 0 1 1-1.06-1.06l2.646-2.647Z"
93
+ d="M4.88471 0.366233C5.00079 0.250125 5.1386 0.158021 5.29028 0.0951819C5.44196 0.0323429 5.60453 0 5.76871 0C5.93289 0 6.09546 0.0323429 6.24714 0.0951819C6.39882 0.158021 6.53663 0.250125 6.65271 0.366233L9.29871 3.01323C9.43119 3.15541 9.50331 3.34345 9.49988 3.53776C9.49646 3.73206 9.41774 3.91744 9.28033 4.05485C9.14292 4.19227 8.95753 4.27098 8.76323 4.27441C8.56893 4.27784 8.38088 4.20571 8.23871 4.07323L5.76871 1.60323L3.29871 4.07323C3.23005 4.14692 3.14725 4.20602 3.05525 4.24701C2.96325 4.28801 2.86393 4.31005 2.76323 4.31182C2.66253 4.3136 2.5625 4.29508 2.46911 4.25736C2.37572 4.21963 2.29089 4.16349 2.21967 4.09227C2.14845 4.02105 2.09231 3.93622 2.05459 3.84283C2.01686 3.74944 1.99834 3.64941 2.00012 3.54871C2.00189 3.44801 2.02394 3.34869 2.06493 3.25669C2.10592 3.1647 2.16502 3.08189 2.23871 3.01323L4.88471 0.366233Z"
94
+ fill="black"
89
95
  ></path>
90
96
  <path
91
97
  :opacity="isAsc ? '0.5' : '1'"
92
- fill="currentColor"
93
- d="M9.116 15.177a1.25 1.25 0 0 0 1.768 0l2.646-2.647a.75.75 0 0 0-1.06-1.06l-2.47 2.47-2.47-2.47a.75.75 0 0 0-1.06 1.06l2.646 2.647Z"
98
+
99
+ d="M4.84729 10.6083C4.96337 10.7244 5.10118 10.8165 5.25286 10.8793C5.40454 10.9422 5.56711 10.9745 5.73129 10.9745C5.89547 10.9745 6.05804 10.9422 6.20972 10.8793C6.3614 10.8165 6.49921 10.7244 6.61529 10.6083L9.26129 7.96129C9.39377 7.81912 9.4659 7.63107 9.46247 7.43677C9.45904 7.24247 9.38033 7.05708 9.24291 6.91967C9.1055 6.78226 8.92011 6.70354 8.72581 6.70012C8.53151 6.69669 8.34347 6.76881 8.20129 6.90129L5.73129 9.37129L3.26129 6.90129C3.11912 6.76881 2.93107 6.69669 2.73677 6.70012C2.54247 6.70354 2.35708 6.78226 2.21967 6.91967C2.08226 7.05708 2.00355 7.24247 2.00012 7.43677C1.99669 7.63107 2.06881 7.81912 2.20129 7.96129L4.84729 10.6083Z"
100
+ fill="black"
94
101
  ></path>
95
102
  </svg>
96
103
  </div>