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

package/fixedasset/checkbox/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 };
@@ -8,65 +9,65 @@ declare namespace _default {
         context: any;
     }): {
         class: (string | {
-            'border-general-200': any;
-            'border-general-100': boolean;
-            'bg-white': boolean;
-            'bg-general-50': any;
-            'bg-primary-500 border-primary-500': boolean;
-            'bg-general-200': any;
-            'ring-8 ring-primary-400/[12%]'?: undefined;
-            'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-0 peer-focus-visible:ring-primary-400/[8%]'?: undefined;
-            'peer-active:ring-8 peer-active:ring-offset-0 peer-active:ring-primary-400/[12%]'?: undefined;
-            'cursor-default bg-general-50 border-general-200'?: undefined;
-            'bg-general-200 border-general-200'?: undefined;
-            '[&_i]:bg-transparent'?: undefined;
-            '[&_i]:text-white'?: undefined;
-            '[&_i]:text-transparent'?: undefined;
+            'border-general-200 dark:border-general-400': any;
+            'border-general-100 dark:border-general-300': boolean;
+            'bg-white dark:bg-grayscale-800': boolean;
+            'bg-general-50 dark:bg-general-300': any;
+            'bg-primary-500 border-primary-500 dark:bg-primary-300 dark:border-primary-300': boolean;
+            'bg-general-200 dark:bg-general-400': any;
+            'ring-8 ring-primary-400/[12%] dark:ring-primary-200/[12%]'?: undefined;
+            'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-0 peer-focus-visible:ring-primary-400/[8%] dark:peer-focus-visible:ring-primary-200/[8%]'?: undefined;
+            'peer-active:ring-8 peer-active:ring-offset-0 peer-active:ring-primary-400/[12%] dark:peer-active:ring-primary-200/[12%]'?: undefined;
+            'cursor-default bg-general-50 dark:bg-general-300 border-general-200 dark:border-general-400'?: undefined;
+            'bg-general-200 dark:bg-general-400 border-general-200 dark:border-general-400'?: undefined;
+            '[&_i]:bg-transparent [&_i]:dark:bg-transparent'?: undefined;
+            '[&_i]:text-white [&_i]:dark:text-grayscale-900'?: undefined;
+            '[&_i]:text-transparent [&_i]:dark:text-transparent'?: undefined;
         } | {
-            'ring-8 ring-primary-400/[12%]': any;
-            'border-general-200'?: undefined;
-            'border-general-100'?: undefined;
-            'bg-white'?: undefined;
-            'bg-general-50'?: undefined;
-            'bg-primary-500 border-primary-500'?: undefined;
-            'bg-general-200'?: undefined;
-            'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-0 peer-focus-visible:ring-primary-400/[8%]'?: undefined;
-            'peer-active:ring-8 peer-active:ring-offset-0 peer-active:ring-primary-400/[12%]'?: undefined;
-            'cursor-default bg-general-50 border-general-200'?: undefined;
-            'bg-general-200 border-general-200'?: undefined;
-            '[&_i]:bg-transparent'?: undefined;
-            '[&_i]:text-white'?: undefined;
-            '[&_i]:text-transparent'?: undefined;
+            'ring-8 ring-primary-400/[12%] dark:ring-primary-200/[12%]': any;
+            'border-general-200 dark:border-general-400'?: undefined;
+            'border-general-100 dark:border-general-300'?: undefined;
+            'bg-white dark:bg-grayscale-800'?: undefined;
+            'bg-general-50 dark:bg-general-300'?: undefined;
+            'bg-primary-500 border-primary-500 dark:bg-primary-300 dark:border-primary-300'?: undefined;
+            'bg-general-200 dark:bg-general-400'?: undefined;
+            'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-0 peer-focus-visible:ring-primary-400/[8%] dark:peer-focus-visible:ring-primary-200/[8%]'?: undefined;
+            'peer-active:ring-8 peer-active:ring-offset-0 peer-active:ring-primary-400/[12%] dark:peer-active:ring-primary-200/[12%]'?: undefined;
+            'cursor-default bg-general-50 dark:bg-general-300 border-general-200 dark:border-general-400'?: undefined;
+            'bg-general-200 dark:bg-general-400 border-general-200 dark:border-general-400'?: undefined;
+            '[&_i]:bg-transparent [&_i]:dark:bg-transparent'?: undefined;
+            '[&_i]:text-white [&_i]:dark:text-grayscale-900'?: undefined;
+            '[&_i]:text-transparent [&_i]:dark:text-transparent'?: undefined;
         } | {
-            'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-0 peer-focus-visible:ring-primary-400/[8%]': boolean;
-            'peer-active:ring-8 peer-active:ring-offset-0 peer-active:ring-primary-400/[12%]': boolean;
-            'cursor-default bg-general-50 border-general-200': boolean;
-            'bg-general-200 border-general-200': any;
-            'border-general-200'?: undefined;
-            'border-general-100'?: undefined;
-            'bg-white'?: undefined;
-            'bg-general-50'?: undefined;
-            'bg-primary-500 border-primary-500'?: undefined;
-            'bg-general-200'?: undefined;
-            'ring-8 ring-primary-400/[12%]'?: undefined;
-            '[&_i]:bg-transparent'?: undefined;
-            '[&_i]:text-white'?: undefined;
-            '[&_i]:text-transparent'?: undefined;
+            'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-0 peer-focus-visible:ring-primary-400/[8%] dark:peer-focus-visible:ring-primary-200/[8%]': boolean;
+            'peer-active:ring-8 peer-active:ring-offset-0 peer-active:ring-primary-400/[12%] dark:peer-active:ring-primary-200/[12%]': boolean;
+            'cursor-default bg-general-50 dark:bg-general-300 border-general-200 dark:border-general-400': boolean;
+            'bg-general-200 dark:bg-general-400 border-general-200 dark:border-general-400': any;
+            'border-general-200 dark:border-general-400'?: undefined;
+            'border-general-100 dark:border-general-300'?: undefined;
+            'bg-white dark:bg-grayscale-800'?: undefined;
+            'bg-general-50 dark:bg-general-300'?: undefined;
+            'bg-primary-500 border-primary-500 dark:bg-primary-300 dark:border-primary-300'?: undefined;
+            'bg-general-200 dark:bg-general-400'?: undefined;
+            'ring-8 ring-primary-400/[12%] dark:ring-primary-200/[12%]'?: undefined;
+            '[&_i]:bg-transparent [&_i]:dark:bg-transparent'?: undefined;
+            '[&_i]:text-white [&_i]:dark:text-grayscale-900'?: undefined;
+            '[&_i]:text-transparent [&_i]:dark:text-transparent'?: undefined;
         } | {
-            '[&_i]:bg-transparent': boolean;
-            '[&_i]:text-white': any;
-            '[&_i]:text-transparent': boolean;
-            'border-general-200'?: undefined;
-            'border-general-100'?: undefined;
-            'bg-white'?: undefined;
-            'bg-general-50'?: undefined;
-            'bg-primary-500 border-primary-500'?: undefined;
-            'bg-general-200'?: undefined;
-            'ring-8 ring-primary-400/[12%]'?: undefined;
-            'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-0 peer-focus-visible:ring-primary-400/[8%]'?: undefined;
-            'peer-active:ring-8 peer-active:ring-offset-0 peer-active:ring-primary-400/[12%]'?: undefined;
-            'cursor-default bg-general-50 border-general-200'?: undefined;
-            'bg-general-200 border-general-200'?: undefined;
+            '[&_i]:bg-transparent [&_i]:dark:bg-transparent': boolean;
+            '[&_i]:text-white [&_i]:dark:text-grayscale-900': any;
+            '[&_i]:text-transparent [&_i]:dark:text-transparent': boolean;
+            'border-general-200 dark:border-general-400'?: undefined;
+            'border-general-100 dark:border-general-300'?: undefined;
+            'bg-white dark:bg-grayscale-800'?: undefined;
+            'bg-general-50 dark:bg-general-300'?: undefined;
+            'bg-primary-500 border-primary-500 dark:bg-primary-300 dark:border-primary-300'?: undefined;
+            'bg-general-200 dark:bg-general-400'?: undefined;
+            'ring-8 ring-primary-400/[12%] dark:ring-primary-200/[12%]'?: undefined;
+            'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-0 peer-focus-visible:ring-primary-400/[8%] dark:peer-focus-visible:ring-primary-200/[8%]'?: undefined;
+            'peer-active:ring-8 peer-active:ring-offset-0 peer-active:ring-primary-400/[12%] dark:peer-active:ring-primary-200/[12%]'?: undefined;
+            'cursor-default bg-general-50 dark:bg-general-300 border-general-200 dark:border-general-400'?: undefined;
+            'bg-general-200 dark:bg-general-400 border-general-200 dark:border-general-400'?: undefined;
         })[];
     };
     namespace input {
@@ -87,4 +88,3 @@ declare namespace _default {
         export { _class_3 as class };
     }
 }
