@fewangsit/wangsvue-presets 1.0.85-alpha.6 → 1.0.85

package/fixedasset/inputcurrency/index.js

@@ -12,7 +12,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var inputphonenumber_1 = require("../inputphonenumber");
 exports.default = {
     currency: function (ctx) { return ({
-        'class': __spreadArray(__spreadArray([], (0, inputphonenumber_1.commonClasses)(ctx), true), ['rounded-l rounded-r-none'], false),
+        'class': __spreadArray(__spreadArray([], (0, inputphonenumber_1.commonClasses)(ctx), true), ['rounded-l rounded-r-none h-[30px]'], false),
         'data-wv-section': 'currency',
     }); },
     value: function (ctx) { return ({

package/fixedasset/inputnumber/index.d.ts

@@ -6,22 +6,17 @@ declare namespace _default {
         class: string[];
     };
     namespace input {
-        export function root_1({ parent, context }: {
+        export function root_1({ parent }: {
             parent: any;
-            context: any;
         }): {
             class: string[];
         };
         export { root_1 as root };
     }
-    namespace inputresizer {
+    namespace buttongroup {
         let _class: string[];
         export { _class as class };
     }
-    namespace buttongroup {
-        let _class_1: string[];
-        export { _class_1 as class };
-    }
     namespace incrementbutton {
         export function root_2({ parent }: {
             parent: any;
@@ -30,8 +25,8 @@ declare namespace _default {
         };
         export { root_2 as root };
         export namespace label {
-            let _class_2: string;
-            export { _class_2 as class };
+            let _class_1: string;
+            export { _class_1 as class };
         }
     }
     namespace decrementbutton {
@@ -42,24 +37,10 @@ declare namespace _default {
         };
         export { root_3 as root };
         export namespace label_1 {
-            let _class_3: string;
-            export { _class_3 as class };
+            let _class_2: string;
+            export { _class_2 as class };
         }
         export { label_1 as label };
     }
-    function incrementicon({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            '!text-general-200': any;
-        })[];
-    };
-    function decrementicon({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            '!text-general-200': any;
-        })[];
-    };
 }
 export default _default;

package/fixedasset/inputnumber/index.js

@@ -1,7 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var inputclass = 'text-xs font-medium tracking-[0.02em] leading-[18px]';
-var inputheight = 'h-[26px]';
 exports.default = {
     root: function (_a) {
         var props = _a.props, parent = _a.parent;
@@ -10,7 +8,7 @@ exports.default = {
                 // Layout
                 'flex items-center self-stretch shrink-0 grow',
                 //Size
-                inputheight,
+                'h-full',
                 // Spacing
                 'py-1 px-3',
                 // Border
@@ -21,25 +19,17 @@ exports.default = {
     },
     input: {
         root: function (_a) {
-            var parent = _a.parent, context = _a.context;
+            var parent = _a.parent;
             return ({
                 class: [
                     'border-0 h-full w-full outline-none',
                     'bg-inherit',
-                    inputclass,
-                    'placeholder:text-general-200 placeholder:font-light',
-                    context.disabled ? 'text-general-200' : 'text-general-800',
+                    'text-xs font-normal',
+                    'placeholder:text-general-200',
                 ],
             });
         },
     },
-    inputresizer: {
-        class: [
-            inputclass,
-            inputheight,
-            'user-select-none py-1 px-3 block min-w-4 text-transparent',
-        ],
-    },
     buttongroup: {
         class: ['flex'],
     },
@@ -65,26 +55,4 @@ exports.default = {
             class: 'h-0 w-0',
         },
     },
-    incrementicon: function (_a) {
-        var props = _a.props;
-        return ({
-            class: [
-                '!text-base text-general-500',
-                {
-                    '!text-general-200': props.disabled,
-                },
-            ],
-        });
-    },
-    decrementicon: function (_a) {
-        var props = _a.props;
-        return ({
-            class: [
-                '!text-base text-general-500',
-                {
-                    '!text-general-200': props.disabled,
-                },
-            ],
-        });
-    },
 };

package/fixedasset/inputphonenumber/index.d.ts

@@ -11,28 +11,18 @@ export function commonClasses({ isFirefoxBased, invalidInput }: {
     'ring-[0.5px]'?: undefined;
 })[];
 declare namespace _default {
-    namespace dialcode {
-        function root(ctx: any): {
-            class: (string | {
-                'ring-[1px]': any;
-                'ring-[0.5px]': boolean;
-                '!ring-danger-500'?: undefined;
-            } | {
-                '!ring-danger-500': any;
-                'ring-[1px]'?: undefined;
-                'ring-[0.5px]'?: undefined;
-            })[];
-        };
-        function dropdownicon({ state }: {
-            state: any;
-        }): {
-            class: (string | {
-                'rotate-180': any;
-            })[];
-            icon: string;
-        };
-    }
-    function input(ctx: any): {
+    function dialcode(ctx: any): {
+        class: (string | {
+            'ring-[1px]': any;
+            'ring-[0.5px]': boolean;
+            '!ring-danger-500'?: undefined;
+        } | {
+            '!ring-danger-500': any;
+            'ring-[1px]'?: undefined;
+            'ring-[0.5px]'?: undefined;
+        })[];
+    };
+    function inputnumber(ctx: any): {
         class: (string | {
             'ring-[1px]': any;
             'ring-[0.5px]': boolean;

package/fixedasset/inputphonenumber/index.js

@@ -10,38 +10,25 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 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;
     return [
         { 'ring-[1px]': isFirefoxBased, 'ring-[0.5px]': !isFirefoxBased },
         { '!ring-danger-500': invalidInput },
         'ring-inset',
-        'ring-general-200',
+        'ring-general-400',
         '[&:has(:focus)]:bg-none',
-        '[&:has(:focus)]:ring-primary-500',
-        '[&:has(:focus)]:ring-1',
+        '[&:has(:focus)]:ring-primary-400',
         'bg-white',
         'z-[0] [&:has(:focus)]:z-[12]',
     ];
 };
 exports.commonClasses = commonClasses;
 exports.default = {
-    dialcode: {
-        root: function (ctx) { return ({
-            class: __spreadArray(__spreadArray([], (0, exports.commonClasses)(ctx), true), ['rounded-l rounded-r-none'], false),
-        }); },
-        dropdownicon: function (_a) {
-            var state = _a.state;
-            return index_js_1.default.dropdownicon({ state: state });
-        },
-    },
-    input: function (ctx) { return ({
-        class: __spreadArray(__spreadArray([], (0, exports.commonClasses)(ctx), true), [
-            'rounded-r rounded-l-none -ml-[1px]',
-            'focus:bg-none',
-            'focus:ring-primary-500',
-            'focus:ring-1',
-        ], false),
+    dialcode: function (ctx) { return ({
+        class: __spreadArray(__spreadArray([], (0, exports.commonClasses)(ctx), true), ['rounded-l rounded-r-none'], false),
+    }); },
+    inputnumber: function (ctx) { return ({
+        class: __spreadArray(__spreadArray([], (0, exports.commonClasses)(ctx), true), ['rounded-r rounded-l-none -ml-[1px]'], false),
     }); },
 };

package/fixedasset/inputswitch/index.d.ts

@@ -0,0 +1,67 @@
+declare namespace _default {
+    function root({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            'select-none pointer-events-none cursor-default': any;
+        })[];
+    };
+    function slider({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            'before:bg-white before:bg-white': boolean;
+            'before:bg-primary-200': boolean;
+            'before:bg-general-50': any;
+            'before:transform before:translate-x-3.5'?: undefined;
+            'border-primary-200'?: undefined;
+            'border-transparent'?: undefined;
+            'bg-white'?: undefined;
+            'bg-primary-500'?: undefined;
+            'bg-primary-100'?: undefined;
+            'bg-general-100'?: undefined;
+        } | {
+            'before:transform before:translate-x-3.5': boolean;
+            'before:bg-white before:bg-white'?: undefined;
+            'before:bg-primary-200'?: undefined;
+            'before:bg-general-50'?: undefined;
+            'border-primary-200'?: undefined;
+            'border-transparent'?: undefined;
+            'bg-white'?: undefined;
+            'bg-primary-500'?: undefined;
+            'bg-primary-100'?: undefined;
+            'bg-general-100'?: undefined;
+        } | {
+            'border-primary-200': boolean;
+            'border-transparent': boolean;
+            'before:bg-white before:bg-white'?: undefined;
+            'before:bg-primary-200'?: undefined;
+            'before:bg-general-50'?: undefined;
+            'before:transform before:translate-x-3.5'?: undefined;
+            'bg-white'?: undefined;
+            'bg-primary-500'?: undefined;
+            'bg-primary-100'?: undefined;
+            'bg-general-100'?: undefined;
+        } | {
+            'bg-white': boolean;
+            'bg-primary-500': boolean;
+            'bg-primary-100': any;
+            'bg-general-100': any;
+            'before:bg-white before:bg-white'?: undefined;
+            'before:bg-primary-200'?: undefined;
+            'before:bg-general-50'?: undefined;
+            'before:transform before:translate-x-3.5'?: undefined;
+            'border-primary-200'?: undefined;
+            'border-transparent'?: undefined;
+        })[];
+    };
+    function input({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            'cursor-default': any;
+            'cursor-pointer': boolean;
+        })[];
+    };
+}
+export default _default;

package/{wangsvue/toggleswitch → fixedasset/inputswitch}/index.js

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var isFirefoxBased = navigator.userAgent.includes('Firefox');
 exports.default = {
     root: function (_a) {
         var props = _a.props;
@@ -32,41 +31,33 @@ exports.default = {
                 'rounded-[60px]',
                 // Before:
                 'before:absolute before:top-1/2',
-                'before:-translate-y-1/2',
+                'before:-mt-[6px] before:ml-0.5',
                 'before:h-3 before:w-3',
                 'before:rounded-full',
                 'before:duration-200 before:transition before:ease-in-out',
-                // Active position
+                'before:shadow',
                 {
-                    'before:transform before:translate-x-[calc(18px)]': props.modelValue == props.trueValue,
+                    'before:bg-white before:bg-white': props.modelValue == props.trueValue,
+                    'before:bg-primary-200': props.modelValue !== props.trueValue && !props.disabled,
+                    'before:bg-general-50': props.modelValue !== props.trueValue && props.disabled,
                 },
-                // Inactive position
                 {
-                    'before:left-0.5': props.modelValue != props.trueValue,
+                    'before:transform before:translate-x-3.5': props.modelValue == props.trueValue,
                 },
                 // Colors
-                'ring',
-                { 'ring': isFirefoxBased, 'ring-[0.5px]': !isFirefoxBased },
+                'border',
                 {
-                    'before:bg-white': props.modelValue == props.trueValue,
-                    'before:bg-primary-200': props.modelValue !== props.trueValue && !props.disabled,
-                    'before:bg-general-50': props.modelValue !== props.trueValue && props.disabled,
-                    // Inactive and Enabled
-                    'bg-white ring-primary-200': props.modelValue !== props.trueValue && !props.disabled,
-                    // Active and Enabled
-                    'bg-primary-400 ring-transparent': props.modelValue == props.trueValue && !props.disabled,
-                    // Active and Disabled
-                    'bg-primary-100 ring-transparent': props.modelValue == props.trueValue && props.disabled,
-                    // Inactive and Disabled
-                    'bg-general-100 ring-general-100': props.modelValue !== props.trueValue && props.disabled,
+                    'border-primary-200': props.modelValue !== props.trueValue && !props.disabled,
+                    'border-transparent': props.modelValue == props.trueValue,
                 },
-                // TriState colors
-                props.triState && {
-                    '!bg-danger-500 before:!bg-white !ring-transparent': props.modelValue == props.falseValue && !props.disabled,
-                    '!bg-success-500 before:!bg-white !ring-transparent': props.modelValue == props.trueValue && !props.disabled,
+                {
+                    'bg-white': props.modelValue !== props.trueValue && !props.disabled,
+                    'bg-primary-500': props.modelValue == props.trueValue && !props.disabled,
+                    'bg-primary-100': props.modelValue == props.trueValue && props.disabled,
+                    'bg-general-100': props.modelValue !== props.trueValue && props.disabled,
                 },
                 // States
-                'peer-focus-visible:!outline peer-focus-visible:!outline-offset-0 peer-focus-visible:!outline-primary-400/[5%]',
+                'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-500',
                 // Transition
                 'transition-colors duration-200',
                 // Misc
@@ -91,10 +82,12 @@ exports.default = {
                 'm-0',
                 // Shape
                 'rounded',
+                'border',
                 // Shape
                 'opacity-0',
                 'rounded-md',
                 'outline-none',
+                'border-2 border-surface-300',
                 // Misc
                 'appearance-none',
                 {
@@ -104,25 +97,4 @@ exports.default = {
             ],
         });
     },
-    label: {
-        class: [
-            'relative',
-            'w-max h-max items-start cursor-pointer',
-            'flex items-start select-none text-xs font-normal',
-            'text-grayscale-900',
-            'shrink-0',
-            // Alignment
-            'inline-flex',
-            'align-bottom',
-            // Transitions
-            'transition-all',
-            'duration-200',
-        ],
-    },
-    labeltext: {
-        class: 'ml-1 leading-4',
-    },
-    tooltipicon: {
-        class: 'text-grayscale-900 w-[10px] h-[10px]',
-    },
 };

package/fixedasset/multiselect/index.d.ts

@@ -16,57 +16,23 @@ declare namespace _default {
         props: any;
     }): {
         class: (string | {
+            '!leading-5': boolean;
+            'text-general-200'?: undefined;
+            'text-grayscale-900'?: undefined;
+        } | {
             'text-general-200': boolean;
             'text-grayscale-900': any;
+            '!leading-5'?: undefined;
         })[];
     };
-    export let token: {
-        class: (string | {
-            'text-general-400 bg-general-100': any;
-            'text-success-500 bg-success-100': boolean;
-            'text-primary-500 bg-primary-50': boolean;
-            'text-grayscale-800 bg-grayscale-200': boolean;
-            'text-warning-600 bg-warning-100': boolean;
-            'text-danger-600 bg-danger-100': boolean;
-        })[];
-        'data-wv-name': string;
-        'data-wv-section': string;
-    };
-    export let tokenLabel: {
-        class: (string | {
-            'caret-primary-700': any;
-            'cursor-default': boolean;
-        })[];
-    };
-    export let removeTokenIcon: {
-        class: (string | {
-            'text-primary-500': boolean;
-            'text-success-500': boolean;
-            'text-danger-600': boolean;
-            'text-warning-600': boolean;
-            'text-grayscale-800 hover:bg-grayscale-300': boolean;
-            'text-general-400': any;
-        })[];
-        'icon-class': string;
-        'data-wv-section': string;
-    };
-    export namespace loadingplaceholder {
-        let _class_1: string;
+    export namespace token {
+        let _class_1: string[];
         export { _class_1 as class };
     }
-    export namespace loadingicon {
-        let _class_2: string;
+    export namespace removeTokenIcon {
+        let _class_2: string[];
         export { _class_2 as class };
-        export let icon: string;
     }
-    export function dropdownicon({ state }: {
-        state: any;
-    }): {
-        class: (string | {
-            'rotate-180': any;
-        })[];
-        icon: string;
-    };
     export namespace trigger {
         let _class_3: string[];
         export { _class_3 as class };
@@ -189,60 +155,60 @@ declare namespace _default {
         context: any;
     }): {
         class: (string | {
-            'text-general-800': boolean;
-            'text-general-400'?: undefined;
-            'bg-primary-50'?: undefined;
-            'text-primary-500'?: undefined;
-            'text-general-900'?: undefined;
+            '!font-medium': any;
+            'text-surface-600'?: undefined;
+            'bg-primary-50 text-surface-700'?: undefined;
+            'bg-primary-50 text-primary-500'?: undefined;
+            'text-surface-700'?: undefined;
             'pointer-events-none cursor-default'?: undefined;
             'cursor-pointer'?: undefined;
         } | {
-            'text-general-400': any;
-            'text-general-800'?: undefined;
-            'bg-primary-50'?: undefined;
-            'text-primary-500'?: undefined;
-            'text-general-900'?: undefined;
+            'text-surface-600': any;
+            '!font-medium'?: undefined;
+            'bg-primary-50 text-surface-700'?: undefined;
+            'bg-primary-50 text-primary-500'?: undefined;
+            'text-surface-700'?: undefined;
             'pointer-events-none cursor-default'?: undefined;
             'cursor-pointer'?: undefined;
         } | {
-            'bg-primary-50': any;
-            'text-general-800'?: undefined;
-            'text-general-400'?: undefined;
-            'text-primary-500'?: undefined;
-            'text-general-900'?: undefined;
+            'bg-primary-50 text-surface-700': boolean;
+            '!font-medium'?: undefined;
+            'text-surface-600'?: undefined;
+            'bg-primary-50 text-primary-500'?: undefined;
+            'text-surface-700'?: undefined;
             'pointer-events-none cursor-default'?: undefined;
             'cursor-pointer'?: undefined;
         } | {
-            'text-primary-500': any;
-            'text-general-800'?: undefined;
-            'text-general-400'?: undefined;
-            'bg-primary-50'?: undefined;
-            'text-general-900'?: undefined;
+            'bg-primary-50 text-primary-500': any;
+            '!font-medium'?: undefined;
+            'text-surface-600'?: undefined;
+            'bg-primary-50 text-surface-700'?: undefined;
+            'text-surface-700'?: undefined;
             'pointer-events-none cursor-default'?: undefined;
             'cursor-pointer'?: undefined;
         } | {
-            'text-general-900': any;
-            'text-general-800'?: undefined;
-            'text-general-400'?: undefined;
-            'bg-primary-50'?: undefined;
-            'text-primary-500'?: undefined;
+            'text-surface-700': any;
+            '!font-medium'?: undefined;
+            'text-surface-600'?: undefined;
+            'bg-primary-50 text-surface-700'?: undefined;
+            'bg-primary-50 text-primary-500'?: undefined;
             'pointer-events-none cursor-default'?: undefined;
             'cursor-pointer'?: undefined;
         } | {
             'pointer-events-none cursor-default': any;
-            'text-general-800'?: undefined;
-            'text-general-400'?: undefined;
-            'bg-primary-50'?: undefined;
-            'text-primary-500'?: undefined;
-            'text-general-900'?: undefined;
+            '!font-medium'?: undefined;
+            'text-surface-600'?: undefined;
+            'bg-primary-50 text-surface-700'?: undefined;
+            'bg-primary-50 text-primary-500'?: undefined;
+            'text-surface-700'?: undefined;
             'cursor-pointer'?: undefined;
         } | {
             'cursor-pointer': boolean;
-            'text-general-800'?: undefined;
-            'text-general-400'?: undefined;
-            'bg-primary-50'?: undefined;
-            'text-primary-500'?: undefined;
-            'text-general-900'?: undefined;
+            '!font-medium'?: undefined;
+            'text-surface-600'?: undefined;
+            'bg-primary-50 text-surface-700'?: undefined;
+            'bg-primary-50 text-primary-500'?: undefined;
+            'text-surface-700'?: undefined;
             'pointer-events-none cursor-default'?: undefined;
         })[];
     };
@@ -265,8 +231,6 @@ declare namespace _default {
     export namespace filtericon {
         let _class_15: string[];
         export { _class_15 as class };
-        let icon_1: string;
-        export { icon_1 as icon };
     }
     export namespace clearicon {
         let _class_16: string[];