@fewangsit/wangsvue-presets 1.0.107 → 1.0.108-alpha.1

package/fixedasset/inlinemessage/index.d.ts

@@ -3,9 +3,9 @@ declare namespace _default {
         props: any;
     }): {
         class: (string | {
-            'bg-success-50 text-success-500': boolean;
-            'bg-danger-50 text-danger-500': boolean;
-            'bg-grayscale-50 text-general-800': boolean;
+            'bg-success-50 dark:bg-success-50 text-success-500 dark:text-success-600': boolean;
+            'bg-danger-50 dark:bg-danger-50 text-danger-500 dark:text-danger-600': boolean;
+            'bg-grayscale-50 dark:bg-grayscale-800 text-general-800 dark:text-general-50': boolean;
         })[];
         'data-wv-name': string;
         'data-wv-section': string;
@@ -14,7 +14,7 @@ declare namespace _default {
         props: any;
     }): {
         class: (string | {
-            'animate-spin duration-200 text-general-100': any;
+            'animate-spin duration-200 text-general-100 dark:text-general-400': any;
         })[];
         'data-wv-section': string;
     };

package/fixedasset/inlinemessage/index.js

@@ -8,9 +8,9 @@ exports.default = {
                 'rounded-md p-3',
                 'w-full',
                 {
-                    'bg-success-50 text-success-500': props.severity == 'success',
-                    'bg-danger-50 text-danger-500': props.severity == 'danger',
-                    'bg-grayscale-50 text-general-800': props.severity == 'secondary',
+                    'bg-success-50 dark:bg-success-50 text-success-500 dark:text-success-600': props.severity == 'success',
+                    'bg-danger-50 dark:bg-danger-50 text-danger-500 dark:text-danger-600': props.severity == 'danger',
+                    'bg-grayscale-50 dark:bg-grayscale-800 text-general-800 dark:text-general-50': props.severity == 'secondary',
                 },
             ],
             'data-wv-name': 'inlinemessage',
