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

package/wangsvue/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-[2px]',
                 {
-                    '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/wangsvue/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/wangsvue/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-400 [&:has(:focus)_.inputgroupaddon]:!ring-primary-400': 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/wangsvue/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/wangsvue/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-400',

package/wangsvue/style.css

@@ -4799,49 +4799,49 @@
   font-style: normal;
 }
 
-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: 400 !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;
@@ -4852,7 +4852,7 @@ h6,
   scrollbar-width: none;
 }
 
-.scrollbar-w-thin,
+.scrollbar-w-thin,
 .p-virtualscroller {
   scrollbar-width: thin;
 }
@@ -6654,4 +6654,4 @@ h6,
 
 .\[\&_ul_li\]\:pl-\[6px\] ul li{
   padding-left: 6px;
-}
+}

package/wangsvue/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-primary-200': props.modelValue !== props.trueValue && !props.disabled,