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

package/fixedasset/buttonradio/index.d.ts

@@ -1,22 +1,23 @@
-declare namespace _default {
+export default definePreset;
+declare namespace definePreset {
     function root({ props, state }: {
         props: any;
         state: any;
     }): {
         class: (string | {
-            'bg-white': any;
-            'bg-general-50': boolean;
-            'ring-general-100': boolean;
-            'ring-primary-500': any;
-            'ring-general-200': any;
-            '!ring-danger-500'?: undefined;
+            'bg-white dark:bg-grayscale-800': any;
+            'bg-general-50 dark:bg-grayscale-300': boolean;
+            'ring-general-100 dark:ring-general-300': boolean;
+            'ring-primary-500 dark:ring-primary-300': any;
+            'ring-general-200 dark:ring-general-400': any;
+            '!ring-danger-500 dark:!ring-danger-600'?: undefined;
         } | {
-            '!ring-danger-500': any;
-            'bg-white'?: undefined;
-            'bg-general-50'?: undefined;
-            'ring-general-100'?: undefined;
-            'ring-primary-500'?: undefined;
-            'ring-general-200'?: undefined;
+            '!ring-danger-500 dark:!ring-danger-600': any;
+            'bg-white dark:bg-grayscale-800'?: undefined;
+            'bg-general-50 dark:bg-grayscale-300'?: undefined;
+            'ring-general-100 dark:ring-general-300'?: undefined;
+            'ring-primary-500 dark:ring-primary-300'?: undefined;
+            'ring-general-200 dark:ring-general-400'?: undefined;
         })[];
         'data-wv-name': string;
         'data-wv-section': string;
@@ -26,15 +27,15 @@ declare namespace _default {
         state: any;
     }): {
         class: (string | {
-            'bg-primary-500': boolean;
-            'bg-general-200': any;
+            'bg-primary-500 dark:bg-primary-400': boolean;
+            'bg-general-200 dark:bg-general-400': any;
             'outline-none outline-offset-0'?: undefined;
-            'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-primary-400/[8%]'?: undefined;
+            'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-primary-400/[8%] dark:peer-focus-visible:ring-primary-300'?: undefined;
         } | {
             'outline-none outline-offset-0': boolean;
-            'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-primary-400/[8%]': boolean;
-            'bg-primary-500'?: undefined;
-            'bg-general-200'?: undefined;
+            'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-primary-400/[8%] dark:peer-focus-visible:ring-primary-300': boolean;
+            'bg-primary-500 dark:bg-primary-400'?: undefined;
+            'bg-general-200 dark:bg-general-400'?: undefined;
         })[];
     };
     function input({ props }: {
@@ -59,4 +60,3 @@ declare namespace _default {
         class: string;
     };
 }
-export default _default;

package/fixedasset/buttonradio/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var toggleswitch_1 = require("../toggleswitch");
-exports.default = {
+var definePreset = {
     root: function (_a) {
         var props = _a.props, state = _a.state;
         return ({
@@ -17,14 +17,14 @@ exports.default = {
                 'rounded-full',
                 // Colors
                 {
-                    'bg-white': !props.disabled || state.checked,
-                    'bg-general-50': props.disabled && !state.checked,
-                    'ring-general-100': !props.disabled && !state.checked,
-                    'ring-primary-500': !props.disabled && state.checked,
-                    'ring-general-200': props.disabled,
+                    'bg-white dark:bg-grayscale-800': !props.disabled || state.checked,
+                    'bg-general-50 dark:bg-grayscale-300': props.disabled && !state.checked,
+                    'ring-general-100 dark:ring-general-300': !props.disabled && !state.checked,
+                    'ring-primary-500 dark:ring-primary-300': !props.disabled && state.checked,
+                    'ring-general-200 dark:ring-general-400': props.disabled,
                 },
                 {
-                    '!ring-danger-500': props.invalid,
+                    '!ring-danger-500 dark:!ring-danger-600': props.invalid,
                 },
                 // Misc
                 'cursor-pointer',
@@ -50,13 +50,13 @@ exports.default = {
                 'transition duration-200 ease-in-out',
                 // Colors
                 {
-                    'bg-primary-500': state.checked && props.value !== undefined && !props.disabled,
-                    'bg-general-200': state.checked && props.value !== undefined && props.disabled,
+                    'bg-primary-500 dark:bg-primary-400': state.checked && props.value !== undefined && !props.disabled,
+                    'bg-general-200 dark:bg-general-400': state.checked && props.value !== undefined && props.disabled,
                 },
                 // States
                 {
                     'outline-none outline-offset-0': !props.disabled,
-                    'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-primary-400/[8%]': !props.disabled,
+                    'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-primary-400/[8%] dark:peer-focus-visible:ring-primary-300': !props.disabled,
                 },
             ],
         });
@@ -93,3 +93,4 @@ exports.default = {
     labeltext: toggleswitch_1.default.labeltext,
     tooltipicon: toggleswitch_1.default.tooltipicon,
 };
+exports.default = definePreset;

package/fixedasset/buttonsearch/index.d.ts

@@ -1,4 +1,5 @@
-declare namespace _default {
+export default definePreset;
+declare namespace definePreset {
     namespace buttontrigger {
         function root({ context }: {
             context: any;
@@ -62,4 +63,3 @@ declare namespace _default {
         export { _class_4 as class };
     }
 }
-export default _default;

package/fixedasset/buttonsearch/index.js

@@ -1,20 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
+var definePreset = {
     buttontrigger: {
         root: function (_a) {
             var context = _a.context;
             return ({
                 'class': [
                     { 'w-max': !context.showSearchInput },
-                    'ring-1 ring-general-500 rounded p-[5px] ring-inset',
-                    'focus-within:ring-2 focus-within:ring-primary-500 focus-within:outline-none',
+                    'ring-1 ring-general-500 dark:ring-general-100 rounded p-[5px] ring-inset',
+                    'focus-within:ring-2 focus-within:ring-primary-500 dark:focus-within:ring-primary-300 focus-within:outline-none',
                 ],
                 'data-wv-section': 'buttontrigger',
             });
         },
         icon: {
-            class: 'w-4 h-4 text-general-400 shrink-0',
+            class: 'w-4 h-4 text-general-400 dark:text-general-100 shrink-0',
         },
     },
     collapsebutton: {
@@ -23,13 +23,13 @@ exports.default = {
             return ({
                 'class': [
                     { 'w-max': !context.showSearchInput },
-                    'focus-within:ring-2 focus-within:ring-primary-500 focus-within:outline-none rounded',
+                    'focus-within:ring-2 focus-within:ring-primary-500 dark:focus-within:ring-primary-300 focus-within:outline-none rounded',
                 ],
                 'data-wv-section': 'collapsebutton',
             });
         },
         icon: {
-            class: 'w-4 h-4 text-general-400 shrink-0',
+            class: 'w-4 h-4 text-general-400 dark:text-general-100 shrink-0',
         },
     },
     resetbutton: {
@@ -38,7 +38,7 @@ exports.default = {
             return ({
                 'class': [
                     { invisible: !query },
-                    'focus-within:ring-2 focus-within:ring-primary-500 focus-within:outline-none rounded',
+                    'focus-within:ring-2 focus-within:ring-primary-500 dark:focus-within:ring-primary-300 focus-within:outline-none rounded',
                 ],
                 'data-wv-section': 'resetbutton',
             });
@@ -53,7 +53,7 @@ exports.default = {
                 { show: context.showSearchInput },
                 'grid grid-cols-[max-content,auto,max-content] items-center gap-1',
                 'py-[5px] px-2 h-max max-w-[224px]',
-                'ring-inset ring-1 ring-general-500 rounded focus-within:outline-none focus-within:ring-primary-500 focus-within:ring-2',
+                'ring-inset ring-1 ring-general-500 dark:ring-general-300 rounded focus-within:outline-none focus-within:ring-primary-500 dark:focus-within:ring-primary-300 focus-within:ring-2',
             ],
             'data-wv-section': 'form',
         });
@@ -62,3 +62,4 @@ exports.default = {
         class: '!h-max !py-0 !px-0',
     },
 };
+exports.default = definePreset;

package/fixedasset/calendar/index.js

@@ -28,22 +28,25 @@ var preset = {
                 'text-xs font-normal placeholder:font-normal',
                 // Colors
                 {
-                    'text-grayscale-900': !props.disabled,
-                    'text-general-200': props.disabled,
+                    'text-grayscale-900 dark:text-white': !props.disabled,
+                    'text-general-200 dark:text-grayscale-500': props.disabled,
                 },
-                'placeholder:text-general-200',
+                'bg-transparent dark:bg-transparent',
+                'placeholder:text-general-200 dark:placeholder:text-general-600',
                 // Shape
                 'appearance-none',
                 // Transitions
                 'transition-colors',
                 'duration-200',
                 // States
-                'outline-none focus:ring-primary-400',
+                'outline-none focus:ring-primary-400 dark:focus:ring-primary-400',
             ],
         });
     },
     inputicon: {
-        class: ['w-4 h-4 text-grayscale-900 peer-disabled:text-general-300'],
+        class: [
+            'w-4 h-4 text-grayscale-900 dark:text-white peer-disabled:text-general-300 dark:peer-disabled:text-grayscale-700',
+        ],
     },
     dropdownbutton: {
         root: {
@@ -56,13 +59,10 @@ var preset = {
                 // Size
                 'px-2.5 py-1.5 leading-none',
                 // Colors
-                'text-surface-600',
-                'bg-surface-100',
-                'ring-1 ring-inset ring-surface-300',
+                'ring-1 ring-inset',
                 // States
-                'hover:bg-surface-200',
                 'focus:outline-none focus:outline-offset-0 focus:ring-1',
-                'focus:ring-primary-400',
+                'focus:ring-primary-400 dark:focus:ring-primary-400',
             ],
         },
     },
@@ -73,18 +73,18 @@ var preset = {
             'flex flex-col justify-start items-center',
             // Size
             'h-max p-6 gap-2.5',
-            'bg-white w-[272px] !min-w-[272px]',
+            'w-[272px] !min-w-[272px]',
             // Shape
             'rounded-lg',
             // Colors
-            'bg-white shadow-panel',
+            'bg-white dark:bg-grayscale-900 shadow-panel',
         ],
     }); },
     datepickerMask: {
         class: [
             'fixed top-0 left-0 w-full h-full',
             'flex items-center justify-center',
-            'bg-black bg-opacity-90',
+            'bg-black dark:bg-white bg-opacity-90',
         ],
     },
     header: function (_a) {
@@ -104,8 +104,8 @@ var preset = {
                 // Shape
                 'rounded-t-md',
                 // Colors
-                'text-grayscale-900',
-                'bg-white',
+                'text-grayscale-900 dark:text-white',
+                'bg-white dark:bg-grayscale-900',
             ],
         });
     },
@@ -124,11 +124,11 @@ var preset = {
             // Size
             'p-1.5 m-0',
             // Colors
-            'text-grayscale-900',
+            'text-grayscale-900 dark:text-white',
             'border-0 ',
-            'bg-transparent',
+            'bg-transparent dark:bg-transparent',
             // States
-            'hover:bg-general-50',
+            'hover:bg-general-50 dark:hover:bg-general-900',
             // Misc
             'cursor-pointer overflow-hidden',
         ],
@@ -152,14 +152,14 @@ var preset = {
             //Font
             'text-xs font-normal',
             // Colors
-            'text-grayscale-900',
-            'bg-white',
+            'text-grayscale-900 dark:text-white',
+            'bg-white dark:bg-grayscale-900',
             // Transitions
             'transition duration-200',
             // Spacing
             'mr-1',
             // States
-            'hover:text-primary-400',
+            'hover:text-primary-400 dark:hover:text-primary-400',
             // Misc
             'cursor-pointer',
         ],
@@ -175,14 +175,14 @@ var preset = {
                 //Font
                 'text-xs font-normal',
                 // Colors
-                'text-grayscale-900',
-                'bg-white',
+                'text-grayscale-900 dark:text-white',
+                'bg-white dark:bg-grayscale-900',
                 // Transitions
                 'transition duration-200',
                 // Spacing
                 'm-0 mr-1',
                 // States
-                'hover:text-primary-600',
+                'hover:text-primary-600 dark:hover:text-primary-600',
                 // Misc
                 'cursor-pointer',
             ],
@@ -202,11 +202,11 @@ var preset = {
             // Size
             'p-1.5 m-0',
             // Colors
-            'text-grayscale-900',
+            'text-grayscale-900 dark:text-white',
             'border-0 ',
-            'bg-transparent',
+            'bg-transparent dark:bg-transparent',
             // States
-            'hover:bg-general-50',
+            'hover:bg-general-50 dark:hover:bg-general-900',
             // Misc
             'cursor-pointer overflow-hidden',
         ],
@@ -221,7 +221,7 @@ var preset = {
             'm-0',
             '[&_th]:text-xs [&_td]:text-xs',
             '[&_th]:font-normal [&_td]:font-normal',
-            '[&_th]:text-grayscale-900 [&_td]:text-grayscale-900',
+            '[&_th]:text-grayscale-900 dark:[&_th]:text-white [&_td]:text-grayscale-900 dark:[&_td]:text-white',
             // Hide the other months day
             '[&_[data-p-other-month="true"]]:invisible',
         ],
@@ -243,13 +243,12 @@ var preset = {
     weekheader: {
         class: [
             'leading-6 text-sm font-normal',
-            'text-surface-600/70',
             'opacity-40 cursor-default',
             'mb-2',
         ],
     },
     weeknumber: {
-        class: ['text-surface-600/70 font-normal', 'opacity-40 cursor-default'],
+        class: ['font-normal', 'opacity-40 cursor-default'],
     },
     weekday: {
         class: [
@@ -278,14 +277,11 @@ var preset = {
                 'border-transparent border',
                 // Colors
                 {
-                    'text-surface-600/70 bg-transparent': !context.selected && !context.disabled,
-                    'text-primary-400 ': context.selected && !context.disabled,
+                    'bg-transparent': !context.selected && !context.disabled,
+                    'text-primary-400 dark:text-primary-400': context.selected && !context.disabled,
                 },
                 // States
-                'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50',
-                {
-                    'hover:bg-surface-100': !context.disabled,
-                },
+                'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50 dark:focus:ring-primary-400/50',
                 {
                     'opacity-40 cursor-default': context.disabled,
                     'cursor-pointer': !context.disabled,
@@ -306,11 +302,11 @@ var preset = {
                 'w-8 h-8',
                 // Colors
                 {
-                    'bg-general-100': context.date.today && !context.selected,
-                    'bg-primary-200 rounded-none': context.selected &&
+                    'bg-general-100 dark:bg-general-500': context.date.today && !context.selected,
+                    'bg-primary-200 dark:bg-general-600 rounded-none': context.selected &&
                         !(context.firstSelected || context.lastSelected) &&
                         !context.disabled,
-                    'rounded-full bg-primary-500 text-white': context.firstSelected || context.lastSelected,
+                    'rounded-full bg-primary-500 dark:bg-primary-300 text-white dark:text-grayscale-900': context.firstSelected || context.lastSelected,
                 },
                 {
                     '!rounded-full': !context.selected,
@@ -318,10 +314,10 @@ var preset = {
                 // States
                 'focus:outline-none focus-visible:outline-none',
                 {
-                    'hover:bg-primary-200/90': context.selected,
-                    'hover:!bg-primary-500/90': context.lastSelected || context.firstSelected,
-                    'hover:bg-general-50': !context.selected && !context.date.today,
-                    'hover:bg-general-100/90': context.date.today,
+                    'hover:bg-primary-200/90 dark:hover:bg-primary-300/90': context.selected,
+                    'hover:!bg-primary-500/90 dark:hover:!bg-primary-300/90': context.lastSelected || context.firstSelected,
+                    'hover:bg-general-50 dark:hover:bg-general-900': !context.selected && !context.date.today,
+                    'hover:bg-general-100/90 dark:hover:bg-general-500/90': context.date.today,
                 },
                 {
                     'opacity-40 cursor-default': context.disabled,
@@ -350,17 +346,17 @@ var preset = {
                 '!rounded-[20px]',
                 // Colors
                 {
-                    'text-grayscale-900 bg-transparent': !context.selected && !context.disabled,
-                    'bg-primary-400 text-white': context.selected && !context.disabled,
-                    'cursor-default text-general-200': context.disabled,
+                    'text-grayscale-900 dark:text-white bg-transparent dark:bg-transparent': !context.selected && !context.disabled,
+                    'bg-primary-400 dark:bg-primary-400 text-white dark:text-grayscale-900': context.selected && !context.disabled,
+                    'cursor-default text-general-200 dark:text-general-600': context.disabled,
                 },
                 /*
                  * States
                  * 'focus:outline-none focus:outline-offset-0 focus:ring-1 focus:ring-primary-400',
                  */
                 {
-                    'hover:bg-primary-50': !context.selected && !context.disabled,
-                    'hover:bg-primary-400/90': context.selected && !context.disabled,
+                    'hover:bg-primary-50 dark:hover:bg-grayscale-800': !context.selected && !context.disabled,
+                    'hover:bg-primary-400/90 dark:hover:bg-primary-400/90': context.selected && !context.disabled,
                 },
                 // Misc
                 'cursor-pointer',
@@ -387,17 +383,17 @@ var preset = {
                 '!rounded-[20px]',
                 // Colors
                 {
-                    'text-grayscale-900 bg-transparent': !context.selected && !context.disabled,
-                    'bg-primary-400 text-white': context.selected && !context.disabled,
-                    'cursor-default text-general-200': context.disabled,
+                    'text-grayscale-900 dark:text-white bg-transparent dark:bg-transparent': !context.selected && !context.disabled,
+                    'bg-primary-400 dark:bg-primary-400 text-white dark:text-grayscale-900': context.selected && !context.disabled,
+                    'cursor-default text-general-200 dark:text-general-600': context.disabled,
                 },
                 /*
                  * States
                  * 'focus:outline-none focus:outline-offset-0 focus:ring-1 focus:ring-primary-400',
                  */
                 {
-                    'hover:bg-primary-50': !context.selected && !context.disabled,
-                    'hover:bg-primary-400/90': context.selected && !context.disabled,
+                    'hover:bg-primary-50 dark:hover:bg-grayscale-800': !context.selected && !context.disabled,
+                    'hover:bg-primary-400/90 dark:hover:bg-primary-400/90': context.selected && !context.disabled,
                 },
                 // Misc
                 'cursor-pointer',
@@ -480,7 +476,7 @@ var preset = {
     },
     timepickerlabel: {
         class: [
-            'w-[39px] h-[26px] flex justify-center items-center ring-general-200 rounded',
+            'w-[39px] h-[26px] flex justify-center items-center ring-general-200 dark:ring-general-200 rounded',
             {
                 'ring-1': !isChromeBased,
                 'ring-[0.5px]': isChromeBased,
@@ -496,9 +492,9 @@ var preset = {
             'p-0.5 m-0',
             '!h-6 !w-6',
             // Colors
-            'text-grayscale-900',
+            'text-grayscale-900 dark:text-white',
             'border-0',
-            'bg-transparent',
+            'bg-transparent dark:bg-transparent',
             /*
              * States
              * 'hover:text-surface-700',
@@ -522,9 +518,9 @@ var preset = {
             'p-0.5 m-0',
             '!h-6 !w-6',
             // Colors
-            'text-grayscale-900',
+            'text-grayscale-900 dark:text-white',
             'border-0',
-            'bg-transparent',
+            'bg-transparent dark:bg-transparent',
             /*
              * States
              * 'hover:text-surface-700',
@@ -541,7 +537,9 @@ var preset = {
         ],
     },
     container: {
-        class: ['text-grayscale-900 text-xs flex flex-col gap-1 w-full'],
+        class: [
+            'text-grayscale-900 dark:text-white text-xs flex flex-col gap-1 w-full',
+        ],
     },
     group: {
         class: [],
@@ -553,7 +551,7 @@ var preset = {
             // Spacing
             'pt-2.5 pb-1.5 px-0',
             // Shape
-            'border-t border-surface-200',
+            'border-t',
         ],
     },
     todaybutton: {
@@ -566,8 +564,8 @@ var preset = {
                 // Shape
                 '',
                 // Colors
-                'bg-transparent border-transparent',
-                'text-primary-400',
+                'bg-transparent dark:bg-transparent border-transparent dark:border-transparent',
+                'text-primary-400 dark:text-primary-400',
                 // Transitions
                 'transition-colors duration-200 ease-in-out',
                 /*
@@ -589,14 +587,14 @@ var preset = {
                 'px-2.5 py-1.5 text-sm leading-none',
                 // Shape
                 // Colors
-                'bg-transparent border-transparent',
-                'text-primary-400',
+                'bg-transparent dark:bg-transparent border-transparent dark:border-transparent',
+                'text-primary-400 dark:text-primary-400',
                 // Transitions
                 'transition-colors duration-200 ease-in-out',
                 // States
                 'focus:outline-none focus:outline-offset-0 focus:ring-2 ring-inset',
-                'focus:ring-primary-400',
-                'hover:bg-primary-300/20',
+                'focus:ring-primary-400 dark:focus:ring-primary-400',
+                'hover:bg-primary-300/20 dark:hover:bg-primary-300/20',
                 // Misc
                 'cursor-pointer',
             ],

package/fixedasset/card/index.js

@@ -7,8 +7,8 @@ exports.default = {
             'rounded-lg p-6',
             'flex flex-col gap-y-3',
             //Color
-            'bg-white',
-            'text-general-800',
+            'bg-white dark:bg-grayscale-900',
+            'text-general-800 dark:text-general-100',
         ],
     },
     header: {