@fewangsit/wangsvue-presets 1.0.81-alpha.0 → 1.0.81-alpha.1

package/wangsvue/tristatecheckbox/index.js

@@ -1,106 +1,128 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    root: {
-        class: [
-            'relative',
-            'w-4 h-4',
-            // Alignment
-            'inline-flex',
-            'align-bottom',
-            // Transitions
-            'transition-all',
-            'duration-200',
-        ],
-    },
-    box: function (_a) {
-        var props = _a.props, context = _a.context;
-        return ({
-            class: [
-                // Alignment
-                'flex',
-                'items-center',
-                'justify-center',
-                // Size
-                'w-full',
-                'h-full',
-                // Shape
-                'rounded',
-                'border-2',
-                // Colors
-                'text-surface-0',
-                {
-                    'border-general-100 bg-surface-0': !context.active && !props.disabled,
-                    'border-primary-500 bg-primary-500': context.active && !props.disabled,
-                },
-                {
-                    'ring-2 ring-primary-500': !props.disabled && context.focused,
-                    'cursor-default': props.disabled,
-                },
-                // States
-                {
-                    'peer-focus-visible:ring-2 peer-focus-visible:ring-offset-1 peer-focus-visible:ring-primary': !props.disabled,
-                    'cursor-default bg-general-50 border-general-200': props.disabled && !context.active,
-                    'bg-general-200 border-general-200': props.disabled && context.active,
-                },
-                // Transitions
-                'transition-colors',
-                'duration-200',
-            ],
-        });
-    },
-    input: {
-        class: [
-            'peer',
-            // Size
-            'w-full ',
-            'h-full',
-            // Position
-            'absolute',
-            'top-0 left-0',
-            'z-10',
-            // Spacing
-            'p-0',
-            'm-0',
-            // Shape
-            'rounded',
-            'border',
-            // Shape
-            'opacity-0',
-            'rounded-md',
-            'outline-none',
-            'border-2 border-surface-300',
-            // Misc
-            'appareance-none',
-            'cursor-pointer',
-        ],
-    },
-    checkicon: {
-        class: [
-            // Font
-            'text-normal',
-            // Size
-            'w-3',
-            'h-3',
-            // Colors
-            'text-surface-0',
-            // Transitions
-            'transition-all',
-            'duration-200',
-        ],
-    },
-    uncheckicon: {
-        class: [
-            // Font
-            'text-normal',
-            // Size
-            'w-3',
-            'h-3',
-            // Colors
-            'text-surface-0',
-            // Transitions
-            'transition-all',
-            'duration-200',
-        ],
-    },
-};
+export default {
+  root: {
+    class: [
+      'relative',
+
+      'w-4 h-4',
+
+      // Alignment
+      'inline-flex',
+      'align-bottom',
+
+      // Transitions
+      'transition-all',
+      'duration-200',
+    ],
+  },
+  box: ({ props, context }) => ({
+    class: [
+      // Alignment
+      'flex',
+      'items-center',
+      'justify-center',
+
+      // Size
+      'w-full',
+      'h-full',
+
+      // Shape
+      'rounded',
+      'border-2',
+
+      // Colors
+      'text-surface-0',
+      {
+        'border-general-100 bg-surface-0':
+          !context.active && !props.disabled,
+        'border-primary-500 bg-primary-500':
+          context.active && !props.disabled,
+      },
+
+      {
+        'ring-2 ring-primary-500':
+          !props.disabled && context.focused,
+        'cursor-default': props.disabled,
+      },
+
+      // States
+      {
+        'peer-focus-visible:ring-2 peer-focus-visible:ring-offset-1 peer-focus-visible:ring-primary':
+          !props.disabled,
+        'cursor-default bg-general-50 border-general-200':
+          props.disabled && !context.active,
+        'bg-general-200 border-general-200':
+          props.disabled && context.active,
+      },
+
+      // Transitions
+      'transition-colors',
+      'duration-200',
+    ],
+  }),
+  input: {
+    class: [
+      'peer',
+
+      // Size
+      'w-full ',
+      'h-full',
+
+      // Position
+      'absolute',
+      'top-0 left-0',
+      'z-10',
+
+      // Spacing
+      'p-0',
+      'm-0',
+
+      // Shape
+      'rounded',
+      'border',
+
+      // Shape
+      'opacity-0',
+      'rounded-md',
+      'outline-none',
+      'border-2 border-surface-300',
+
+      // Misc
+      'appareance-none',
+      'cursor-pointer',
+    ],
+  },
+  checkicon: {
+    class: [
+      // Font
+      'text-normal',
+
+      // Size
+      'w-3',
+      'h-3',
+
+      // Colors
+      'text-surface-0',
+
+      // Transitions
+      'transition-all',
+      'duration-200',
+    ],
+  },
+  uncheckicon: {
+    class: [
+      // Font
+      'text-normal',
+
+      // Size
+      'w-3',
+      'h-3',
+
+      // Colors
+      'text-surface-0',
+
+      // Transitions
+      'transition-all',
+      'duration-200',
+    ],
+  },
+};

