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

package/globalsettings/style.css

@@ -3073,11 +3073,6 @@
   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;
@@ -3503,6 +3498,11 @@
   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);
 }
@@ -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 !important;
-  background-color: rgb(247 247 247 / var(--tw-bg-opacity)) !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-800{
-  --tw-bg-opacity: 1 !important;
-  background-color: rgb(75 77 78 / 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-primary-50{
-  --tw-bg-opacity: 1 !important;
-  background-color: rgb(235 234 240 / 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-warning-300{
-  --tw-bg-opacity: 1 !important;
-  background-color: rgb(255 222 102 / 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));
 }
 
 .peer:hover ~ .peer-hover\:visible{
@@ -6843,11 +6843,6 @@ 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;
@@ -7014,6 +7009,11 @@ 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 !important;
-  background-color: rgb(75 77 78 / var(--tw-bg-opacity)) !important;
+.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-warning-300:where(.dark, .dark *){
-  --tw-bg-opacity: 1 !important;
-  background-color: rgb(255 222 102 / 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));
 }
 
 .peer:focus-visible ~ .dark\:peer-focus-visible\:ring-primary-200\/\[8\%\]:where(.dark, .dark *){

package/package.json

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

package/supplyasset/datatable/index.d.ts

@@ -246,10 +246,11 @@ declare namespace definePreset {
         context: any;
     }): {
         class: (string | {
-            '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;
+            '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;
         })[];
         'data-wv-section': string;
     };

package/supplyasset/datatable/index.js

@@ -198,10 +198,11 @@ var definePreset = {
             'class': [
                 'w-[35px]',
                 {
-                    '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,
+                    '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,
                 },
             ],
             'data-wv-section': 'rowsingleactioncell',

package/supplyasset/index.es.js

@@ -1629,10 +1629,11 @@ const _ = {
     class: [
       "w-[35px]",
       {
-        "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
+        "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
       }
     ],
     "data-wv-section": "rowsingleactioncell"
@@ -1872,7 +1873,7 @@ const _ = {
     leaveActiveClass: "transition-all duration-200 ease-out",
     leaveToClass: "opacity-0 scale-75 mask-active"
   }
-}, M = {
+}, O = {
   root: {
     class: ["!w-[clamp(360px,75vw,400px)]"],
     "data-wv-name": (e) => e ?? "root",
@@ -1913,7 +1914,7 @@ const _ = {
     class: "flex items-end justify-end gap-1 !mt-0",
     "data-wv-section": "dialog-confirm-footer"
   }
-}, O = {
+}, M = {
   root: {
     class: ["max-w-[90vw]"],
     style: (e) => `width: ${e}`,
@@ -5626,8 +5627,8 @@ const oe = x("WANGS-TAB-MENU", {
   tabmenu: oe,
   // Overlays
   dialog: C,
-  dialogconfirm: M,
-  dialogform: O,
+  dialogconfirm: O,
+  dialogform: M,
   overlaypanel: ae,
   // Messages
   message: te,