@fewangsit/wangsvue-presets 1.0.111-alpha.0 → 1.0.111-alpha.3

package/globalsettings/style.css

@@ -3073,6 +3073,11 @@
   background-color: rgb(75 77 78 / var(--tw-bg-opacity)) !important;
 }
 
+.\!bg-primary-100{
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(218 217 227 / var(--tw-bg-opacity)) !important;
+}
+
 .\!bg-primary-300{
   --tw-bg-opacity: 1 !important;
   background-color: rgb(144 140 171 / var(--tw-bg-opacity)) !important;
@@ -3498,11 +3503,6 @@
   background-color: rgb(255 244 204 / var(--tw-bg-opacity));
 }
 
-.bg-warning-200{
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 233 153 / var(--tw-bg-opacity));
-}
-
 .bg-warning-300\/20{
   background-color: rgb(255 222 102 / 0.2);
 }
@@ -5173,7 +5173,7 @@
   font-family: 'Manrope', sans-serif !important;
 }
 
-h1,
+h1,
 .heading-1{
   font-size: 22px !important;
   font-weight: 600 !important;
@@ -5181,7 +5181,7 @@ h1,
   letter-spacing: 0.02em;
 }
 
-h2,
+h2,
 .heading-2{
   font-size: 1.125rem !important;
   font-weight: 600 !important;
@@ -5189,7 +5189,7 @@ h2,
   letter-spacing: 0.02em;
 }
 
-h3,
+h3,
 .heading-3{
   font-size: 1rem !important;
   font-weight: 500 !important;
@@ -5197,7 +5197,7 @@ h3,
   letter-spacing: 0.02em;
 }
 
-h4,
+h4,
 .heading-4{
   font-size: 0.875rem !important;
   font-weight: 500 !important;
@@ -5205,7 +5205,7 @@ h4,
   letter-spacing: 0.02em;
 }
 
-p,
+p,
 .p{
   font-size: 0.75rem !important;
   font-weight: 500 !important;
@@ -5213,7 +5213,7 @@ p,
   letter-spacing: 0.02em;
 }
 
-h5,
+h5,
 .heading-5{
   font-size: 0.75rem !important;
   font-weight: 600 !important;
@@ -5221,7 +5221,7 @@ h5,
   letter-spacing: 0.02em;
 }
 
-h6,
+h6,
 .heading-6{
   font-size: 10px !important;
   font-weight: 600 !important;
@@ -5233,12 +5233,12 @@ h6,
   scrollbar-width: none;
 }
 
-.scrollbar-w-thin,
+.scrollbar-w-thin,
 .p-virtualscroller {
   scrollbar-width: thin;
 }
 
