@soft-stech/bootsman-ui-shadcn 1.1.3 → 1.1.6

package/dist/variables.css

@@ -0,0 +1 @@
+: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%, .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%, .16;--destructive-foreground: 328, 68%, 63%;--success: 181, 34%, 39%, .16;--success-foreground: 181, 34%, 39%;--ring: 241 92% 71%;--radius: .5rem}.dark{--background: 242 24% 21%;--foreground: 0 0% 100%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 0, 0%, 100%, .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%, .4;--border: 241 92% 71%;--input: 0, 0%, 100%, .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%, .16;--destructive-foreground: 328, 68%, 63%;--success: 181, 34%, 39%, .16;--success-foreground: 152 80% 38%;--ring: 241 92% 71%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soft-stech/bootsman-ui-shadcn",
-  "version": "1.1.3",
+  "version": "1.1.6",
   "type": "module",
   "files": [
     "dist",

package/src/assets/base.css

@@ -1,90 +1,3 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-
-@layer base {
-  :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%;
-  }
-}
-
-@layer base {
-  * {
-    @apply border-border;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-}

package/src/assets/main.css

@@ -1 +1,2 @@
 @import './base.css';
+@import "variables.css";

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/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/form/index.ts

@@ -1,4 +1,8 @@
-export { Form as BuiForm, Field as BuiFormField } from 'vee-validate'
+export {
+  Form as BuiForm,
+  Field as BuiFormField,
+  FieldArray as BuiFormFieldArray
+} from 'vee-validate'
 export { default as BuiFormItem } from './BuiFormItem.vue'
 export { default as BuiFormLabel } from './BuiFormLabel.vue'
 export { default as BuiFormControl } from './BuiFormControl.vue'

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'