-export default _default;

package/fixedasset/checkbox/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
+var definePreset = {
     root: {
         class: [
             'relative',
@@ -28,30 +28,30 @@ exports.default = {
                 'rounded',
                 'border-2',
                 // Colors
-                'text-white',
+                'text-white dark:text-grayscale-900',
                 {
-                    'border-general-200': props.disabled,
-                    'border-general-100': !props.disabled && !context.checked && !context.partialChecked,
-                    'bg-white': !(context.checked || context.partialChecked) && !props.disabled,
-                    'bg-general-50': !(context.checked || context.partialChecked) && props.disabled,
-                    'bg-primary-500 border-primary-500': (context.checked || context.partialChecked) && !props.disabled,
-                    'bg-general-200': (context.checked || context.partialChecked) && props.disabled,
+                    'border-general-200 dark:border-general-400': props.disabled,
+                    'border-general-100 dark:border-general-300': !props.disabled && !context.checked && !context.partialChecked,
+                    'bg-white dark:bg-grayscale-800': !(context.checked || context.partialChecked) && !props.disabled,
+                    'bg-general-50 dark:bg-general-300': !(context.checked || context.partialChecked) && props.disabled,
+                    'bg-primary-500 border-primary-500 dark:bg-primary-300 dark:border-primary-300': (context.checked || context.partialChecked) && !props.disabled,
+                    'bg-general-200 dark:bg-general-400': (context.checked || context.partialChecked) && props.disabled,
                 },
                 {
-                    'ring-8 ring-primary-400/[12%]': !props.disabled && context.focused,
+                    'ring-8 ring-primary-400/[12%] dark:ring-primary-200/[12%]': !props.disabled && context.focused,
                 },
                 // States
                 {
-                    'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-0 peer-focus-visible:ring-primary-400/[8%]': !props.disabled,
-                    'peer-active:ring-8 peer-active:ring-offset-0 peer-active:ring-primary-400/[12%]': !props.disabled,
-                    'cursor-default bg-general-50 border-general-200': props.disabled && !(context.checked || context.partialChecked),
-                    'bg-general-200 border-general-200': props.disabled && (context.checked || context.partialChecked),
+                    'peer-focus-visible:ring-8 peer-focus-visible:ring-offset-0 peer-focus-visible:ring-primary-400/[8%] dark:peer-focus-visible:ring-primary-200/[8%]': !props.disabled,
+                    'peer-active:ring-8 peer-active:ring-offset-0 peer-active:ring-primary-400/[12%] dark:peer-active:ring-primary-200/[12%]': !props.disabled,
+                    'cursor-default bg-general-50 dark:bg-general-300 border-general-200 dark:border-general-400': props.disabled && !(context.checked || context.partialChecked),
+                    'bg-general-200 dark:bg-general-400 border-general-200 dark:border-general-400': props.disabled && (context.checked || context.partialChecked),
                 },
                 // Icon state
                 {
-                    '[&_i]:bg-transparent': props.disabled && !(context.checked || context.partialChecked),
-                    '[&_i]:text-white': context.checked || context.partialChecked,
-                    '[&_i]:text-transparent': !(context.checked || context.partialChecked),
+                    '[&_i]:bg-transparent [&_i]:dark:bg-transparent': props.disabled && !(context.checked || context.partialChecked),
+                    '[&_i]:text-white [&_i]:dark:text-grayscale-900': context.checked || context.partialChecked,
+                    '[&_i]:text-transparent [&_i]:dark:text-transparent': !(context.checked || context.partialChecked),
                 },
                 // Transitions
                 'transition-all',
@@ -108,12 +108,13 @@ exports.default = {
         return ({
             class: [
                 'flex items-start gap-px select-none text-xs tracking-[0.02em] font-medium',
-                'text-general-800',
+                'text-general-800 dark:text-general-100',
                 props.labelClass,
             ],
         });
     },
     tooltipicon: {
-        class: 'text-primary-500 w-[10px] h-[10px]',
+        class: 'text-primary-500 dark:text-primary-300 w-[10px] h-[10px]',
     },
 };
+exports.default = definePreset;

package/fixedasset/codesnippet/index.js

@@ -5,19 +5,19 @@ exports.default = {
         class: 'peer-hover:visible scale-125 !absolute top-2 right-2 z-50',
     },
     body: {
-        class: 'relative rounded text-xs font-normal peer text-grayscale-900 bg-primary-50 overflow-x-auto overflow-y-hidden tracking-normal',
+        class: 'relative rounded text-xs font-normal peer text-grayscale-900 bg-primary-50 overflow-x-auto overflow-y-hidden tracking-normal dark:text-general-500 dark:bg-general-700',
     },
     textarea: {
         class: [
             'whitespace-nowrap overflow-x-auto pr-1.5 mt-1',
             'absolute bg-transparent text-transparent z-30 leading-5 w-full h-full border-0 outline-none !font-poppins resize-none px-1.5',
-            'caret-primary-500',
+            'caret-primary-500 dark:caret-primary-300',
         ],
     },
     linenumber: {
         class: [
             'font-poppins tracking-0.5px]',
-            'px-2 bg-primary-100 sticky left-0 text-right select-none',
+            'px-2 bg-primary-100 sticky left-0 text-right select-none dark:bg-general-800 dark:text-general-50',
         ],
     },
 };

package/fixedasset/customcolumn/index.d.ts

@@ -1,4 +1,5 @@
-declare namespace _default {
+export default definePreset;
+declare namespace definePreset {
     namespace menustart {
         let _class: string;
         export { _class as class };
@@ -25,4 +26,3 @@ declare namespace _default {
         })[];
     };
 }
-export default _default;

package/fixedasset/customcolumn/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
+var definePreset = {
     menustart: {
         class: '',
     },
@@ -25,9 +25,10 @@ exports.default = {
         var context = _a.context;
         return ({
             class: [
-                '!cursor-move w-[18px] h-[18px] !text-general-200 shrink-0',
+                '!cursor-move w-[18px] h-[18px] !text-general-200 dark:!text-grayscale-700 shrink-0',
                 { invisible: context.dragable === false },
             ],
         });
     },
 };
+exports.default = definePreset;

package/fixedasset/datatable/index.d.ts

@@ -1,4 +1,5 @@
-declare namespace _default {
+export default definePreset;
+declare namespace definePreset {
     let root: {
         'data-wv-name': string;
         'data-wv-section': string;
@@ -36,10 +37,11 @@ declare namespace _default {
         class: (string | {
             '!h-[28px]': boolean;
             'bg-transparent'?: undefined;
-            'bg-primary-50 [&>td]:border-primary-200'?: undefined;
+            'bg-primary-50 [&>td]:border-primary-200 [&_[data-wv-section="multi-row"]]:border-primary-200'?: undefined;
+            'dark:bg-primary-100 dark:[&>td]:border-primary-300 dark:[&_[data-wv-section="multi-row"]]:border-primary-300 dark:text-primary-800 dark:[&_button>i]:!text-primary-800'?: undefined;
             'focus:outline-none focus:outline-offset-0'?: undefined;
-            'hover:!bg-grayscale-50'?: undefined;
-            'hover:!bg-warning-300 !bg-warning-200'?: undefined;
+            'hover:!bg-grayscale-50 dark:hover:!bg-grayscale-800'?: undefined;
+            'hover:!bg-warning-300 !bg-warning-200 dark:hover:!bg-warning-300 dark:!bg-warning-200 dark:text-primary-800'?: undefined;
             'transition duration-200'?: undefined;
             'select-none'?: undefined;
             'select-auto'?: undefined;
@@ -47,11 +49,12 @@ declare namespace _default {
             'cursor-pointer'?: undefined;
         } | {
             'bg-transparent': boolean;
-            'bg-primary-50 [&>td]:border-primary-200': any;
+            'bg-primary-50 [&>td]:border-primary-200 [&_[data-wv-section="multi-row"]]:border-primary-200': any;
+            'dark:bg-primary-100 dark:[&>td]:border-primary-300 dark:[&_[data-wv-section="multi-row"]]:border-primary-300 dark:text-primary-800 dark:[&_button>i]:!text-primary-800': any;
             '!h-[28px]'?: undefined;
             'focus:outline-none focus:outline-offset-0'?: undefined;
-            'hover:!bg-grayscale-50'?: undefined;
-            'hover:!bg-warning-300 !bg-warning-200'?: undefined;
+            'hover:!bg-grayscale-50 dark:hover:!bg-grayscale-800'?: undefined;
+            'hover:!bg-warning-300 !bg-warning-200 dark:hover:!bg-warning-300 dark:!bg-warning-200 dark:text-primary-800'?: undefined;
             'transition duration-200'?: undefined;
             'select-none'?: undefined;
             'select-auto'?: undefined;
@@ -59,11 +62,12 @@ declare namespace _default {
             'cursor-pointer'?: undefined;
         } | {
             'focus:outline-none focus:outline-offset-0': any;
-            'hover:!bg-grayscale-50': boolean;
-            'hover:!bg-warning-300 !bg-warning-200': any;
+            'hover:!bg-grayscale-50 dark:hover:!bg-grayscale-800': boolean;
+            'hover:!bg-warning-300 !bg-warning-200 dark:hover:!bg-warning-300 dark:!bg-warning-200 dark:text-primary-800': any;
             '!h-[28px]'?: undefined;
             'bg-transparent'?: undefined;
-            'bg-primary-50 [&>td]:border-primary-200'?: undefined;
+            'bg-primary-50 [&>td]:border-primary-200 [&_[data-wv-section="multi-row"]]:border-primary-200'?: undefined;
+            'dark:bg-primary-100 dark:[&>td]:border-primary-300 dark:[&_[data-wv-section="multi-row"]]:border-primary-300 dark:text-primary-800 dark:[&_button>i]:!text-primary-800'?: undefined;
             'transition duration-200'?: undefined;
             'select-none'?: undefined;
             'select-auto'?: undefined;
@@ -73,10 +77,11 @@ declare namespace _default {
             'transition duration-200': any;
             '!h-[28px]'?: undefined;
             'bg-transparent'?: undefined;
-            'bg-primary-50 [&>td]:border-primary-200'?: undefined;
+            'bg-primary-50 [&>td]:border-primary-200 [&_[data-wv-section="multi-row"]]:border-primary-200'?: undefined;
+            'dark:bg-primary-100 dark:[&>td]:border-primary-300 dark:[&_[data-wv-section="multi-row"]]:border-primary-300 dark:text-primary-800 dark:[&_button>i]:!text-primary-800'?: undefined;
             'focus:outline-none focus:outline-offset-0'?: undefined;
-            'hover:!bg-grayscale-50'?: undefined;
-            'hover:!bg-warning-300 !bg-warning-200'?: undefined;
+            'hover:!bg-grayscale-50 dark:hover:!bg-grayscale-800'?: undefined;
+            'hover:!bg-warning-300 !bg-warning-200 dark:hover:!bg-warning-300 dark:!bg-warning-200 dark:text-primary-800'?: undefined;
             'select-none'?: undefined;
             'select-auto'?: undefined;
             '!cursor-grab [&_label]:!cursor-grab'?: undefined;
@@ -86,10 +91,11 @@ declare namespace _default {
             'select-auto': boolean;
             '!h-[28px]'?: undefined;
             'bg-transparent'?: undefined;
-            'bg-primary-50 [&>td]:border-primary-200'?: undefined;
+            'bg-primary-50 [&>td]:border-primary-200 [&_[data-wv-section="multi-row"]]:border-primary-200'?: undefined;
+            'dark:bg-primary-100 dark:[&>td]:border-primary-300 dark:[&_[data-wv-section="multi-row"]]:border-primary-300 dark:text-primary-800 dark:[&_button>i]:!text-primary-800'?: undefined;
             'focus:outline-none focus:outline-offset-0'?: undefined;
-            'hover:!bg-grayscale-50'?: undefined;
-            'hover:!bg-warning-300 !bg-warning-200'?: undefined;
+            'hover:!bg-grayscale-50 dark:hover:!bg-grayscale-800'?: undefined;
+            'hover:!bg-warning-300 !bg-warning-200 dark:hover:!bg-warning-300 dark:!bg-warning-200 dark:text-primary-800'?: undefined;
             'transition duration-200'?: undefined;
             '!cursor-grab [&_label]:!cursor-grab'?: undefined;
             'cursor-pointer'?: undefined;
@@ -97,10 +103,11 @@ declare namespace _default {
             '!cursor-grab [&_label]:!cursor-grab': any;
             '!h-[28px]'?: undefined;
             'bg-transparent'?: undefined;
-            'bg-primary-50 [&>td]:border-primary-200'?: undefined;
+            'bg-primary-50 [&>td]:border-primary-200 [&_[data-wv-section="multi-row"]]:border-primary-200'?: undefined;
+            'dark:bg-primary-100 dark:[&>td]:border-primary-300 dark:[&_[data-wv-section="multi-row"]]:border-primary-300 dark:text-primary-800 dark:[&_button>i]:!text-primary-800'?: undefined;
             'focus:outline-none focus:outline-offset-0'?: undefined;
-            'hover:!bg-grayscale-50'?: undefined;
-            'hover:!bg-warning-300 !bg-warning-200'?: undefined;
+            'hover:!bg-grayscale-50 dark:hover:!bg-grayscale-800'?: undefined;
+            'hover:!bg-warning-300 !bg-warning-200 dark:hover:!bg-warning-300 dark:!bg-warning-200 dark:text-primary-800'?: undefined;
             'transition duration-200'?: undefined;
             'select-none'?: undefined;
             'select-auto'?: undefined;
@@ -109,10 +116,11 @@ declare namespace _default {
             'cursor-pointer': boolean;
             '!h-[28px]'?: undefined;
             'bg-transparent'?: undefined;
-            'bg-primary-50 [&>td]:border-primary-200'?: undefined;
+            'bg-primary-50 [&>td]:border-primary-200 [&_[data-wv-section="multi-row"]]:border-primary-200'?: undefined;
+            'dark:bg-primary-100 dark:[&>td]:border-primary-300 dark:[&_[data-wv-section="multi-row"]]:border-primary-300 dark:text-primary-800 dark:[&_button>i]:!text-primary-800'?: undefined;
             'focus:outline-none focus:outline-offset-0'?: undefined;
-            'hover:!bg-grayscale-50'?: undefined;
-            'hover:!bg-warning-300 !bg-warning-200'?: undefined;
+            'hover:!bg-grayscale-50 dark:hover:!bg-grayscale-800'?: undefined;
+            'hover:!bg-warning-300 !bg-warning-200 dark:hover:!bg-warning-300 dark:!bg-warning-200 dark:text-primary-800'?: undefined;
             'transition duration-200'?: undefined;
             'select-none'?: undefined;
             'select-auto'?: undefined;
@@ -125,31 +133,31 @@ declare namespace _default {
         class: (string | {
             'text-center': any;
             'text-left': boolean;
-            'bg-primary-200'?: undefined;
-            'bg-primary-300'?: undefined;
-            'sticky right-0 hover:bg-primary-300'?: undefined;
+            'bg-primary-200 dark:bg-primary-300'?: undefined;
+            'bg-primary-300 dark:bg-primary-400'?: undefined;
+            'sticky right-0 hover:bg-primary-300 hover:dark:bg-primary-400'?: undefined;
             '!cursor-default'?: undefined;
         } | {
-            'bg-primary-200': boolean;
+            'bg-primary-200 dark:bg-primary-300': boolean;
             'text-center'?: undefined;
             'text-left'?: undefined;
-            'bg-primary-300'?: undefined;
-            'sticky right-0 hover:bg-primary-300'?: undefined;
+            'bg-primary-300 dark:bg-primary-400'?: undefined;
+            'sticky right-0 hover:bg-primary-300 hover:dark:bg-primary-400'?: undefined;
             '!cursor-default'?: undefined;
         } | {
-            'bg-primary-300': any;
+            'bg-primary-300 dark:bg-primary-400': any;
             'text-center'?: undefined;
             'text-left'?: undefined;
-            'bg-primary-200'?: undefined;
-            'sticky right-0 hover:bg-primary-300'?: undefined;
+            'bg-primary-200 dark:bg-primary-300'?: undefined;
+            'sticky right-0 hover:bg-primary-300 hover:dark:bg-primary-400'?: undefined;
             '!cursor-default'?: undefined;
         } | {
-            'sticky right-0 hover:bg-primary-300': any;
+            'sticky right-0 hover:bg-primary-300 hover:dark:bg-primary-400': any;
             '!cursor-default': boolean;
             'text-center'?: undefined;
             'text-left'?: undefined;
-            'bg-primary-200'?: undefined;
-            'bg-primary-300'?: undefined;
+            'bg-primary-200 dark:bg-primary-300'?: undefined;
+            'bg-primary-300 dark:bg-primary-400'?: undefined;
         })[];
         'data-wv-section': string;
     };
@@ -169,7 +177,7 @@ declare namespace _default {
         context: any;
     }): {
         class: {
-            '[&_[data-pc-section=box]]:!border-general-100 [&_[data-pc-section=box]]:!bg-white': boolean;
+            '[&_[data-pc-section=box]]:!border-general-100 dark:[&_[data-pc-section=box]]:!border-general-500 [&_[data-pc-section=box]]:!bg-white dark:[&_[data-pc-section=box]]:!bg-grayscale-800': boolean;
         }[];
         'data-wv-section': string;
     };
@@ -216,7 +224,7 @@ declare namespace _default {
         context: any;
     }): {
         class: (string | {
-            'border-t border-general-100 border-solid': boolean;
+            'border-t border-general-100 dark:border-general-500 border-solid': boolean;
         })[];
     };
     function rowtogglerbutton({ context }: {
@@ -245,10 +253,10 @@ declare namespace _default {
         context: any;
     }): {
         class: (string | {
-            'sticky right-0 bg-white': any;
-            '!bg-primary-50': any;
-            'group-hover:!bg-grayscale-50': boolean;
-            'group-hover:!bg-warning-300 !bg-warning-200': any;
+            'sticky right-0 bg-white dark:bg-grayscale-900': any;
+            '!bg-primary-50 dark:!bg-primary-100': any;
+            'group-hover:!bg-grayscale-50 dark:group-hover:!bg-grayscale-800': boolean;
+            'group-hover:!bg-warning-300 !bg-warning-200 dark:group-hover:!bg-warning-300 dark:!bg-warning-200': any;
         })[];
         'data-wv-section': string;
     };
@@ -260,11 +268,11 @@ declare namespace _default {
         props: any;
     }): {
         class: (string | {
-            'pointer-events-none !border-general-100 [&>i]:text-general-200': any;
+            'pointer-events-none !border-general-100 dark:!border-general-500 [&>i]:text-general-200 dark:[&>i]:text-general-400': any;
             'pointer-events-auto'?: undefined;
         } | {
             'pointer-events-auto': boolean;
-            'pointer-events-none !border-general-100 [&>i]:text-general-200'?: undefined;
+            'pointer-events-none !border-general-100 dark:!border-general-500 [&>i]:text-general-200 dark:[&>i]:text-general-400'?: undefined;
         })[];
         severity: string;
         tooltip: string;
@@ -301,4 +309,3 @@ declare namespace _default {
         template: string;
     };
 }
-export default _default;

package/fixedasset/datatable/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
+var definePreset = {
     root: {
         'data-wv-name': 'datatable',
         'data-wv-section': 'root',
@@ -20,7 +20,7 @@ exports.default = {
     table: {
         'class': [
             'min-w-max w-full h-1',
-            '!border-separate !border-spacing-0 border !border-solid !border-general-100 !border-t-0 !border-l-0 !border-r-0 !rounded-lg',
+            '!border-separate !border-spacing-0 border !border-solid !border-general-100 dark:!border-general-500 !border-t-0 !border-l-0 !border-r-0 !rounded-lg',
         ],
         'data-wv-section': 'table',
     },
@@ -35,28 +35,29 @@ exports.default = {
         class: ['sticky top-0 z-50'],
     },
     headerrow: {
-        class: ['border-b border-general-100'],
+        class: ['border-b border-general-100 dark:border-general-500'],
     },
     bodyrow: function (_a) {
         var context = _a.context, props = _a.props;
         return ({
             class: [
-                'border-b border-general-100 group',
+                'border-b border-general-100 dark:border-general-500 group',
                 {
                     '!h-[28px]': props.rowHeight === 'fixed', // Style(DXJCiX2e): set table row height to fixed 35px
                 },
                 // Color
-                'text-general-800 text-xs font-medium',
+                'text-general-800 dark:text-general-50 text-xs font-medium',
                 {
                     'bg-transparent': !context.selected,
-                    'bg-primary-50 [&>td]:border-primary-200': context.selected,
+                    'bg-primary-50 [&>td]:border-primary-200 [&_[data-wv-section="multi-row"]]:border-primary-200': context.selected,
+                    'dark:bg-primary-100 dark:[&>td]:border-primary-300 dark:[&_[data-wv-section="multi-row"]]:border-primary-300 dark:text-primary-800 dark:[&_button>i]:!text-primary-800': context.selected,
                 },
                 // State
                 {
                     'focus:outline-none focus:outline-offset-0': props.selectionType,
                     // To sets the bg to single action td
-                    'hover:!bg-grayscale-50': !context.highlighted && !context.selected,
-                    'hover:!bg-warning-300 !bg-warning-200': context.highlighted,
+                    'hover:!bg-grayscale-50 dark:hover:!bg-grayscale-800': !context.highlighted && !context.selected,
+                    'hover:!bg-warning-300 !bg-warning-200 dark:hover:!bg-warning-300 dark:!bg-warning-200 dark:text-primary-800': context.highlighted,
                 },
                 // Transition
                 {
@@ -74,19 +75,21 @@ exports.default = {
         var context = _a.context;
         return {
             'class': [
-                'text-xs font-bold text-general-800 p-2 cursor-pointer tracking-[0.02em]',
+                'text-xs font-bold text-general-800 dark:text-general-800 p-2 cursor-pointer tracking-[0.02em]',
                 {
                     'text-center': context.isParentHeader,
                     'text-left': !context.isParentHeader,
                 },
-                { 'bg-primary-200': !context.sorted || !context.sortable },
-                { 'bg-primary-300': context.sorted },
                 {
-                    'sticky right-0 hover:bg-primary-300': context.customColumn,
+                    'bg-primary-200 dark:bg-primary-300': !context.sorted || !context.sortable,
+                },
+                { 'bg-primary-300 dark:bg-primary-400': context.sorted },
+                {
+                    'sticky right-0 hover:bg-primary-300 hover:dark:bg-primary-400': context.customColumn,
                     '!cursor-default': !context.customColumn && !context.sortable,
                 },
                 'border-0 !border-b border-solid',
-                'border-general-100',
+                'border-general-100 dark:border-general-500',
             ],
             'data-wv-section': 'headercell',
         };
@@ -107,7 +110,7 @@ exports.default = {
         return ({
             'class': [
                 {
-                    '[&_[data-pc-section=box]]:!border-general-100 [&_[data-pc-section=box]]:!bg-white': !context.isSelectedAll,
+                    '[&_[data-pc-section=box]]:!border-general-100 dark:[&_[data-pc-section=box]]:!border-general-500 [&_[data-pc-section=box]]:!bg-white dark:[&_[data-pc-section=box]]:!bg-grayscale-800': !context.isSelectedAll,
                 },
             ],
             'data-wv-section': 'headercheckbox',
@@ -133,7 +136,7 @@ exports.default = {
                 { 'rotate-180': context.isExpandedAll },
                 { 'rotate-0': !context.isExpandedAll },
             ],
-            'icon-class': 'w-6 h-6 text-general-800',
+            'icon-class': 'w-6 h-6 text-general-800 dark:text-general-800',
             'data-wv-section': 'headertogglerbutton',
         });
     },
@@ -144,7 +147,7 @@ exports.default = {
     bodycell: {
         'class': [
             'text-xs px-2 py-[4.5px]',
-            'border-0 !border-b !border-solid border-general-100',
+            'border-0 !border-b !border-solid border-general-100 dark:border-general-500',
             'justify-items-start',
             '[&:has([data-wv-section=rowcheckbox])]:text-center',
             '[&:has([data-wv-section=rowcheckbox])]:text-center',
@@ -165,7 +168,9 @@ exports.default = {
         return ({
             class: [
                 'min-h-[35px] h-full flex items-center px-2',
-                { 'border-t border-general-100 border-solid': !context.firstIndex },
+                {
+                    'border-t border-general-100 dark:border-general-500 border-solid': !context.firstIndex,
+                },
             ],
         });
     },
@@ -177,7 +182,7 @@ exports.default = {
                 { 'rotate-180': context.isRowExpanded },
                 { 'rotate-0': !context.isRowExpanded },
             ],
-            'icon-class': 'w-6 h-6 text-general-800',
+            'icon-class': 'w-6 h-6 text-general-800 dark:text-general-50',
             'data-wv-section': 'rowtogglerbutton',
         });
     },
@@ -188,7 +193,7 @@ exports.default = {
     celleditableelement: {
         'class': [
             'focus:px-2',
-            'w-full inline-block py-2 focus:outline-grayscale-600 focus:outline-1',
+            'w-full inline-block py-2 focus:outline-grayscale-600 dark:focus:outline-grayscale-600 focus:outline-1',
         ],
         'data-wv-section': 'celleditableelement',
     },
@@ -198,10 +203,10 @@ exports.default = {
             'class': [
                 'w-[35px]',
                 {
-                    'sticky right-0 bg-white': props.useOption,
-                    '!bg-primary-50': context.selected,
-                    'group-hover:!bg-grayscale-50': !context.highlighted && !context.selected,
-                    'group-hover:!bg-warning-300 !bg-warning-200': context.highlighted,
+                    'sticky right-0 bg-white dark:bg-grayscale-900': props.useOption,
+                    '!bg-primary-50 dark:!bg-primary-100': context.selected,
+                    'group-hover:!bg-grayscale-50 dark:group-hover:!bg-grayscale-800': !context.highlighted && !context.selected,
+                    'group-hover:!bg-warning-300 !bg-warning-200 dark:group-hover:!bg-warning-300 dark:!bg-warning-200': context.highlighted,
                 },
             ],
             'data-wv-section': 'rowsingleactioncell',
@@ -216,7 +221,7 @@ exports.default = {
         return ({
             'class': [
                 {
-                    'pointer-events-none !border-general-100 [&>i]:text-general-200': props.disableAllRows,
+                    'pointer-events-none !border-general-100 dark:!border-general-500 [&>i]:text-general-200 dark:[&>i]:text-general-400': props.disableAllRows,
                 },
                 { 'pointer-events-auto': !props.disableAllRows },
                 '!rounded-full',
@@ -256,3 +261,4 @@ exports.default = {
         });
     },
 };
+exports.default = definePreset;