@mekari/pixel3-timeline 0.0.16-dev.4 → 0.0.16-dev.6

package/dist/separator.js

@@ -44,11 +44,24 @@ var timelineSeparatorProps = {
   },
   iconColor: {
     type: String
+  },
+  isAccordionChild: {
+    type: [Boolean],
+    default: false
+  },
+  isHideTopConnector: {
+    type: Boolean,
+    default: false
+  },
+  isHideBottomConnector: {
+    type: Boolean,
+    default: false
   }
 };
 
 // src/separator.tsx
 var import_recipes = require("@mekari/pixel3-styled-system/recipes");
+var import_css = require("@mekari/pixel3-styled-system/css");
 var MpTimelineSeparator = (0, import_vue2.defineComponent)({
   name: "MpTimelineSeparator",
   props: timelineSeparatorProps,
@@ -82,23 +95,58 @@ var MpTimelineSeparator = (0, import_vue2.defineComponent)({
     };
     return () => {
       const classes = (0, import_recipes.timelineSeparatorSlotRecipe)();
+      const iconNode = (0, import_vue.createVNode)(import_pixel3_icon.MpIcon, {
+        "name": props.icon || iconAttrs[props.status].name,
+        "color": props.iconColor || iconAttrs[props.status].color,
+        "variant": props.iconVariant || iconAttrs[props.status].variant,
+        "size": "sm"
+      }, null);
+      const accordionIconNode = (0, import_vue.createVNode)("div", {
+        "data-pixel-component": "MpTimelineAccordionIcon",
+        "class": (0, import_css.css)({
+          display: "flex",
+          alignItems: "center",
+          height: "6"
+        })
+      }, [(0, import_vue.createVNode)("div", {
+        "data-pixel-component": "MpTimelineConnector",
+        "class": (0, import_css.css)({
+          height: "100%",
+          width: "2px",
+          backgroundColor: "gray.100",
+          _nextTheme: {
+            backgroundColor: "border.default"
+          }
+        })
+      }, null), (0, import_vue.createVNode)("div", {
+        "data-pixel-component": "MpTimelineConnector",
+        "class": (0, import_css.css)({
+          height: "2px",
+          width: "16px",
+          backgroundColor: "gray.100",
+          marginRight: "1.5",
+          _nextTheme: {
+            backgroundColor: "border.default"
+          }
+        })
+      }, null), iconNode]);
       return (0, import_vue.createVNode)("div", {
         "data-pixel-component": "MpTimelineSeparator",
+        "data-accordion-child": props.isAccordionChild || void 0,
         "class": classes.root
       }, [(0, import_vue.createVNode)("div", {
         "data-pixel-component": "MpTimelineConnector",
+        "data-accordion-child": props.isAccordionChild || void 0,
         "data-connector": "top",
         "data-position": props.position,
+        "data-hide": props.isHideTopConnector || void 0,
         "class": classes.topConnector
-      }, null), (0, import_vue.createVNode)(import_pixel3_icon.MpIcon, {
-        "name": props.icon || iconAttrs[props.status].name,
-        "color": props.iconColor || iconAttrs[props.status].color,
-        "variant": props.iconVariant || iconAttrs[props.status].variant,
-        "size": "sm"
-      }, null), (0, import_vue.createVNode)("div", {
+      }, null), props.isAccordionChild ? accordionIconNode : iconNode, (0, import_vue.createVNode)("div", {
         "data-connector": "bottom",
         "data-pixel-component": "MpTimelineConnector",
+        "data-accordion-child": props.isAccordionChild || void 0,
         "data-position": props.position,
+        "data-hide": props.isHideBottomConnector || void 0,
         "class": classes.bottomConnector
       }, null)]);
     };

package/dist/separator.mjs

@@ -1,7 +1,7 @@
 import {
   MpTimelineSeparator
-} from "./chunk-PFNAOR6K.mjs";
-import "./chunk-3X4C56WA.mjs";
+} from "./chunk-H43TPNE5.mjs";
+import "./chunk-NQRU4NSD.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {
   MpTimelineSeparator

package/dist/timeline.js

@@ -43,6 +43,7 @@ var getValidChildrens = /* @__PURE__ */ __name((children) => {
   children.forEach((child) => {
     const isVueFragment = typeof child.type === "symbol" && Symbol.keyFor(child.type) === "v-fgt";
     if (isVueFragment) {
+      ;
       child.children.forEach((subChild) => {
         if (isValidChild(subChild))
           validChildrens.push(subChild);

package/dist/timeline.mjs

@@ -1,7 +1,7 @@
 import {
   MpTimeline
-} from "./chunk-5IYYKVWX.mjs";
-import "./chunk-RUUECJKV.mjs";
+} from "./chunk-SU4SZKU2.mjs";
+import "./chunk-GXMYD3BT.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {
   MpTimeline

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@mekari/pixel3-timeline",
   "description": "Timeline component for mekari pixel 3",
-  "version": "0.0.16-dev.4",
+  "version": "0.0.16-dev.6",
   "main": "dist/index.js",
   "license": "MIT",
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@mekari/pixel3-styled-system": "0.1.2-dev.2",
-    "@mekari/pixel3-utils": "0.0.7-dev.1",
-    "@mekari/pixel3-icon": "0.0.17-dev.4",
-    "@mekari/pixel3-transition": "0.0.16-dev.4"
+    "@mekari/pixel3-styled-system": "0.1.2-dev.4",
+    "@mekari/pixel3-utils": "0.0.7-dev.2",
+    "@mekari/pixel3-icon": "0.0.17-dev.6",
+    "@mekari/pixel3-transition": "0.0.16-dev.6"
   },
   "peerDependencies": {
     "vue": "^3.4.9"