@fewangsit/wangsvue-presets 1.0.81-alpha.2 → 1.0.82

package/wangsvue/card/index.js

@@ -1,32 +1,32 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    root: {
-        class: [
-            //Shape
-            'rounded-lg p-6',
-            'flex flex-col gap-y-3',
-            //Color
-            'bg-white',
-            'text-grayscale-900',
-        ],
-    },
-    header: {
-        class: [''],
-    },
-    body: {
-        class: 'flex flex-col gap-3',
-    },
-    title: {
-        class: 'text-2xl font-bold',
-    },
-    subtitle: {
-        class: ['text-sm font-normal'],
-    },
-    content: {
-        class: 'flex flex-col gap-3 text-xs text-grayscale-900',
-    },
-    footer: {
-        class: ['inline-flex gap-1 text-xs items-center'],
-    },
-};
+export default {
+  root: {
+    class: [
+      //Shape
+      'rounded-lg p-6',
+
+      'flex flex-col gap-y-3',
+
+      //Color
+      'bg-white',
+      'text-grayscale-900',
+    ],
+  },
+  header: {
+    class: [''],
+  },
+  body: {
+    class: 'flex flex-col gap-3',
+  },
+  title: {
+    class: 'text-2xl font-bold',
+  },
+  subtitle: {
+    class: ['text-sm font-normal'],
+  },
+  content: {
+    class: 'flex flex-col gap-3 text-xs text-grayscale-900',
+  },
+  footer: {
+    class: ['inline-flex gap-1 text-xs items-center'],
+  },
+};

package/wangsvue/carousel/index.js

@@ -1,129 +1,134 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    root: {
-        class: [
-            // Flexbox
-            'flex flex-col',
-        ],
-    },
-    content: {
-        class: [
-            // Flexbox & Overflow
-            'flex flex-col overflow-auto',
-        ],
-    },
-    container: function (_a) {
-        var props = _a.props;
-        return ({
-            class: [
-                // // Flexbox
-                'flex',
-                // // Orientation
-                {
-                    'flex-row': props.orientation !== 'vertical',
-                    'flex-col': props.orientation == 'vertical',
-                },
-            ],
-        });
-    },
-    previousbutton: {
-        class: [
-            // Flexbox & Alignment
-            'flex justify-center items-center self-center',
-            // Sizing & Overflow
-            'overflow-hidden w-8 h-8',
-            // Spacing
-            'mx-2',
-            // Shape
-            'rounded-full',
-            // Border & Background
-            'border-0 bg-transparent',
-            // Color
-            'text-surface-600',
-            // Transitions
-            'transition duration-200 ease-in-out',
-        ],
-    },
-    nextbutton: {
-        class: [
-            // Flexbox & Alignment
-            'flex justify-center items-center self-center',
-            // Sizing & Overflow
-            'overflow-hidden w-8 h-8',
-            // Spacing
-            'mx-2',
-            // Shape
-            'rounded-full',
-            // Border & Background
-            'border-0 bg-transparent',
-            // Color
-            'text-surface-600',
-            // Transitions
-            'transition duration-200 ease-in-out',
-        ],
-    },
-    itemscontent: {
-        class: [
-        // Overflow & Width
-        // 'overflow-hidden w-full',
-        ],
-    },
-    itemscontainer: function (_a) {
-        var props = _a.props;
-        return ({
-            class: [
-            // Flexbox
-            // 'flex',
-            // Orientation & Sizing
-            // {
-            //   'flex-row': props.orientation !== 'vertical',
-            //   'flex-col h-full': props.orientation == 'vertical',
-            // },
-            ],
-        });
-    },
-    item: function (_a) {
-        var props = _a.props;
-        return ({
-            class: [
-            // Flexbox
-            // 'flex',
-            // Width
-            // {
-            //   'w-1/3': props.orientation !== 'vertical',
-            //   'w-full': props.orientation == 'vertical',
-            // },
-            ],
-        });
-    },
-    indicators: {
-        class: [
-            // Flexbox & Alignment
-            'flex flex-row justify-center flex-wrap gap-1',
-        ],
-    },
-    indicator: {
-        class: [
-        // Spacing
-        ],
-    },
-    indicatorbutton: function (_a) {
-        var context = _a.context;
-        return ({
-            class: [
-                // Sizing & Shape
-                'w-1.5 h-1.5 rounded-full',
-                // Transitions
-                'transition duration-200',
-                // Focus Styles
-                'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50',
-                // Color & Background
-                {
-                    'bg-surface-200 hover:bg-surface-300': !context.highlighted,
-                    'bg-primary-500 hover:bg-primary-600': context.highlighted,
-                },
-            ],
-        });
-    },
-};
+export default {
+  root: {
+    class: [
+      // Flexbox
+      'flex flex-col',
+    ],
+  },
+  content: {
+    class: [
+      // Flexbox & Overflow
+      'flex flex-col overflow-auto',
+    ],
+  },
+  container: ({ props }) => ({
+    class: [
+      // // Flexbox
+      'flex',
+
+      // // Orientation
+      {
+        'flex-row': props.orientation !== 'vertical',
+        'flex-col': props.orientation == 'vertical',
+      },
+    ],
+  }),
+  previousbutton: {
+    class: [
+      // Flexbox & Alignment
+      'flex justify-center items-center self-center',
+
+      // Sizing & Overflow
+      'overflow-hidden w-8 h-8',
+
+      // Spacing
+      'mx-2',
+
+      // Shape
+      'rounded-full',
+
+      // Border & Background
+      'border-0 bg-transparent',
+
+      // Color
+      'text-surface-600',
+
+      // Transitions
+      'transition duration-200 ease-in-out',
+    ],
+  },
+  nextbutton: {
+    class: [
+      // Flexbox & Alignment
+      'flex justify-center items-center self-center',
+
+      // Sizing & Overflow
+      'overflow-hidden w-8 h-8',
+
+      // Spacing
+      'mx-2',
+
+      // Shape
+      'rounded-full',
+
+      // Border & Background
+      'border-0 bg-transparent',
+
+      // Color
+      'text-surface-600',
+
+      // Transitions
+      'transition duration-200 ease-in-out',
+    ],
+  },
+  itemscontent: {
+    class: [
+      // Overflow & Width
+      // 'overflow-hidden w-full',
+    ],
+  },
+  itemscontainer: ({ props }) => ({
+    class: [
+      // Flexbox
+      // 'flex',
+
+      // Orientation & Sizing
+      // {
+      //   'flex-row': props.orientation !== 'vertical',
+      //   'flex-col h-full': props.orientation == 'vertical',
+      // },
+    ],
+  }),
+  item: ({ props }) => ({
+    class: [
+      // Flexbox
+      // 'flex',
+
+      // Width
+      // {
+      //   'w-1/3': props.orientation !== 'vertical',
+      //   'w-full': props.orientation == 'vertical',
+      // },
+    ],
+  }),
+  indicators: {
+    class: [
+      // Flexbox & Alignment
+      'flex flex-row justify-center flex-wrap gap-1',
+    ],
+  },
+  indicator: {
+    class: [
+      // Spacing
+    ],
+  },
+  indicatorbutton: ({ context }) => ({
+    class: [
+      // Sizing & Shape
+      'w-1.5 h-1.5 rounded-full',
+
+      // Transitions
+      'transition duration-200',
+
+      // Focus Styles
+      'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50',
+
+      // Color & Background
+      {
+        'bg-surface-200 hover:bg-surface-300':
+          !context.highlighted,
+        'bg-primary-500 hover:bg-primary-600': context.highlighted,
+      },
+    ],
+  }),
+};