package/wangsvue/validatormessage/index.js

@@ -1,9 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    root: {
-        'class': ['!mt-0 text-danger-500 text-xs font-light'],
-        'data-wv-name': 'validatormessage',
-        'data-wv-section': 'root',
-    },
-};
+export default {
+  root: {
+    'class': ['!mt-0 text-danger-500 text-xs font-light'],
+    'data-wv-name': 'validatormessage',
+    'data-wv-section': 'root',
+  },
+};

package/wangsvue/workcalendar/index.js

@@ -1,36 +1,27 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    next: function (_a) {
-        var context = _a.context;
-        return ({
-            class: [
-                'text-2xl text-general-900',
-                { '!text-general-300 pointer-events-none': context.disableNextButton },
-            ],
-        });
-    },
-    prev: function (_a) {
-        var context = _a.context;
-        return ({
-            class: [
-                'text-2xl text-general-900 rotate-180',
-                { '!text-general-300 pointer-events-none': context.disablePrevButton },
-            ],
-        });
-    },
-    daylabel: function (_a) {
-        var context = _a.context;
-        return ({
-            class: [
-                'flex items-center justify-center w-12 h-12 focus:outline-none focus-visible:outline-none cursor-pointer',
-                {
-                    'hidden': context.day.isOtherMonth,
-                    'text-white !rounded-full focus:outline-none focus-visible:outline-none cursor-pointer': context.day.isWorkDay || context.day.isNationalHoliday,
-                    'bg-danger-500 hover:bg-danger-500/90': context.day.state === 'holiday',
-                    'bg-primary-1000 hover:bg-primary-1000/90': context.day.state === 'workday',
-                },
-            ],
-        });
-    },
-};
+export default {
+  next: ({ context }) => ({
+    class: [
+      'text-2xl text-general-900',
+      { '!text-general-300 pointer-events-none': context.disableNextButton },
+    ],
+  }),
+  prev: ({ context }) => ({
+    class: [
+      'text-2xl text-general-900 rotate-180',
+      { '!text-general-300 pointer-events-none': context.disablePrevButton },
+    ],
+  }),
+  daylabel: ({ context }) => ({
+    class: [
+      'flex items-center justify-center w-12 h-12 focus:outline-none focus-visible:outline-none cursor-pointer',
+      {
+        'hidden': context.day.isOtherMonth,
+        'text-white !rounded-full focus:outline-none focus-visible:outline-none cursor-pointer':
+          context.day.isWorkDay || context.day.isNationalHoliday,
+        'bg-danger-500 hover:bg-danger-500/90': context.day.state === 'holiday',
+        'bg-primary-1000 hover:bg-primary-1000/90':
+          context.day.state === 'workday',
+      },
+    ],
+  }),
+};

