@fewangsit/wangsvue-presets 1.0.103-alpha.0 → 1.0.103-alpha.2

package/fixedasset/inputbadge/index.js

@@ -14,7 +14,7 @@ var index_js_1 = require("../inputtext/index.js");
  * To set different ring width for Firefox Browser
  * Also for InputGroupAddon
  */
-var isFirefoxBased = navigator.userAgent.includes('Firefox');
+var isChromeBased = navigator.userAgent.includes('Chrome');
 exports.default = {
     root: function (_a) {
         var context = _a.context;
@@ -24,8 +24,8 @@ exports.default = {
                 'min-h-[26px] h-fit w-full',
                 'ring-inset rounded px-[12px] py-[3px]',
                 {
-                    'ring-[1px]': isFirefoxBased,
-                    'ring-[0.5px]': !isFirefoxBased,
+                    'ring-[1px]': !isChromeBased,
+                    'ring-[0.5px]': isChromeBased,
                 },
                 { '!ring-danger-500 !dark:ring-danger-500': context.invalidInput },
                 { '!ring-general-200 !dark:ring-general-200': !context.invalidInput },

package/fixedasset/inputcurrency/index.d.ts

@@ -1,8 +1,8 @@
 declare namespace _default {
     function currency(ctx: any): {
         class: (string | {
-            'ring-[1px]': any;
-            'ring-[0.5px]': boolean;
+            'ring-[1px]': boolean;
+            'ring-[0.5px]': any;
             '!ring-danger-500'?: undefined;
         } | {
             '!ring-danger-500': any;
@@ -13,8 +13,8 @@ declare namespace _default {
     };
     function value(ctx: any): {
         class: (string | {
-            'ring-[1px]': any;
-            'ring-[0.5px]': boolean;
+            'ring-[1px]': boolean;
+            'ring-[0.5px]': any;
             '!ring-danger-500'?: undefined;
         } | {
             '!ring-danger-500': any;

package/fixedasset/inputgroup/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * To set different ring width for Firefox Browser
  * Also for InputGroupAddon
  */
-var isFirefoxBased = navigator.userAgent.includes('Firefox');
+var isChromeBased = navigator.userAgent.includes('Chrome');
 exports.default = {
     root: function (_a) {
         var props = _a.props;
@@ -19,8 +19,8 @@ exports.default = {
                     '[&:has(:focus)]:!ring-primary-500 [&:has(:focus)_.inputgroupaddon]:!ring-primary-500': props.ring !== 'none',
                 },
                 {
-                    'ring-[1px] [&_.inputgroupaddon]:ring-[1px]': isFirefoxBased && props.ring !== 'none',
-                    'ring-[0.5px] [&_.inputgroupaddon]:ring-[0.5px]': !isFirefoxBased && props.ring !== 'none',
+                    'ring-[1px] [&_.inputgroupaddon]:ring-[1px]': !isChromeBased && props.ring !== 'none',
+                    'ring-[0.5px] [&_.inputgroupaddon]:ring-[0.5px]': isChromeBased && props.ring !== 'none',
                 },
                 '[&_.inputgroupaddon[data-addon-variant=plain]]:!ring-[0px]',
                 '[&:has(input)]:cursor-text',

package/fixedasset/inputphonenumber/index.d.ts

@@ -1,9 +1,9 @@
-export function commonClasses({ isFirefoxBased, invalidInput }: {
-    isFirefoxBased: any;
+export function commonClasses({ isChromeBased, invalidInput }: {
+    isChromeBased: any;
     invalidInput: any;
 }): (string | {
-    'ring-[1px]': any;
-    'ring-[0.5px]': boolean;
+    'ring-[1px]': boolean;
+    'ring-[0.5px]': any;
     '!ring-danger-500'?: undefined;
 } | {
     '!ring-danger-500': any;
@@ -14,8 +14,8 @@ declare namespace _default {
     namespace dialcode {
         function root(ctx: any): {
             class: (string | {
-                'ring-[1px]': any;
-                'ring-[0.5px]': boolean;
+                'ring-[1px]': boolean;
+                'ring-[0.5px]': any;
                 '!ring-danger-500'?: undefined;
             } | {
                 '!ring-danger-500': any;
@@ -34,8 +34,8 @@ declare namespace _default {
     }
     function input(ctx: any): {
         class: (string | {
-            'ring-[1px]': any;
-            'ring-[0.5px]': boolean;
+            'ring-[1px]': boolean;
+            'ring-[0.5px]': any;
             '!ring-danger-500'?: undefined;
         } | {
             '!ring-danger-500': any;

package/fixedasset/inputphonenumber/index.js

@@ -12,9 +12,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.commonClasses = void 0;
 var index_js_1 = require("../multiselect/index.js");
 var commonClasses = function (_a) {
-    var isFirefoxBased = _a.isFirefoxBased, invalidInput = _a.invalidInput;
+    var isChromeBased = _a.isChromeBased, invalidInput = _a.invalidInput;
     return [
-        { 'ring-[1px]': isFirefoxBased, 'ring-[0.5px]': !isFirefoxBased },
+        { 'ring-[1px]': !isChromeBased, 'ring-[0.5px]': isChromeBased },
         { '!ring-danger-500': invalidInput },
         'ring-inset',
         'ring-general-200',

package/fixedasset/style.css

@@ -4825,49 +4825,49 @@
   font-family: 'Manrope', sans-serif !important;
 }
 
-h1,
+h1,
 .heading-1{
   font-size: 22px !important;
   font-weight: 600 !important;
   line-height: 1.75rem;
 }
 
-h2,
+h2,
 .heading-2{
   font-size: 1.125rem !important;
   font-weight: 600 !important;
   line-height: 1.5rem;
 }
 
-h3,
+h3,
 .heading-3{
   font-size: 1rem !important;
   font-weight: 500 !important;
   line-height: 1.25rem;
 }
 
-h4,
+h4,
 .heading-4{
   font-size: 0.875rem !important;
   font-weight: 500 !important;
   line-height: 1rem;
 }
 
-p,
+p,
 .p{
   font-size: 0.75rem !important;
   font-weight: 500 !important;
   line-height: 1rem;
 }
 
-h5,
+h5,
 .heading-5{
   font-size: 0.75rem !important;
   font-weight: 600 !important;
   line-height: 1rem;
 }
 
-h6,
+h6,
 .heading-6{
   font-size: 10px !important;
   font-weight: 600 !important;
@@ -4878,7 +4878,7 @@ h6,
   scrollbar-width: none;
 }
 
-.scrollbar-w-thin,
+.scrollbar-w-thin,
 .p-virtualscroller {
   scrollbar-width: thin;
 }
@@ -6695,4 +6695,4 @@ h6,
 
 .\[\&_ul_li\]\:pl-\[6px\] ul li{
   padding-left: 6px;
-}
+}

package/fixedasset/toggleswitch/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var isFirefoxBased = navigator.userAgent.includes('Firefox');
+var isChromeBased = navigator.userAgent.includes('Chrome');
 exports.default = {
     root: function (_a) {
         var props = _a.props;
@@ -46,7 +46,7 @@ exports.default = {
                 },
                 // Colors
                 'ring-1',
-                { 'ring-1': isFirefoxBased, 'ring-[0.5px]': !isFirefoxBased },
+                { 'ring-1': !isChromeBased, 'ring-[0.5px]': isChromeBased },
                 {
                     'before:bg-white': props.modelValue == props.trueValue,
                     'before:bg-general-100': props.modelValue !== props.trueValue,

package/globalsettings/calendar/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var isFirefoxBased = navigator.userAgent.includes('Firefox');
+var isChromeBased = navigator.userAgent.includes('Chrome');
 var preset = {
     root: function (_a) {
         var props = _a.props;
@@ -486,8 +486,8 @@ var preset = {
         class: [
             'w-[39px] h-[26px] flex justify-center items-center ring-general-200 rounded',
             {
-                'ring-1': isFirefoxBased,
-                'ring-[0.5px]': !isFirefoxBased,
+                'ring-1': !isChromeBased,
+                'ring-[0.5px]': isChromeBased,
             },
         ],
     },

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

@@ -484,7 +484,7 @@ const A = {
     "data-wv-section": "icon",
     severity: "success"
   }
-}, F = {
+}, P = {
   root: ({ context: e }) => ({
     class: [
       "rounded ring-1 ring-general-500 p-[5px] ring-inset",
@@ -501,7 +501,7 @@ const A = {
     ],
     "data-wv-section": "icon"
   })
-}, P = {
+}, V = {
   buttontrigger: {
     root: ({ context: e }) => ({
       class: [
@@ -550,7 +550,7 @@ const A = {
   inputtext: {
     class: "!h-max !py-0 !px-0"
   }
-}, V = {
+}, I = {
   root: ["w-max"],
   button: {
     class: [
@@ -559,7 +559,7 @@ const A = {
     "data-sp-section": "button-split"
   },
   menuButton: "!rounded-ss-none !rounded-es-none"
-}, h = navigator.userAgent.includes("Firefox"), I = {
+}, h = navigator.userAgent.includes("Chrome"), F = {
   root: ({ props: e }) => ({
     class: [
       // Display and Position
@@ -1021,8 +1021,8 @@ const A = {
     class: [
       "w-[39px] h-[26px] flex justify-center items-center ring-general-200 rounded",
       {
-        "ring-1": h,
-        "ring-[0.5px]": !h
+        "ring-1": !h,
+        "ring-[0.5px]": h
       }
     ]
   },
@@ -2779,15 +2779,15 @@ const A = {
       ]
     };
   }
-}, v = navigator.userAgent.includes("Firefox"), q = {
+}, v = navigator.userAgent.includes("Chrome"), q = {
   root: ({ context: e }) => ({
     class: [
       "flex flex-wrap gap-x-0.5 gap-y-[5px] items-center",
       "min-h-[26px] h-fit w-full",
       "ring-inset rounded px-[12px] py-[3px]",
       {
-        "ring-[1px]": v,
-        "ring-[0.5px]": !v
+        "ring-[1px]": !v,
+        "ring-[0.5px]": v
       },
       { "!ring-danger-500 !dark:ring-danger-500": e.invalidInput },
       { "!ring-general-200 !dark:ring-general-200": !e.invalidInput },
@@ -2812,7 +2812,7 @@ const A = {
   erroroverlaypanel: {
     class: ["px-3 py-1 text-[12px] text-general-800"]
   }
-}, y = navigator.userAgent.includes("Firefox"), J = {
+}, y = navigator.userAgent.includes("Chrome"), J = {
   root: ({ props: e }) => ({
     class: [
       {
@@ -2824,8 +2824,8 @@ const A = {
         "[&:has(:focus)]:!ring-primary-500 [&:has(:focus)_.inputgroupaddon]:!ring-primary-500": e.ring !== "none"
       },
       {
-        "ring-[1px] [&_.inputgroupaddon]:ring-[1px]": y && e.ring !== "none",
-        "ring-[0.5px] [&_.inputgroupaddon]:ring-[0.5px]": !y && e.ring !== "none"
+        "ring-[1px] [&_.inputgroupaddon]:ring-[1px]": !y && e.ring !== "none",
+        "ring-[0.5px] [&_.inputgroupaddon]:ring-[0.5px]": y && e.ring !== "none"
       },
       "[&_.inputgroupaddon[data-addon-variant=plain]]:!ring-[0px]",
       "[&:has(input)]:cursor-text",
@@ -2934,8 +2934,8 @@ const A = {
       }
     ]
   })
-}, g = ({ isFirefoxBased: e, invalidInput: t }) => [
-  { "ring-[1px]": e, "ring-[0.5px]": !e },
+}, g = ({ isChromeBased: e, invalidInput: t }) => [
+  { "ring-[1px]": !e, "ring-[0.5px]": e },
   { "!ring-danger-500": t },
   "ring-inset",
   "ring-general-200",
@@ -3700,7 +3700,7 @@ const A = {
     leaveActiveClass: "transition-opacity duration-100 ease-linear",
     leaveToClass: "opacity-0"
   }
-}, k = navigator.userAgent.includes("Firefox"), u = {
+}, k = navigator.userAgent.includes("Chrome"), u = {
   root: ({ props: e }) => ({
     class: [
       // Alignments
@@ -3740,7 +3740,7 @@ const A = {
       },
       // Colors
       "ring-1",
-      { "ring-1": k, "ring-[0.5px]": !k },
+      { "ring-1": !k, "ring-[0.5px]": k },
       {
         "before:bg-white": e.modelValue == e.trueValue,
         "before:bg-general-100": e.modelValue !== e.trueValue,
@@ -4366,7 +4366,7 @@ const oe = x("WANGS-TAB-MENU", {
           "border-primary-500": t.active,
           "border-grayscale-400": !t.active,
           "text-grayscale-600": !t.active,
-          "text-primary-500": t.active,
+          "text-primary-500": t.active && e.type === "tab",
           "bg-primary-500 text-white": e.type === "pill" && t.active,
           "bg-grayscale-200 text-grayscale-800": e.type === "pill" && !t.active,
           "bg-primary-500 text-white shadow-[-2px_2px_2px_rgba(0,0,0,0.25)]": e.type === "segmented" && t.active,
@@ -5617,7 +5617,7 @@ const oe = x("WANGS-TAB-MENU", {
   inputcurrency: pe,
   inputtext: j,
   inputbadge: q,
-  calendar: I,
+  calendar: F,
   checkbox: c,
   buttonradio: ie,
   multiselect: n,
@@ -5636,9 +5636,9 @@ const oe = x("WANGS-TAB-MENU", {
   button: T,
   buttondownload: N,
   buttonbulkaction: ve,
-  buttonsearch: P,
-  buttonsplit: V,
-  buttonfilter: F,
+  buttonsearch: V,
+  buttonsplit: I,
+  buttonfilter: P,
   // Data
   paginator: re,
   datatable: G,