@fewangsit/wangsvue-presets 1.0.83 → 1.0.84-alpha.1

package/fixedasset/badge/index.d.ts

@@ -3,12 +3,12 @@ declare namespace _default {
         props: any;
     }): {
         class: (string | {
-            '!text-general-400 !bg-general-100': any;
-            'text-success-800 bg-success-100': boolean;
-            'text-primary-800 bg-primary-200': boolean;
-            'text-grayscale-900 bg-grayscale-500': boolean;
+            'text-general-400 bg-general-100': any;
+            'text-success-500 bg-success-100': boolean;
+            'text-primary-500 bg-primary-50': boolean;
+            'text-grayscale-800 bg-grayscale-200': boolean;
             'text-warning-600 bg-warning-100': boolean;
-            'text-danger-700 bg-danger-200': boolean;
+            'text-danger-600 bg-danger-100': boolean;
         })[];
         'data-wv-name': string;
         'data-wv-section': string;
@@ -18,7 +18,7 @@ declare namespace _default {
         context: any;
     }): {
         class: (string | {
-            'caret-surface-700': any;
+            'caret-primary-700': any;
             'cursor-default': boolean;
         })[];
     };
@@ -26,19 +26,12 @@ declare namespace _default {
         props: any;
     }): {
         class: (string | {
-            '!text-primary-800': boolean;
-            '!text-success-800': boolean;
-            '!text-danger-700': boolean;
-            '!text-warning-600': boolean;
-            '!text-grayscale-900': boolean;
-            'text-general-400'?: undefined;
-        } | {
+            'text-primary-500': boolean;
+            'text-success-500': boolean;
+            'text-danger-600': boolean;
+            'text-warning-600': boolean;
+            'text-grayscale-800 hover:bg-grayscale-300': boolean;
             'text-general-400': any;
-            '!text-primary-800'?: undefined;
-            '!text-success-800'?: undefined;
-            '!text-danger-700'?: undefined;
-            '!text-warning-600'?: undefined;
-            '!text-grayscale-900'?: undefined;
         })[];
         'icon-class': string;
         'data-wv-section': string;

package/fixedasset/badge/index.js

@@ -8,17 +8,18 @@ exports.default = {
                 // Alignment
                 'inline-flex items-center',
                 // Size
-                'py-1 px-2',
+                'p-1',
                 // Shape
-                'rounded-[50px]',
+                'rounded-lg	',
                 // Color
                 {
-                    '!text-general-400 !bg-general-100': props.disabled,
-                    'text-success-800 bg-success-100': props.severity == 'success',
-                    'text-primary-800 bg-primary-200': props.severity == null || props.severity == 'primary',
-                    'text-grayscale-900 bg-grayscale-500': props.severity == 'dark',
-                    'text-warning-600 bg-warning-100': props.severity == 'warning',
-                    'text-danger-700 bg-danger-200': props.severity == 'danger',
+                    'text-general-400 bg-general-100': props.disabled,
+                    'text-success-500 bg-success-100': !props.disabled && props.severity == 'success',
+                    'text-primary-500 bg-primary-50': !props.disabled &&
+                        (props.severity == null || props.severity == 'primary'),
+                    'text-grayscale-800 bg-grayscale-200': !props.disabled && props.severity == 'dark',
+                    'text-warning-600 bg-warning-100': !props.disabled && props.severity == 'warning',
+                    'text-danger-600 bg-danger-100': !props.disabled && props.severity == 'danger',
                 },
             ],
             'data-wv-name': 'badge',
@@ -29,9 +30,9 @@ exports.default = {
         var props = _a.props, context = _a.context;
         return ({
             class: [
-                'text-nowrap whitespace-nowrap font-normal text-xs leading-4 tracking-[0.2488px]',
+                'text-nowrap whitespace-nowrap font-semibold text-[9px] leading-3 tracking-[0.02em]',
                 {
-                    'caret-surface-700': props.editable,
+                    'caret-primary-700': props.editable,
                     'cursor-default': !!context.badgeTooltip,
                 },
             ],
@@ -41,19 +42,18 @@ exports.default = {
         var props = _a.props;
         return ({
             'class': [
-                '!p-0 !w-3 !h-3 ml-1',
-                {
-                    '!text-primary-800': !props.badgeSeverity || props.badgeSeverity === 'primary',
-                    '!text-success-800': props.badgeSeverity === 'success',
-                    '!text-danger-700': props.badgeSeverity === 'danger',
-                    '!text-warning-600': props.badgeSeverity === 'warning',
-                    '!text-grayscale-900': props.badgeSeverity === 'dark',
-                },
+                '!p-0 !w-[10px] !h-[10px] ml-1',
                 {
+                    'text-primary-500': !props.disabled &&
+                        (!props.badgeSeverity || props.badgeSeverity === 'primary'),
+                    'text-success-500': !props.disabled && props.badgeSeverity === 'success',
+                    'text-danger-600': !props.disabled && props.badgeSeverity === 'danger',
+                    'text-warning-600': !props.disabled && props.badgeSeverity === 'warning',
+                    'text-grayscale-800 hover:bg-grayscale-300': !props.disabled && props.badgeSeverity === 'dark',
                     'text-general-400': props.disabled,
                 },
             ],
-            'icon-class': 'w-3 h-3',
+            'icon-class': 'w-[10px] h-[10px]',
             'data-wv-section': 'removebutton',
         });
     },

package/fixedasset/badgegroup/index.js

@@ -8,7 +8,7 @@ exports.default = {
         'data-wv-section': 'root',
     },
     showmorebutton: {
-        'class': '!p-1 !h-auto',
+        'class': '!p-1 !h-auto text-primary-500 !font-medium text-xs leading-4 tracking-[0.02em]',
         'data-wv-section': 'showmorebutton',
     },
     showmoredialog: {

package/fixedasset/breadcrumb/index.d.ts

@@ -8,8 +8,8 @@ declare namespace _default {
         context: any;
     }): {
         class: {
-            'font-semibold': any;
-            'text-primary-400': boolean;
+            'font-bold text-general-400': any;
+            'text-primary-500': boolean;
         };
         'data-wv-section': string;
     };

package/fixedasset/breadcrumb/index.js

@@ -4,8 +4,8 @@ exports.default = {
     root: {
         'class': [
             'flex gap-[5px] items-center text-left h-[21px]',
-            'text-grayscale-900 ',
-            'text-xs font-normal leading-none',
+            'text-general-800',
+            'text-xs font-medium leading-4 tracking-[0.02em]',
         ],
         'data-wv-name': 'breadcrumb',
         'data-wv-section': 'root',
@@ -14,8 +14,8 @@ exports.default = {
         var context = _a.context;
         return ({
             'class': {
-                'font-semibold': context.lastItem,
-                'text-primary-400': !context.lastItem && !context.firstItem,
+                'font-bold text-general-400': context.lastItem,
+                'text-primary-500': !context.lastItem && !context.firstItem,
             },
             'data-wv-section': 'breadcrumb-menu',
         });

package/fixedasset/button/index.js

@@ -7,7 +7,7 @@ exports.default = {
             class: [
                 'relative',
                 // Alignments
-                'items-center inline-flex text-center align-bottom justify-center',
+                'items-center inline-flex text-center align-bottom justify-center w-max',
                 {
                     'flex-col': (props.iconPos === 'top' || props.iconPos === 'bottom') &&
                         props.label,
@@ -17,7 +17,7 @@ exports.default = {
                     'flex-row-reverse': props.iconPos === 'right',
                 },
                 // Sizes & Spacing
-                'leading-none font-normal rounded-[50px]',
+                'leading-none font-normal rounded',
                 {
                     '!text-xs px-3 py-[5px]': props.size === null && props.label,
                     '!text-xs !p-0.5': props.size === 'small',
@@ -25,7 +25,7 @@ exports.default = {
                 },
                 { 'gap-1': props.label !== null },
                 {
-                    'p-[7px] w-max': props.label === null && props.icon && props.size === null,
+                    'p-[5px] w-max': props.label === null && props.icon && props.size === null,
                 },
                 {
                     '!p-0.5 !h-4 !w-4': props.label === null && props.icon && props.size === 'small',
@@ -43,10 +43,10 @@ exports.default = {
                     'text-white bg-gray-500 ring-1 ring-gray-500': props.plain && !props.outlined && !props.text,
                 },
                 // Plain Text Button
-                { 'text-primary-400': props.plain && props.text },
+                { 'text-primary-500': props.plain && props.text },
                 // Plain Outlined Button
                 {
-                    'text-primary-400 ring-1 ring-gray-500': props.plain && props.outlined,
+                    'text-primary-500 ring-1 ring-gray-500': props.plain && props.outlined,
                 },
                 // Text Button
                 { 'bg-transparent ring-transparent': props.text && !props.plain },
@@ -79,28 +79,28 @@ exports.default = {
                 {
                     'text-grayscale-900 ring-1 ring-grayscale-900': props.outlined && props.severity === 'secondary' && !props.plain,
                 },
-                // Primary Gold Button
+                // Primary Blue Button
                 {
                     'text-white': props.severity === null &&
                         !props.text &&
                         !props.outlined &&
                         !props.plain,
-                    'bg-primary-400': props.severity === null &&
+                    'bg-primary-500': props.severity === null &&
                         !props.text &&
                         !props.outlined &&
                         !props.plain,
-                    'ring-1 ring-primary-400': props.severity === null &&
+                    'ring-1 ring-primary-500': props.severity === null &&
                         !props.text &&
                         !props.outlined &&
                         !props.plain,
                 },
-                // Primary Gold Text Button
+                // Primary Blue Text Button
                 {
-                    'text-primary-400': props.text && props.severity === null && !props.plain,
+                    'text-primary-500': props.text && props.severity === null && !props.plain,
                 },
-                // Primary Gold Outlined Button
+                // Primary Blue Outlined Button
                 {
-                    'text-primary-400 ring-1 ring-primary-400 hover:bg-primary-400/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.plain,
                 },
                 // Success Button
                 {
@@ -250,7 +250,7 @@ exports.default = {
                 },
                 // Text & Outlined Button
                 {
-                    'hover:bg-primary-400/20': props.plain && (props.text || props.outlined),
+                    'hover:bg-primary-500/20': props.plain && (props.text || props.outlined),
                 },
                 // Secondary
                 {
@@ -263,8 +263,8 @@ exports.default = {
                 },
                 // Primary
                 {
-                    'hover:bg-primary-400/[8%] active:bg-primary-400/[12%] ': props.severity === null,
-                    'hover:shadow-hover active:!shadow-none hover:!bg-primary-400/90 active:bg-primary-400/90 hover:ring-0': !props.link &&
+                    'hover:bg-primary-500/[8%] active:bg-primary-500/[12%] ': props.severity === null,
+                    '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.text &&
                         !props.outlined &&
@@ -350,7 +350,7 @@ exports.default = {
                         !props.plain,
                 },
                 {
-                    'focus:ring-primary-400': props.severity === 'contrast',
+                    'focus:ring-primary-500': props.severity === 'contrast',
                 },
                 // Text & Outlined Button
                 {
@@ -380,7 +380,7 @@ exports.default = {
             class: [
                 'duration-200',
                 'font-normal text-xs',
-                props.label ? 'leading-5' : 'leading-4',
+                'leading-4 tracking-[0.02em]',
                 {
                     'hover:underline': props.link,
                 },

package/fixedasset/buttonbulkaction/index.d.ts

@@ -22,6 +22,34 @@ declare namespace _default {
         'data-wv-section': string;
     };
     let bulkactiontoggle: {
+        class: string;
+        'data-wv-section': string;
+    };
+    namespace dropdownmenu {
+        export function root_1({ props, state }: {
+            props: any;
+            state: any;
+        }): {
+            class: (string | {
+                'opacity-60': any;
+                'pointer-events-none': any;
+            })[];
+            'data-wv-section': string;
+        };
+        export { root_1 as root };
+        export function input({ props, state }: {
+            props: any;
+            state: any;
+        }): {
+            class: string[];
+        };
+        export namespace trigger {
+            let _class: string[];
+            export { _class as class };
+        }
+    }
+    let applybutton: {
+        class: string;
         'data-wv-section': string;
     };
     let buttonclearselection: {

package/fixedasset/buttonbulkaction/index.js

@@ -26,8 +26,39 @@ exports.default = {
         });
     },
     bulkactiontoggle: {
+        'class': 'rounded-full',
         'data-wv-section': 'bulkactiontoggle',
     },
+    dropdownmenu: {
+        root: function (_a) {
+            var props = _a.props, state = _a.state;
+            return ({
+                'class': [
+                    'flex items-center gap-1 transition-all shrink-0',
+                    'py-[5px] px-3',
+                    'ring-inset ring-1 ring-primary-500 rounded',
+                    { 'opacity-60': props.disabled, 'pointer-events-none': props.disabled },
+                ],
+                'data-wv-section': 'dropdownmenu',
+            });
+        },
+        input: function (_a) {
+            var props = _a.props, state = _a.state;
+            return ({
+                class: [
+                    'w-full h-full transition-transform !text-primary-500 cursor-pointer',
+                    'text-xs font-medium outline-none tracking-[0.02em] leading-4',
+                ],
+            });
+        },
+        trigger: {
+            class: ['text-primary-500 [&_i]:w-4 [&_i]:h-4 shrink-0'],
+        },
+    },
+    applybutton: {
+        'class': 'shrink-0',
+        'data-wv-section': 'applybutton',
+    },
     buttonclearselection: {
         'class': '!p-0 !w-6 !h-6 [&_.icon]:!w-5 [&_.icon]:!h-5',
         'data-wv-section': 'buttonclearselection',

package/fixedasset/buttonsearch/index.js

@@ -7,13 +7,14 @@ exports.default = {
             return ({
                 'class': [
                     { 'w-max': !context.showSearchInput },
-                    'focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm',
+                    'ring-1 ring-general-500 rounded p-[5px]',
+                    'focus-within:ring-2 focus-within:ring-primary-500 focus-within:outline-none',
                 ],
                 'data-wv-section': 'buttontrigger',
             });
         },
         icon: {
-            class: 'w-6 h-6 text-grayscale-900 shrink-0',
+            class: 'w-4 h-4 text-general-400 shrink-0',
         },
     },
     collapsebutton: {
@@ -22,13 +23,13 @@ exports.default = {
             return ({
                 'class': [
                     { 'w-max': !context.showSearchInput },
-                    'focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm',
+                    'focus-within:ring-2 focus-within:ring-primary-500 focus-within:outline-none rounded',
                 ],
                 'data-wv-section': 'collapsebutton',
             });
         },
         icon: {
-            class: 'w-6 h-6 text-grayscale-900 shrink-0',
+            class: 'w-4 h-4 text-general-400 shrink-0',
         },
     },
     resetbutton: {
@@ -37,12 +38,12 @@ exports.default = {
             return ({
                 'class': [
                     { invisible: !query },
-                    'focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm',
+                    'focus-within:ring-2 focus-within:ring-primary-500 focus-within:outline-none rounded',
                 ],
                 'data-wv-section': 'resetbutton',
             });
         },
-        icon: { class: ['text-2xl shrink-0'] },
+        icon: { class: ['text-base shrink-0'] },
     },
     hiddensubmit: { class: 'hidden' },
     form: function (_a) {
@@ -50,13 +51,14 @@ exports.default = {
         return ({
             'class': [
                 { show: context.showSearchInput },
-                'grid grid-cols-[max-content,auto,max-content] items-center gap-0.5 max-w-[224px] h-6',
-                'border-b border-primary-100',
+                'grid grid-cols-[max-content,auto,max-content] items-center gap-1',
+                'py-[5px] px-2 h-max max-w-[224px]',
+                'ring-inset ring-1 ring-general-500 rounded focus-within:outline-none focus-within:ring-primary-500 focus-within:ring-2',
             ],
             'data-wv-section': 'form',
         });
     },
     inputtext: {
-        class: '!h-max',
+        class: '!h-max !py-0 !px-0',
     },
 };

package/fixedasset/colors.config.json

@@ -1,54 +1,52 @@
 {
-  "primary-50": "#F8F7EE",
-  "primary-100": "#EEEBD3",
-  "primary-200": "#DFD7A9",
-  "primary-300": "#CDBC77",
-  "primary-400": "#BDA552",
-  "primary-500": "#9F7C3C",
-  "primary-600": "#856732",
-  "primary-700": "#785930",
-  "primary-800": "#65492E",
-  "primary-900": "#583F2B",
-  "primary-950": "#322116",
-  "primary-1000": "#695200",
+  "primary-50": "#e5f0ff",
+  "primary-100": "#cce0ff",
+  "primary-200": "#94bfff",
+  "primary-300": "#61a0ff",
+  "primary-400": "#2e82ff",
+  "primary-500": "#0063f7",
+  "primary-600": "#0050c7",
+  "primary-700": "#003b94",
+  "primary-800": "#002761",
+  "primary-900": "#001433",
+  "primary-950": "#000a19",
 
-  "danger-50": "#E7C3B6",
-  "danger-100": "#E7C3B6",
-  "danger-200": "#DBA592",
-  "danger-300": "#CF876D",
-  "danger-400": "#C36948",
-  "danger-500": "#B74B24",
-  "danger-600": "#993F1E",
-  "danger-700": "#7A3218",
-  "danger-800": "#5C2612",
-  "danger-900": "#3D190C",
-  "danger-950": "#1F0D06",
+  "danger-50": "#ffe5e9",
+  "danger-100": "#ffccd3",
+  "danger-200": "#ff99a7",
+  "danger-300": "#ff667a",
+  "danger-400": "#ff334e",
+  "danger-500": "#ff0022",
+  "danger-600": "#cc001b",
+  "danger-700": "#990014",
+  "danger-800": "#66000e",
+  "danger-900": "#330007",
+  "danger-950": "#190003",
 
-  "warning-50": "#F9EFD9",
-  "warning-100": "#F3E0B3",
-  "warning-200": "#EDD08E",
-  "warning-300": "#E7C068",
-  "warning-400": "#E1B142",
-  "warning-500": "#DBA11C",
-  "warning-600": "#B78617",
-  "warning-700": "#926B13",
-  "warning-800": "#6E510E",
-  "warning-900": "#493609",
-  "warning-950": "#251B05",
+  "warning-50": "#fff9e5",
+  "warning-100": "#fff4cc",
+  "warning-200": "#ffe999",
+  "warning-300": "#ffde66",
+  "warning-400": "#ffd333",
+  "warning-500": "#ffc700",
+  "warning-600": "#cca000",
+  "warning-700": "#997800",
+  "warning-800": "#665000",
+  "warning-900": "#332800",
+  "warning-950": "#191400",
+
+  "success-50": "#dbffee",
+  "success-100": "#b8ffdc",
+  "success-200": "#75ffbc",
+  "success-300": "#2eff9a",
+  "success-400": "#00eb79",
+  "success-500": "#00a455",
+  "success-600": "#008545",
+  "success-700": "#006132",
+  "success-800": "#004222",
+  "success-900": "#001f10",
+  "success-950": "#000f08",
 
-  "success-50": "#D5EDEB",
-  "success-100": "#AADBD6",
-  "success-200": "#80C9C2",
-  "success-300": "#55B7AD",
-  "success-400": "#2AA599",
-  "success-500": "#009384",
-  "success-600": "#007B6E",
-  "success-700": "#006258",
-  "success-800": "#004A42",
-  "success-900": "#00312C",
-  "success-950": "#001916",
-  "success-1000": "#00A455",
-  
   "grayscale-50": "#f7f7f7",
   "grayscale-100": "#f2f2f2",
   "grayscale-200": "#e5e6e6",
@@ -61,17 +59,15 @@
   "grayscale-900": "#262627",
   "grayscale-950": "#121212",
 
-  "general-50": "#EBEAF0",
-  "general-100": "#DAD9E3",
-  "general-200": "#B5B3C7",
-  "general-300": "#908CAB",
-  "general-400": "#6C688D",
-  "general-500": "#4E4B66",
-  "general-600": "#3F3C52",
-  "general-700": "#2F2D3E",
-  "general-800": "#201E29",
-  "general-900": "#100F15",
-  "general-950": "#070609",
-
-  "link": "#0000EE"
-}
+  "general-50": "#ebeaf0",
+  "general-100": "#dad9e3",
+  "general-200": "#b5b3c7",
+  "general-300": "#908cab",
+  "general-400": "#6c688d",
+  "general-500": "#4e4b66",
+  "general-600": "#3f3c52",
+  "general-700": "#2f2d3e",
+  "general-800": "#201e29",
+  "general-900": "#100f15",
+  "general-950": "#070609"
+}