@soft-stech/bootsman-ui-shadcn 1.1.2 → 1.1.5

package/src/assets/variables.css

@@ -0,0 +1,82 @@
+:root {
+    --background: 0 0% 100%;
+    --foreground: 242 24% 21%;
+
+    --muted: 210 40% 96.1%;
+    --muted-foreground: 225 5% 47%;
+
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 84% 4.9%;
+
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+    --card-shadow: 241.538, 100%, 92%, 0.83;
+
+    --border: 241 92% 71%;
+    --input: 225 11% 84%;
+
+    --primary: 241 92% 71%;
+    --primary-hover: 241 76% 62%;
+    --primary-active: 241 54% 54%;
+    --primary-foreground: 0 0% 100%;
+
+    --secondary: 210 40% 96.1%;
+    --secondary-foreground: 241 76% 62%;
+
+    --accent: 241 92% 71%;
+    --accent-foreground: 241 76% 62%;
+
+    --destructive: 328, 68%, 63%, 0.16;
+    --destructive-foreground: 328, 68%, 63%;
+
+    --success: 181, 34%, 39%, 0.16;
+    --success-foreground: 181, 34%, 39%;
+
+    --ring: 241 92% 71%;
+
+    --radius: 0.5rem;
+}
+
+.dark {
+    --background: 242 24% 21%;
+    --foreground: 0 0% 100%;
+
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 0, 0%, 100%, 0.32;
+
+    --popover: 222.2 84% 4.9%;
+    --popover-foreground: 210 40% 98%;
+
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+    --card-shadow: 242.027, 94%, 69%, 0.4;
+
+    --border: 241 92% 71%;
+    --input: 0, 0%, 100%, 0.32;
+
+    --primary: 241 92% 71%;
+    --primary-hover: 241 76% 62%;
+    --primary-active: 241 54% 54%;
+    --primary-foreground: 0 0% 100%;
+
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+
+    --accent: 241 92% 71%;
+    --accent-foreground: 240 100% 77%;
+
+    --destructive: 328, 68%, 63%, 0.16;
+    --destructive-foreground: 328, 68%, 63%;
+
+    --success: 181, 34%, 39%, 0.16;
+    --success-foreground: 152 80% 38%;
+
+    --ring: 241 92% 71%;
+}
+
+* {
+    @apply border-border;
+}
+body {
+    @apply bg-background text-foreground;
+}

package/src/components/stories/BuiDataTable.story.vue

@@ -84,6 +84,7 @@ function updateSelection(val: RowSelectionState) {
         @update:selection="updateSelection"
         :total-items="totalItems"
         class="caption-top"
+        :getRowId="(row) => row.id"
       >
         <template #caption="{ table }">
           <div class="flex justify-between">

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

@@ -3,7 +3,7 @@ import { cva } from 'class-variance-authority'
 export { default as BuiBadge } from './BuiBadge.vue'
 
 export const badgeVariants = cva(
-  'px-2 py-1 inline-flex items-center rounded font-normal transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-[13px] leading-5 gap-1',
+  'px-3 py-1 inline-flex items-center rounded-full font-normal transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-[13px] leading-5 gap-1',
   {
     variants: {
       variant: {

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

@@ -3,7 +3,8 @@ import type {
   ColumnDef,
   SortingState,
   PaginationState,
-  RowSelectionState
+  RowSelectionState,
+  Row
 } from '@tanstack/vue-table'
 import {
   FlexRender,
@@ -33,6 +34,7 @@ const props = withDefaults(
     pageSize?: number
     showPagination?: boolean
     totalItems?: number
+    getRowId?: (originalRow: TData, index: number, parent?: Row<TData>) => string
   }>(),
   { pageSize: 10, showPagination: true, totalItems: 0 }
 )
@@ -73,7 +75,8 @@ const table = useVueTable({
     get rowSelection() {
       return rowSelection.value
     }
-  }
+  },
+  getRowId: props.getRowId
 })
 </script>
 

package/src/index.ts

@@ -36,3 +36,4 @@ export * from './components/ui/skeleton/index'
 
 export * from './lib/utils'
 export { default as tailwind } from './tailwind-preset'
+export * from './assets/variables.css'