@@ -22,7 +22,9 @@ exports.default = {
         return ({
             'class': [
                 'w-4 h-4 !cursor-auto',
-                { 'animate-spin duration-200 text-general-100': props.loading },
+                {
+                    'animate-spin duration-200 text-general-100 dark:text-general-400': props.loading,
+                },
             ],
             'data-wv-section': 'messageicon',
         });

package/fixedasset/inputbadge/index.d.ts

@@ -5,27 +5,27 @@ declare namespace _default {
         class: (string | {
             'ring-[1px]': boolean;
             'ring-[0.5px]': boolean;
-            '!ring-danger-500 !dark:ring-danger-500'?: undefined;
-            '!ring-general-200 !dark:ring-general-200'?: undefined;
+            '!ring-danger-500 !dark:ring-danger-300'?: undefined;
+            '!ring-general-200 !dark:ring-grayscale-600'?: undefined;
             'pointer-events-none'?: undefined;
         } | {
-            '!ring-danger-500 !dark:ring-danger-500': any;
+            '!ring-danger-500 !dark:ring-danger-300': any;
             'ring-[1px]'?: undefined;
             'ring-[0.5px]'?: undefined;
-            '!ring-general-200 !dark:ring-general-200'?: undefined;
+            '!ring-general-200 !dark:ring-grayscale-600'?: undefined;
             'pointer-events-none'?: undefined;
         } | {
-            '!ring-general-200 !dark:ring-general-200': boolean;
+            '!ring-general-200 !dark:ring-grayscale-600': boolean;
             'ring-[1px]'?: undefined;
             'ring-[0.5px]'?: undefined;
-            '!ring-danger-500 !dark:ring-danger-500'?: undefined;
+            '!ring-danger-500 !dark:ring-danger-300'?: undefined;
             'pointer-events-none'?: undefined;
         } | {
             'pointer-events-none': any;
             'ring-[1px]'?: undefined;
             'ring-[0.5px]'?: undefined;
-            '!ring-danger-500 !dark:ring-danger-500'?: undefined;
-            '!ring-general-200 !dark:ring-general-200'?: undefined;
+            '!ring-danger-500 !dark:ring-danger-300'?: undefined;
+            '!ring-general-200 !dark:ring-grayscale-600'?: undefined;
         })[];
     };
     function input({ context, parent, props }: {
@@ -36,10 +36,10 @@ declare namespace _default {
         class: (string | {
             'max-h-[43px]': any;
             'outline-none'?: undefined;
-            '!text-general-200 select-none pointer-events-none cursor-default'?: undefined;
+            '!text-general-200 dark:!text-grayscale-500 select-none pointer-events-none cursor-default'?: undefined;
         } | {
             'outline-none': boolean;
-            '!text-general-200 select-none pointer-events-none cursor-default': any;
+            '!text-general-200 dark:!text-grayscale-500 select-none pointer-events-none cursor-default': any;
             'max-h-[43px]'?: undefined;
         } | {
             'placeholder:text-transparent': any;

package/fixedasset/inputbadge/index.js

@@ -27,8 +27,8 @@ exports.default = {
                     '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 },
+                { '!ring-danger-500 !dark:ring-danger-300': context.invalidInput },
+                { '!ring-general-200 !dark:ring-grayscale-600': !context.invalidInput },
                 { 'pointer-events-none': context.disabled },
             ],
         });
@@ -42,15 +42,15 @@ exports.default = {
                 parent: parent,
             }).class, true), [
                 'outline-none !w-full !bg-transparent !p-0 !shadow-none h-max !leading-4 min-w-[70px]',
-                { 'placeholder:text-transparent': context.showPlaceholder },
-                'focus:placeholder:text-general-200',
+                { 'placeholder:text-transparent': context.showPlaceholder }, // TODO: Doesn't work on dark mode
+                'focus:placeholder:text-general-200 dark:focus:placeholder:text-general-600',
             ], false),
         });
     },
     erroricon: {
-        class: ['mr-1 text-warning-600 text-base'],
+        class: ['mr-1 text-warning-600 dark:text-warning-800 text-base'],
     },
     erroroverlaypanel: {
-        class: ['px-3 py-1 text-[12px] text-general-800'],
+        class: ['px-3 py-1 text-[12px] text-general-800 dark:text-general-50'],
     },
 };

package/fixedasset/inputcurrency/index.d.ts

