@soft-stech/bootsman-ui-shadcn 1.4.29 → 1.4.31

package/src/components/ui/progress/index.ts

@@ -5,9 +5,9 @@ import { cva } from 'class-variance-authority'
 export const progressVariants = cva('', {
   variants: {
     variant: {
-      sm: 'h-3 [&>*]:pl-2 rounded-[8px]',
-      default: 'h-5 [&>*]:pl-4 rounded-[8px]',
-      lg: 'h-10 [&>*]:pl-8 rounded-[16px]'
+      sm: 'h-3 rounded-[8px]',
+      default: 'h-5 rounded-[8px]',
+      lg: 'h-10 rounded-[16px]'
     }
   },
   defaultVariants: {
@@ -25,13 +25,15 @@ export const indicatorVariants = cva(
         lg: 'rounded-[16px]'
       },
       color: {
-        primary: 'from-[rgba(30,215,132,0.80)] to-[rgba(30,215,132,0.24)] border-[rgb(30,215,132)]',
+        primary:
+          'from-[rgba(115,113,249,0.80)] to-[rgba(115,113,249,0.24)] border-[rgb(115,113,249)]',
+        green: 'from-[rgba(30,215,132,0.80)] to-[rgba(30,215,132,0.24)] border-[rgb(30,215,132)]',
         red: 'from-[rgba(224,95,163,0.8)] to-[rgba(224,95,163,0.24)] border-[rgb(224,95,163)]',
         orange: 'from-[rgba(255,167,139,0.8)] to-[rgba(255,167,139,0.24)] border-[rgb(255,167,139)]'
       }
     },
     defaultVariants: {
-      color: 'primary',
+      color: 'green',
       variant: 'default'
     }
   }

package/src/components/ui/table/BuiDataTable.vue

@@ -244,7 +244,7 @@ watch(columnsListIds, () => {
         <BuiPopoverTrigger as-child>
           <div class="absolute right-0 top-0 z-10 h-10 bg-background">
             <div
-              class="flex h-full items-center border-l border-border/[0.16] bg-foreground/[0.04] px-1"
+              class="flex h-full items-center border-b border-l border-border/[0.16] bg-foreground/[0.04] px-1"
             >
               <BuiButton
                 variant="ghost"
@@ -386,10 +386,19 @@ watch(columnsListIds, () => {
     </BuiTableBody>
   </BuiTable>
   <div
-    v-if="showPagination && computedItems > 0"
-    class="flex w-full justify-end border-x border-b border-border/[0.16] bg-primary/[0.04] px-4 py-1 text-base text-muted-foreground"
+    v-if="(showPagination || $slots.numberOfItems) && computedItems > 0"
+    class="flex w-full border-x border-b border-border/[0.16] bg-primary/[0.04] px-4 py-1 text-sm text-muted-foreground"
+    :class="{
+      'justify-between': showPagination && $slots.numberOfItems,
+      'justify-start': $slots.numberOfItems && !showPagination,
+      'justify-end': showPagination && !$slots.numberOfItems
+    }"
   >
+    <div v-if="$slots.numberOfItems" class="flex min-h-8 items-center">
+      <slot name="numberOfItems"></slot>
+    </div>
     <BuiPaginationCommon
+      v-if="showPagination"
       :total="computedItems"
       v-model:pageIndex="pageIndex"
       v-model:pageSize="tablePageSize"

package/src/components/ui/table/BuiTableHead.vue

@@ -13,13 +13,13 @@ const props = defineProps<{
       cn(
         'h-10 text-left align-middle text-foreground [&:has([role=checkbox])]:pr-0 ',
         props.class,
-        props.freezeHeader ? 'bg-background p-0' : 'bg-foreground/[0.04]'
+        props.freezeHeader ? 'bg-background p-0' : 'bg-foreground/[0.04] p-0'
       )
     "
   >
     <div
-      v-if="props.freezeHeader"
-      class="flex h-full items-center border-b border-border/[0.16] bg-foreground/[0.04]"
+      class="flex h-full items-center !border-b !border-border/[0.16]"
+      :class="{ 'bg-foreground/[0.04]': props.freezeHeader }"
     >
       <div
         class="flex h-8 w-full items-center whitespace-nowrap border-r border-border/[0.16] px-3 text-sm font-semibold"
@@ -27,11 +27,5 @@ const props = defineProps<{
         <slot />
       </div>
     </div>
-    <div
-      v-else
-      class="flex h-8 items-center whitespace-nowrap border-r border-border/[0.16] px-3 py-1 text-sm font-semibold"
-    >
-      <slot />
-    </div>
   </th>
 </template>

package/dist/BuiTableHead.vue_vue_type_script_setup_true_lang-BDSRArVd.js

@@ -1,38 +0,0 @@
-import { defineComponent as l, openBlock as r, createElementBlock as o, normalizeClass as n, unref as a, createElementVNode as c, renderSlot as s } from "vue";
-import { g as f } from "./utils-CwP7Up6y.js";
-const i = {
-  key: 0,
-  class: "flex h-full items-center border-b border-border/[0.16] bg-foreground/[0.04]"
-}, p = { class: "flex h-8 w-full items-center whitespace-nowrap border-r border-border/[0.16] px-3 text-sm font-semibold" }, b = {
-  key: 1,
-  class: "flex h-8 items-center whitespace-nowrap border-r border-border/[0.16] px-3 py-1 text-sm font-semibold"
-}, _ = /* @__PURE__ */ l({
-  __name: "BuiTableHead",
-  props: {
-    class: {},
-    freezeHeader: { type: Boolean }
-  },
-  setup(d) {
-    const e = d;
-    return (t, m) => (r(), o("th", {
-      class: n(
-        a(f)(
-          "h-10 text-left align-middle text-foreground [&:has([role=checkbox])]:pr-0 ",
-          e.class,
-          e.freezeHeader ? "bg-background p-0" : "bg-foreground/[0.04]"
-        )
-      )
-    }, [
-      e.freezeHeader ? (r(), o("div", i, [
-        c("div", p, [
-          s(t.$slots, "default")
-        ])
-      ])) : (r(), o("div", b, [
-        s(t.$slots, "default")
-      ]))
-    ], 2));
-  }
-});
-export {
-  _
-};