@webiny/admin-ui 6.0.0-alpha.5 → 6.0.0-rc.0

package/Separator/Separator.stories.js

@@ -1,13 +1,13 @@
-import { Separator } from "./Separator";
+import { Separator } from "./Separator.js";
 import React from "react";
-import { Heading } from "../Heading";
-import { Text } from "../Text";
+import { Heading } from "../Heading/index.js";
+import { Text } from "../Text/index.js";
 const meta = {
   title: "Components/Separator",
   component: Separator,
   argTypes: {},
   decorators: [Story => /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-[700px]"
+    className: "w-[700px]"
   }, /*#__PURE__*/React.createElement(Story, null))]
 };
 export default meta;
@@ -16,7 +16,9 @@ export const Documentation = {
     variant: "dimmed",
     margin: "none",
     orientation: "horizontal",
-    decorative: true
+    decorative: true,
+    children: undefined,
+    labelPosition: "middle"
   },
   argTypes: {
     margin: {
@@ -27,7 +29,7 @@ export const Documentation = {
     variant: {
       description: "The visual style variant of the separator.",
       control: "select",
-      options: ["transparent", "base", "dimmed", "muted", "strong"]
+      options: ["transparent", "base", "dimmed", "muted", "strong", "accent"]
     },
     orientation: {
       description: "The orientation of the separator.",
@@ -37,23 +39,32 @@ export const Documentation = {
     decorative: {
       description: "Whether the separator is purely decorative and should be hidden from screen readers.",
       control: "boolean"
+    },
+    children: {
+      description: "Optional label text to display with the separator. Text will use text-neutral-primary text-md font-semibold styles.",
+      control: "text"
+    },
+    labelPosition: {
+      description: "Position of the label when children are provided.",
+      control: "select",
+      options: ["start", "middle", "end"]
     }
   },
   render: props => {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-      className: "wby-space-y-1"
+      className: "space-y-1"
     }, /*#__PURE__*/React.createElement(Heading, {
       level: 6
     }, "This is a heading."), /*#__PURE__*/React.createElement(Text, {
       size: "sm",
-      className: "wby-text-neutral-strong"
+      className: "text-neutral-strong"
     }, "This is a short description here")), /*#__PURE__*/React.createElement(Separator, {
       margin: props.margin,
       variant: props.variant,
       orientation: props.orientation,
       decorative: props.decorative
     }), /*#__PURE__*/React.createElement("div", {
-      className: "wby-flex wby-items-center wby-h-6 wby-text-sm"
+      className: "flex items-center h-6 text-sm"
     }, /*#__PURE__*/React.createElement(Text, null, "This is text 1.")));
   }
 };
@@ -64,17 +75,17 @@ export const Default = {
   },
   render: props => {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-      className: "wby-space-y-1"
+      className: "space-y-1"
     }, /*#__PURE__*/React.createElement(Heading, {
       level: 6
     }, "This is a heading."), /*#__PURE__*/React.createElement(Text, {
       size: "sm",
-      className: "wby-text-neutral-strong"
+      className: "text-neutral-strong"
     }, "This is a short description here")), /*#__PURE__*/React.createElement(Separator, {
       margin: props.margin,
       variant: props.variant
     }), /*#__PURE__*/React.createElement("div", {
-      className: "wby-flex wby-items-center wby-h-6 wby-text-sm"
+      className: "flex items-center h-6 text-sm"
     }, /*#__PURE__*/React.createElement(Text, null, "This is text 1.")));
   },
   argTypes: {
@@ -84,23 +95,23 @@ export const Default = {
     },
     variant: {
       control: "select",
-      options: ["transparent", "base", "dimmed", "muted", "strong"]
+      options: ["transparent", "base", "dimmed", "muted", "strong", "accent"]
     }
   }
 };
 export const VerticalAndHorizontal = {
   render: () => {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-      className: "wby-space-y-1"
+      className: "space-y-1"
     }, /*#__PURE__*/React.createElement(Heading, {
       level: 6
     }, "This is a heading."), /*#__PURE__*/React.createElement(Text, {
       size: "sm",
-      className: "wby-text-neutral-strong"
+      className: "text-neutral-strong"
     }, "This is a short description here")), /*#__PURE__*/React.createElement(Separator, {
       margin: "lg"
     }), /*#__PURE__*/React.createElement("div", {
-      className: "wby-flex wby-items-center wby-h-6 wby-text-sm"
+      className: "flex items-center h-6 text-sm"
     }, /*#__PURE__*/React.createElement(Text, null, "This is text 1."), /*#__PURE__*/React.createElement(Separator, {
       orientation: "vertical",
       margin: "lg"
@@ -116,16 +127,16 @@ export const HorizontalOrientation = {
   },
   render: () => {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-      className: "wby-space-y-1"
+      className: "space-y-1"
     }, /*#__PURE__*/React.createElement(Heading, {
       level: 6
     }, "This is a heading."), /*#__PURE__*/React.createElement(Text, {
       size: "sm",
-      className: "wby-text-neutral-strong"
+      className: "text-neutral-strong"
     }, "This is a short description here")), /*#__PURE__*/React.createElement(Separator, {
       margin: "lg"
     }), /*#__PURE__*/React.createElement("div", {
-      className: "wby-flex wby-items-center wby-h-6 wby-text-sm"
+      className: "flex items-center h-6 text-sm"
     }, /*#__PURE__*/React.createElement(Text, null, "This is text 1.")));
   }
 };