@@ -1,11 +1,12 @@
-declare namespace _default {
+export default definePreset;
+declare namespace definePreset {
     function currency(ctx: any): {
         class: (string | {
             'ring-[1px]': boolean;
             'ring-[0.5px]': any;
-            '!ring-danger-500'?: undefined;
+            '!ring-danger-500 dark:!ring-danger-300'?: undefined;
         } | {
-            '!ring-danger-500': any;
+            '!ring-danger-500 dark:!ring-danger-300': any;
             'ring-[1px]'?: undefined;
             'ring-[0.5px]'?: undefined;
         })[];
@@ -15,13 +16,12 @@ declare namespace _default {
         class: (string | {
             'ring-[1px]': boolean;
             'ring-[0.5px]': any;
-            '!ring-danger-500'?: undefined;
+            '!ring-danger-500 dark:!ring-danger-300'?: undefined;
         } | {
-            '!ring-danger-500': any;
+            '!ring-danger-500 dark:!ring-danger-300': any;
             'ring-[1px]'?: undefined;
             'ring-[0.5px]'?: undefined;
         })[];
         'data-wv-section': string;
     };
 }
-export default _default;

package/fixedasset/inputcurrency/index.js

@@ -10,7 +10,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var inputphonenumber_1 = require("../inputphonenumber");
-exports.default = {
+var definePreset = {
     currency: function (ctx) { return ({
         'class': __spreadArray(__spreadArray([], (0, inputphonenumber_1.commonClasses)(ctx), true), ['!rounded-l !rounded-r-none'], false),
         'data-wv-section': 'currency',
@@ -20,3 +20,4 @@ exports.default = {
         'data-wv-section': 'value',
     }); },
 };
+exports.default = definePreset;

package/fixedasset/inputgroup/index.d.ts

@@ -1,4 +1,5 @@
-declare namespace _default {
+export default definePreset;
+declare namespace definePreset {
     function root({ props }: {
         props: any;
     }): {
@@ -6,4 +7,3 @@ declare namespace _default {
         'data-wv-section': string;
     };
 }
-export default _default;

package/fixedasset/inputgroup/index.js

@@ -5,18 +5,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * Also for InputGroupAddon
  */
 var isChromeBased = navigator.userAgent.includes('Chrome');
-exports.default = {
+var definePreset = {
     root: function (_a) {
         var props = _a.props;
         return ({
             'class': [
                 {
-                    '!ring-danger-500 [&_.inputgroupaddon]:ring-danger-500': props.invalid && props.ring !== 'none',
-                    '[&_.inputgroupaddon]:ring-general-200': !props.invalid && props.ring !== 'none',
-                    '!bg-general-50 ': props.disabled,
+                    '!ring-danger-500 [&_.inputgroupaddon]:ring-danger-500 dark:!ring-danger-300 dark:[&_.inputgroupaddon]:ring-danger-300': props.invalid && props.ring !== 'none',
+                    '[&_.inputgroupaddon]:ring-general-200 dark:[&_.inputgroupaddon]:ring-grayscale-600': !props.invalid && props.ring !== 'none',
+                    '!bg-general-50 dark:!bg-grayscale-700': props.disabled,
                 },
                 {
-                    '[&:has(:focus)]:!ring-primary-500 [&:has(:focus)_.inputgroupaddon]:!ring-primary-500': props.ring !== 'none',
+                    '[&:has(:focus)]:!ring-primary-500 [&:has(:focus)_.inputgroupaddon]:!ring-primary-500 dark:[&:has(:focus)]:!ring-primary-300 dark:[&:has(:focus)_.inputgroupaddon]:!ring-primary-300': props.ring !== 'none',
                 },
                 {
                     'ring-[1px] [&_.inputgroupaddon]:ring-[1px]': !isChromeBased && props.ring !== 'none',
@@ -26,11 +26,12 @@ exports.default = {
                 '[&:has(input)]:cursor-text',
                 'flex items-stretch',
                 'w-full',
-                'ring-inset ring-general-200 rounded',
-                'bg-white',
+                'ring-inset ring-general-200 dark:ring-grayscale-600 rounded',
+                'bg-white dark:bg-grayscale-900',
                 props.class,
             ],
             'data-wv-section': 'inputgroup',
         });
     },
 };
+exports.default = definePreset;

package/fixedasset/inputgroupaddon/index.d.ts

@@ -1,17 +1,17 @@
-declare namespace _default {
+export default definePreset;
+declare namespace definePreset {
     function root({ props }: {
         props: any;
     }): {
         class: (string | {
-            'bg-general-50': boolean;
-            '!text-general-200'?: undefined;
+            'bg-general-50 dark:bg-grayscale-700': boolean;
+            '!text-general-200 dark:!text-grayscale-500'?: undefined;
             '!px-2'?: undefined;
         } | {
-            '!text-general-200': any;
+            '!text-general-200 dark:!text-grayscale-500': any;
             '!px-2': any;
-            'bg-general-50'?: undefined;
+            'bg-general-50 dark:bg-grayscale-700'?: undefined;
         })[];
         'data-addon-variant': any;
     };
 }
-export default _default;

package/fixedasset/inputgroupaddon/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
+var definePreset = {
     root: function (_a) {
         var props = _a.props;
         return ({
@@ -19,12 +19,12 @@ exports.default = {
                 // Size
                 'w-max',
                 // Font
-                'text-general-800',
+                'text-general-800 dark:text-general-50',
                 'text-xs font-medium leading-none tracking-tight',
                 // Color
-                { 'bg-general-50': props.addonVariant !== 'plain' },
+                { 'bg-general-50 dark:bg-grayscale-700': props.addonVariant !== 'plain' },
                 {
-                    '!text-general-200': props.disabled,
+                    '!text-general-200 dark:!text-grayscale-500': props.disabled,
                     '!px-2': props.showButtons,
                 },
             ],
@@ -32,3 +32,4 @@ exports.default = {
         });
     },
 };
+exports.default = definePreset;

package/fixedasset/inputnumber/index.d.ts

@@ -1,4 +1,5 @@
-declare namespace _default {
+export default definePreset;
+declare namespace definePreset {
     function root({ props, parent }: {
         props: any;
         parent: any;
@@ -62,4 +63,3 @@ declare namespace _default {
         })[];
     };
 }
-export default _default;

package/fixedasset/inputnumber/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var inputclass = 'text-xs font-medium tracking-[0.02em] leading-[18px]';
 var inputheight = 'h-[26px]';
-exports.default = {
+var definePreset = {
     root: function (_a) {
         var props = _a.props, parent = _a.parent;
         return ({
@@ -27,8 +27,10 @@ exports.default = {
                     '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',
+                    'placeholder:text-general-200 dark:placeholder:text-general-600 placeholder:font-light',
+                    context.disabled
+                        ? 'text-general-200 dark:text-grayscale-500'
+                        : 'text-general-800 dark:text-general-50',
                 ],
             });
         },
@@ -69,7 +71,7 @@ exports.default = {
         var props = _a.props;
         return ({
             class: [
-                '!text-base text-general-500',
+                '!text-base text-general-500 dark:text-general-100',
                 {
                     '!text-general-200': props.disabled,
                 },
@@ -80,7 +82,7 @@ exports.default = {
         var props = _a.props;
         return ({
             class: [
-                '!text-base text-general-500',
+                '!text-base text-general-500 dark:text-general-100',
                 {
                     '!text-general-200': props.disabled,
                 },
@@ -88,3 +90,4 @@ exports.default = {
         });
     },
 };
+exports.default = definePreset;

package/fixedasset/inputotp/index.js

@@ -32,20 +32,19 @@ exports.default = (0, core_1.definePreset)('WANGS-INPUT-OTP', {
                     'border-0 border-y border-l last:border-r': parent.tagName == 'WANGS-INPUT-GROUP',
                 },
                 // Colors
-                'text-general-800 dark:text-general-800',
-                'placeholder:text-surface-400 dark:placeholder:text-surface-500',
-                'bg-white dark:bg-white',
+                'text-general-800 dark:text-general-50',
+                'bg-white dark:bg-grayscale-900',
                 {
                     'ring-1': navigator.userAgent.includes('Firefox'),
                     'ring-[0.5px]': !navigator.userAgent.includes('Firefox'),
                 },
-                { 'ring-general-200 dark:ring-general-200': !props.invalid },
+                { 'ring-general-200 dark:ring-grayscale-600': !props.invalid },
                 // Invalid State
-                { 'ring-danger-500 dark:ring-danger-500': props.invalid },
+                { 'ring-danger-500 dark:ring-danger-600': props.invalid },
                 // States
                 {
-                    'hover:bg-primary-50/30 hover:ring-primary-500 dark:hover:ring-primary-400': !context.disabled && !props.invalid,
-                    'focus:bg-primary-50/30 focus:ring-primary-500 dark:focus:ring-primary-400': !context.disabled && !props.invalid,
+                    'hover:bg-primary-50/30 dark:hover:bg-grayscale-800/30 hover:ring-primary-500 dark:hover:ring-primary-300': !context.disabled && !props.invalid,
+                    'focus:bg-primary-50/30 dark:focus:bg-grayscale-800/30 focus:ring-primary-500 dark:focus:ring-primary-300': !context.disabled && !props.invalid,
                     'focus:outline-none focus:outline-offset-0': !context.disabled,
                     'opacity-60 select-none pointer-events-none cursor-default': context.disabled,
                 },

package/fixedasset/inputphonenumber/index.d.ts

@@ -4,21 +4,22 @@ export function commonClasses({ isChromeBased, invalidInput }: {
 }): (string | {
     'ring-[1px]': boolean;
     'ring-[0.5px]': any;
-    '!ring-danger-500'?: undefined;
+    '!ring-danger-500 dark:!ring-danger-300'?: undefined;
 } | {
-    '!ring-danger-500': any;
+    '!ring-danger-500 dark:!ring-danger-300': any;
     'ring-[1px]'?: undefined;
     'ring-[0.5px]'?: undefined;
 })[];
-declare namespace _default {
+export default definePreset;
+declare namespace definePreset {
     namespace dialcode {
         function root(ctx: any): {
             class: (string | {
                 'ring-[1px]': boolean;
                 'ring-[0.5px]': any;
-                '!ring-danger-500'?: undefined;
+                '!ring-danger-500 dark:!ring-danger-300'?: undefined;
             } | {
-                '!ring-danger-500': any;
+                '!ring-danger-500 dark:!ring-danger-300': any;
                 'ring-[1px]'?: undefined;
                 'ring-[0.5px]'?: undefined;
             })[];
@@ -36,12 +37,11 @@ declare namespace _default {
         class: (string | {
             'ring-[1px]': boolean;
             'ring-[0.5px]': any;
-            '!ring-danger-500'?: undefined;
+            '!ring-danger-500 dark:!ring-danger-300'?: undefined;
         } | {
-            '!ring-danger-500': any;
+            '!ring-danger-500 dark:!ring-danger-300': any;
             'ring-[1px]'?: undefined;
             'ring-[0.5px]'?: undefined;
         })[];
     };
 }
-export default _default;

package/fixedasset/inputphonenumber/index.js

@@ -15,18 +15,18 @@ var commonClasses = function (_a) {
     var isChromeBased = _a.isChromeBased, invalidInput = _a.invalidInput;
     return [
         { 'ring-[1px]': !isChromeBased, 'ring-[0.5px]': isChromeBased },
-        { '!ring-danger-500': invalidInput },
+        { '!ring-danger-500 dark:!ring-danger-300': invalidInput },
         'ring-inset',
-        'ring-general-200',
+        'ring-general-200 dark:ring-grayscale-600',
         '[&:has(:focus)]:bg-none',
-        '[&:has(:focus)]:ring-primary-500',
+        '[&:has(:focus)]:ring-primary-500 dark:[&:has(:focus)]:ring-primary-300',
         '[&:has(:focus)]:ring-1',
-        'bg-white',
+        'bg-white dark:bg-grayscale-900',
         'z-[0] [&:has(:focus)]:z-[12]',
     ];
 };
 exports.commonClasses = commonClasses;
-exports.default = {
+var definePreset = {
     dialcode: {
         root: function (ctx) { return ({
             class: __spreadArray(__spreadArray([], (0, exports.commonClasses)(ctx), true), ['!rounded-l !rounded-r-none'], false),
@@ -40,8 +40,9 @@ exports.default = {
         class: __spreadArray(__spreadArray([], (0, exports.commonClasses)(ctx), true), [
             '!rounded-r !rounded-l-none -ml-[1px]',
             'focus:bg-none',
-            'focus:ring-primary-500',
+            'focus:ring-primary-500 dark:focus:ring-primary-300',
             'focus:ring-1',
         ], false),
     }); },
 };
+exports.default = definePreset;

package/fixedasset/inputtext/index.d.ts

@@ -1,4 +1,5 @@
-declare namespace _default {
+export default definePreset;
+declare namespace definePreset {
     function root({ props, context, parent }: {
         props: any;
         context: any;
@@ -7,12 +8,11 @@ declare namespace _default {
         class: (string | {
             'max-h-[43px]': any;
             'outline-none'?: undefined;
-            '!text-general-200 select-none pointer-events-none cursor-default'?: undefined;
+            '!text-general-200 dark:!text-grayscale-500 select-none pointer-events-none cursor-default'?: undefined;
         } | {
             'outline-none': boolean;
-            '!text-general-200 select-none pointer-events-none cursor-default': any;
+            '!text-general-200 dark:!text-grayscale-500 select-none pointer-events-none cursor-default': any;
             'max-h-[43px]'?: undefined;
         })[];
     };
 }
-export default _default;

package/fixedasset/inputtext/index.js

@@ -1,28 +1,29 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
+var definePreset = {
     root: function (_a) {
         var _b, _c;
         var props = _a.props, context = _a.context, parent = _a.parent;
         return ({
             class: [
-                'px-3 py-[5px] w-full bg-transparent',
+                'px-3 py-[5px] w-full bg-transparent dark:bg-transparent',
                 // Size
                 'h-max',
                 {
                     'max-h-[43px]': (_c = (_b = parent.instance) === null || _b === void 0 ? void 0 : _b.placeholder) === null || _c === void 0 ? void 0 : _c.includes('password'),
                 },
                 // Font
-                'text-general-800 text-xs tracking-[0.02em] font-medium',
-                'placeholder:text-general-200',
+                'text-general-800 dark:text-general-50 text-xs tracking-[0.02em] font-medium',
+                'placeholder:text-general-200 dark:placeholder:text-general-600',
                 'placeholder:!font-light',
                 'appearance-none',
                 // Interactions
                 {
                     'outline-none': !context.disabled,
-                    '!text-general-200 select-none pointer-events-none cursor-default': context.disabled,
+                    '!text-general-200 dark:!text-grayscale-500 select-none pointer-events-none cursor-default': context.disabled,
                 },
             ],
         });
     },
 };
+exports.default = definePreset;

package/fixedasset/loading/index.d.ts

@@ -1,3 +1,3 @@
 import { LoadingPresetOptions } from 'lib/components/loading/Loading.vue.d';
-declare const preset: LoadingPresetOptions;
-export default preset;
+declare const definePreset: LoadingPresetOptions;
+export default definePreset;

package/fixedasset/loading/index.js

@@ -1,17 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var preset = {
+var definePreset = {
     root: {
         class: [
             'w-screen h-screen fixed top-0 left-0 z-[9999999]',
-            'bg-white',
+            'bg-white dark:bg-grayscale-900',
+            'text-black dark:text-primary-50',
             'text-base',
             'flex flex-col items-center justify-center',
             'transition-opacity',
         ],
     },
     animation: {
-        class: ['w-[700px] h-auto'],
+        class: ['w-[700px] dark:w-[200px] dark:my-[150px] h-auto'],
     },
 };
-exports.default = preset;
+exports.default = definePreset;

package/fixedasset/menu/index.d.ts

@@ -1,4 +1,5 @@
-declare namespace _default {
+export default definePreset;
+declare namespace definePreset {
     namespace root {
         let _class: string[];
         export { _class as class };
@@ -32,7 +33,7 @@ declare namespace _default {
         props: any;
     }): {
         class: (string | {
-            '!text-danger-500': any;
+            '!text-danger-500 dark:!text-danger-600': any;
         })[];
     };
     namespace submenuheader {
@@ -46,4 +47,3 @@ declare namespace _default {
         let leaveToClass: string;
     }
 }
-export default _default;

package/fixedasset/menu/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
+var definePreset = {
     root: {
         class: [
             // Position
@@ -19,8 +19,8 @@ exports.default = {
             'shadow',
             'overflow-hidden',
             // Colors
-            'bg-white',
-            'text-general-800',
+            'bg-white dark:bg-grayscale-900',
+            'text-general-800 dark:text-general-100',
         ],
     },
     menu: {
@@ -64,7 +64,7 @@ exports.default = {
         class: [
             'flex items-center justify-start gap-2',
             'px-4 py-[7px]',
-            'hover:bg-primary-50/80',
+            'hover:bg-primary-50/80 dark:hover:bg-grayscale-800/80',
             'text-xs',
             // 'relative',
             // Font
@@ -91,7 +91,10 @@ exports.default = {
     label: function (_a) {
         var props = _a.props;
         return ({
-            class: ['text-inherit', { '!text-danger-500': props.danger }],
+            class: [
+                'text-inherit',
+                { '!text-danger-500 dark:!text-danger-600': props.danger },
+            ],
         });
     },
     submenuheader: {
@@ -107,3 +110,4 @@ exports.default = {
         leaveToClass: 'opacity-0',
     },
 };
+exports.default = definePreset;