@soft-stech/bootsman-ui-shadcn 1.1.27 → 1.1.29

package/dist/variables.css

@@ -1 +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;--tab-shadow: 228, 51%, 11%, .08;--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: 242 24% 21%;--card-foreground: 210 40% 98%;--card-shadow: 242.027, 94%, 69%, .4;--tab-shadow: 228, 51%, 11%, .08;--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))}
+: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;--tab-shadow: 228, 51%, 11%, .08;--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%;--warning: 48, 79%, 45%, .16;--warning-foreground: 48, 79%, 45%;--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: 242 24% 21%;--card-foreground: 210 40% 98%;--card-shadow: 242.027, 94%, 69%, .4;--tab-shadow: 228, 51%, 11%, .08;--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.27",
+  "version": "1.1.29",
   "type": "module",
   "files": [
     "dist",
@@ -30,7 +30,7 @@
   },
   "dependencies": {
     "@tanstack/vue-table": "8.16.0",
-    "@vee-validate/zod": "4.12.6",
+    "@vee-validate/zod": "4.13.1",
     "@vueuse/core": "10.9.0",
     "class-variance-authority": "0.7.0",
     "clsx": "2.1.1",
@@ -39,7 +39,7 @@
     "tailwind-merge": "2.3.0",
     "tailwindcss-animate": "1.0.7",
     "v-calendar": "3.1.2",
-    "vee-validate": "4.12.6",
+    "vee-validate": "4.13.1",
     "vue": "3.4.26",
     "zod": "3.23.5"
   },

package/src/assets/variables.css

@@ -33,6 +33,9 @@
     --success: 181, 34%, 39%, 0.16;
     --success-foreground: 181, 34%, 39%;
 
+    --warning: 48, 79%, 45%,  0.16;
+    --warning-foreground: 48, 79%, 45%;
+
     --ring: 241 92% 71%;
 
     --radius: 0.5rem;

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

@@ -39,6 +39,17 @@ import BuiButtonVue from '@/components/ui/button/BuiButton.vue'
       </BuiAlert>
     </Variant>
 
+    <Variant title="Warning Alert">
+      <BuiAlert variant="warning">
+        <BuiAlertTitle>Warning!</BuiAlertTitle>
+        <BuiAlertDescription> Files must be less than 10Mb. </BuiAlertDescription>
+
+        <template #icon>
+          <AlertTriangle class="h-4 w-4" aria-hidden="true" />
+        </template>
+      </BuiAlert>
+    </Variant>
+
     <Variant title="Destructive Alert with button">
       <BuiAlert variant="destructive">
         <BuiAlertTitle> Upload failed </BuiAlertTitle>

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

@@ -12,6 +12,8 @@ export const alertVariants = cva('flex w-full rounded border-l-2 p-4 [&_svg]:tex
         'bg-destructive border-destructive-foreground text-destructive-foreground [&_svg]:text-destructive-foreground',
       success:
         'bg-success border-success-foreground text-success-foreground [&_svg]:text-success-foreground',
+      warning:
+        'bg-warning border-warning-foreground text-warning-foreground [&_svg]:text-warning-foreground',
       info: 'bg-primary/[0.16] border-border text-primary [&_svg]:text-primary'
     }
   },

package/src/tailwind-preset.ts

@@ -50,6 +50,10 @@ export default {
           DEFAULT: 'hsl(var(--success))',
           foreground: 'hsl(var(--success-foreground))'
         },
+        warning: {
+          DEFAULT: 'hsl(var(--warning))',
+          foreground: 'hsl(var(--warning-foreground))'
+        },
         muted: {
           DEFAULT: 'hsl(var(--muted))',
           foreground: 'hsl(var(--muted-foreground))'