@@ -135,7 +146,7 @@ export const VerticalOrientation = {
   },
   render: () => {
     return /*#__PURE__*/React.createElement("div", {
-      className: "wby-flex wby-justify-center wby-h-6 wby-text-sm"
+      className: "flex justify-center h-6 text-sm"
     }, /*#__PURE__*/React.createElement(Text, null, "This is text 1."), /*#__PURE__*/React.createElement(Separator, {
       orientation: "vertical",
       margin: "lg"
@@ -148,16 +159,16 @@ export const VerticalOrientation = {
 export const LessMargin = {
   render: () => {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-      className: "wby-space-y-1"
+      className: "space-y-1"
     }, /*#__PURE__*/React.createElement(Heading, {
       level: 6
     }, "This is a heading."), /*#__PURE__*/React.createElement(Text, {
       size: "sm",
-      className: "wby-text-neutral-strong"
+      className: "text-neutral-strong"
     }, "This is a short description here")), /*#__PURE__*/React.createElement(Separator, {
       margin: "md"
     }), /*#__PURE__*/React.createElement("div", {
-      className: "wby-flex wby-items-center wby-h-6 wby-text-sm"
+      className: "flex items-center h-6 text-sm"
     }, /*#__PURE__*/React.createElement(Text, null, "This is text 1."), /*#__PURE__*/React.createElement(Separator, {
       orientation: "vertical",
       margin: "md"
@@ -170,16 +181,16 @@ export const LessMargin = {
 export const MoreMargin = {
   render: () => {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-      className: "wby-space-y-1"
+      className: "space-y-1"
     }, /*#__PURE__*/React.createElement(Heading, {
       level: 6
     }, "This is a heading."), /*#__PURE__*/React.createElement(Text, {
       size: "sm",
-      className: "wby-text-neutral-strong"
+      className: "text-neutral-strong"
     }, "This is a short description here")), /*#__PURE__*/React.createElement(Separator, {
       margin: "xl"
     }), /*#__PURE__*/React.createElement("div", {
-      className: "wby-flex wby-items-center wby-h-6 wby-text-sm"
+      className: "flex items-center h-6 text-sm"
     }, /*#__PURE__*/React.createElement(Text, null, "This is text 1."), /*#__PURE__*/React.createElement(Separator, {
       orientation: "vertical",
       margin: "xl"
@@ -189,5 +200,242 @@ export const MoreMargin = {
     }), /*#__PURE__*/React.createElement(Text, null, "This is text 3.")));
   }
 };
+export const Transparent = {
+  render: () => {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      className: "space-y-1"
+    }, /*#__PURE__*/React.createElement(Heading, {
+      level: 6
+    }, "Transparent Variant"), /*#__PURE__*/React.createElement(Text, {
+      size: "sm",
+      className: "text-neutral-strong"
+    }, "This separator is transparent and not visible")), /*#__PURE__*/React.createElement(Separator, {
+      margin: "lg",
+      variant: "transparent"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "flex items-center h-6 text-sm"
+    }, /*#__PURE__*/React.createElement(Text, null, "This is text 1.")));
+  }
+};
+export const Base = {
+  render: () => {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      className: "space-y-1"
+    }, /*#__PURE__*/React.createElement(Heading, {
+      level: 6
+    }, "Base Variant"), /*#__PURE__*/React.createElement(Text, {
+      size: "sm",
+      className: "text-neutral-strong"
+    }, "This separator uses bg-white")), /*#__PURE__*/React.createElement(Separator, {
+      margin: "lg",
+      variant: "base"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "flex items-center h-6 text-sm"
+    }, /*#__PURE__*/React.createElement(Text, null, "This is text 1.")));
+  }
+};
+export const Muted = {
+  render: () => {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      className: "space-y-1"
+    }, /*#__PURE__*/React.createElement(Heading, {
+      level: 6
+    }, "Muted Variant"), /*#__PURE__*/React.createElement(Text, {
+      size: "sm",
+      className: "text-neutral-strong"
+    }, "This separator uses bg-neutral-muted")), /*#__PURE__*/React.createElement(Separator, {
+      margin: "lg",
+      variant: "muted"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "flex items-center h-6 text-sm"
+    }, /*#__PURE__*/React.createElement(Text, null, "This is text 1.")));
+  }
+};
+export const Strong = {
+  render: () => {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      className: "space-y-1"
+    }, /*#__PURE__*/React.createElement(Heading, {
+      level: 6
+    }, "Strong Variant"), /*#__PURE__*/React.createElement(Text, {
+      size: "sm",
+      className: "text-neutral-strong"
+    }, "This separator uses bg-neutral-strong")), /*#__PURE__*/React.createElement(Separator, {
+      margin: "lg",
+      variant: "strong"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "flex items-center h-6 text-sm"
+    }, /*#__PURE__*/React.createElement(Text, null, "This is text 1.")));
+  }
+};
+export const Accent = {
+  render: () => {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      className: "space-y-1"
+    }, /*#__PURE__*/React.createElement(Heading, {
+      level: 6
+    }, "Accent Variant"), /*#__PURE__*/React.createElement(Text, {
+      size: "sm",
+      className: "text-neutral-strong"
+    }, "This separator uses bg-primary")), /*#__PURE__*/React.createElement(Separator, {
+      margin: "lg",
+      variant: "accent"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "flex items-center h-6 text-sm"
+    }, /*#__PURE__*/React.createElement(Text, null, "This is text 1.")));
+  }
+};
+export const AllVariants = {
+  render: () => {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "space-y-8"
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Heading, {
+      level: 6
+    }, "Transparent"), /*#__PURE__*/React.createElement(Separator, {
+      margin: "lg",
+      variant: "transparent"
+    }), /*#__PURE__*/React.createElement(Text, {
+      size: "sm"
+    }, "Not visible")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Heading, {
+      level: 6
+    }, "Base"), /*#__PURE__*/React.createElement(Separator, {
+      margin: "lg",
+      variant: "base"
+    }), /*#__PURE__*/React.createElement(Text, {
+      size: "sm"
+    }, "bg-white")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Heading, {
+      level: 6
+    }, "Dimmed (default)"), /*#__PURE__*/React.createElement(Separator, {
+      margin: "lg",
+      variant: "dimmed"
+    }), /*#__PURE__*/React.createElement(Text, {
+      size: "sm"
+    }, "bg-neutral-dimmed")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Heading, {
+      level: 6
+    }, "Muted"), /*#__PURE__*/React.createElement(Separator, {
+      margin: "lg",
+      variant: "muted"
+    }), /*#__PURE__*/React.createElement(Text, {
+      size: "sm"
+    }, "bg-neutral-muted")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Heading, {
+      level: 6
+    }, "Strong"), /*#__PURE__*/React.createElement(Separator, {
+      margin: "lg",
+      variant: "strong"
+    }), /*#__PURE__*/React.createElement(Text, {
+      size: "sm"
+    }, "bg-neutral-strong")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Heading, {
+      level: 6
+    }, "Accent"), /*#__PURE__*/React.createElement(Separator, {
+      margin: "lg",
+      variant: "accent"
+    }), /*#__PURE__*/React.createElement(Text, {
+      size: "sm"
+    }, "bg-primary")));
+  }
+};
+export const WithLabelMiddle = {
+  render: () => {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "space-y-8"
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Heading, {
+      level: 6
+    }, "Separator with label in the middle"), /*#__PURE__*/React.createElement(Text, {
+      size: "sm",
+      className: "text-neutral-strong mb-4"
+    }, "Label is positioned in the center (default)"), /*#__PURE__*/React.createElement(Separator, {
+      variant: "dimmed",
+      labelPosition: "middle"
+    }, "OR")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Separator, {
+      variant: "muted",
+      labelPosition: "middle"
+    }, "Section Title")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Separator, {
+      variant: "accent",
+      labelPosition: "middle"
+    }, "Important")));
+  }
+};
+export const WithLabelStart = {
+  render: () => {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "space-y-8"
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Heading, {
+      level: 6
+    }, "Separator with label at start"), /*#__PURE__*/React.createElement(Text, {
+      size: "sm",
+      className: "text-neutral-strong mb-4"
+    }, "Label is positioned at the beginning"), /*#__PURE__*/React.createElement(Separator, {
+      variant: "dimmed",
+      labelPosition: "start"
+    }, "Start")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Separator, {
+      variant: "muted",
+      labelPosition: "start"
+    }, "Section 1")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Separator, {
+      variant: "accent",
+      labelPosition: "start"
+    }, "New Feature")));
+  }
+};
+export const WithLabelEnd = {
+  render: () => {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "space-y-8"
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Heading, {
+      level: 6
+    }, "Separator with label at end"), /*#__PURE__*/React.createElement(Text, {
+      size: "sm",
+      className: "text-neutral-strong mb-4"
+    }, "Label is positioned at the end"), /*#__PURE__*/React.createElement(Separator, {
+      variant: "dimmed",
+      labelPosition: "end"
+    }, "End")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Separator, {
+      variant: "muted",
+      labelPosition: "end"
+    }, "See More")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Separator, {
+      variant: "accent",
+      labelPosition: "end"
+    }, "Continue")));
+  }
+};
+export const WithLabelVertical = {
+  render: () => {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Heading, {
+      level: 6,
+      className: "mb-4"
+    }, "Vertical separator with labels"), /*#__PURE__*/React.createElement("div", {
+      className: "flex gap-8",
+      style: {
+        height: "200px"
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "flex flex-col items-center"
+    }, /*#__PURE__*/React.createElement(Text, {
+      size: "sm",
+      className: "text-neutral-strong mb-2"
+    }, "Start"), /*#__PURE__*/React.createElement(Separator, {
+      orientation: "vertical",
+      variant: "dimmed",
+      labelPosition: "start"
+    }, "Top")), /*#__PURE__*/React.createElement("div", {
+      className: "flex flex-col items-center"
+    }, /*#__PURE__*/React.createElement(Text, {
+      size: "sm",
+      className: "text-neutral-strong mb-2"
+    }, "Middle"), /*#__PURE__*/React.createElement(Separator, {
+      orientation: "vertical",
+      variant: "muted",
+      labelPosition: "middle"
+    }, "Center")), /*#__PURE__*/React.createElement("div", {
+      className: "flex flex-col items-center"
+    }, /*#__PURE__*/React.createElement(Text, {
+      size: "sm",
+      className: "text-neutral-strong mb-2"
+    }, "End"), /*#__PURE__*/React.createElement(Separator, {
+      orientation: "vertical",
+      variant: "accent",
+      labelPosition: "end"
+    }, "Bottom"))));
+  }
+};
 
 //# sourceMappingURL=Separator.stories.js.map

