@fewangsit/wangsvue-presets 1.0.82 → 1.0.84-alpha.0

package/wangsvue/tag/index.js

@@ -1,37 +1,37 @@
-export default {
-  root: ({ props }) => ({
-    class: [
-      //Font
-      'text-xs font-bold',
-
-      //Alignments
-      'inline-flex items-center justify-center',
-
-      //Spacing
-      'px-2 py-1',
-
-      //Shape
-      {
-        'rounded-md': !props.rounded,
-        'rounded-full': props.rounded,
-      },
-
-      //Colors
-      'text-white',
-      {
-        'bg-primary-500':
-          props.severity == null || props.severity == 'primary',
-        'bg-green-500': props.severity == 'success',
-        'bg-blue-500': props.severity == 'info',
-        'bg-orange-500': props.severity == 'warning',
-        'bg-red-500': props.severity == 'danger',
-      },
-    ],
-  }),
-  value: {
-    class: 'leading-normal',
-  },
-  icon: {
-    class: 'mr-1 text-sm',
-  },
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: function (_a) {
+        var props = _a.props;
+        return ({
+            class: [
+                //Font
+                'text-xs font-bold',
+                //Alignments
+                'inline-flex items-center justify-center',
+                //Spacing
+                'px-2 py-1',
+                //Shape
+                {
+                    'rounded-md': !props.rounded,
+                    'rounded-full': props.rounded,
+                },
+                //Colors
+                'text-white',
+                {
+                    'bg-primary-500': props.severity == null || props.severity == 'primary',
+                    'bg-green-500': props.severity == 'success',
+                    'bg-blue-500': props.severity == 'info',
+                    'bg-orange-500': props.severity == 'warning',
+                    'bg-red-500': props.severity == 'danger',
+                },
+            ],
+        });
+    },
+    value: {
+        class: 'leading-normal',
+    },
+    icon: {
+        class: 'mr-1 text-sm',
+    },
+};

package/wangsvue/terminal/index.d.ts

@@ -0,0 +1,27 @@
+declare namespace _default {
+    namespace root {
+        let _class: string[];
+        export { _class as class };
+    }
+    namespace container {
+        let _class_1: string[];
+        export { _class_1 as class };
+    }
+    namespace prompt {
+        let _class_2: string[];
+        export { _class_2 as class };
+    }
+    namespace response {
+        let _class_3: string[];
+        export { _class_3 as class };
+    }
+    namespace command {
+        let _class_4: string[];
+        export { _class_4 as class };
+    }
+    namespace commandtext {
+        let _class_5: string[];
+        export { _class_5 as class };
+    }
+}
+export default _default;

package/wangsvue/terminal/index.js

@@ -1,60 +1,55 @@
-export default {
-  root: {
-    class: [
-      // Spacing
-      'p-5',
-
-      // Shape
-      'rounded-md',
-
-      // Color
-      'bg-surface-900 text-white',
-      'border border-surface-700',
-
-      // Sizing & Overflow
-      'h-72 overflow-auto',
-    ],
-  },
-  container: {
-    class: [
-      // Flexbox
-      'flex items-center',
-    ],
-  },
-  prompt: {
-    class: [
-      // Color
-      'text-surface-400',
-    ],
-  },
-  response: {
-    class: [
-      // Color
-      'text-primary-400',
-    ],
-  },
-  command: {
-    class: [
-      // Color
-      'text-primary-400',
-    ],
-  },
-  commandtext: {
-    class: [
-      // Flexbox
-      'flex-1 shrink grow-0',
-
-      // Shape
-      'border-0',
-
-      // Spacing
-      'p-0',
-
-      // Color
-      'bg-transparent text-inherit',
-
-      // Outline
-      'outline-none',
-    ],
-  },
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: {
+        class: [
+            // Spacing
+            'p-5',
+            // Shape
+            'rounded-md',
+            // Color
+            'bg-surface-900 text-white',
+            'border border-surface-700',
+            // Sizing & Overflow
+            'h-72 overflow-auto',
+        ],
+    },
+    container: {
+        class: [
+            // Flexbox
+            'flex items-center',
+        ],
+    },
+    prompt: {
+        class: [
+            // Color
+            'text-surface-400',
+        ],
+    },
+    response: {
+        class: [
+            // Color
+            'text-primary-400',
+        ],
+    },
+    command: {
+        class: [
+            // Color
+            'text-primary-400',
+        ],
+    },
+    commandtext: {
+        class: [
+            // Flexbox
+            'flex-1 shrink grow-0',
+            // Shape
+            'border-0',
+            // Spacing
+            'p-0',
+            // Color
+            'bg-transparent text-inherit',
+            // Outline
+            'outline-none',
+        ],
+    },
+};

package/wangsvue/textarea/index.d.ts

@@ -0,0 +1,12 @@
+declare namespace _default {
+    function root({ context, props }: {
+        context: any;
+        props: any;
+    }): {
+        class: any[];
+        style: string;
+        'data-wv-name': string;
+        'data-wv-section': string;
+    };
+}
+export default _default;

