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

package/supplyasset/style.css

@@ -3092,11 +3092,6 @@
   background-color: rgb(75 77 78 / var(--tw-bg-opacity)) !important;
 }
 
-.\!bg-primary-100{
-  --tw-bg-opacity: 1 !important;
-  background-color: rgb(209 250 229 / var(--tw-bg-opacity)) !important;
-}
-
 .\!bg-primary-300{
   --tw-bg-opacity: 1 !important;
   background-color: rgb(110 231 183 / var(--tw-bg-opacity)) !important;
@@ -3504,6 +3499,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);
 }
@@ -5154,7 +5154,7 @@
   font-family: 'Manrope', sans-serif !important;
 }
 
-h1,
+h1,
 .heading-1{
   font-size: 22px !important;
   font-weight: 600 !important;
@@ -5162,7 +5162,7 @@ h1,
   letter-spacing: 0.02em;
 }
 
-h2,
+h2,
 .heading-2{
   font-size: 1.125rem !important;
   font-weight: 600 !important;
@@ -5170,7 +5170,7 @@ h2,
   letter-spacing: 0.02em;
 }
 
-h3,
+h3,
 .heading-3{
   font-size: 1rem !important;
   font-weight: 500 !important;
@@ -5178,7 +5178,7 @@ h3,
   letter-spacing: 0.02em;
 }
 
-h4,
+h4,
 .heading-4{
   font-size: 0.875rem !important;
   font-weight: 500 !important;
@@ -5186,7 +5186,7 @@ h4,
   letter-spacing: 0.02em;
 }
 
-p,
+p,
 .p{
   font-size: 0.75rem !important;
   font-weight: 500 !important;
@@ -5194,7 +5194,7 @@ p,
   letter-spacing: 0.02em;
 }
 
-h5,
+h5,
 .heading-5{
   font-size: 0.75rem !important;
   font-weight: 600 !important;
@@ -5202,7 +5202,7 @@ h5,
   letter-spacing: 0.02em;
 }
 
