@fewangsit/wangsvue-presets 2.0.0-alpha.1 → 2.0.0

package/globalsettings/colors.config.json

@@ -1,97 +1,97 @@
-{
-  "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": "#ebeaf0",
-  "primary-100": "#dad9e3",
-  "primary-200": "#b5b3c7",
-  "primary-300": "#908cab",
-  "primary-400": "#6c688d",
-  "primary-500": "#201e29",
-  "primary-600": "#100f15",
-  "primary-700": "#070609",
-  "primary-800": "#050407",
-  "primary-900": "#030204",
-  "primary-950": "#020103",
-
-  "fixed-primary-50": "#e5f0ff",
-  "fixed-primary-100": "#cce0ff",
-  "fixed-primary-200": "#94bfff",
-  "fixed-primary-300": "#61a0ff",
-  "fixed-primary-400": "#2e82ff",
-  "fixed-primary-500": "#0063f7",
-  "fixed-primary-600": "#0050c7",
-  "fixed-primary-700": "#003b94",
-  "fixed-primary-800": "#002761",
-  "fixed-primary-900": "#001433",
-  "fixed-primary-950": "#000a19",
-
-  "supply-primary-50": "#ECFDF5",
-  "supply-primary-100": "#d1fae5",
-  "supply-primary-200": "#a7f3d0",
-  "supply-primary-300": "#6ee7b7",
-  "supply-primary-400": "#34d399",
-  "supply-primary-500": "#10b981",
-  "supply-primary-600": "#059669",
-  "supply-primary-700": "#047857",
-  "supply-primary-800": "#065F46",
-  "supply-primary-900": "#064E3B",
-  "supply-primary-950": "#022C22"
-}
+{
+  "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": "#ebeaf0",
+  "primary-100": "#dad9e3",
+  "primary-200": "#b5b3c7",
+  "primary-300": "#908cab",
+  "primary-400": "#6c688d",
+  "primary-500": "#201e29",
+  "primary-600": "#100f15",
+  "primary-700": "#070609",
+  "primary-800": "#050407",
+  "primary-900": "#030204",
+  "primary-950": "#020103",
+
+  "fixed-primary-50": "#e5f0ff",
+  "fixed-primary-100": "#cce0ff",
+  "fixed-primary-200": "#94bfff",
+  "fixed-primary-300": "#61a0ff",
+  "fixed-primary-400": "#2e82ff",
+  "fixed-primary-500": "#0063f7",
+  "fixed-primary-600": "#0050c7",
+  "fixed-primary-700": "#003b94",
+  "fixed-primary-800": "#002761",
+  "fixed-primary-900": "#001433",
+  "fixed-primary-950": "#000a19",
+
+  "supply-primary-50": "#ECFDF5",
+  "supply-primary-100": "#d1fae5",
+  "supply-primary-200": "#a7f3d0",
+  "supply-primary-300": "#6ee7b7",
+  "supply-primary-400": "#34d399",
+  "supply-primary-500": "#10b981",
+  "supply-primary-600": "#059669",
+  "supply-primary-700": "#047857",
+  "supply-primary-800": "#065F46",
+  "supply-primary-900": "#064E3B",
+  "supply-primary-950": "#022C22"
+}

package/globalsettings/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/globalsettings/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/globalsettings/index.es.js

@@ -798,7 +798,7 @@ const C = {
     ],
     "data-wv-section": "icon"
   })
-}, m = navigator.userAgent.includes("Chrome"), c = {
+}, m = navigator.userAgent.includes("Chrome"), d = {
   root: ({ props: e }) => ({
     class: [
       // Alignments
@@ -991,9 +991,9 @@ const C = {
   icon: {
     class: "hidden"
   },
-  label: c.label,
-  labeltext: c.labeltext,
-  tooltipicon: c.tooltipicon
+  label: d.label,
+  labeltext: d.labeltext,
+  tooltipicon: d.tooltipicon
 }, I = {
   buttontrigger: {
     root: ({ context: e }) => ({
@@ -1826,7 +1826,7 @@ const C = {
   buttondownload: {
     "data-wv-section": "changelog-dialog-button-download"
   }
-}, d = {
+}, c = {
   root: {
     class: [
       "relative",
@@ -1938,7 +1938,7 @@ const C = {
   tooltipicon: {
     class: "text-primary-500 w-[10px] h-[10px]"
   }
-}, B = {
+}, O = {
   copybutton: {
     class: "peer-hover:visible scale-125 !absolute top-2 right-2 z-50"
   },
@@ -1958,7 +1958,7 @@ const C = {
       "px-2 bg-primary-100 sticky left-0 text-right select-none"
     ]
   }
-}, L = {
+}, B = {
   menustart: {
     class: ""
   },
@@ -1982,7 +1982,7 @@ const C = {
       { invisible: e.dragable === !1 }
     ]
   })
-}, O = {
+}, L = {
   root: {
     "data-wv-name": "datatable",
     "data-wv-section": "root",
@@ -2154,10 +2154,11 @@ const C = {
     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"
@@ -2428,12 +2429,12 @@ const C = {
     ]
   },
   headerCheckbox: {
-    ...d,
+    ...c,
     root: {
-      class: ["!mx-auto", ...d.root.class]
+      class: ["!mx-auto", ...c.root.class]
     }
   },
-  itemCheckbox: d,
+  itemCheckbox: c,
   closeButton: {
     class: ["hidden"]
   },
@@ -3925,7 +3926,7 @@ const re = f("WANGS-INPUT-OTP", {
     leaveActiveClass: "transition-opacity duration-100 ease-linear",
     leaveToClass: "opacity-0"
   }
-}, ce = {
+}, de = {
   root: {
     class: [
       // Flex & Alignment
@@ -4375,7 +4376,7 @@ const re = f("WANGS-INPUT-OTP", {
   current: {
     class: ["text-xs font-normal leading-6 px-3"]
   }
-}, de = {
+}, ce = {
   root: ({ props: e }) => ({
     class: [
       "w-full",
@@ -5688,17 +5689,17 @@ const re = f("WANGS-INPUT-OTP", {
   inputbadge: Q,
   inputotp: re,
   calendar: U,
-  checkbox: d,
+  checkbox: c,
   buttonradio: P,
   multiselect: i,
   togglebutton: he,
-  toggleswitch: c,
+  toggleswitch: d,
   inputgroup: te,
   inputgroupaddon: ae,
   treeselect: we,
   tristatecheckbox: pe,
   textarea: me,
-  password: de,
+  password: ce,
   validatormessage: Ce,
   fileupload: D,
   fieldwrapper: W,
@@ -5710,9 +5711,9 @@ const re = f("WANGS-INPUT-OTP", {
   buttonsplit: F,
   buttonfilter: T,
   // Data
-  paginator: ce,
-  datatable: O,
-  customcolumn: L,
+  paginator: de,
+  datatable: L,
+  customcolumn: B,
   tree: ye,
   timeline: be,
   changelog: G,
@@ -5740,7 +5741,7 @@ const re = f("WANGS-INPUT-OTP", {
   badgegroup: z,
   image: J,
   loading: ie,
-  codesnippet: B,
+  codesnippet: O,
   username: ke
 };
 export {