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

package/fixedasset/tree/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
+var definePreset = {
     root: {
         class: [
             'relative',
@@ -45,20 +45,19 @@ exports.default = {
                 // Spacing
                 'p-1',
                 // Colors
-                'text-surface-700',
                 {
-                    'bg-primary-50 !text-primary-500 [&_*]:text-primary-500': context.selected && props.selectionMode === 'single',
+                    'bg-primary-50 dark:bg-primary-100 !text-primary-500 dark:!text-primary-300 [&_*]:text-primary-500 dark:[&_*]:text-primary-300 dark:[&_*]:hover:text-primary-300': context.selected && props.selectionMode === 'single',
                 },
                 // States
                 {
-                    'hover:bg-primary-50': (props.selectionMode == 'single' ||
+                    'hover:bg-primary-50 dark:hover:bg-primary-100 dark:[&_*]:hover:text-general-800 group': (props.selectionMode == 'single' ||
                         props.selectionMode == 'multiple' ||
                         props.selectionMode == 'checkbox') &&
                         !context.disabled &&
                         !context.exactDisabled,
                 },
                 {
-                    '!text-general-200': context.disabled && !context.exactDisabled,
+                    '!text-general-200 dark:!text-grayscale-500': context.disabled && !context.exactDisabled,
                     '!pointer-events-none !cursor-default': context.disabled || context.exactDisabled,
                 },
                 // Transition
@@ -86,13 +85,12 @@ exports.default = {
                 // Spacing
                 'mr-0.5',
                 // Colors
-                'text-general-800',
-                'bg-transparent',
+                'text-general-800 dark:text-general-100',
+                'bg-transparent dark:bg-transparent',
                 {
                     invisible: context.leaf,
                 },
                 // States
-                'hover:bg-surface-100',
                 // Transition
                 'transition duration-200',
                 // Misc
@@ -140,18 +138,16 @@ exports.default = {
                     'rounded',
                     'border',
                     // Colors
-                    'text-surface-600',
                     {
-                        'border-surface-300 bg-surface-0': !context.checked,
-                        'border-primary-500 bg-primary-500': context.checked,
+                        'border-primary-500 bg-primary-500 dark:border-primary-300 dark:bg-primary-300': context.checked,
                     },
                     {
-                        'ring-2 ring-primary-500': !props.disabled && context.focused,
+                        'ring-2 ring-primary-500 dark:ring-primary-300': !props.disabled && context.focused,
                         'cursor-default opacity-60': props.disabled,
                     },
                     // States
                     {
-                        'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-500': !props.disabled,
+                        'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-500 dark:peer-focus-visible:ring-primary-300': !props.disabled,
                         'cursor-default opacity-60': props.disabled,
                     },
                     // Transitions
@@ -180,7 +176,7 @@ exports.default = {
                 'opacity-0',
                 'rounded-md',
                 'outline-none',
-                'border-2 border-surface-300',
+                'border-2',
                 // Misc
                 'appareance-none',
             ],
@@ -193,7 +189,7 @@ exports.default = {
                 'w-3',
                 'h-3',
                 // Colors
-                'text-white',
+                'text-white dark:text-general-800',
                 // Transitions
                 'transition-all',
                 'duration-200',
@@ -229,13 +225,10 @@ exports.default = {
             // Shape
             'rounded-md',
             // Colors
-            'text-surface-900',
-            'placeholder:text-surface-400',
-            'bg-surface-0',
-            'ring-1 ring-inset ring-surface-300',
+            'ring-1 ring-inset dark:ring-white',
             // States
-            'hover:border-primary-500',
-            'focus:outline-none focus:outline-offset-0 focus:ring-2 focus:ring-inset focus:ring-primary-500',
+            'hover:border-primary-500 dark:hover:border-primary-300',
+            'focus:outline-none focus:outline-offset-0 focus:ring-2 focus:ring-inset focus:ring-primary-500 dark:focus:ring-primary-300',
             // Transition & Misc
             'appearance-none',
             'transition-colors duration-200',
@@ -243,7 +236,7 @@ exports.default = {
     },
     loadingicon: {
         class: [
-            'text-general-400',
+            'text-general-400 dark:text-general-100',
             'absolute text-lg top-[50%] right-[50%] -mt-2 -mr-2 animate-spin',
         ],
     },
@@ -252,7 +245,6 @@ exports.default = {
             // Position
             'absolute top-1/2 -mt-2 right-3',
             // Color
-            'text-surface-600',
         ],
     },
     label: function (_a) {
@@ -264,8 +256,9 @@ exports.default = {
                 {
                     '!text-general-200 !cursor-default': context.exactDisabled && props.node.key != -1,
                 },
-                'text-xs font-medium text-general-800',
+                'text-xs font-medium text-general-800 dark:text-general-100',
             ],
         });
     },
 };
+exports.default = definePreset;

package/fixedasset/username/index.js

@@ -9,14 +9,16 @@ var preset = {
         return ({
             class: [
                 'text-xs font-medium cursor-pointer',
-                { 'text-primary-500 cursor-pointer': props.type === 'icon' },
-                { 'text-general-800': props.type !== 'icon' },
+                {
+                    'text-primary-500 dark:text-primary-300 cursor-pointer': props.type === 'icon',
+                },
+                { 'text-general-800 dark:text-general-50': props.type !== 'icon' },
             ],
         });
     },
     panel: {
         background: {
-            class: 'bg-primary-100 absolute top-0 h-[42px] w-full',
+            class: 'bg-primary-100 dark:bg-primary-900 absolute top-0 h-[42px] w-full',
         },
         username: {
             class: 'font-semibold text-[10px] leading-[15px] text-center text-balance',
@@ -28,10 +30,10 @@ var preset = {
             class: 'text-[8px] font-normal leading-3',
         },
         userdetaillink: {
-            class: 'underline text-primary-400 text-[10px] leading-4 cursor-pointer hover:text-primary-500 transition-colors duration-100',
+            class: 'underline text-primary-400 dark:text-primary-300 text-[10px] leading-4 cursor-pointer hover:text-primary-500 dark:hover:text-primary-400 transition-colors duration-100',
         },
         contentwrapper: {
-            class: 'relative overflow-hidden flex flex-col gap-2 w-[200px] h-max items-center justify-center p-3 rounded-[10px] border border-grayscale-900 text-grayscale-900',
+            class: 'relative overflow-hidden flex flex-col gap-2 w-[200px] h-max items-center justify-center p-3 rounded-[10px] border border-grayscale-900 dark:border-white text-grayscale-900 dark:text-white',
         },
         detailwrapper: {
             class: 'flex flex-col gap-0.5 items-center justify-center',

package/fixedasset/validatormessage/index.d.ts

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

package/fixedasset/validatormessage/index.js

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

package/globalsettings/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,7 +37,7 @@ declare namespace _default {
         class: (string | {
             '!h-[35px]': boolean;
             'bg-transparent'?: undefined;
-            'bg-primary-50 [&>td]:border-primary-200'?: undefined;
+            'bg-primary-50 [&>td]:border-primary-200 [&>td>div>span]:border-primary-200'?: undefined;
             'focus:outline-none focus:outline-offset-0'?: undefined;
             'hover:!bg-grayscale-50'?: undefined;
             'hover:!bg-warning-300 !bg-warning-200'?: undefined;
@@ -47,7 +48,7 @@ declare namespace _default {
             'cursor-pointer'?: undefined;
         } | {
             'bg-transparent': boolean;
-            'bg-primary-50 [&>td]:border-primary-200': any;
+            'bg-primary-50 [&>td]:border-primary-200 [&>td>div>span]:border-primary-200': any;
             '!h-[35px]'?: undefined;
             'focus:outline-none focus:outline-offset-0'?: undefined;
             'hover:!bg-grayscale-50'?: undefined;
@@ -63,7 +64,7 @@ declare namespace _default {
             'hover:!bg-warning-300 !bg-warning-200': any;
             '!h-[35px]'?: undefined;
             'bg-transparent'?: undefined;
-            'bg-primary-50 [&>td]:border-primary-200'?: undefined;
+            'bg-primary-50 [&>td]:border-primary-200 [&>td>div>span]:border-primary-200'?: undefined;
             'transition duration-200'?: undefined;
             'select-none'?: undefined;
             'select-auto'?: undefined;
@@ -73,7 +74,7 @@ declare namespace _default {
             'transition duration-200': any;
             '!h-[35px]'?: undefined;
             'bg-transparent'?: undefined;
-            'bg-primary-50 [&>td]:border-primary-200'?: undefined;
+            'bg-primary-50 [&>td]:border-primary-200 [&>td>div>span]:border-primary-200'?: undefined;
             'focus:outline-none focus:outline-offset-0'?: undefined;
             'hover:!bg-grayscale-50'?: undefined;
             'hover:!bg-warning-300 !bg-warning-200'?: undefined;
@@ -86,7 +87,7 @@ declare namespace _default {
             'select-auto': boolean;
             '!h-[35px]'?: undefined;
             'bg-transparent'?: undefined;
-            'bg-primary-50 [&>td]:border-primary-200'?: undefined;
+            'bg-primary-50 [&>td]:border-primary-200 [&>td>div>span]:border-primary-200'?: undefined;
             'focus:outline-none focus:outline-offset-0'?: undefined;
             'hover:!bg-grayscale-50'?: undefined;
             'hover:!bg-warning-300 !bg-warning-200'?: undefined;
@@ -97,7 +98,7 @@ declare namespace _default {
             '!cursor-grab [&_label]:!cursor-grab': any;
             '!h-[35px]'?: undefined;
             'bg-transparent'?: undefined;
-            'bg-primary-50 [&>td]:border-primary-200'?: undefined;
+            'bg-primary-50 [&>td]:border-primary-200 [&>td>div>span]:border-primary-200'?: undefined;
             'focus:outline-none focus:outline-offset-0'?: undefined;
             'hover:!bg-grayscale-50'?: undefined;
             'hover:!bg-warning-300 !bg-warning-200'?: undefined;
@@ -109,7 +110,7 @@ declare namespace _default {
             'cursor-pointer': boolean;
             '!h-[35px]'?: undefined;
             'bg-transparent'?: undefined;
-            'bg-primary-50 [&>td]:border-primary-200'?: undefined;
+            'bg-primary-50 [&>td]:border-primary-200 [&>td>div>span]:border-primary-200'?: undefined;
             'focus:outline-none focus:outline-offset-0'?: undefined;
             'hover:!bg-grayscale-50'?: undefined;
             'hover:!bg-warning-300 !bg-warning-200'?: undefined;
@@ -297,9 +298,7 @@ declare namespace _default {
     function paginator({ context }: {
         context: any;
     }): {
-        'current-page-report-template': string;
         class: string;
         template: string;
     };
 }
-export default _default;

package/globalsettings/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',
@@ -49,7 +49,7 @@ exports.default = {
                 'text-general-800 text-xs font-normal',
                 {
                     'bg-transparent': !context.selected,
-                    'bg-primary-50 [&>td]:border-primary-200': context.selected,
+                    'bg-primary-50 [&>td]:border-primary-200 [&>td>div>span]:border-primary-200': context.selected,
                 },
                 // State
                 {
@@ -230,7 +230,7 @@ exports.default = {
         class: 'w-full p-4 flex flex-col gap-1 items-center justify-center invisible',
     },
     nodatalottiewrapper: {
-        'class': 'w-full p-4 flex flex-col gap-1 items-center justify-center absolute top-[35px] inset-x-0 pointer-events-none',
+        'class': 'w-full p-4 flex flex-col gap-1 items-center justify-center absolute inset-x-0 pointer-events-none',
         'data-wv-section': 'nodatalottiewrapper',
     },
     nodatalottie: {
@@ -241,7 +241,7 @@ exports.default = {
         class: 'text-general-body text-center',
     },
     loadingtablewrapper: {
-        'class': 'w-full p-4 flex items-center justify-center absolute top-[35px] inset-x-0 pointer-events-none',
+        'class': 'w-full p-4 flex items-center justify-center absolute inset-x-0 pointer-events-none',
         'data-wv-section': 'loadingtablewrapper',
     },
     loadingtablelottie: {
@@ -251,11 +251,9 @@ exports.default = {
     paginator: function (_a) {
         var context = _a.context;
         return ({
-            'current-page-report-template': context.totalRecords
-                ? 'Menampilkan {first} - {last} dari {totalRecords}'
-                : 'Tidak ditemukan data',
-            'class': '',
-            'template': 'FirstPageLink PrevPageLink PageLinks JumpToPageInput NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown',
+            class: '',
+            template: 'FirstPageLink PrevPageLink PageLinks JumpToPageInput NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown',
         });
     },
 };
+exports.default = definePreset;

package/globalsettings/index.es.js

@@ -1527,7 +1527,7 @@ const _ = {
       "text-general-800 text-xs font-normal",
       {
         "bg-transparent": !e.selected,
-        "bg-primary-50 [&>td]:border-primary-200": e.selected
+        "bg-primary-50 [&>td]:border-primary-200 [&>td>div>span]:border-primary-200": e.selected
       },
       // State
       {
@@ -1683,7 +1683,7 @@ const _ = {
     class: "w-full p-4 flex flex-col gap-1 items-center justify-center invisible"
   },
   nodatalottiewrapper: {
-    class: "w-full p-4 flex flex-col gap-1 items-center justify-center absolute top-[35px] inset-x-0 pointer-events-none",
+    class: "w-full p-4 flex flex-col gap-1 items-center justify-center absolute inset-x-0 pointer-events-none",
     "data-wv-section": "nodatalottiewrapper"
   },
   nodatalottie: {
@@ -1694,7 +1694,7 @@ const _ = {
     class: "text-general-body text-center"
   },
   loadingtablewrapper: {
-    class: "w-full p-4 flex items-center justify-center absolute top-[35px] inset-x-0 pointer-events-none",
+    class: "w-full p-4 flex items-center justify-center absolute inset-x-0 pointer-events-none",
     "data-wv-section": "loadingtablewrapper"
   },
   loadingtablelottie: {
@@ -1702,7 +1702,6 @@ const _ = {
     "data-wv-section": "loadingtablelottie"
   },
   paginator: ({ context: e }) => ({
-    "current-page-report-template": e.totalRecords ? "Menampilkan {first} - {last} dari {totalRecords}" : "Tidak ditemukan data",
     class: "",
     template: "FirstPageLink PrevPageLink PageLinks JumpToPageInput NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown"
   })
@@ -1899,7 +1898,7 @@ const _ = {
     leaveActiveClass: "transition-all duration-200 ease-out",
     leaveToClass: "opacity-0 scale-75 mask-active"
   }
-}, R = {
+}, $ = {
   root: {
     class: ["!w-[clamp(360px,75vw,400px)]"],
     "data-wv-name": (e) => e ?? "root",
@@ -1941,7 +1940,7 @@ const _ = {
     class: "flex items-end justify-end gap-1 !mt-0",
     "data-wv-section": "dialog-confirm-footer"
   }
-}, $ = {
+}, R = {
   root: {
     class: ["max-w-[90vw]"],
     style: (e) => `width: ${e}`,
@@ -5713,8 +5712,8 @@ const oe = m("WANGS-TAB-MENU", {
   tabmenu: oe,
   // Overlays
   dialog: C,
-  dialogconfirm: R,
-  dialogform: $,
+  dialogconfirm: $,
+  dialogform: R,
   overlaypanel: ae,
   // Messages
   message: te,