package/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.wangsvue = void 0;
-var wangsvue_1 = require("./wangsvue");
-Object.defineProperty(exports, "wangsvue", { enumerable: true, get: function () { return wangsvue_1.default; } });

package/wangsvue/accordion/index.d.ts

@@ -1,37 +0,0 @@
-declare namespace _default {
-    namespace accordiontab {
-        function header({ props }: {
-            props: any;
-        }): {
-            class: (string | {
-                'select-none pointer-events-none cursor-default opacity-60': any;
-            })[];
-        };
-        function headerAction({ context }: {
-            context: any;
-        }): {
-            class: string[];
-        };
-        namespace headerIcon {
-            let _class: string;
-            export { _class as class };
-        }
-        namespace headerTitle {
-            let _class_1: string;
-            export { _class_1 as class };
-        }
-        namespace content {
-            let _class_2: string[];
-            export { _class_2 as class };
-        }
-        namespace transition {
-            let enterFromClass: string;
-            let enterActiveClass: string;
-            let enterToClass: string;
-            let leaveFromClass: string;
-            let leaveActiveClass: string;
-            let leaveToClass: string;
-        }
-    }
-}
-export default _default;

package/wangsvue/autocomplete/index.d.ts

@@ -1,188 +0,0 @@
-declare namespace _default {
-    function root({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'w-full': any;
-            'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
-        } | {
-            'opacity-60 select-none pointer-events-none cursor-default': any;
-            'w-full'?: undefined;
-        })[];
-    };
-    function container({ props, state }: {
-        props: any;
-        state: any;
-    }): {
-        class: (string | {
-            'px-3 py-1.5': boolean;
-            'px-3 py-1': any;
-            'ring-1 ring-inset ring-surface-300'?: undefined;
-            'ring-2 ring-primary-500'?: undefined;
-        } | {
-            'ring-1 ring-inset ring-surface-300': boolean;
-            'ring-2 ring-primary-500': any;
-            'px-3 py-1.5'?: undefined;
-            'px-3 py-1'?: undefined;
-        })[];
-    };
-    function inputtoken({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'py-1.5 px-0': boolean;
-            'p-0.5': any;
-        })[];
-    };
-    function input({ props }: {
-        props: any;
-    }): {
-        class: (string | {
-            'rounded-tr-none rounded-br-none': any;
-            'outline-none shadow-none rounded-none'?: undefined;
-            'w-full'?: undefined;
-            'py-1.5 px-3'?: undefined;
-            'p-0'?: undefined;
-            'bg-surface-0'?: undefined;
-            'border border-surface-300'?: undefined;
-            'border-0 bg-transparent'?: undefined;
-            'focus:outline-none focus:outline-offset-0 focus:ring-inset focus:ring-2 focus:ring-primary-500'?: undefined;
-        } | {
-            'outline-none shadow-none rounded-none': any;
-            'rounded-tr-none rounded-br-none'?: undefined;
-            'w-full'?: undefined;
-            'py-1.5 px-3'?: undefined;
-            'p-0'?: undefined;
-            'bg-surface-0'?: undefined;
-            'border border-surface-300'?: undefined;
-            'border-0 bg-transparent'?: undefined;
-            'focus:outline-none focus:outline-offset-0 focus:ring-inset focus:ring-2 focus:ring-primary-500'?: undefined;
-        } | {
-            'w-full': any;
-            'rounded-tr-none rounded-br-none'?: undefined;
-            'outline-none shadow-none rounded-none'?: undefined;
-            'py-1.5 px-3'?: undefined;
-            'p-0'?: undefined;
-            'bg-surface-0'?: undefined;
-            'border border-surface-300'?: undefined;
-            'border-0 bg-transparent'?: undefined;
-            'focus:outline-none focus:outline-offset-0 focus:ring-inset focus:ring-2 focus:ring-primary-500'?: undefined;
-        } | {
-            'py-1.5 px-3': boolean;
-            'p-0': any;
-            'rounded-tr-none rounded-br-none'?: undefined;
-            'outline-none shadow-none rounded-none'?: undefined;
-            'w-full'?: undefined;
-            'bg-surface-0'?: undefined;
-            'border border-surface-300'?: undefined;
-            'border-0 bg-transparent'?: undefined;
-            'focus:outline-none focus:outline-offset-0 focus:ring-inset focus:ring-2 focus:ring-primary-500'?: undefined;
-        } | {
-            'bg-surface-0': boolean;
-            'border border-surface-300': boolean;
-            'border-0 bg-transparent': any;
-            'rounded-tr-none rounded-br-none'?: undefined;
-            'outline-none shadow-none rounded-none'?: undefined;
-            'w-full'?: undefined;
-            'py-1.5 px-3'?: undefined;
-            'p-0'?: undefined;
-            'focus:outline-none focus:outline-offset-0 focus:ring-inset focus:ring-2 focus:ring-primary-500'?: undefined;
-        } | {
-            'focus:outline-none focus:outline-offset-0 focus:ring-inset focus:ring-2 focus:ring-primary-500': boolean;
-            'rounded-tr-none rounded-br-none'?: undefined;
-            'outline-none shadow-none rounded-none'?: undefined;
-            'w-full'?: undefined;
-            'py-1.5 px-3'?: undefined;
-            'p-0'?: undefined;
-            'bg-surface-0'?: undefined;
-            'border border-surface-300'?: undefined;
-            'border-0 bg-transparent'?: undefined;
-        })[];
-    };
-    namespace token {
-        let _class: string[];
-        export { _class as class };
-    }
-    namespace label {
-        let _class_1: string;
-        export { _class_1 as class };
-    }
-    namespace removeTokenIcon {
-        let _class_2: string[];
-        export { _class_2 as class };
-    }
-    namespace dropdownbutton {
-        export namespace root_1 {
-            let _class_3: string[];
-            export { _class_3 as class };
-        }
-        export { root_1 as root };
-    }
-    namespace loadingicon {
-        let _class_4: string[];
-        export { _class_4 as class };
-    }
-    namespace panel {
-        let _class_5: string[];
-        export { _class_5 as class };
-    }
-    namespace list {
-        let _class_6: string;
-        export { _class_6 as class };
-    }
-    function item({ context }: {
-        context: any;
-    }): {
-        class: (string | {
-            'font-normal': boolean;
-            'font-bold': any;
-            'text-surface-700/80'?: undefined;
-            'bg-surface-200 text-surface-700/80'?: undefined;
-            'bg-primary-500 text-white'?: undefined;
-            'bg-transparent text-surface-700/80'?: undefined;
-        } | {
-            'text-surface-700/80': boolean;
-            'font-normal'?: undefined;
-            'font-bold'?: undefined;
-            'bg-surface-200 text-surface-700/80'?: undefined;
-            'bg-primary-500 text-white'?: undefined;
-            'bg-transparent text-surface-700/80'?: undefined;
-        } | {
-            'bg-surface-200 text-surface-700/80': boolean;
-            'font-normal'?: undefined;
-            'font-bold'?: undefined;
-            'text-surface-700/80'?: undefined;
-            'bg-primary-500 text-white'?: undefined;
-            'bg-transparent text-surface-700/80'?: undefined;
-        } | {
-            'bg-primary-500 text-white': any;
-            'font-normal'?: undefined;
-            'font-bold'?: undefined;
-            'text-surface-700/80'?: undefined;
-            'bg-surface-200 text-surface-700/80'?: undefined;
-            'bg-transparent text-surface-700/80'?: undefined;
-        } | {
-            'bg-transparent text-surface-700/80': any;
-            'font-normal'?: undefined;
-            'font-bold'?: undefined;
-            'text-surface-700/80'?: undefined;
-            'bg-surface-200 text-surface-700/80'?: undefined;
-            'bg-primary-500 text-white'?: undefined;
-        })[];
-    };
-    namespace itemgroup {
-        let _class_7: string[];
-        export { _class_7 as class };
-    }
-    namespace emptymessage {
-        let _class_8: string[];
-        export { _class_8 as class };
-    }
-    namespace transition {
-        let enterFromClass: string;
-        let enterActiveClass: string;
-        let leaveActiveClass: string;
-        let leaveToClass: string;
-    }
-}
-export default _default;

