@fewangsit/wangsvue-presets 1.0.85-alpha.4 → 1.0.85-alpha.5

package/fixedasset/style.css

@@ -1777,6 +1777,10 @@
   min-width: 272px !important;
 }
 
+.min-w-0{
+  min-width: 0px;
+}
+
 .min-w-52{
   min-width: 13rem;
 }
@@ -2258,6 +2262,10 @@
   justify-content: space-between;
 }
 
+.justify-items-start{
+  justify-items: start;
+}
+
 .gap-0\.5{
   gap: 0.125rem;
 }
@@ -2278,6 +2286,10 @@
   gap: 0.75rem;
 }
 
+.gap-4{
+  gap: 1rem;
+}
+
 .gap-6{
   gap: 1.5rem;
 }
@@ -2308,6 +2320,11 @@
        column-gap: 0.125rem;
 }
 
+.gap-x-3{
+  -moz-column-gap: 0.75rem;
+       column-gap: 0.75rem;
+}
+
 .gap-x-6{
   -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
@@ -2914,6 +2931,11 @@
   background-color: rgb(235 234 240 / var(--tw-bg-opacity));
 }
 
+.bg-general-500{
+  --tw-bg-opacity: 1;
+  background-color: rgb(78 75 102 / var(--tw-bg-opacity));
+}
+
 .bg-gray-500{
   --tw-bg-opacity: 1;
   background-color: rgb(107 114 128 / var(--tw-bg-opacity));
@@ -5896,6 +5918,10 @@ h6,
   background-color: rgb(46 130 255 / var(--tw-bg-opacity)) !important;
 }
 
+.\[\&\>\*\]\:w-full>*{
+  width: 100%;
+}
+
 .\[\&\>\[data-pc-name\=badge\]\]\:h-4>[data-pc-name=badge]{
   height: 1rem;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewangsit/wangsvue-presets",
-  "version": "1.0.85-alpha.4",
+  "version": "1.0.85-alpha.5",
   "author": "Wangsit FE Developer",
   "description": "Wangsit VueJS Component Library Presets",
   "main": "index.js",

package/wangsvue/buttondownload/index.d.ts

@@ -7,6 +7,7 @@ declare namespace _default {
     let icon: {
         class: string;
         'data-wv-section': string;
+        severity: string;
     };
 }
 export default _default;

package/wangsvue/buttondownload/index.js

@@ -9,5 +9,6 @@ exports.default = {
     icon: {
         'class': 'text-2xl',
         'data-wv-section': 'icon',
+        'severity': 'secondary',
     },
 };

package/wangsvue/buttonfilter/index.d.ts

@@ -1,11 +1,12 @@
 declare namespace _default {
-    let root: {
+    function root(): {
         class: string;
         'data-wv-name': string;
         'data-wv-section': string;
     };
-    let icon: {
+    function icon(): {
         class: string;
+        severity: string;
         'data-wv-section': string;
     };
 }

package/wangsvue/buttonfilter/index.js

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
-    root: {
+    root: function () { return ({
         'class': 'focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm',
         'data-wv-name': 'buttonfilter',
         'data-wv-section': 'root',
-    },
-    icon: {
+    }); },
+    icon: function () { return ({
         'class': 'text-2xl',
+        'severity': 'secondary',
         'data-wv-section': 'icon',
-    },
+    }); },
 };

package/wangsvue/datatable/index.js

@@ -149,6 +149,7 @@ exports.default = {
         'class': [
             'text-xs px-2 py-0.5',
             'border-0 !border-b !border-solid border-primary-100',
+            'justify-items-start',
             '[&:has([data-wv-section=rowcheckbox])]:text-center',
             '[&:has([data-wv-section=rowcheckbox])]:text-center',
         ],

package/wangsvue/filtercontainer/index.d.ts

@@ -0,0 +1,7 @@
+declare namespace _default {
+    namespace root {
+        let _class: string[];
+        export { _class as class };
+    }
+}
+export default _default;

package/wangsvue/filtercontainer/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: {
+        class: [
+            'bg-primary-50 rounded-[7px] [&>*]:w-full [&>*]min-w-0',
+            'grid items-end p-3 gap-4',
+        ],
+    },
+};

package/wangsvue/index.d.ts

@@ -3,6 +3,7 @@ declare namespace wangsvue {
     export { global };
     export { directives };
     export { form };
+    export { filtercontainer };
     export { autocomplete };
     export { dropdown };
     export { inputnumber };
@@ -100,6 +101,7 @@ declare namespace directives {
     export { tooltip };
 }
 import form from './form/index';
+import filtercontainer from './filtercontainer';
 import autocomplete from './autocomplete/index.js';
 import dropdown from './dropdown/index.js';
 import inputnumber from './inputnumber/index.js';

package/wangsvue/index.js

@@ -94,6 +94,7 @@ var index_js_87 = require("./breadcrumb/index.js");
 var inputcurrency_1 = require("./inputcurrency");
 var fileupload_1 = require("./fileupload");
 var workcalendar_1 = require("./workcalendar");
+var filtercontainer_1 = require("./filtercontainer");
 var directives = {
     badge: index_js_6.default,
     ripple: index_js_62.default,
@@ -104,6 +105,7 @@ var wangsvue = {
     directives: directives,
     // Forms
     form: index_1.default,
+    filtercontainer: filtercontainer_1.default,
     autocomplete: index_js_2.default,
     dropdown: index_js_30.default,
     inputnumber: index_js_39.default,