@fewangsit/wangsvue-presets 1.0.85-alpha.3 → 1.0.85-alpha.5

package/fixedasset/button/index.d.ts

@@ -22,7 +22,7 @@ declare namespace _default {
         props: any;
     }): {
         class: (string | {
-            '!h-[11px] !w-[11px]': boolean;
+            '!h-3 !w-3': boolean;
         })[];
     };
     function loadingIcon({ props }: {

package/fixedasset/button/index.js

@@ -81,26 +81,30 @@ exports.default = {
                 },
                 // Primary Blue Button
                 {
-                    'text-white': props.severity === null &&
+                    'text-white': (props.severity == null || props.severity === 'primary') &&
                         !props.text &&
                         !props.outlined &&
                         !props.plain,
-                    'bg-primary-500': props.severity === null &&
+                    'bg-primary-500': (props.severity == null || props.severity === 'primary') &&
                         !props.text &&
                         !props.outlined &&
                         !props.plain,
-                    'ring-1 ring-primary-500': props.severity === null &&
+                    'ring-1 ring-primary-500': (props.severity == null || props.severity === 'primary') &&
                         !props.text &&
                         !props.outlined &&
                         !props.plain,
                 },
                 // Primary Blue Text Button
                 {
-                    'text-primary-500': props.text && props.severity === null && !props.plain,
+                    'text-primary-500': props.text &&
+                        (props.severity == null || props.severity === 'primary') &&
+                        !props.plain,
                 },
                 // Primary Blue Outlined Button
                 {
-                    'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-500/20': props.outlined && props.severity === null && !props.plain,
+                    'text-primary-500 ring-1 ring-primary-500 hover:bg-primary-500/20': props.outlined &&
+                        (props.severity == null || props.severity === 'primary') &&
+                        !props.plain,
                 },
                 // Success Button
                 {
@@ -263,9 +267,9 @@ exports.default = {
                 },
                 // Primary
                 {
-                    'hover:bg-primary-500/[8%] active:bg-primary-500/[12%] ': props.severity === null,
+                    'hover:bg-primary-500/[8%] active:bg-primary-500/[12%] ': props.severity == null || props.severity === 'primary',
                     'hover:shadow-hover active:!shadow-none hover:!bg-primary-500/90 active:bg-primary-500/90 hover:ring-0': !props.link &&
-                        props.severity === null &&
+                        (props.severity == null || props.severity === 'primary') &&
                         !props.text &&
                         !props.outlined &&
                         !context.disabled &&
@@ -391,7 +395,7 @@ exports.default = {
     icon: function (_a) {
         var props = _a.props;
         return ({
-            class: ['shrink-0', { '!h-[11px] !w-[11px]': props.size === 'small' }],
+            class: ['shrink-0', { '!h-3 !w-3': props.size === 'small' }],
         });
     },
     loadingIcon: function (_a) {

package/fixedasset/buttondownload/index.d.ts

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

package/fixedasset/buttondownload/index.js

@@ -2,12 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
     root: {
-        'class': 'focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm',
+        'class': [
+            'rounded ring-1 ring-success-500 p-[5px] ring-inset',
+            'focus-within:ring-2 focus-within:ring-primary-500 focus-within:outline-none',
+        ],
         'data-wv-name': 'buttondownload',
         'data-wv-section': 'root',
     },
     icon: {
-        'class': 'text-2xl',
+        'class': 'text-base',
         'data-wv-section': 'icon',
+        'severity': 'success',
     },
 };

package/fixedasset/buttonfilter/index.d.ts

@@ -1,11 +1,20 @@
 declare namespace _default {
-    let root: {
-        class: string;
+    function root({ context }: {
+        context: any;
+    }): {
+        class: (string | {
+            'bg-general-500': any;
+        })[];
         'data-wv-name': string;
         'data-wv-section': string;
     };
-    let icon: {
-        class: string;
+    function icon({ context }: {
+        context: any;
+    }): {
+        class: (string | {
+            'text-general-400': boolean;
+            'text-white': any;
+        })[];
         'data-wv-section': string;
     };
 }

package/fixedasset/buttonfilter/index.js

@@ -1,13 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
-    root: {
-        'class': 'focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm',
-        'data-wv-name': 'buttonfilter',
-        'data-wv-section': 'root',
+    root: function (_a) {
+        var context = _a.context;
+        return ({
+            'class': [
+                'rounded ring-1 ring-general-500 p-[5px] ring-inset',
+                'focus-within:ring-2 focus-within:outline-none',
+                { 'bg-general-500': context.active },
+            ],
+            'data-wv-name': 'buttonfilter',
+            'data-wv-section': 'root',
+        });
     },
-    icon: {
-        'class': 'text-2xl',
-        'data-wv-section': 'icon',
+    icon: function (_a) {
+        var context = _a.context;
+        return ({
+            'class': [
+                'text-base',
+                { 'text-general-400': !context.active, 'text-white': context.active },
+            ],
+            'data-wv-section': 'icon',
+        });
     },
 };

package/fixedasset/buttonsearch/index.js

@@ -7,7 +7,7 @@ exports.default = {
             return ({
                 'class': [
                     { 'w-max': !context.showSearchInput },
-                    'ring-1 ring-general-500 rounded p-[5px]',
+                    'ring-1 ring-general-500 rounded p-[5px] ring-inset',
                     'focus-within:ring-2 focus-within:ring-primary-500 focus-within:outline-none',
                 ],
                 'data-wv-section': 'buttontrigger',

package/fixedasset/checkbox/index.d.ts

@@ -8,12 +8,12 @@ declare namespace _default {
         context: any;
     }): {
         class: (string | {
-            'border-general-300': any;
-            'border-grayscale-900': boolean;
+            'border-general-200': any;
+            'border-general-100': boolean;
             'bg-white': boolean;
             'bg-general-50': any;
-            'bg-grayscale-900': boolean;
-            'bg-general-300': 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;
@@ -24,12 +24,12 @@ declare namespace _default {
             '[&_i]:text-transparent'?: undefined;
         } | {
             'ring-8 ring-primary-400/[12%]': any;
-            'border-general-300'?: undefined;
-            'border-grayscale-900'?: undefined;
+            'border-general-200'?: undefined;
+            'border-general-100'?: undefined;
             'bg-white'?: undefined;
             'bg-general-50'?: undefined;
-            'bg-grayscale-900'?: undefined;
-            'bg-general-300'?: 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;
@@ -42,12 +42,12 @@ declare namespace _default {
             '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-300'?: undefined;
-            'border-grayscale-900'?: undefined;
+            'border-general-200'?: undefined;
+            'border-general-100'?: undefined;
             'bg-white'?: undefined;
             'bg-general-50'?: undefined;
-            'bg-grayscale-900'?: undefined;
-            'bg-general-300'?: 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;
@@ -56,12 +56,12 @@ declare namespace _default {
             '[&_i]:bg-transparent': boolean;
             '[&_i]:text-white': any;
             '[&_i]:text-transparent': boolean;
-            'border-general-300'?: undefined;
-            'border-grayscale-900'?: undefined;
+            'border-general-200'?: undefined;
+            'border-general-100'?: undefined;
             'bg-white'?: undefined;
             'bg-general-50'?: undefined;
-            'bg-grayscale-900'?: undefined;
-            'bg-general-300'?: 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;
@@ -77,5 +77,14 @@ declare namespace _default {
         let _class_2: string[];
         export { _class_2 as class };
     }
+    function label({ props }: {
+        props: any;
+    }): {
+        class: any[];
+    };
+    namespace tooltipicon {
+        let _class_3: string;
+        export { _class_3 as class };
+    }
 }
 export default _default;

package/fixedasset/checkbox/index.js

@@ -4,6 +4,7 @@ exports.default = {
     root: {
         class: [
             'relative',
+            'w-max items-center cursor-pointer',
             'w-4 h-4',
             'shrink-0',
             // Alignment
@@ -31,12 +32,12 @@ exports.default = {
                 // Colors
                 'text-white',
                 {
-                    'border-general-300': props.disabled,
-                    'border-grayscale-900': !props.disabled,
+                    'border-general-200': props.disabled,
+                    'border-general-100': !props.disabled,
                     'bg-white': !(context.checked || context.partialChecked) && !props.disabled,
                     'bg-general-50': !(context.checked || context.partialChecked) && props.disabled,
-                    'bg-grayscale-900': (context.checked || context.partialChecked) && !props.disabled,
-                    'bg-general-300': (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,
                 },
                 {
                     'ring-8 ring-primary-400/[12%]': !props.disabled && context.focused,
@@ -104,4 +105,17 @@ exports.default = {
             'duration-200',
         ],
     },
+    label: function (_a) {
+        var props = _a.props;
+        return ({
+            class: [
+                'flex items-start gap-px select-none text-xs tracking-[0.02em] font-medium',
+                'text-general-800',
+                props.labelClass,
+            ],
+        });
+    },
+    tooltipicon: {
+        class: 'text-primary-500 w-[10px] h-[10px]',
+    },
 };

package/fixedasset/customColumn/index.d.ts

@@ -0,0 +1,28 @@
+declare namespace _default {
+    namespace menustart {
+        let _class: string;
+        export { _class as class };
+    }
+    function menuitem({ context, props }: {
+        context: any;
+        props: any;
+    }): {
+        class: (string | {
+            '!pl-0.5 !pr-2 !py-[4.5px]': boolean;
+            'cursor-grab [&_label]:cursor-grab '?: undefined;
+            'cursor-default [&_*]:cursor-default'?: undefined;
+        } | {
+            'cursor-grab [&_label]:cursor-grab ': any;
+            'cursor-default [&_*]:cursor-default': boolean;
+            '!pl-0.5 !pr-2 !py-[4.5px]'?: undefined;
+        })[];
+    };
+    function dragicon({ context }: {
+        context: any;
+    }): {
+        class: (string | {
+            invisible: boolean;
+        })[];
+    };
+}
+export default _default;

package/fixedasset/customColumn/index.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    menustart: {
+        class: '',
+    },
+    menuitem: function (_a) {
+        var context = _a.context, props = _a.props;
+        return ({
+            class: [
+                'flex gap-1 py-[7px] px-4 transition-transform',
+                {
+                    '!pl-0.5 !pr-2 !py-[4.5px]': props.type === 'flat',
+                },
+                {
+                    'cursor-grab [&_label]:cursor-grab ': context.dragable,
+                    'cursor-default [&_*]:cursor-default': !context.dragable,
+                },
+                '[&:has([selectable=false])]:!cursor-not-allowed',
+                '[&:has([selectable=false])]:hover:!bg-transparent',
+            ],
+        });
+    },
+    dragicon: function (_a) {
+        var context = _a.context;
+        return ({
+            class: [
+                '!cursor-move w-[18px] h-[18px] !text-general-200 shrink-0',
+                { invisible: context.dragable === false },
+            ],
+        });
+    },
+};

package/fixedasset/datatable/index.d.ts

@@ -39,9 +39,9 @@ declare namespace _default {
         class: (string | {
             '!h-[35px]': boolean;
             'bg-transparent'?: undefined;
-            'bg-primary-100'?: undefined;
+            'bg-primary-50 [&>td]:border-primary-200'?: undefined;
             'focus:outline-none focus:outline-offset-0'?: undefined;
-            'hover:!bg-primary-50'?: undefined;
+            'hover:!bg-grayscale-50'?: undefined;
             'hover:!bg-warning-300 !bg-warning-200'?: undefined;
             'transition duration-200'?: undefined;
             'select-none'?: undefined;
@@ -50,10 +50,10 @@ declare namespace _default {
             'cursor-pointer'?: undefined;
         } | {
             'bg-transparent': boolean;
-            'bg-primary-100': any;
+            'bg-primary-50 [&>td]:border-primary-200': any;
             '!h-[35px]'?: undefined;
             'focus:outline-none focus:outline-offset-0'?: undefined;
-            'hover:!bg-primary-50'?: undefined;
+            'hover:!bg-grayscale-50'?: undefined;
             'hover:!bg-warning-300 !bg-warning-200'?: undefined;
             'transition duration-200'?: undefined;
             'select-none'?: undefined;
@@ -62,11 +62,11 @@ declare namespace _default {
             'cursor-pointer'?: undefined;
         } | {
             'focus:outline-none focus:outline-offset-0': any;
-            'hover:!bg-primary-50': boolean;
+            'hover:!bg-grayscale-50': boolean;
             'hover:!bg-warning-300 !bg-warning-200': any;
             '!h-[35px]'?: undefined;
             'bg-transparent'?: undefined;
-            'bg-primary-100'?: undefined;
+            'bg-primary-50 [&>td]:border-primary-200'?: undefined;
             'transition duration-200'?: undefined;
             'select-none'?: undefined;
             'select-auto'?: undefined;
@@ -76,9 +76,9 @@ declare namespace _default {
             'transition duration-200': any;
             '!h-[35px]'?: undefined;
             'bg-transparent'?: undefined;
-            'bg-primary-100'?: undefined;
+            'bg-primary-50 [&>td]:border-primary-200'?: undefined;
             'focus:outline-none focus:outline-offset-0'?: undefined;
-            'hover:!bg-primary-50'?: undefined;
+            'hover:!bg-grayscale-50'?: undefined;
             'hover:!bg-warning-300 !bg-warning-200'?: undefined;
             'select-none'?: undefined;
             'select-auto'?: undefined;
@@ -89,9 +89,9 @@ declare namespace _default {
             'select-auto': boolean;
             '!h-[35px]'?: undefined;
             'bg-transparent'?: undefined;
-            'bg-primary-100'?: undefined;
+            'bg-primary-50 [&>td]:border-primary-200'?: undefined;
             'focus:outline-none focus:outline-offset-0'?: undefined;
-            'hover:!bg-primary-50'?: undefined;
+            'hover:!bg-grayscale-50'?: undefined;
             'hover:!bg-warning-300 !bg-warning-200'?: undefined;
             'transition duration-200'?: undefined;
             '!cursor-grab [&_label]:!cursor-grab'?: undefined;
@@ -100,9 +100,9 @@ declare namespace _default {
             '!cursor-grab [&_label]:!cursor-grab': any;
             '!h-[35px]'?: undefined;
             'bg-transparent'?: undefined;
-            'bg-primary-100'?: undefined;
+            'bg-primary-50 [&>td]:border-primary-200'?: undefined;
             'focus:outline-none focus:outline-offset-0'?: undefined;
-            'hover:!bg-primary-50'?: undefined;
+            'hover:!bg-grayscale-50'?: undefined;
             'hover:!bg-warning-300 !bg-warning-200'?: undefined;
             'transition duration-200'?: undefined;
             'select-none'?: undefined;
@@ -112,9 +112,9 @@ declare namespace _default {
             'cursor-pointer': boolean;
             '!h-[35px]'?: undefined;
             'bg-transparent'?: undefined;
-            'bg-primary-100'?: undefined;
+            'bg-primary-50 [&>td]:border-primary-200'?: undefined;
             'focus:outline-none focus:outline-offset-0'?: undefined;
-            'hover:!bg-primary-50'?: undefined;
+            'hover:!bg-grayscale-50'?: undefined;
             'hover:!bg-warning-300 !bg-warning-200'?: undefined;
             'transition duration-200'?: undefined;
             'select-none'?: undefined;
@@ -126,20 +126,20 @@ declare namespace _default {
         context: any;
     }): {
         class: (string | {
-            'bg-primary-400': boolean;
-            'bg-primary-500'?: undefined;
-            'sticky right-0 hover:bg-primary-500'?: undefined;
+            'bg-primary-200': boolean;
+            'bg-primary-300'?: undefined;
+            'sticky right-0 hover:bg-primary-300'?: undefined;
             '!cursor-default'?: undefined;
         } | {
-            'bg-primary-500': any;
-            'bg-primary-400'?: undefined;
-            'sticky right-0 hover:bg-primary-500'?: undefined;
+            'bg-primary-300': any;
+            'bg-primary-200'?: undefined;
+            'sticky right-0 hover:bg-primary-300'?: undefined;
             '!cursor-default'?: undefined;
         } | {
-            'sticky right-0 hover:bg-primary-500': any;
+            'sticky right-0 hover:bg-primary-300': any;
             '!cursor-default': boolean;
-            'bg-primary-400'?: undefined;
-            'bg-primary-500'?: undefined;
+            'bg-primary-200'?: undefined;
+            'bg-primary-300'?: undefined;
         })[];
         'data-wv-section': string;
     };
@@ -159,7 +159,7 @@ declare namespace _default {
         context: any;
     }): {
         class: {
-            '[&_[data-pc-section=box]]:!border-white [&_[data-pc-section=box]]:!bg-transparent': boolean;
+            '[&_[data-pc-section=box]]:!border-general-100 [&_[data-pc-section=box]]:!bg-white': boolean;
         }[];
         'data-wv-section': string;
     };
@@ -206,7 +206,7 @@ declare namespace _default {
         context: any;
     }): {
         class: (string | {
-            '!border-t border-primary-100 !border-solid': boolean;
+            '!border-t border-general-100 !border-solid': boolean;
         })[];
     };
     function rowtogglerbutton({ context }: {
@@ -236,8 +236,8 @@ declare namespace _default {
     }): {
         class: (string | {
             'sticky bg-white': any;
-            '!bg-primary-100': any;
-            'group-hover:!bg-primary-50': boolean;
+            '!bg-primary-50': any;
+            'group-hover:!bg-grayscale-50': boolean;
             'group-hover:!bg-warning-300 !bg-warning-200': any;
         })[];
         'data-wv-section': string;
@@ -249,13 +249,14 @@ declare namespace _default {
     function singleactionbutton({ props }: {
         props: any;
     }): {
-        class: ({
+        class: (string | {
             'pointer-events-none !border-general-100 [&>i]:text-general-200': any;
             'pointer-events-auto'?: undefined;
         } | {
             'pointer-events-auto': boolean;
             'pointer-events-none !border-general-100 [&>i]:text-general-200'?: undefined;
         })[];
+        severity: string;
         tooltip: string;
         'data-wv-section': string;
     };

package/fixedasset/datatable/index.js

@@ -28,7 +28,7 @@ exports.default = {
     table: {
         'class': [
             'min-w-max w-full',
-            '!border-separate !border-spacing-0 border !border-solid !border-primary-100 !border-t-0 !border-l-0 !border-r-0 !rounded-lg',
+            '!border-separate !border-spacing-0 border !border-solid !border-general-100 !border-t-0 !border-l-0 !border-r-0 !rounded-lg',
         ],
         'data-wv-section': 'table',
     },
@@ -43,7 +43,7 @@ exports.default = {
         class: ['sticky top-0 z-50'],
     },
     headerrow: {
-        class: ['border-b border-primary-100'],
+        class: ['border-b border-general-100'],
     },
     bodyrow: function (_a) {
         var context = _a.context, props = _a.props;
@@ -57,13 +57,13 @@ exports.default = {
                 'text-general-800 text-xs font-normal',
                 {
                     'bg-transparent': !context.selected,
-                    'bg-primary-100': context.selected,
+                    'bg-primary-50 [&>td]:border-primary-200': context.selected,
                 },
                 // State
                 {
                     'focus:outline-none focus:outline-offset-0': props.selectionType,
                     // To sets the bg to single action td
-                    'hover:!bg-primary-50': !context.highlighted,
+                    'hover:!bg-grayscale-50': !context.highlighted && !context.selected,
                     'hover:!bg-warning-300 !bg-warning-200': context.highlighted,
                 },
                 // Transition
@@ -82,21 +82,21 @@ exports.default = {
         var context = _a.context;
         return {
             'class': [
-                'text-xs font-semibold text-white p-2 text-left cursor-pointer',
-                { 'bg-primary-400': !context.sorted || !context.sortable },
-                { 'bg-primary-500': context.sorted },
+                'text-xs font-bold text-general-800 p-2 text-left cursor-pointer tracking-[0.02em]',
+                { 'bg-primary-200': !context.sorted || !context.sortable },
+                { 'bg-primary-300': context.sorted },
                 {
-                    'sticky right-0 hover:bg-primary-500': context.customColumn,
+                    'sticky right-0 hover:bg-primary-300': context.customColumn,
                     '!cursor-default': !context.customColumn && !context.sortable,
                 },
                 'border-0 !border-b border-solid',
-                'border-primary-100',
+                'border-general-100',
             ],
             'data-wv-section': 'headercell',
         };
     },
     headercellcontent: {
-        'class': ['inline-flex gap-2 items-center leading-[18px]'],
+        'class': ['inline-flex gap-2 items-center leading-4'],
         'data-wv-section': 'headercellcontent',
     },
     headercellreorderable: {
@@ -111,7 +111,7 @@ exports.default = {
         return ({
             'class': [
                 {
-                    '[&_[data-pc-section=box]]:!border-white [&_[data-pc-section=box]]:!bg-transparent': !context.isSelectedAll,
+                    '[&_[data-pc-section=box]]:!border-general-100 [&_[data-pc-section=box]]:!bg-white': !context.isSelectedAll,
                 },
             ],
             'data-wv-section': 'headercheckbox',
@@ -137,7 +137,7 @@ exports.default = {
                 { 'rotate-180': context.isExpandedAll },
                 { 'rotate-0': !context.isExpandedAll },
             ],
-            'icon-class': 'w-6 h-6 text-white',
+            'icon-class': 'w-6 h-6 text-general-800',
             'data-wv-section': 'headertogglerbutton',
         });
     },
@@ -148,7 +148,8 @@ exports.default = {
     bodycell: {
         'class': [
             'text-xs px-2 py-0.5',
-            'border-0 !border-b !border-solid border-primary-100',
+            'border-0 !border-b !border-solid border-general-100',
+            'justify-items-start',
             '[&:has([data-wv-section=rowcheckbox])]:text-center',
             '[&:has([data-wv-section=rowcheckbox])]:text-center',
         ],
@@ -165,7 +166,7 @@ exports.default = {
         return ({
             class: [
                 '!h-[35px] flex items-center px-2',
-                { '!border-t border-primary-100 !border-solid': !context.firstIndex },
+                { '!border-t border-general-100 !border-solid': !context.firstIndex },
             ],
         });
     },
@@ -177,7 +178,7 @@ exports.default = {
                 { 'rotate-180': context.isRowExpanded },
                 { 'rotate-0': !context.isRowExpanded },
             ],
-            'icon-class': 'w-6 h-6',
+            'icon-class': 'w-6 h-6 text-general-800',
             'data-wv-section': 'rowtogglerbutton',
         });
     },
@@ -199,8 +200,8 @@ exports.default = {
                 'w-[35px]',
                 {
                     'sticky bg-white': props.useOption,
-                    '!bg-primary-100': context.selected,
-                    'group-hover:!bg-primary-50': !context.highlighted,
+                    '!bg-primary-50': context.selected,
+                    'group-hover:!bg-grayscale-50': !context.highlighted && !context.selected,
                     'group-hover:!bg-warning-300 !bg-warning-200': context.highlighted,
                 },
             ],
@@ -219,8 +220,10 @@ exports.default = {
                     'pointer-events-none !border-general-100 [&>i]:text-general-200': props.disableAllRows,
                 },
                 { 'pointer-events-auto': !props.disableAllRows },
+                '!rounded-full',
             ],
-            'tooltip': 'Aksi',
+            'severity': 'primary',
+            'tooltip': 'Action',
             'data-wv-section': 'singleactionbutton',
         });
     },

package/fixedasset/filtercontainer/index.d.ts

@@ -0,0 +1,7 @@
+declare namespace _default {
+    namespace root {
+        let _class: string[];
+        export { _class as class };
+    }
+}
+export default _default;