package/Separator/Separator.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["Separator","React","Heading","Text","meta","title","component","argTypes","decorators","Story","createElement","className","Documentation","args","variant","margin","orientation","decorative","description","control","options","render","props","level","size","Default","VerticalAndHorizontal","HorizontalOrientation","VerticalOrientation","LessMargin","MoreMargin"],"sources":["Separator.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { Separator } from \"./Separator\";\nimport React from \"react\";\nimport { Heading } from \"~/Heading\";\nimport { Text } from \"~/Text\";\n\nconst meta: Meta<typeof Separator> = {\n    title: \"Components/Separator\",\n    component: Separator,\n    argTypes: {},\n    decorators: [\n        Story => (\n            <div className=\"wby-w-[700px]\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Separator>;\n\nexport const Documentation: Story = {\n    args: {\n        variant: \"dimmed\",\n        margin: \"none\",\n        orientation: \"horizontal\",\n        decorative: true\n    },\n    argTypes: {\n        margin: {\n            description: \"The margin around the separator.\",\n            control: \"select\",\n            options: [\"none\", \"xs\", \"sm\", \"md\", \"lg\", \"xl\"]\n        },\n        variant: {\n            description: \"The visual style variant of the separator.\",\n            control: \"select\",\n            options: [\"transparent\", \"base\", \"dimmed\", \"muted\", \"strong\"]\n        },\n        orientation: {\n            description: \"The orientation of the separator.\",\n            control: \"select\",\n            options: [\"horizontal\", \"vertical\"]\n        },\n        decorative: {\n            description:\n                \"Whether the separator is purely decorative and should be hidden from screen readers.\",\n            control: \"boolean\"\n        }\n    },\n    render: props => {\n        return (\n            <div>\n                <div className=\"wby-space-y-1\">\n                    <Heading level={6}>{\"This is a heading.\"}</Heading>\n                    <Text size=\"sm\" className={\"wby-text-neutral-strong\"}>\n                        {\"This is a short description here\"}\n                    </Text>\n                </div>\n                <Separator\n                    margin={props.margin}\n                    variant={props.variant}\n                    orientation={props.orientation}\n                    decorative={props.decorative}\n                />\n                <div className=\"wby-flex wby-items-center wby-h-6 wby-text-sm\">\n                    <Text>{\"This is text 1.\"}</Text>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport const Default: Story = {\n    args: {\n        variant: \"dimmed\",\n        margin: \"lg\"\n    },\n    render: props => {\n        return (\n            <div>\n                <div className=\"wby-space-y-1\">\n                    <Heading level={6}>{\"This is a heading.\"}</Heading>\n                    <Text size=\"sm\" className={\"wby-text-neutral-strong\"}>\n                        {\"This is a short description here\"}\n                    </Text>\n                </div>\n                <Separator margin={props.margin} variant={props.variant} />\n                <div className=\"wby-flex wby-items-center wby-h-6 wby-text-sm\">\n                    <Text>{\"This is text 1.\"}</Text>\n                </div>\n            </div>\n        );\n    },\n    argTypes: {\n        margin: {\n            control: \"select\",\n            options: [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]\n        },\n        variant: {\n            control: \"select\",\n            options: [\"transparent\", \"base\", \"dimmed\", \"muted\", \"strong\"]\n        }\n    }\n};\n\nexport const VerticalAndHorizontal: Story = {\n    render: () => {\n        return (\n            <div>\n                <div className=\"wby-space-y-1\">\n                    <Heading level={6}>{\"This is a heading.\"}</Heading>\n                    <Text size=\"sm\" className={\"wby-text-neutral-strong\"}>\n                        {\"This is a short description here\"}\n                    </Text>\n                </div>\n                <Separator margin={\"lg\"} />\n                <div className=\"wby-flex wby-items-center wby-h-6 wby-text-sm\">\n                    <Text>{\"This is text 1.\"}</Text>\n                    <Separator orientation=\"vertical\" margin={\"lg\"} />\n                    <Text>{\"This is text 2.\"}</Text>\n                    <Separator orientation=\"vertical\" margin={\"lg\"} />\n                    <Text>{\"This is text 3.\"}</Text>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport const HorizontalOrientation: Story = {\n    args: {\n        orientation: \"horizontal\"\n    },\n    render: () => {\n        return (\n            <div>\n                <div className=\"wby-space-y-1\">\n                    <Heading level={6}>{\"This is a heading.\"}</Heading>\n                    <Text size=\"sm\" className={\"wby-text-neutral-strong\"}>\n                        {\"This is a short description here\"}\n                    </Text>\n                </div>\n                <Separator margin={\"lg\"} />\n                <div className=\"wby-flex wby-items-center wby-h-6 wby-text-sm\">\n                    <Text>{\"This is text 1.\"}</Text>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport const VerticalOrientation: Story = {\n    args: {\n        orientation: \"vertical\"\n    },\n    render: () => {\n        return (\n            <div className=\"wby-flex wby-justify-center wby-h-6 wby-text-sm\">\n                <Text>{\"This is text 1.\"}</Text>\n                <Separator orientation=\"vertical\" margin={\"lg\"} />\n                <Text>{\"This is text 2.\"}</Text>\n                <Separator orientation=\"vertical\" margin={\"lg\"} />\n                <Text>{\"This is text 3.\"}</Text>\n            </div>\n        );\n    }\n};\n\nexport const LessMargin: Story = {\n    render: () => {\n        return (\n            <div>\n                <div className=\"wby-space-y-1\">\n                    <Heading level={6}>{\"This is a heading.\"}</Heading>\n                    <Text size=\"sm\" className={\"wby-text-neutral-strong\"}>\n                        {\"This is a short description here\"}\n                    </Text>\n                </div>\n                <Separator margin={\"md\"} />\n                <div className=\"wby-flex wby-items-center wby-h-6 wby-text-sm\">\n                    <Text>{\"This is text 1.\"}</Text>\n                    <Separator orientation=\"vertical\" margin={\"md\"} />\n                    <Text>{\"This is text 2.\"}</Text>\n                    <Separator orientation=\"vertical\" margin={\"md\"} />\n                    <Text>{\"This is text 3.\"}</Text>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport const MoreMargin: Story = {\n    render: () => {\n        return (\n            <div>\n                <div className=\"wby-space-y-1\">\n                    <Heading level={6}>{\"This is a heading.\"}</Heading>\n                    <Text size=\"sm\" className={\"wby-text-neutral-strong\"}>\n                        {\"This is a short description here\"}\n                    </Text>\n                </div>\n                <Separator margin={\"xl\"} />\n                <div className=\"wby-flex wby-items-center wby-h-6 wby-text-sm\">\n                    <Text>{\"This is text 1.\"}</Text>\n                    <Separator orientation=\"vertical\" margin={\"xl\"} />\n                    <Text>{\"This is text 2.\"}</Text>\n                    <Separator orientation=\"vertical\" margin={\"xl\"} />\n                    <Text>{\"This is text 3.\"}</Text>\n                </div>\n            </div>\n        );\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Separator","React","Heading","Text","meta","title","component","argTypes","decorators","Story","createElement","className","Documentation","args","variant","margin","orientation","decorative","children","undefined","labelPosition","description","control","options","render","props","level","size","Default","VerticalAndHorizontal","HorizontalOrientation","VerticalOrientation","LessMargin","MoreMargin","Transparent","Base","Muted","Strong","Accent","AllVariants","WithLabelMiddle","WithLabelStart","WithLabelEnd","WithLabelVertical","style","height"],"sources":["Separator.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { Separator } from \"./Separator.js\";\nimport React from \"react\";\nimport { Heading } from \"~/Heading/index.js\";\nimport { Text } from \"~/Text/index.js\";\n\nconst meta: Meta<typeof Separator> = {\n    title: \"Components/Separator\",\n    component: Separator,\n    argTypes: {},\n    decorators: [\n        Story => (\n            <div className=\"w-[700px]\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Separator>;\n\nexport const Documentation: Story = {\n    args: {\n        variant: \"dimmed\",\n        margin: \"none\",\n        orientation: \"horizontal\",\n        decorative: true,\n        children: undefined,\n        labelPosition: \"middle\"\n    },\n    argTypes: {\n        margin: {\n            description: \"The margin around the separator.\",\n            control: \"select\",\n            options: [\"none\", \"xs\", \"sm\", \"md\", \"lg\", \"xl\"]\n        },\n        variant: {\n            description: \"The visual style variant of the separator.\",\n            control: \"select\",\n            options: [\"transparent\", \"base\", \"dimmed\", \"muted\", \"strong\", \"accent\"]\n        },\n        orientation: {\n            description: \"The orientation of the separator.\",\n            control: \"select\",\n            options: [\"horizontal\", \"vertical\"]\n        },\n        decorative: {\n            description:\n                \"Whether the separator is purely decorative and should be hidden from screen readers.\",\n            control: \"boolean\"\n        },\n        children: {\n            description:\n                \"Optional label text to display with the separator. Text will use text-neutral-primary text-md font-semibold styles.\",\n            control: \"text\"\n        },\n        labelPosition: {\n            description: \"Position of the label when children are provided.\",\n            control: \"select\",\n            options: [\"start\", \"middle\", \"end\"]\n        }\n    },\n    render: props => {\n        return (\n            <div>\n                <div className=\"space-y-1\">\n                    <Heading level={6}>{\"This is a heading.\"}</Heading>\n                    <Text size=\"sm\" className={\"text-neutral-strong\"}>\n                        {\"This is a short description here\"}\n                    </Text>\n                </div>\n                <Separator\n                    margin={props.margin}\n                    variant={props.variant}\n                    orientation={props.orientation}\n                    decorative={props.decorative}\n                />\n                <div className=\"flex items-center h-6 text-sm\">\n                    <Text>{\"This is text 1.\"}</Text>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport const Default: Story = {\n    args: {\n        variant: \"dimmed\",\n        margin: \"lg\"\n    },\n    render: props => {\n        return (\n            <div>\n                <div className=\"space-y-1\">\n                    <Heading level={6}>{\"This is a heading.\"}</Heading>\n                    <Text size=\"sm\" className={\"text-neutral-strong\"}>\n                        {\"This is a short description here\"}\n                    </Text>\n                </div>\n                <Separator margin={props.margin} variant={props.variant} />\n                <div className=\"flex items-center h-6 text-sm\">\n                    <Text>{\"This is text 1.\"}</Text>\n                </div>\n            </div>\n        );\n    },\n    argTypes: {\n        margin: {\n            control: \"select\",\n            options: [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]\n        },\n        variant: {\n            control: \"select\",\n            options: [\"transparent\", \"base\", \"dimmed\", \"muted\", \"strong\", \"accent\"]\n        }\n    }\n};\n\nexport const VerticalAndHorizontal: Story = {\n    render: () => {\n        return (\n            <div>\n                <div className=\"space-y-1\">\n                    <Heading level={6}>{\"This is a heading.\"}</Heading>\n                    <Text size=\"sm\" className={\"text-neutral-strong\"}>\n                        {\"This is a short description here\"}\n                    </Text>\n                </div>\n                <Separator margin={\"lg\"} />\n                <div className=\"flex items-center h-6 text-sm\">\n                    <Text>{\"This is text 1.\"}</Text>\n                    <Separator orientation=\"vertical\" margin={\"lg\"} />\n                    <Text>{\"This is text 2.\"}</Text>\n                    <Separator orientation=\"vertical\" margin={\"lg\"} />\n                    <Text>{\"This is text 3.\"}</Text>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport const HorizontalOrientation: Story = {\n    args: {\n        orientation: \"horizontal\"\n    },\n    render: () => {\n        return (\n            <div>\n                <div className=\"space-y-1\">\n                    <Heading level={6}>{\"This is a heading.\"}</Heading>\n                    <Text size=\"sm\" className={\"text-neutral-strong\"}>\n                        {\"This is a short description here\"}\n                    </Text>\n                </div>\n                <Separator margin={\"lg\"} />\n                <div className=\"flex items-center h-6 text-sm\">\n                    <Text>{\"This is text 1.\"}</Text>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport const VerticalOrientation: Story = {\n    args: {\n        orientation: \"vertical\"\n    },\n    render: () => {\n        return (\n            <div className=\"flex justify-center h-6 text-sm\">\n                <Text>{\"This is text 1.\"}</Text>\n                <Separator orientation=\"vertical\" margin={\"lg\"} />\n                <Text>{\"This is text 2.\"}</Text>\n                <Separator orientation=\"vertical\" margin={\"lg\"} />\n                <Text>{\"This is text 3.\"}</Text>\n            </div>\n        );\n    }\n};\n\nexport const LessMargin: Story = {\n    render: () => {\n        return (\n            <div>\n                <div className=\"space-y-1\">\n                    <Heading level={6}>{\"This is a heading.\"}</Heading>\n                    <Text size=\"sm\" className={\"text-neutral-strong\"}>\n                        {\"This is a short description here\"}\n                    </Text>\n                </div>\n                <Separator margin={\"md\"} />\n                <div className=\"flex items-center h-6 text-sm\">\n                    <Text>{\"This is text 1.\"}</Text>\n                    <Separator orientation=\"vertical\" margin={\"md\"} />\n                    <Text>{\"This is text 2.\"}</Text>\n                    <Separator orientation=\"vertical\" margin={\"md\"} />\n                    <Text>{\"This is text 3.\"}</Text>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport const MoreMargin: Story = {\n    render: () => {\n        return (\n            <div>\n                <div className=\"space-y-1\">\n                    <Heading level={6}>{\"This is a heading.\"}</Heading>\n                    <Text size=\"sm\" className={\"text-neutral-strong\"}>\n                        {\"This is a short description here\"}\n                    </Text>\n                </div>\n                <Separator margin={\"xl\"} />\n                <div className=\"flex items-center h-6 text-sm\">\n                    <Text>{\"This is text 1.\"}</Text>\n                    <Separator orientation=\"vertical\" margin={\"xl\"} />\n                    <Text>{\"This is text 2.\"}</Text>\n                    <Separator orientation=\"vertical\" margin={\"xl\"} />\n                    <Text>{\"This is text 3.\"}</Text>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport const Transparent: Story = {\n    render: () => {\n        return (\n            <div>\n                <div className=\"space-y-1\">\n                    <Heading level={6}>{\"Transparent Variant\"}</Heading>\n                    <Text size=\"sm\" className={\"text-neutral-strong\"}>\n                        {\"This separator is transparent and not visible\"}\n                    </Text>\n                </div>\n                <Separator margin={\"lg\"} variant=\"transparent\" />\n                <div className=\"flex items-center h-6 text-sm\">\n                    <Text>{\"This is text 1.\"}</Text>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport const Base: Story = {\n    render: () => {\n        return (\n            <div>\n                <div className=\"space-y-1\">\n                    <Heading level={6}>{\"Base Variant\"}</Heading>\n                    <Text size=\"sm\" className={\"text-neutral-strong\"}>\n                        {\"This separator uses bg-white\"}\n                    </Text>\n                </div>\n                <Separator margin={\"lg\"} variant=\"base\" />\n                <div className=\"flex items-center h-6 text-sm\">\n                    <Text>{\"This is text 1.\"}</Text>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport const Muted: Story = {\n    render: () => {\n        return (\n            <div>\n                <div className=\"space-y-1\">\n                    <Heading level={6}>{\"Muted Variant\"}</Heading>\n                    <Text size=\"sm\" className={\"text-neutral-strong\"}>\n                        {\"This separator uses bg-neutral-muted\"}\n                    </Text>\n                </div>\n                <Separator margin={\"lg\"} variant=\"muted\" />\n                <div className=\"flex items-center h-6 text-sm\">\n                    <Text>{\"This is text 1.\"}</Text>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport const Strong: Story = {\n    render: () => {\n        return (\n            <div>\n                <div className=\"space-y-1\">\n                    <Heading level={6}>{\"Strong Variant\"}</Heading>\n                    <Text size=\"sm\" className={\"text-neutral-strong\"}>\n                        {\"This separator uses bg-neutral-strong\"}\n                    </Text>\n                </div>\n                <Separator margin={\"lg\"} variant=\"strong\" />\n                <div className=\"flex items-center h-6 text-sm\">\n                    <Text>{\"This is text 1.\"}</Text>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport const Accent: Story = {\n    render: () => {\n        return (\n            <div>\n                <div className=\"space-y-1\">\n                    <Heading level={6}>{\"Accent Variant\"}</Heading>\n                    <Text size=\"sm\" className={\"text-neutral-strong\"}>\n                        {\"This separator uses bg-primary\"}\n                    </Text>\n                </div>\n                <Separator margin={\"lg\"} variant=\"accent\" />\n                <div className=\"flex items-center h-6 text-sm\">\n                    <Text>{\"This is text 1.\"}</Text>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport const AllVariants: Story = {\n    render: () => {\n        return (\n            <div className=\"space-y-8\">\n                <div>\n                    <Heading level={6}>{\"Transparent\"}</Heading>\n                    <Separator margin={\"lg\"} variant=\"transparent\" />\n                    <Text size=\"sm\">{\"Not visible\"}</Text>\n                </div>\n                <div>\n                    <Heading level={6}>{\"Base\"}</Heading>\n                    <Separator margin={\"lg\"} variant=\"base\" />\n                    <Text size=\"sm\">{\"bg-white\"}</Text>\n                </div>\n                <div>\n                    <Heading level={6}>{\"Dimmed (default)\"}</Heading>\n                    <Separator margin={\"lg\"} variant=\"dimmed\" />\n                    <Text size=\"sm\">{\"bg-neutral-dimmed\"}</Text>\n                </div>\n                <div>\n                    <Heading level={6}>{\"Muted\"}</Heading>\n                    <Separator margin={\"lg\"} variant=\"muted\" />\n                    <Text size=\"sm\">{\"bg-neutral-muted\"}</Text>\n                </div>\n                <div>\n                    <Heading level={6}>{\"Strong\"}</Heading>\n                    <Separator margin={\"lg\"} variant=\"strong\" />\n                    <Text size=\"sm\">{\"bg-neutral-strong\"}</Text>\n                </div>\n                <div>\n                    <Heading level={6}>{\"Accent\"}</Heading>\n                    <Separator margin={\"lg\"} variant=\"accent\" />\n                    <Text size=\"sm\">{\"bg-primary\"}</Text>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport const WithLabelMiddle: Story = {\n    render: () => {\n        return (\n            <div className=\"space-y-8\">\n                <div>\n                    <Heading level={6}>{\"Separator with label in the middle\"}</Heading>\n                    <Text size=\"sm\" className=\"text-neutral-strong mb-4\">\n                        {\"Label is positioned in the center (default)\"}\n                    </Text>\n                    <Separator variant=\"dimmed\" labelPosition=\"middle\">\n                        {\"OR\"}\n                    </Separator>\n                </div>\n                <div>\n                    <Separator variant=\"muted\" labelPosition=\"middle\">\n                        {\"Section Title\"}\n                    </Separator>\n                </div>\n                <div>\n                    <Separator variant=\"accent\" labelPosition=\"middle\">\n                        {\"Important\"}\n                    </Separator>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport const WithLabelStart: Story = {\n    render: () => {\n        return (\n            <div className=\"space-y-8\">\n                <div>\n                    <Heading level={6}>{\"Separator with label at start\"}</Heading>\n                    <Text size=\"sm\" className=\"text-neutral-strong mb-4\">\n                        {\"Label is positioned at the beginning\"}\n                    </Text>\n                    <Separator variant=\"dimmed\" labelPosition=\"start\">\n                        {\"Start\"}\n                    </Separator>\n                </div>\n                <div>\n                    <Separator variant=\"muted\" labelPosition=\"start\">\n                        {\"Section 1\"}\n                    </Separator>\n                </div>\n                <div>\n                    <Separator variant=\"accent\" labelPosition=\"start\">\n                        {\"New Feature\"}\n                    </Separator>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport const WithLabelEnd: Story = {\n    render: () => {\n        return (\n            <div className=\"space-y-8\">\n                <div>\n                    <Heading level={6}>{\"Separator with label at end\"}</Heading>\n                    <Text size=\"sm\" className=\"text-neutral-strong mb-4\">\n                        {\"Label is positioned at the end\"}\n                    </Text>\n                    <Separator variant=\"dimmed\" labelPosition=\"end\">\n                        {\"End\"}\n                    </Separator>\n                </div>\n                <div>\n                    <Separator variant=\"muted\" labelPosition=\"end\">\n                        {\"See More\"}\n                    </Separator>\n                </div>\n                <div>\n                    <Separator variant=\"accent\" labelPosition=\"end\">\n                        {\"Continue\"}\n                    </Separator>\n                </div>\n            </div>\n        );\n    }\n};\n\nexport const WithLabelVertical: Story = {\n    render: () => {\n        return (\n            <div>\n                <Heading level={6} className=\"mb-4\">\n                    {\"Vertical separator with labels\"}\n                </Heading>\n                <div className=\"flex gap-8\" style={{ height: \"200px\" }}>\n                    <div className=\"flex flex-col items-center\">\n                        <Text size=\"sm\" className=\"text-neutral-strong mb-2\">\n                            {\"Start\"}\n                        </Text>\n                        <Separator orientation=\"vertical\" variant=\"dimmed\" labelPosition=\"start\">\n                            {\"Top\"}\n                        </Separator>\n                    </div>\n                    <div className=\"flex flex-col items-center\">\n                        <Text size=\"sm\" className=\"text-neutral-strong mb-2\">\n                            {\"Middle\"}\n                        </Text>\n                        <Separator orientation=\"vertical\" variant=\"muted\" labelPosition=\"middle\">\n                            {\"Center\"}\n                        </Separator>\n                    </div>\n                    <div className=\"flex flex-col items-center\">\n                        <Text size=\"sm\" className=\"text-neutral-strong mb-2\">\n                            {\"End\"}\n                        </Text>\n                        <Separator orientation=\"vertical\" variant=\"accent\" labelPosition=\"end\">\n                            {\"Bottom\"}\n                        </Separator>\n                    </div>\n                </div>\n            </div>\n        );\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/Separator/index.d.ts

@@ -1 +1 @@
-export * from "./Separator";
+export * from "./Separator.js";

package/Separator/index.js

@@ -1,3 +1,3 @@
-export * from "./Separator";
+export * from "./Separator.js";
 
 //# sourceMappingURL=index.js.map

package/Separator/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Separator\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Separator.js\";\n"],"mappings":"AAAA","ignoreList":[]}