package/wangsvue/avatar/index.d.ts

@@ -1,85 +0,0 @@
-declare namespace _default {
-    function root({ props, parent }: {
-        props: any;
-        parent: any;
-    }): {
-        class: (string | {
-            'text-sm': boolean;
-            'text-lg': boolean;
-            'text-xl': boolean;
-            'h-[30px] w-[30px]'?: undefined;
-            'w-12 h-12'?: undefined;
-            'w-16 h-16'?: undefined;
-            '-ml-4'?: undefined;
-            'rounded-lg'?: undefined;
-            'rounded-full'?: undefined;
-            'border-[0.5px]'?: undefined;
-            'border-gray-100'?: undefined;
-        } | {
-            'h-[30px] w-[30px]': boolean;
-            'w-12 h-12': boolean;
-            'w-16 h-16': boolean;
-            'text-sm'?: undefined;
-            'text-lg'?: undefined;
-            'text-xl'?: undefined;
-            '-ml-4'?: undefined;
-            'rounded-lg'?: undefined;
-            'rounded-full'?: undefined;
-            'border-[0.5px]'?: undefined;
-            'border-gray-100'?: undefined;
-        } | {
-            '-ml-4': boolean;
-            'text-sm'?: undefined;
-            'text-lg'?: undefined;
-            'text-xl'?: undefined;
-            'h-[30px] w-[30px]'?: undefined;
-            'w-12 h-12'?: undefined;
-            'w-16 h-16'?: undefined;
-            'rounded-lg'?: undefined;
-            'rounded-full'?: undefined;
-            'border-[0.5px]'?: undefined;
-            'border-gray-100'?: undefined;
-        } | {
-            'rounded-lg': boolean;
-            'rounded-full': boolean;
-            'text-sm'?: undefined;
-            'text-lg'?: undefined;
-            'text-xl'?: undefined;
-            'h-[30px] w-[30px]'?: undefined;
-            'w-12 h-12'?: undefined;
-            'w-16 h-16'?: undefined;
-            '-ml-4'?: undefined;
-            'border-[0.5px]'?: undefined;
-            'border-gray-100'?: undefined;
-        } | {
-            'border-[0.5px]': boolean;
-            'text-sm'?: undefined;
-            'text-lg'?: undefined;
-            'text-xl'?: undefined;
-            'h-[30px] w-[30px]'?: undefined;
-            'w-12 h-12'?: undefined;
-            'w-16 h-16'?: undefined;
-            '-ml-4'?: undefined;
-            'rounded-lg'?: undefined;
-            'rounded-full'?: undefined;
-            'border-gray-100'?: undefined;
-        } | {
-            'border-gray-100': boolean;
-            'text-sm'?: undefined;
-            'text-lg'?: undefined;
-            'text-xl'?: undefined;
-            'h-[30px] w-[30px]'?: undefined;
-            'w-12 h-12'?: undefined;
-            'w-16 h-16'?: undefined;
-            '-ml-4'?: undefined;
-            'rounded-lg'?: undefined;
-            'rounded-full'?: undefined;
-            'border-[0.5px]'?: undefined;
-        })[];
-    };
-    namespace image {
-        let _class: string;
-        export { _class as class };
-    }
-}
-export default _default;

package/wangsvue/avatargroup/index.d.ts

@@ -1,8 +0,0 @@
-declare namespace _default {
-    let root: {
-        class: string;
-        'data-wv-name': string;
-        'data-wv-section': string;
-    };
-}
-export default _default;