package/wangsvue/textarea/index.js

@@ -1,44 +1,51 @@
-import { ringClass } from '../global.js';
-
-export default {
-  root: ({ context, props }) => ({
-    'class': [
-      // Font
-      'font-normal placeholder:text-general-200 placeholder:!font-normal text-xs',
-
-      'w-full',
-      {
-        'resize-none': props.autoResize,
-        'resize': !props.autoResize,
-      },
-
-      props.inputClass,
-      // Spacing
-      'm-0',
-      'py-1 px-3',
-
-      // Shape
-      'rounded',
-      'appearance-none',
-
-      ...ringClass,
-      {
-        '!ring-danger-500': context.invalidInput,
-      },
-
-      // // States
-      {
-        'bg-transparent text-general-800': !context.disabled,
-        'bg-general-50 text-general-200': context.disabled,
-      },
-      'focus-visible:outline-none',
-
-      // Misc
-      'appearance-none',
-      'transition-colors duration-200',
-    ],
-    'style': `min-height: ${props.rows * 26}px`,
-    'data-wv-name': 'textarea',
-    'data-wv-section': 'root',
-  }),
-};
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var global_js_1 = require("../global.js");
+exports.default = {
+    root: function (_a) {
+        var context = _a.context, props = _a.props;
+        return ({
+            'class': __spreadArray(__spreadArray([
+                // Font
+                'font-normal placeholder:text-general-200 placeholder:!font-normal text-xs',
+                'w-full',
+                {
+                    'resize-none': props.autoResize,
+                    'resize': !props.autoResize,
+                },
+                props.inputClass,
+                // Spacing
+                'm-0',
+                'py-1 px-3',
+                // Shape
+                'rounded',
+                'appearance-none'
+            ], global_js_1.ringClass, true), [
+                {
+                    '!ring-danger-500': context.invalidInput,
+                },
+                // // States
+                {
+                    'bg-transparent text-general-800': !context.disabled,
+                    'bg-general-50 text-general-200': context.disabled,
+                },
+                'focus-visible:outline-none',
+                // Misc
+                'appearance-none',
+                'transition-colors duration-200',
+            ], false),
+            'style': "min-height: ".concat(props.rows * 26, "px"),
+            'data-wv-name': 'textarea',
+            'data-wv-section': 'root',
+        });
+    },
+};

package/wangsvue/tieredmenu/index.d.ts

@@ -0,0 +1,56 @@
+declare namespace _default {
+    namespace root {
+        let _class: string[];
+        export { _class as class };
+    }
+    namespace menu {
+        let _class_1: string[];
+        export { _class_1 as class };
+    }
+    namespace menuitem {
+        let _class_2: string[];
+        export { _class_2 as class };
+    }
+    function content({ context }: {
+        context: any;
+    }): {
+        class: (string | {
+            'text-surface-500/70': boolean;
+            'text-surface-500/70 bg-surface-200': boolean;
+            'text-surface-900/80 bg-surface-50': any;
+            'hover:bg-surface-50'?: undefined;
+            'hover:bg-surface-100 text-surface-900/80'?: undefined;
+        } | {
+            'hover:bg-surface-50': boolean;
+            'hover:bg-surface-100 text-surface-900/80': any;
+            'text-surface-500/70'?: undefined;
+            'text-surface-500/70 bg-surface-200'?: undefined;
+            'text-surface-900/80 bg-surface-50'?: undefined;
+        })[];
+    };
+    namespace action {
+        let _class_3: string[];
+        export { _class_3 as class };
+    }
+    namespace icon {
+        let _class_4: string[];
+        export { _class_4 as class };
+    }
+    namespace label {
+        let _class_5: string[];
+        export { _class_5 as class };
+    }
+    namespace submenuicon {
+        let _class_6: string[];
+        export { _class_6 as class };
+    }
+    namespace submenu {
+        let _class_7: string[];
+        export { _class_7 as class };
+    }
+    namespace separator {
+        let _class_8: string;
+        export { _class_8 as class };
+    }
+}
+export default _default;

package/wangsvue/tieredmenu/index.js

