@fewangsit/wangsvue-presets 1.0.81-alpha.0 → 1.0.81-alpha.1

package/wangsvue/badge/index.js

@@ -1,60 +1,54 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    root: function (_a) {
-        var props = _a.props;
-        return ({
-            'class': [
-                // Alignment
-                'inline-flex items-center',
-                // Size
-                'py-1 px-2',
-                // Shape
-                'rounded-[50px]',
-                // 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',
-                },
-            ],
-            'data-wv-name': 'badge',
-            'data-wv-section': 'root',
-        });
-    },
-    input: function (_a) {
-        var props = _a.props, context = _a.context;
-        return ({
-            class: [
-                'text-nowrap whitespace-nowrap font-normal text-xs leading-4 tracking-[0.2488px]',
-                {
-                    'caret-surface-700': props.editable,
-                    'cursor-default': !!context.badgeTooltip,
-                },
-            ],
-        });
-    },
-    removebutton: function (_a) {
-        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',
-                },
-                {
-                    'text-general-400': props.disabled,
-                },
-            ],
-            'icon-class': 'w-3 h-3',
-            'data-wv-section': 'removebutton',
-        });
-    },
-};
+export default {
+  root: ({ props }) => ({
+    'class': [
+      // Alignment
+      'inline-flex items-center',
+
+      // Size
+      'py-1 px-2',
+
+      // Shape
+      'rounded-[50px]',
+
+      // 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',
+      },
+    ],
+    'data-wv-name': 'badge',
+    'data-wv-section': 'root',
+  }),
+  input: ({ props, context }) => ({
+    class: [
+      'text-nowrap whitespace-nowrap font-normal text-xs leading-4 tracking-[0.2488px]',
+      {
+        'caret-surface-700': props.editable,
+        'cursor-default': !!context.badgeTooltip,
+      },
+    ],
+  }),
+  removebutton: ({ props }) => ({
+    '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',
+      },
+      {
+        'text-general-400': props.disabled,
+      },
+    ],
+    'icon-class': 'w-3 h-3',
+    'data-wv-section': 'removebutton',
+  }),
+};

package/wangsvue/badgedirective/index.js

@@ -1,49 +1,50 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    root: function (_a) {
-        var context = _a.context;
-        return ({
-            class: [
-                // Font
-                'font-medium',
-                'text-xs leading-6 font-sans',
-                // Alignment
-                'flex items-center justify-center',
-                'text-center',
-                // Position
-                'absolute top-0 right-0 transform translate-x-1/2 -translate-y-1/2 origin-top-right',
-                // Size
-                'm-0',
-                {
-                    'p-0': context.nogutter || context.dot,
-                    'p-1': !context.nogutter && !context.dot,
-                    'min-w-[0.5rem] h-2': context.dot,
-                    'min-w-[1rem] h-4': !context.dot,
-                },
-                // Shape
-                {
-                    'rounded-full': context.nogutter || context.dot,
-                    'rounded-[10px]': !context.nogutter && !context.dot,
-                },
-                // Color
-                'text-white',
-                'ring-1 ring-white',
-                {
-                    'bg-primary-500': !context.info &&
-                        !context.success &&
-                        !context.warning &&
-                        !context.danger &&
-                        !context.help &&
-                        !context.secondary,
-                    'bg-surface-500': context.secondary,
-                    'bg-green-500': context.success,
-                    'bg-blue-500': context.info,
-                    'bg-orange-500': context.warning,
-                    'bg-purple-500': context.help,
-                    'bg-red-500': context.danger,
-                },
-            ],
-        });
-    },
-};
+export default {
+  root: ({ context }) => ({
+    class: [
+      // Font
+      'font-medium',
+      'text-xs leading-6 font-sans',
+
+      // Alignment
+      'flex items-center justify-center',
+      'text-center',
+
+      // Position
+      'absolute top-0 right-0 transform translate-x-1/2 -translate-y-1/2 origin-top-right',
+
+      // Size
+      'm-0',
+      {
+        'p-0': context.nogutter || context.dot,
+        'p-1': !context.nogutter && !context.dot,
+        'min-w-[0.5rem] h-2': context.dot,
+        'min-w-[1rem] h-4': !context.dot,
+      },
+
+      // Shape
+      {
+        'rounded-full': context.nogutter || context.dot,
+        'rounded-[10px]': !context.nogutter && !context.dot,
+      },
+
+      // Color
+      'text-white',
+      'ring-1 ring-white',
+      {
+        'bg-primary-500':
+          !context.info &&
+          !context.success &&
+          !context.warning &&
+          !context.danger &&
+          !context.help &&
+          !context.secondary,
+        'bg-surface-500': context.secondary,
+        'bg-green-500': context.success,
+        'bg-blue-500': context.info,
+        'bg-orange-500': context.warning,
+        'bg-purple-500': context.help,
+        'bg-red-500': context.danger,
+      },
+    ],
+  }),
+};