-h6,
+h6,
 .heading-6{
   font-size: 10px !important;
   font-weight: 600 !important;
@@ -5214,12 +5214,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;
@@ -6439,24 +6439,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(236 253 245 / var(--tw-bg-opacity)) !important;
+.group:hover .group-hover\:bg-primary-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(236 253 245 / 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{
@@ -6637,11 +6637,6 @@ div{
   background-color: rgb(113 115 116 / var(--tw-bg-opacity)) !important;
 }
 
-.dark\:\!bg-primary-100:is(.dark *){
-  --tw-bg-opacity: 1 !important;
-  background-color: rgb(209 250 229 / var(--tw-bg-opacity)) !important;
-}
-
 .dark\:\!bg-primary-300:is(.dark *){
   --tw-bg-opacity: 1 !important;
   background-color: rgb(110 231 183 / var(--tw-bg-opacity)) !important;
@@ -6808,6 +6803,11 @@ div{
   background-color: transparent;
 }
 
+.dark\:bg-warning-200:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 233 153 / var(--tw-bg-opacity));
+}
+
 .dark\:bg-warning-300:is(.dark *){
   --tw-bg-opacity: 1;
   background-color: rgb(255 222 102 / var(--tw-bg-opacity));
@@ -7462,14 +7462,14 @@ div{
   background-color: rgb(255 222 102 / 12%);
 }
 
-.group:hover .dark\:group-hover\:\!bg-grayscale-800:is(.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:is(.dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(75 77 78 / var(--tw-bg-opacity));
 }
 
-.group:hover .dark\:group-hover\:\!bg-warning-300:is(.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:is(.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\%\]:is(.dark *){
@@ -8072,4 +8072,4 @@ div{
 
 .\[\&_ul\]\:pl-6 ul{
   padding-left: 1.5rem;
-}
+}

package/supplyasset/textarea/index.d.ts

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

package/supplyasset/textarea/index.js

@@ -18,9 +18,7 @@ exports.default = {
                 // Font
                 'font-medium text-xs tracking-[0.02em]',
                 'placeholder:text-general-200 placeholder:!font-light',
-                {
-                    'w-full': props.cols == undefined,
-                },
+                'w-full',
                 {
                     'resize-none': props.autoResize,
                     'resize': !props.autoResize,
@@ -46,6 +44,7 @@ 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/wangsvue/colors.config.json

@@ -1,77 +1,77 @@
-{
-  "primary-50": "#F8F7EE",
-  "primary-100": "#EEEBD3",
-  "primary-200": "#DFD7A9",
-  "primary-300": "#CDBC77",
-  "primary-400": "#BDA552",
-  "primary-500": "#9F7C3C",
-  "primary-600": "#856732",
-  "primary-700": "#785930",
-  "primary-800": "#65492E",
-  "primary-900": "#583F2B",
-  "primary-950": "#322116",
-  "primary-1000": "#695200",
-
-  "danger-50": "#E7C3B6",
-  "danger-100": "#E7C3B6",
-  "danger-200": "#DBA592",
-  "danger-300": "#CF876D",
-  "danger-400": "#C36948",
-  "danger-500": "#B74B24",
-  "danger-600": "#993F1E",
-  "danger-700": "#7A3218",
-  "danger-800": "#5C2612",
-  "danger-900": "#3D190C",
-  "danger-950": "#1F0D06",
-
-  "warning-50": "#F9EFD9",
-  "warning-100": "#F3E0B3",
-  "warning-200": "#EDD08E",
-  "warning-300": "#E7C068",
-  "warning-400": "#E1B142",
-  "warning-500": "#DBA11C",
-  "warning-600": "#B78617",
-  "warning-700": "#926B13",
-  "warning-800": "#6E510E",
-  "warning-900": "#493609",
-  "warning-950": "#251B05",
-
-  "success-50": "#D5EDEB",
-  "success-100": "#AADBD6",
-  "success-200": "#80C9C2",
-  "success-300": "#55B7AD",
-  "success-400": "#2AA599",
-  "success-500": "#009384",
-  "success-600": "#007B6E",
-  "success-700": "#006258",
-  "success-800": "#004A42",
-  "success-900": "#00312C",
-  "success-950": "#001916",
-  "success-1000": "#00A455",
-  
-  "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",
-
-  "link": "#0000EE"
+{
+  "primary-50": "#F8F7EE",
+  "primary-100": "#EEEBD3",
+  "primary-200": "#DFD7A9",
+  "primary-300": "#CDBC77",
+  "primary-400": "#BDA552",
+  "primary-500": "#9F7C3C",
+  "primary-600": "#856732",
+  "primary-700": "#785930",
+  "primary-800": "#65492E",
+  "primary-900": "#583F2B",
+  "primary-950": "#322116",
+  "primary-1000": "#695200",
+
+  "danger-50": "#E7C3B6",
+  "danger-100": "#E7C3B6",
+  "danger-200": "#DBA592",
+  "danger-300": "#CF876D",
+  "danger-400": "#C36948",
+  "danger-500": "#B74B24",
+  "danger-600": "#993F1E",
+  "danger-700": "#7A3218",
+  "danger-800": "#5C2612",
+  "danger-900": "#3D190C",
+  "danger-950": "#1F0D06",
+
+  "warning-50": "#F9EFD9",
+  "warning-100": "#F3E0B3",
+  "warning-200": "#EDD08E",
+  "warning-300": "#E7C068",
+  "warning-400": "#E1B142",
+  "warning-500": "#DBA11C",
+  "warning-600": "#B78617",
+  "warning-700": "#926B13",
+  "warning-800": "#6E510E",
+  "warning-900": "#493609",
+  "warning-950": "#251B05",
+
+  "success-50": "#D5EDEB",
+  "success-100": "#AADBD6",
+  "success-200": "#80C9C2",
+  "success-300": "#55B7AD",
+  "success-400": "#2AA599",
+  "success-500": "#009384",
+  "success-600": "#007B6E",
+  "success-700": "#006258",
+  "success-800": "#004A42",
+  "success-900": "#00312C",
+  "success-950": "#001916",
+  "success-1000": "#00A455",
+  
+  "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",
+
+  "link": "#0000EE"
 }

package/wangsvue/datatable/index.d.ts

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

package/wangsvue/datatable/index.js

@@ -200,10 +200,11 @@ var definePreset = {
             'class': [
                 'w-[35px]',
                 {
-                    'sticky right-0 bg-white': props.useOption,
-                    '!bg-primary-100': context.selected,
-                    'group-hover:!bg-primary-50': !context.highlighted,
-                    '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-100': context.selected,
+                    'group-hover:bg-primary-50': !context.highlighted,
+                    'group-hover:bg-warning-300 bg-warning-200': context.highlighted,
                 },
             ],
             'data-wv-section': 'rowsingleactioncell',

package/wangsvue/dialogform/index.js

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

package/wangsvue/index.es.js

@@ -1702,7 +1702,7 @@ const _ = {
     leaveActiveClass: "transition-opacity duration-100 ease-linear",
     leaveToClass: "opacity-0"
   }
-}, M = {
+}, O = {
   button: (e) => ({
     class: [e, "w-max"],
     "data-wv-section": "changelog-button"
@@ -1840,7 +1840,7 @@ const _ = {
   tooltipicon: {
     class: "text-grayscale-900 w-[10px] h-[10px]"
   }
-}, O = {
+}, M = {
   root: {
     class: [
       // Flexbox
@@ -2498,10 +2498,11 @@ const _ = {
     class: [
       "w-[35px]",
       {
-        "sticky right-0 bg-white": e.useOption,
-        "!bg-primary-100": t.selected,
-        "group-hover:!bg-primary-50": !t.highlighted,
-        "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-100": t.selected,
+        "group-hover:bg-primary-50": !t.highlighted,
+        "group-hover:bg-warning-300 bg-warning-200": t.highlighted
       }
     ],
     "data-wv-section": "rowsingleactioncell"
@@ -2899,7 +2900,7 @@ const _ = {
       { "opacity-0": !e },
       { "opacity-100": e }
     ],
-    style: `width: ${e ? t - 24 : 0}px; height: ${e ? "100%" : "0"}`,
+    style: `width: ${e ? t - 24 : 0}px`,
     "data-wv-section": "dialog-form-aside"
   }),
   form: {
@@ -7338,7 +7339,7 @@ const _ = {
       "touch-action-none"
     ]
   })
-}, Me = {
+}, Oe = {
   root: ({ props: e }) => ({
     class: [
       // Flexbox and Position
@@ -7846,7 +7847,7 @@ const _ = {
       class: ["hidden"]
     }
   }
-}, Oe = {
+}, Me = {
   root: {
     class: "relative"
   },
@@ -8577,9 +8578,7 @@ const Re = p("WANGS-TAB-MENU", {
     class: [
       // Font
       "font-normal placeholder:text-general-200 placeholder:!font-normal text-xs",
-      {
-        "w-full": t.cols == null
-      },
+      "w-full",
       {
         "resize-none": t.autoResize,
         resize: !t.autoResize
@@ -8605,6 +8604,7 @@ const Re = p("WANGS-TAB-MENU", {
       "appearance-none",
       "transition-colors duration-200"
     ],
+    style: `min-height: ${t.rows * 26}px`,
     "data-wv-name": "textarea",
     "data-wv-section": "root"
   })
@@ -9898,7 +9898,7 @@ const Re = p("WANGS-TAB-MENU", {
   buttonsearch: $,
   buttonsplit: B,
   buttonfilter: V,
-  splitbutton: Me,
+  splitbutton: Oe,
   // Data
   paginator: Ae,
   datatable: q,
@@ -9910,7 +9910,7 @@ const Re = p("WANGS-TAB-MENU", {
   orderlist: Ce,
   picklist: Pe,
   timeline: qe,
-  changelog: M,
+  changelog: O,
   // Panels
   accordion: _,
   panel: _e,
@@ -9924,7 +9924,7 @@ const Re = p("WANGS-TAB-MENU", {
   contextmenu: Y,
   menu: ye,
   menubar: we,
-  steps: Oe,
+  steps: Me,
   breadcrumb: ot,
   tieredmenu: Ye,
   panelmenu: Te,
@@ -9950,7 +9950,7 @@ const Re = p("WANGS-TAB-MENU", {
   avatar: I,
   avatargroup: P,
   tag: De,
-  chip: O,
+  chip: M,
   progressbar: Se,
   skeleton: Ue,
   scrolltop: Be,