@@ -1,121 +1,108 @@
-export default {
-  root: {
-    class: [
-      // Shape
-      'rounded-md',
-
-      // Size
-      'min-w-[12rem]',
-      'p-1.5',
-
-      // Colors
-      'bg-surface-0',
-      'ring-1 ring-surface-200',
-    ],
-  },
-  menu: {
-    class: [
-      // Spacings and Shape
-      'list-none',
-      'm-0',
-      'p-0',
-      'outline-none',
-    ],
-  },
-  menuitem: {
-    class: ['relative first:mt-0 mt-1'],
-  },
-  content: ({ context }) => ({
-    class: [
-      //Shape
-      'rounded-md',
-
-      //  Colors
-      {
-        'text-surface-500/70':
-          !context.focused && !context.active,
-        'text-surface-500/70 bg-surface-200':
-          context.focused && !context.active,
-        'text-surface-900/80 bg-surface-50':
-          context.focused && context.active,
-        'text-surface-900/80 bg-surface-50':
-          !context.focused && context.active,
-      },
-
-      // Hover States
-      {
-        'hover:bg-surface-50': !context.active,
-        'hover:bg-surface-100 text-surface-900/80':
-          context.active,
-      },
-
-      // Transitions
-      'transition-shadow',
-      'duration-200',
-    ],
-  }),
-  action: {
-    class: [
-      'relative',
-
-      // Font
-      'font-semibold',
-
-      // Flexbox
-      'flex',
-      'items-center',
-
-      // Spacing
-      'py-2',
-      'px-3',
-
-      // Misc
-      'no-underline',
-      'overflow-hidden',
-      'cursor-pointer',
-      'select-none',
-    ],
-  },
-  icon: {
-    class: [
-      // Spacing
-      'mr-2',
-      'leading-6',
-      'text-sm',
-    ],
-  },
-  label: {
-    class: ['leading-none', 'text-sm'],
-  },
-  submenuicon: {
-    class: [
-      // Position
-      'ml-auto',
-    ],
-  },
-  submenu: {
-    class: [
-      // Size
-      'w-full sm:w-48',
-
-      // Spacing
-      'p-1.5',
-      'm-0 mx-1.5',
-      'list-none',
-
-      // Shape
-      'shadow-none sm:shadow-md',
-      'border-0',
-
-      // Position
-      'static sm:absolute',
-      'z-10',
-
-      // Color
-      'bg-surface-0',
-    ],
-  },
-  separator: {
-    class: 'border-t border-surface-200 my-1',
-  },
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: {
+        class: [
+            // Shape
+            'rounded-md',
+            // Size
+            'min-w-[12rem]',
+            'p-1.5',
+            // Colors
+            'bg-surface-0',
+            'ring-1 ring-surface-200',
+        ],
+    },
+    menu: {
+        class: [
+            // Spacings and Shape
+            'list-none',
+            'm-0',
+            'p-0',
+            'outline-none',
+        ],
+    },
+    menuitem: {
+        class: ['relative first:mt-0 mt-1'],
+    },
+    content: function (_a) {
+        var context = _a.context;
+        return ({
+            class: [
+                //Shape
+                'rounded-md',
+                //  Colors
+                {
+                    'text-surface-500/70': !context.focused && !context.active,
+                    'text-surface-500/70 bg-surface-200': context.focused && !context.active,
+                    'text-surface-900/80 bg-surface-50': context.focused && context.active,
+                    'text-surface-900/80 bg-surface-50': !context.focused && context.active,
+                },
+                // Hover States
+                {
+                    'hover:bg-surface-50': !context.active,
+                    'hover:bg-surface-100 text-surface-900/80': context.active,
+                },
+                // Transitions
+                'transition-shadow',
+                'duration-200',
+            ],
+        });
+    },
+    action: {
+        class: [
+            'relative',
+            // Font
+            'font-semibold',
+            // Flexbox
+            'flex',
+            'items-center',
+            // Spacing
+            'py-2',
+            'px-3',
+            // Misc
+            'no-underline',
+            'overflow-hidden',
+            'cursor-pointer',
+            'select-none',
+        ],
+    },
+    icon: {
+        class: [
+            // Spacing
+            'mr-2',
+            'leading-6',
+            'text-sm',
+        ],
+    },
+    label: {
+        class: ['leading-none', 'text-sm'],
+    },
+    submenuicon: {
+        class: [
+            // Position
+            'ml-auto',
+        ],
+    },
+    submenu: {
+        class: [
+            // Size
+            'w-full sm:w-48',
+            // Spacing
+            'p-1.5',
+            'm-0 mx-1.5',
+            'list-none',
+            // Shape
+            'shadow-none sm:shadow-md',
+            'border-0',
+            // Position
+            'static sm:absolute',
+            'z-10',
+            // Color
+            'bg-surface-0',
+        ],
+    },
+    separator: {
+        class: 'border-t border-surface-200 my-1',
+    },
+};

package/wangsvue/timeline/index.d.ts

@@ -0,0 +1,53 @@
+declare namespace _default {
+    function root({ props }: {
+        props: any;
+    }): {
+        class: string[];
+    };
+    function event({ props, context }: {
+        props: any;
+        context: any;
+    }): {
+        class: string[];
+    };
+    function opposite({ props, context }: {
+        props: any;
+        context: any;
+    }): {
+        class: string;
+    };
+    function separator({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            'flex-col': boolean;
+            'flex-row': boolean;
+        })[];
+    };
+    namespace marker {
+        let _class: string[];
+        export { _class as class };
+    }
+    function markerArrow(item: any): {
+        class: (string | {
+            '!visible': boolean;
+            'rotate-180'?: undefined;
+        } | {
+            'rotate-180': any;
+            '!visible'?: undefined;
+        })[];
+        'data-wv-section': string;
+    };
+    function connector({ props }: {
+        props: any;
+    }): {
+        class: string[];
+    };
+    function content({ props, context }: {
+        props: any;
+        context: any;
+    }): {
+        class: string[];
+    };
+}
+export default _default;