@pismo/marola 0.0.1-alpha.9 → 1.0.0-beta.0

package/dist/components/LoadingSpinner/LoadingSpinner.stories.js

@@ -1,38 +0,0 @@
-import '../../assets/global.css';
-import { jsx as t } from "react/jsx-runtime";
-/* empty css                    */
-import "../Button/Button.js";
-import "react";
-import "../Dialog/Backdrop.js";
-import "../Typography/Typography.js";
-import "../IconButton/IconButton.js";
-import { LoadingSpinner as i } from "./LoadingSpinner.js";
-import "../Table/Table.js";
-import "../Tabs/Tabs.js";
-const g = {
-  title: "Components/LoadingSpinner",
-  component: i,
-  tags: ["autodocs"],
-  decorators: [
-    (o) => /* @__PURE__ */ t(
-      "div",
-      {
-        style: {
-          backgroundColor: "#423755",
-          width: "5em",
-          height: "5em",
-          display: "flex",
-          justifyContent: "center",
-          alignItems: "center"
-        },
-        children: /* @__PURE__ */ t(o, {})
-      }
-    )
-  ]
-}, f = {
-  args: {}
-};
-export {
-  f as Simple,
-  g as default
-};

package/dist/components/PageHeader/PageHeader.stories.js

@@ -1,49 +0,0 @@
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { Button as r } from "../Button/Button.js";
-import { T as e } from "../../Tab-CRwnhsj5.js";
-import { TabPanel as a } from "../Tabs/TabPanel.js";
-import { Tabs as o } from "../Tabs/Tabs.js";
-import { PageHeader as l } from "./PageHeader.js";
-const g = {
-  title: "Components/PageHeader",
-  component: l,
-  tags: ["autodocs"]
-}, c = {
-  args: {
-    title: "Marola Design System",
-    subtitle: "A Pismo design system"
-  }
-}, i = {
-  name: "With back link",
-  args: {
-    ...c.args,
-    backLinkText: "Back",
-    onBackLinkClick: () => alert("Back button clicked!")
-  }
-}, u = {
-  name: "With right children",
-  args: {
-    ...i.args,
-    rightChildren: /* @__PURE__ */ t(r, { variant: "quick", onClick: () => alert("button clicked"), children: "Click me!" })
-  }
-}, T = {
-  name: "With bottom children",
-  args: {
-    ...i.args,
-    bottomChildren: /* @__PURE__ */ n(o, { children: [
-      /* @__PURE__ */ t(e, { value: "1", children: "Tab 1" }),
-      /* @__PURE__ */ t(e, { value: "2", children: "Tab 2" }),
-      /* @__PURE__ */ t(e, { value: "3", children: "Tab 3" }),
-      /* @__PURE__ */ t(a, { value: "1", children: "Tab 1 content" }),
-      /* @__PURE__ */ t(a, { value: "2", children: "Tab 2 content" }),
-      /* @__PURE__ */ t(a, { value: "3", children: "Tab 3 content" })
-    ] })
-  }
-};
-export {
-  c as Simple,
-  i as WithBackLink,
-  T as WithBottomChildren,
-  u as WithRightChildren,
-  g as default
-};

package/dist/components/Toggle/Toggle.stories.js

@@ -1,33 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useState as r } from "react";
-import { Toggle as c } from "./Toggle.js";
-const l = {
-  title: "Components/Toggle",
-  component: c,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "padded"
-  }
-}, h = {
-  render: () => {
-    const [e, t] = r(!1);
-    return /* @__PURE__ */ o(c, { checked: e, onChange: (a) => t(a.target.checked) });
-  }
-}, m = {
-  name: "With label",
-  render: () => {
-    const [e, t] = r(!1);
-    return /* @__PURE__ */ o(c, { label: "Active", checked: e, onChange: (a) => t(a.target.checked) });
-  }
-}, g = {
-  render: () => {
-    const [e, t] = r(!1);
-    return /* @__PURE__ */ o(c, { label: "Active", disabled: !0, checked: e, onChange: (a) => t(a.target.checked) });
-  }
-};
-export {
-  g as Disabled,
-  h as Simple,
-  m as WithLabel,
-  l as default
-};

package/dist/components/Typography/Typography.stories.js

@@ -1,30 +0,0 @@
-import '../../assets/global.css';
-import { jsx as t } from "react/jsx-runtime";
-/* empty css                    */
-import "../Button/Button.js";
-import "react";
-import "../Dialog/Backdrop.js";
-import { Typography as p } from "./Typography.js";
-import "../IconButton/IconButton.js";
-import "../Table/Table.js";
-import "../Tabs/Tabs.js";
-const c = {
-  title: "Components/Typography",
-  component: p,
-  tags: ["autodocs"],
-  argTypes: {
-    element: {
-      options: ["span", "p", "h1", "h2", "h3", "h4", "h5", "h6", "td", "th"],
-      control: { type: "select" }
-    }
-  },
-  decorators: [
-    (o) => /* @__PURE__ */ t("div", { style: { margin: "1em" }, children: /* @__PURE__ */ t(o, {}) })
-  ]
-}, d = {
-  args: { children: "Example text" }
-};
-export {
-  d as Simple,
-  c as default
-};