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

package/wangsvue/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/wangsvue/inputnumber/index.js

@@ -1,7 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var inputclass = 'text-xs font-normal leading-[22px]';
-var inputheight = 'h-[30px]';
 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-normal',
-                    context.disabled ? 'text-general-200' : 'text-grayscale-900',
+                    '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-grayscale-900',
-                {
-                    '!text-general-200': props.disabled,
-                },
-            ],
-        });
-    },
-    decrementicon: function (_a) {
-        var props = _a.props;
-        return ({
-            class: [
-                '!text-base text-grayscale-900',
-                {
-                    '!text-general-200': props.disabled,
-                },
-            ],
-        });
-    },
 };

package/wangsvue/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/wangsvue/inputphonenumber/index.js

@@ -10,7 +10,6 @@ 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 [
@@ -26,21 +25,10 @@ var commonClasses = function (_a) {
 };
 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/wangsvue/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/{fixedasset/toggleswitch → wangsvue/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,40 +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-general-100': props.modelValue !== props.trueValue,
-                    // Inactive and Enabled
-                    'bg-white ring-general-100': props.modelValue !== props.trueValue && !props.disabled,
-                    // Active and Enabled
-                    'bg-primary-500 ring-transparent': props.modelValue == props.trueValue && !props.disabled,
-                    // Active and Disabled
-                    'bg-general-200  ring-transparent': props.modelValue == props.trueValue && props.disabled,
-                    // Inactive and Disabled
-                    'bg-general-200 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-500/[5%]',
+                'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-500',
                 // Transition
                 'transition-colors duration-200',
                 // Misc
@@ -90,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',
                 {
@@ -103,25 +97,4 @@ exports.default = {
             ],
         });
     },
-    label: {
-        class: [
-            'relative',
-            'w-max h-max items-start cursor-pointer',
-            'flex items-start select-none text-xs tracking-[0.02em] font-medium',
-            'text-general-800',
-            'shrink-0',
-            // Alignment
-            'inline-flex',
-            'align-bottom',
-            // Transitions
-            'transition-all',
-            'duration-200',
-        ],
-    },
-    labeltext: {
-        class: 'ml-1 leading-4',
-    },
-    tooltipicon: {
-        class: 'text-primary-500 w-[10px] h-[10px]',
-    },
 };

package/wangsvue/multiselect/index.d.ts

@@ -25,60 +25,14 @@ declare namespace _default {
             '!leading-5'?: undefined;
         })[];
     };
-    export let token: {
-        class: (string | {
-            '!text-general-400 !bg-general-100': any;
-            'text-success-800 bg-success-100': boolean;
-            'text-primary-800 bg-primary-200': boolean;
-            'text-grayscale-900 bg-grayscale-500': boolean;
-            'text-warning-600 bg-warning-100': boolean;
-            'text-danger-700 bg-danger-200': boolean;
-        })[];
-        'data-wv-name': string;
-        'data-wv-section': string;
-    };
-    export let tokenLabel: {
-        class: (string | {
-            'caret-surface-700': any;
-            'cursor-default': boolean;
-        })[];
-    };
-    export let removeTokenIcon: {
-        class: (string | {
-            '!text-primary-800': boolean;
-            '!text-success-800': boolean;
-            '!text-danger-700': boolean;
-            '!text-warning-600': boolean;
-            '!text-grayscale-900': boolean;
-            'text-general-400'?: undefined;
-        } | {
-            'text-general-400': any;
-            '!text-primary-800'?: undefined;
-            '!text-success-800'?: undefined;
-            '!text-danger-700'?: undefined;
-            '!text-warning-600'?: undefined;
-            '!text-grayscale-900'?: undefined;
-        })[];
-        '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 };
@@ -277,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[];

package/wangsvue/multiselect/index.js

@@ -20,8 +20,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var index_js_1 = require("../badge/index.js");
-var index_js_2 = require("../checkbox/index.js");
+var index_js_1 = require("../checkbox/index.js");
 exports.default = {
     root: function (_a) {
         var props = _a.props, state = _a.state;
@@ -64,31 +63,40 @@ exports.default = {
                 // Transitions
                 'transition duration-200',
                 // Misc
-                'overflow-hidden overflow-x-auto scrollbar-w-none whitespace-nowrap cursor-pointer overflow-ellipsis',
+                'overflow-hidden whitespace-nowrap cursor-pointer overflow-ellipsis',
             ],
         });
     },
-    token: index_js_1.default.root({ props: { severity: 'dark' } }),
-    tokenLabel: index_js_1.default.input({ props: {}, context: {} }),
-    removeTokenIcon: index_js_1.default.removebutton({
-        props: { badgeSeverity: 'dark' },
-    }),
-    loadingplaceholder: {
-        class: 'text-general-200 font-normal',
-    },
-    loadingicon: {
-        class: 'text-xs animate-spin duration-200 !text-general-500',
-        icon: 'spinner',
+    token: {
+        class: [
+            // Flexbox
+            'inline-flex items-center gap-1',
+            // Spacing
+            'py-1 px-2',
+            // Shape
+            'rounded-[50px]',
+            'text-xs',
+            'font-normal',
+            'leading-[12px]',
+            'tracking-[0.03em]',
+            'items-center',
+            'text-grayscale-900',
+            'bg-grayscale-500',
+        ],
     },
-    dropdownicon: function (_a) {
-        var state = _a.state;
-        return ({
-            class: [
-                'w-full h-full transition-transform !text-general-500',
-                { 'rotate-180': state.isShowOverlay },
-            ],
-            icon: 'arrow-drop-down',
-        });
+    removeTokenIcon: {
+        class: [
+            // Shape
+            'rounded-md leading-6',
+            // Spacing
+            'ml-2',
+            // Size
+            'w-4 h-4',
+            // Transition
+            'transition duration-200 ease-in-out',
+            // Misc
+            'cursor-pointer',
+        ],
     },
     trigger: {
         class: [
@@ -156,15 +164,15 @@ exports.default = {
             'select-none',
         ],
     },
-    headerCheckbox: __assign(__assign({}, index_js_2.default), { root: {
+    headerCheckbox: __assign(__assign({}, index_js_1.default), { root: {
             class: __spreadArray(__spreadArray([
                 '!mx-auto'
-            ], index_js_2.default.root.class, true), [
+            ], index_js_1.default.root.class, true), [
                 '[&:not(:has(svg))_[data-pc-section=box]]:!bg-primary-400',
                 '[&:not(:has(svg))_[data-pc-section=box]]:!border-white',
             ], false),
         } }),
-    itemCheckbox: index_js_2.default,
+    itemCheckbox: index_js_1.default,
     closeButton: {
         class: ['hidden'],
     },
@@ -285,8 +293,7 @@ exports.default = {
         ],
     },
     filtericon: {
-        class: ['text-xs w-6 h-6'],
-        icon: 'search-line',
+        class: ['absolute', 'top-1/2 right-3', '-mt-2'],
     },
     clearicon: {
         class: [