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

package/fixedasset/paginator/index.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
+var definePreset = {
     root: {
         class: [
             // Flex & Alignment
             'flex items-center justify-start flex-wrap gap-0.5',
-            'bg-white',
-            'text-grayscale-900',
+            'bg-white dark:bg-grayscale-900',
+            'text-grayscale-900 dark:text-grayscale-50',
         ],
     },
     paginatorwrapper: {
@@ -29,7 +29,7 @@ exports.default = {
                 // Size
                 'w-6 h-6',
                 // Color
-                'text-general-300',
+                'text-general-300 dark:text-grayscale-500 ',
                 // Transition
                 'transition duration-200',
                 // Misc
@@ -52,7 +52,7 @@ exports.default = {
                 // Size
                 'w-6 h-6',
                 // Color
-                'text-general-300',
+                'text-general-300 dark:text-grayscale-500 ',
                 // Transition
                 'transition duration-200',
                 // Misc
@@ -75,7 +75,7 @@ exports.default = {
                 // Size
                 'w-6 h-6',
                 // Color
-                'text-general-300',
+                'text-general-300 dark:text-grayscale-500 ',
                 // Transition
                 'transition duration-200',
                 // Misc
@@ -98,7 +98,7 @@ exports.default = {
                 // Size
                 'w-6 h-6',
                 // Color
-                'text-general-300',
+                'text-general-300 dark:text-grayscale-500 ',
                 // Transition
                 'transition duration-200',
                 // Misc
@@ -120,13 +120,13 @@ exports.default = {
                 'w-6 h-6',
                 // Color
                 {
-                    'text-general-300 border-none hover:bg-grayscale-50': !context.active,
-                    'text-white bg-primary-500': context.active,
+                    'text-general-300 dark:text-grayscale-700  border-none hover:bg-grayscale-50 dark:hover:bg-grayscale-800': !context.active,
+                    'text-white dark:text-primary-800 bg-primary-500 dark:bg-primary-300': context.active,
                 },
                 // State
                 {
                     'hover:border-surface-300': !context.disabled && !context.active,
-                    'focus-visible:outline-none focus-visible:outline-offset-0 focus-visible:ring-2 focus-visible:ring-primary-500': !context.disabled,
+                    'focus-visible:outline-none focus-visible:outline-offset-0 focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-300': !context.disabled,
                 },
                 // Transition
                 'transition duration-200',
@@ -151,13 +151,13 @@ exports.default = {
                     'rounded-[50px]',
                     // Color and Background
                     'bg-transparent',
-                    'border-[0.5px] border-general-200',
+                    'border-[0.5px] border-general-200 dark:border-grayscale-600',
                     // Transitions
                     'transition-all',
                     'duration-200',
                     // States
                     {
-                        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-600': !state.focused,
+                        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-600 dark:focus-visible:ring-primary-400': !state.focused,
                     },
                     // Misc
                     'cursor-pointer',
@@ -180,7 +180,7 @@ exports.default = {
                 'flex items-center',
                 // Color and Background
                 'bg-transparent',
-                'text-general-800',
+                'text-general-800 dark:text-general-50',
                 // Sizing and Spacing
                 'w-max',
                 // 'py-1.5 px-3 pr-0',
@@ -228,9 +228,9 @@ exports.default = {
                 'rounded-md',
                 // 'shadow-md',
                 // Color
-                'bg-white',
-                'text-general-800',
-                'ring-1 ring-inset ring-general-200',
+                'bg-white dark:bg-grayscale-900',
+                'text-general-800 dark:text-general-100',
+                'ring-1 ring-inset ring-general-200 dark:ring-grayscale-600',
             ],
         },
         wrapper: {
@@ -274,7 +274,7 @@ exports.default = {
                     //     !context.focused && context.selected,
                     // },
                     //States
-                    'hover:bg-primary-50',
+                    'hover:bg-primary-50 dark:hover:bg-grayscale-800',
                     // Misc
                     'cursor-pointer',
                     'overflow-hidden',
@@ -300,8 +300,8 @@ exports.default = {
                     'flex-auto',
                     // Color and Background
                     'bg-transparent',
-                    'border-general-200 border-[0.5px]',
-                    'text-general-800',
+                    'border-general-200 dark:border-grayscale-600 border-[0.5px]',
+                    'text-general-800 dark:text-general-100',
                     // Sizing and Spacing
                     'max-w-[3rem] w-fit',
                     'px-3 py-1',
@@ -311,7 +311,7 @@ exports.default = {
                     'transition',
                     'duration-200',
                     // States
-                    'hover:ring-general-200',
+                    'hover:ring-general-200 dark:hover:ring-grayscale-600',
                     'focus-visible:outline-none focus-visible:shadow-none',
                     // 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-body',
                     // Misc
@@ -343,7 +343,7 @@ exports.default = {
                     'duration-200',
                     // States
                     {
-                        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-600': !state.focused,
+                        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-600 dark:focus-visible:ring-primary-400': !state.focused,
                     },
                     // Misc
                     'cursor-pointer',
@@ -453,13 +453,13 @@ exports.default = {
                         'text-surface-700/80': !context.focused && !context.selected,
                     },
                     {
-                        'bg-primary-500 text-white': context.focused && context.selected,
+                        'bg-primary-500 dark:bg-primary-300 text-white dark:text-primary-800': context.focused && context.selected,
                     },
                     {
                         'bg-transparent text-surface-700/80': !context.focused && context.selected,
                     },
                     //States
-                    'hover:bg-primary-500 hover:text-white',
+                    'hover:bg-primary-500 hover:text-white dark:hover:bg-primary-300 dark:hover:text-primary-800',
                     // Misc
                     'cursor-pointer',
                     'overflow-hidden',
@@ -472,3 +472,4 @@ exports.default = {
         class: ['text-xs font-normal leading-6 px-3'],
     },
 };
+exports.default = definePreset;

package/fixedasset/password/index.d.ts

@@ -1,4 +1,5 @@
-declare namespace _default {
+export default definePreset;
+declare namespace definePreset {
     function root({ props }: {
         props: any;
     }): {
@@ -22,9 +23,9 @@ declare namespace _default {
         instance: any;
     }): {
         class: (string | {
-            'bg-red-500/50': boolean;
-            'bg-orange-500/50': boolean;
-            'bg-green-500/50': boolean;
+            'bg-red-500/50 dark:bg-red-600/50': boolean;
+            'bg-orange-500/50 dark:bg-orange-600/50': boolean;
+            'bg-green-500/50 dark:bg-green-600/50': boolean;
         })[];
     };
     namespace showicon {
@@ -42,4 +43,3 @@ declare namespace _default {
         let leaveToClass: string;
     }
 }
-export default _default;

package/fixedasset/password/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 ({
@@ -8,7 +8,7 @@ exports.default = {
                 'w-full',
                 'inline-flex relative',
                 // 'border-[0.5px] border-general-200 rounded',
-                'text-general-800',
+                'text-general-800 dark:text-general-50',
                 {
                     'opacity-60 select-none pointer-events-none cursor-default': props.disabled,
                 },
@@ -17,7 +17,7 @@ exports.default = {
     },
     input: {
         class: [
-            '!bg-primary-500',
+            '!bg-primary-500 dark:!bg-primary-300',
             'placeholder:!font-normal',
             // 'bg-white text-general-800 placeholder:text-general-200 placeholder:font-light',
             // 'w-full h-full !max-h-[43px]',
@@ -36,8 +36,8 @@ exports.default = {
             'border-0',
             'shadow-md rounded-md',
             // Colors
-            'bg-white',
-            'text-general-800',
+            'bg-white dark:bg-grayscale-900',
+            'text-general-800 dark:text-general-50',
             '',
         ],
     },
@@ -53,7 +53,6 @@ exports.default = {
             // Spacing
             'mb-2',
             // Colors
-            'bg-surface-100',
         ],
     },
     meterlabel: function (_a) {
@@ -65,9 +64,9 @@ exports.default = {
                 'h-full',
                 // Colors
                 {
-                    'bg-red-500/50': ((_b = instance === null || instance === void 0 ? void 0 : instance.meter) === null || _b === void 0 ? void 0 : _b.strength) == 'weak',
-                    'bg-orange-500/50': ((_c = instance === null || instance === void 0 ? void 0 : instance.meter) === null || _c === void 0 ? void 0 : _c.strength) == 'medium',
-                    'bg-green-500/50': ((_d = instance === null || instance === void 0 ? void 0 : instance.meter) === null || _d === void 0 ? void 0 : _d.strength) == 'strong',
+                    'bg-red-500/50 dark:bg-red-600/50': ((_b = instance === null || instance === void 0 ? void 0 : instance.meter) === null || _b === void 0 ? void 0 : _b.strength) == 'weak',
+                    'bg-orange-500/50 dark:bg-orange-600/50': ((_c = instance === null || instance === void 0 ? void 0 : instance.meter) === null || _c === void 0 ? void 0 : _c.strength) == 'medium',
+                    'bg-green-500/50 dark:bg-green-600/50': ((_d = instance === null || instance === void 0 ? void 0 : instance.meter) === null || _d === void 0 ? void 0 : _d.strength) == 'strong',
                 },
                 // Transitions
                 'transition-all duration-1000 ease-in-out',
@@ -77,15 +76,15 @@ exports.default = {
     showicon: {
         class: [
             'absolute top-[54%] right-3 -mt-2',
-            'text-general-200',
-            'focus-visible:text-general-500 hover:text-general-500',
-            '[&>.icon]:!w-4 [&>.icon]:!h-4'
+            'text-general-200 dark:text-general-400',
+            'focus-visible:text-general-500 dark:focus-visible:text-general-100 hover:text-general-500 dark:hover:text-general-100',
+            '[&>.icon]:!w-4 [&>.icon]:!h-4',
         ],
     },
     hideicon: {
         class: [
             'absolute top-[54%] right-3 -mt-2',
-            'text-general-200',
+            'text-general-200 dark:text-general-400',
         ],
     },
     transition: {
@@ -95,3 +94,4 @@ exports.default = {
         leaveToClass: 'opacity-0',
     },
 };
+exports.default = definePreset;