design-system-next 2.7.1 → 2.7.4

package/dist/design-system-next.js

@@ -14834,6 +14834,7 @@ const t8 = (e) => ({
           class: D(l(s).navigationContainerClass)
         }, [
           E(be, {
+            id: "previousButton",
             "has-icon": "",
             class: D(l(s).navigationButtonClass),
             disabled: l(p),
@@ -14845,6 +14846,7 @@ const t8 = (e) => ({
             _: 1
           }, 8, ["class", "disabled", "onClick"]),
           E(be, {
+            id: "nextButton",
             "has-icon": "",
             class: D(l(s).navigationButtonClass),
             disabled: l(c),
@@ -14988,7 +14990,8 @@ const t8 = (e) => ({
       "spr-px-size-spacing-sm spr-py-size-spacing-xs": !!r.default
     }), J = "spr-border-color-weak spr-w-full spr-border spr-border-solid", oe = "spr-background-color-surface spr-text-color-strong spr-font-size-100 spr-font-line-height-100 spr-font-letter-spacing-normal spr-uppercase", ie = O("hover:spr-background-color-hover spr-min-h-[60px]", {
       "spr-cursor-pointer": e.isRowClickable
-    }), fe = "spr-border-color-weak spr-overflow-hidden spr-border-x-0 spr-border-b spr-border-t-0 spr-border-solid spr-p-3", te = "spr-border-color-weak spr-overflow-hidden spr-border-x-0 spr-border-b spr-border-t-0 spr-border-solid spr-p-3", ne = O("spr-h-full"), ue = O("spr-overflow-y-auto spr-h-full", {
+    }), fe = "spr-border-color-weak spr-overflow-hidden spr-border-x-0 spr-border-b spr-border-t-0 spr-border-solid spr-p-3", te = "spr-border-color-weak spr-overflow-hidden spr-border-x-0 spr-border-b spr-border-t-0 spr-border-solid spr-p-3", ne = O("spr-h-full"), ue = O({
+      "spr-overflow-y-auto spr-h-full": i.value,
       "spr-h-[250px]": !i.value && r.footer,
       "spr-h-[360px]": !i.value && !r.footer
     }), Me = O({
@@ -15223,7 +15226,7 @@ const t8 = (e) => ({
                 key: Y,
                 class: D(l(d).tableDataClasses)
               }, [
-                l(s)[$.field] ? re(b.$slots, $.field, {
+                b.$slots[$.field] ? re(b.$slots, $.field, {
                   key: 0,
                   row: x[$.field]
                 }) : (g(), C(q, { key: 1 }, [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "design-system-next",
   "private": false,
-  "version": "2.7.1",
+  "version": "2.7.4",
   "main": "./dist/design-system-next.js",
   "module": "./dist/design-system-next.js",
   "repository": {

package/src/components/table/table-pagination/table-pagination.vue

@@ -21,6 +21,7 @@
       </div>
       <div :class="paginationClasses.navigationContainerClass">
         <spr-button
+          id="previousButton"
           has-icon
           :class="paginationClasses.navigationButtonClass"
           :disabled="disabledNext"
@@ -29,6 +30,7 @@
           <Icon icon="ph:caret-left" />
         </spr-button>
         <spr-button
+          id="nextButton"
           has-icon
           :class="paginationClasses.navigationButtonClass"
           :disabled="disabledPrevious"

package/src/components/table/table.vue

@@ -74,7 +74,7 @@
               </div>
             </td>
             <td v-for="(column, headerKey) in headers" :key="headerKey" :class="getTableClasses.tableDataClasses">
-              <slot v-if="slots[column.field]" :name="column.field" :row="item[column.field]" />
+              <slot v-if="$slots[column.field]" :name="column.field" :row="item[column.field]" />
               <template v-else>
                 <div v-if="sortedData[keyIndex][column.field]" class="spr-flex spr-flex-row spr-items-center spr-gap-2">
                   <spr-avatar

package/src/components/table/use-table.ts

@@ -118,7 +118,8 @@ export const useTable = (props: TablePropTypes, emit: SetupContext<TableEmitType
 
     const tableBackgroundClasses = classNames('spr-h-full');
 
-    const tableBodyClasses = classNames('spr-overflow-y-auto spr-h-full', {
+    const tableBodyClasses = classNames({
+      'spr-overflow-y-auto spr-h-full': fullHeight.value,
       'spr-h-[250px]': !fullHeight.value && slots.footer,
       'spr-h-[360px]': !fullHeight.value && !slots.footer,
     });