package/wangsvue/badgegroup/index.js

@@ -1,29 +1,30 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var index_1 = require("../dialog/index");
-exports.default = {
-    root: {
-        'class': 'flex flex-nowrap items-center gap-1',
-        'data-wv-name': 'badgegroup',
-        'data-wv-section': 'root',
-    },
-    showmorebutton: {
-        'class': '!p-1 !h-auto',
-        'data-wv-section': 'showmorebutton',
-    },
-    showmoredialog: {
-        root: {
-            'class': [index_1.default.root({ state: {} }).class, 'w-[400px] !px-6 !py-3'],
-            'data-wv-section': 'showmoredialog',
-        },
-        title: {
-            'class': ['text-general-900 text-sm font-semibold leading-5'],
-            'data-wv-section': 'showmoredialogtitle',
-        },
-        content: {
-            'class': ['flex flex-wrap gap-1'],
-            'data-wv-section': 'showmoredialogcontent',
-        },
-        // All section in Dialog Preset can be added here
-    },
-};
+import dialog from '../dialog/index';
+
+export default {
+  root: {
+    'class': 'flex flex-nowrap items-center gap-1',
+    'data-wv-name': 'badgegroup',
+    'data-wv-section': 'root',
+  },
+  showmorebutton: {
+    'class': '!p-1 !h-auto',
+    'data-wv-section': 'showmorebutton',
+  },
+
+  showmoredialog: {
+    root: {
+      'class': [dialog.root({ state: {} }).class, 'w-[400px] !px-6 !py-3'],
+      'data-wv-section': 'showmoredialog',
+    },
+    title: {
+      'class': ['text-general-900 text-sm font-semibold leading-5'],
+      'data-wv-section': 'showmoredialogtitle',
+    },
+    content: {
+      'class': ['flex flex-wrap gap-1'],
+      'data-wv-section': 'showmoredialogcontent',
+    },
+
+    // All section in Dialog Preset can be added here
+  },
+};

package/wangsvue/breadcrumb/index.js

@@ -1,31 +1,29 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    root: {
-        'class': [
-            'flex gap-[5px] items-center text-left h-[21px]',
-            'text-grayscale-900 ',
-            'text-xs font-normal leading-none',
-        ],
-        'data-wv-name': 'breadcrumb',
-        'data-wv-section': 'root',
-    },
-    item: function (_a) {
-        var context = _a.context;
-        return ({
-            'class': {
-                'font-semibold': context.lastItem,
-                'text-primary-400': !context.lastItem && !context.firstItem,
-            },
-            'data-wv-section': 'breadcrumb-menu',
-        });
-    },
-    itemlink: {
-        'class': 'cursor-pointer text-primary',
-        'data-wv-section': 'itemlink',
-    },
-    separator: {
-        'content': '>',
-        'data-wv-section': 'separator',
-    },
-};
+export default {
+  root: {
+    'class': [
+      'flex gap-[5px] items-center text-left h-[21px]',
+      'text-grayscale-900 ',
+      'text-xs font-normal leading-none',
+    ],
+    'data-wv-name': 'breadcrumb',
+    'data-wv-section': 'root',
+  },
+
+  item: ({ context }) => ({
+    'class': {
+      'font-semibold': context.lastItem,
+      'text-primary-400': !context.lastItem && !context.firstItem,
+    },
+    'data-wv-section': 'breadcrumb-menu',
+  }),
+
+  itemlink: {
+    'class': 'cursor-pointer text-primary',
+    'data-wv-section': 'itemlink',
+  },
+
+  separator: {
+    'content': '>',
+    'data-wv-section': 'separator',
+  },
+};