-p,
+p,
 div{
   font-size: 0.75rem;
   line-height: 1rem;
@@ -6481,24 +6481,24 @@ div{
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
 }
 
-.group:hover .group-hover\:bg-grayscale-50{
-  --tw-bg-opacity: 1;
-  background-color: rgb(247 247 247 / var(--tw-bg-opacity));
+.group:hover .group-hover\:\!bg-grayscale-50{
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(247 247 247 / var(--tw-bg-opacity)) !important;
 }
 
-.group:hover .group-hover\:bg-grayscale-800{
-  --tw-bg-opacity: 1;
-  background-color: rgb(75 77 78 / var(--tw-bg-opacity));
+.group:hover .group-hover\:\!bg-grayscale-800{
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(75 77 78 / var(--tw-bg-opacity)) !important;
 }
 
-.group:hover .group-hover\:bg-primary-50{
-  --tw-bg-opacity: 1;
-  background-color: rgb(235 234 240 / var(--tw-bg-opacity));
+.group:hover .group-hover\:\!bg-primary-50{
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(235 234 240 / var(--tw-bg-opacity)) !important;
 }
 
-.group:hover .group-hover\:bg-warning-300{
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 222 102 / var(--tw-bg-opacity));
+.group:hover .group-hover\:\!bg-warning-300{
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(255 222 102 / var(--tw-bg-opacity)) !important;
 }
 
 .peer:hover ~ .peer-hover\:visible{
@@ -6843,6 +6843,11 @@ div{
   background-color: rgb(113 115 116 / var(--tw-bg-opacity)) !important;
 }
 
+.dark\:\!bg-primary-100:where(.dark, .dark *){
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(218 217 227 / var(--tw-bg-opacity)) !important;
+}
+
 .dark\:\!bg-primary-300:where(.dark, .dark *){
   --tw-bg-opacity: 1 !important;
   background-color: rgb(144 140 171 / var(--tw-bg-opacity)) !important;
@@ -7009,11 +7014,6 @@ div{
   background-color: transparent;
 }
 
-.dark\:bg-warning-200:where(.dark, .dark *){
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 233 153 / var(--tw-bg-opacity));
-}
-
 .dark\:bg-warning-300:where(.dark, .dark *){
   --tw-bg-opacity: 1;
   background-color: rgb(255 222 102 / var(--tw-bg-opacity));
@@ -7668,14 +7668,14 @@ div{
   background-color: rgb(255 222 102 / 12%);
 }
 
-.group:hover .dark\:group-hover\:bg-grayscale-800:where(.dark, .dark *){
-  --tw-bg-opacity: 1;
-  background-color: rgb(75 77 78 / var(--tw-bg-opacity));
+.group:hover .dark\:group-hover\:\!bg-grayscale-800:where(.dark, .dark *){
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(75 77 78 / var(--tw-bg-opacity)) !important;
 }
 
-.group:hover .dark\:group-hover\:bg-warning-300:where(.dark, .dark *){
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 222 102 / var(--tw-bg-opacity));
+.group:hover .dark\:group-hover\:\!bg-warning-300:where(.dark, .dark *){
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(255 222 102 / var(--tw-bg-opacity)) !important;
 }
 
 .peer:focus-visible ~ .dark\:peer-focus-visible\:ring-primary-200\/\[8\%\]:where(.dark, .dark *){
@@ -8124,4 +8124,4 @@ div{
 
 .\[\&_ul\]\:pl-6 ul{
   padding-left: 1.5rem;
-}
+}

package/globalsettings/textarea/index.d.ts

@@ -4,7 +4,6 @@ declare namespace _default {
         props: any;
     }): {
         class: any[];
-        style: string;
         'data-wv-name': string;
         'data-wv-section': string;
     };

package/globalsettings/textarea/index.js

@@ -18,7 +18,9 @@ exports.default = {
                 // Font
                 'font-medium text-xs tracking-[0.02em]',
                 'placeholder:text-general-200 placeholder:!font-light',
-                'w-full',
+                {
+                    'w-full': props.cols == undefined,
+                },
                 {
                     'resize-none': props.autoResize,
                     'resize': !props.autoResize,
@@ -44,7 +46,6 @@ exports.default = {
                 'appearance-none',
                 'transition-colors duration-200',
             ], false),
-            'style': "min-height: ".concat(props.rows * 26, "px"),
             'data-wv-name': 'textarea',
             'data-wv-section': 'root',
         });

package/package.json

@@ -1,13 +1,13 @@
-{
-  "name": "@fewangsit/wangsvue-presets",
-  "version": "1.0.111-alpha.0",
-  "author": "Wangsit FE Developer",
-  "description": "Wangsit VueJS Component Library Presets",
-  "main": "index.js",
-  "repository": "https://github.com/fewangsit/wangsvue",
-  "scripts": {
-    "dev": "sh dev.sh",
-    "build": "sh build.sh",
-    "release": "sh release.sh"
-  }
-}
+{
+  "name": "@fewangsit/wangsvue-presets",
+  "version": "1.0.111-alpha.3",
+  "author": "Wangsit FE Developer",
+  "description": "Wangsit VueJS Component Library Presets",
+  "main": "index.js",
+  "repository": "https://github.com/fewangsit/wangsvue",
+  "scripts": {
+    "dev": "sh dev.sh",
+    "build": "sh build.sh",
+    "release": "sh release.sh"
+  }
+}

package/supplyasset/colors.config.json

@@ -1,97 +1,97 @@
-{
-  "info-50": "#e5f0ff",
-  "info-100": "#cce0ff",
-  "info-200": "#94bfff",
-  "info-300": "#61a0ff",
-  "info-400": "#2e82ff",
-  "info-500": "#0063f7",
-  "info-600": "#0050c7",
-  "info-700": "#003b94",
-  "info-800": "#002761",
-  "info-900": "#001433",
-  "info-950": "#000a19",
-
-  "danger-50": "#ffe5e9",
-  "danger-100": "#ffccd3",
-  "danger-200": "#ff99a7",
-  "danger-300": "#ff667a",
-  "danger-400": "#ff334e",
-  "danger-500": "#ff0022",
-  "danger-600": "#cc001b",
-  "danger-700": "#990014",
-  "danger-800": "#66000e",
-  "danger-900": "#330007",
-  "danger-950": "#190003",
-
-  "warning-50": "#fff9e5",
-  "warning-100": "#fff4cc",
-  "warning-200": "#ffe999",
-  "warning-300": "#ffde66",
-  "warning-400": "#ffd333",
-  "warning-500": "#ffc700",
-  "warning-600": "#cca000",
-  "warning-700": "#997800",
-  "warning-800": "#665000",
-  "warning-900": "#332800",
-  "warning-950": "#191400",
-
-  "success-50": "#dbffee",
-  "success-100": "#b8ffdc",
-  "success-200": "#75ffbc",
-  "success-300": "#2eff9a",
-  "success-400": "#00eb79",
-  "success-500": "#00a455",
-  "success-600": "#008545",
-  "success-700": "#006132",
-  "success-800": "#004222",
-  "success-900": "#001f10",
-  "success-950": "#000f08",
-
-  "grayscale-50": "#f7f7f7",
-  "grayscale-100": "#f2f2f2",
-  "grayscale-200": "#e5e6e6",
-  "grayscale-300": "#d8d9d9",
-  "grayscale-400": "#cbcccd",
-  "grayscale-500": "#bdbebf",
-  "grayscale-600": "#97999b",
-  "grayscale-700": "#717374",
-  "grayscale-800": "#4b4d4e",
-  "grayscale-900": "#262627",
-  "grayscale-950": "#121212",
-
-  "general-50": "#ebeaf0",
-  "general-100": "#dad9e3",
-  "general-200": "#b5b3c7",
-  "general-300": "#908cab",
-  "general-400": "#6c688d",
-  "general-500": "#4e4b66",
-  "general-600": "#3f3c52",
-  "general-700": "#2f2d3e",
-  "general-800": "#201e29",
-  "general-900": "#100f15",
-  "general-950": "#070609",
-
-  "primary-50": "#ECFDF5",
-  "primary-100": "#d1fae5",
-  "primary-200": "#a7f3d0",
-  "primary-300": "#6ee7b7",
-  "primary-400": "#34d399",
-  "primary-500": "#10b981",
-  "primary-600": "#059669",
-  "primary-700": "#047857",
-  "primary-800": "#065F46",
-  "primary-900": "#064E3B",
-  "primary-950": "#022C22",
-
-  "algae-green-50": "#f2fbf5",
-  "algae-green-100": "#e1f7e9",
-  "algae-green-200": "#c4eed3",
-  "algae-green-300": "#83d9a2",
-  "algae-green-400": "#61c786",
-  "algae-green-500": "#3bac65",
-  "algae-green-600": "#2c8d50",
-  "algae-green-700": "#257041",
-  "algae-green-800": "#225937",
-  "algae-green-900": "#1e492f",
-  "algae-green-950": "#0b2817"
-}
+{
+  "info-50": "#e5f0ff",
+  "info-100": "#cce0ff",
+  "info-200": "#94bfff",
+  "info-300": "#61a0ff",
+  "info-400": "#2e82ff",
+  "info-500": "#0063f7",
+  "info-600": "#0050c7",
+  "info-700": "#003b94",
+  "info-800": "#002761",
+  "info-900": "#001433",
+  "info-950": "#000a19",
+
+  "danger-50": "#ffe5e9",
+  "danger-100": "#ffccd3",
+  "danger-200": "#ff99a7",
+  "danger-300": "#ff667a",
+  "danger-400": "#ff334e",
+  "danger-500": "#ff0022",
+  "danger-600": "#cc001b",
+  "danger-700": "#990014",
+  "danger-800": "#66000e",
+  "danger-900": "#330007",
+  "danger-950": "#190003",
+
+  "warning-50": "#fff9e5",
+  "warning-100": "#fff4cc",
+  "warning-200": "#ffe999",
+  "warning-300": "#ffde66",
+  "warning-400": "#ffd333",
+  "warning-500": "#ffc700",
+  "warning-600": "#cca000",
+  "warning-700": "#997800",
+  "warning-800": "#665000",
+  "warning-900": "#332800",
+  "warning-950": "#191400",
+
+  "success-50": "#dbffee",
+  "success-100": "#b8ffdc",
+  "success-200": "#75ffbc",
+  "success-300": "#2eff9a",
+  "success-400": "#00eb79",
+  "success-500": "#00a455",
+  "success-600": "#008545",
+  "success-700": "#006132",
+  "success-800": "#004222",
+  "success-900": "#001f10",
+  "success-950": "#000f08",
+
+  "grayscale-50": "#f7f7f7",
+  "grayscale-100": "#f2f2f2",
+  "grayscale-200": "#e5e6e6",
+  "grayscale-300": "#d8d9d9",
+  "grayscale-400": "#cbcccd",
+  "grayscale-500": "#bdbebf",
+  "grayscale-600": "#97999b",
+  "grayscale-700": "#717374",
+  "grayscale-800": "#4b4d4e",
+  "grayscale-900": "#262627",
+  "grayscale-950": "#121212",
+
+  "general-50": "#ebeaf0",
+  "general-100": "#dad9e3",
+  "general-200": "#b5b3c7",
+  "general-300": "#908cab",
+  "general-400": "#6c688d",
+  "general-500": "#4e4b66",
+  "general-600": "#3f3c52",
+  "general-700": "#2f2d3e",
+  "general-800": "#201e29",
+  "general-900": "#100f15",
+  "general-950": "#070609",
+
+  "primary-50": "#ECFDF5",
+  "primary-100": "#d1fae5",
+  "primary-200": "#a7f3d0",
+  "primary-300": "#6ee7b7",
+  "primary-400": "#34d399",
+  "primary-500": "#10b981",
+  "primary-600": "#059669",
+  "primary-700": "#047857",
+  "primary-800": "#065F46",
+  "primary-900": "#064E3B",
+  "primary-950": "#022C22",
+
+  "algae-green-50": "#f2fbf5",
+  "algae-green-100": "#e1f7e9",
+  "algae-green-200": "#c4eed3",
+  "algae-green-300": "#83d9a2",
+  "algae-green-400": "#61c786",
+  "algae-green-500": "#3bac65",
+  "algae-green-600": "#2c8d50",
+  "algae-green-700": "#257041",
+  "algae-green-800": "#225937",
+  "algae-green-900": "#1e492f",
+  "algae-green-950": "#0b2817"
+}

package/supplyasset/datatable/index.d.ts

@@ -246,11 +246,10 @@ declare namespace definePreset {
         context: any;
     }): {
         class: (string | {
-            'sticky right-0': any;
-            'bg-white': boolean;
-            'bg-primary-50': any;
-            'group-hover:bg-grayscale-50': boolean;
-            'group-hover:bg-warning-300 bg-warning-200': any;
+            'sticky right-0 bg-white': any;
+            '!bg-primary-50': any;
+            'group-hover:!bg-grayscale-50': boolean;
+            'group-hover:!bg-warning-300 !bg-warning-200': any;
         })[];
         'data-wv-section': string;
     };

package/supplyasset/datatable/index.js

@@ -198,11 +198,10 @@ var definePreset = {
             'class': [
                 'w-[35px]',
                 {
-                    'sticky right-0': props.useOption,
-                    'bg-white': props.useOption && !context.selected && !context.highlighted,
-                    'bg-primary-50': context.selected,
-                    'group-hover:bg-grayscale-50': !context.highlighted && !context.selected,
-                    'group-hover:bg-warning-300 bg-warning-200': context.highlighted,
+                    'sticky right-0 bg-white': props.useOption,
+                    '!bg-primary-50': context.selected,
+                    'group-hover:!bg-grayscale-50': !context.highlighted && !context.selected,
+                    'group-hover:!bg-warning-300 !bg-warning-200': context.highlighted,
                 },
             ],
             'data-wv-section': 'rowsingleactioncell',

package/supplyasset/dialogform/index.js

@@ -40,7 +40,7 @@ exports.default = {
             { 'opacity-0': !expanded },
             { 'opacity-100': expanded },
         ],
-        'style': "width: ".concat(expanded ? asideRightWidth - 24 : 0, "px"),
+        'style': "width: ".concat(expanded ? asideRightWidth - 24 : 0, "px; height: ").concat(expanded ? '100%' : '0'),
         'data-wv-section': 'dialog-form-aside',
     }); },
     form: {

package/supplyasset/index.es.js

@@ -1629,11 +1629,10 @@ const _ = {
     class: [
       "w-[35px]",
       {
-        "sticky right-0": e.useOption,
-        "bg-white": e.useOption && !t.selected && !t.highlighted,
-        "bg-primary-50": t.selected,
-        "group-hover:bg-grayscale-50": !t.highlighted && !t.selected,
-        "group-hover:bg-warning-300 bg-warning-200": t.highlighted
+        "sticky right-0 bg-white": e.useOption,
+        "!bg-primary-50": t.selected,
+        "group-hover:!bg-grayscale-50": !t.highlighted && !t.selected,
+        "group-hover:!bg-warning-300 !bg-warning-200": t.highlighted
       }
     ],
     "data-wv-section": "rowsingleactioncell"
@@ -1873,7 +1872,7 @@ const _ = {
     leaveActiveClass: "transition-all duration-200 ease-out",
     leaveToClass: "opacity-0 scale-75 mask-active"
   }
-}, O = {
+}, M = {
   root: {
     class: ["!w-[clamp(360px,75vw,400px)]"],
     "data-wv-name": (e) => e ?? "root",
@@ -1914,7 +1913,7 @@ const _ = {
     class: "flex items-end justify-end gap-1 !mt-0",
     "data-wv-section": "dialog-confirm-footer"
   }
-}, M = {
+}, O = {
   root: {
     class: ["max-w-[90vw]"],
     style: (e) => `width: ${e}`,
@@ -1954,7 +1953,7 @@ const _ = {
       { "opacity-0": !e },
       { "opacity-100": e }
     ],
-    style: `width: ${e ? t - 24 : 0}px`,
+    style: `width: ${e ? t - 24 : 0}px; height: ${e ? "100%" : "0"}`,
     "data-wv-section": "dialog-form-aside"
   }),
   form: {
@@ -4393,7 +4392,9 @@ const oe = x("WANGS-TAB-MENU", {
       // Font
       "font-medium text-xs tracking-[0.02em]",
       "placeholder:text-general-200 placeholder:!font-light",
-      "w-full",
+      {
+        "w-full": t.cols == null
+      },
       {
         "resize-none": t.autoResize,
         resize: !t.autoResize
@@ -4419,7 +4420,6 @@ const oe = x("WANGS-TAB-MENU", {
       "appearance-none",
       "transition-colors duration-200"
     ],
-    style: `min-height: ${t.rows * 26}px`,
     "data-wv-name": "textarea",
     "data-wv-section": "root"
   })
@@ -5627,8 +5627,8 @@ const oe = x("WANGS-TAB-MENU", {
   tabmenu: oe,
   // Overlays
   dialog: C,
-  dialogconfirm: O,
-  dialogform: M,
+  dialogconfirm: M,
+  dialogform: O,
   overlaypanel: ae,
   // Messages
   message: te,