@gobolt/genesis 0.0.7

package/dist/components/molecules/form/Form.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { FormProps as AntFormProps } from 'antd/es/typography/Title';
+import { TYPE, STATE } from '../../../constants';
+
+export type GenesisInputType = keyof typeof TYPE;
+export interface FormProps extends AntFormProps {
+    children?: React.ReactNode;
+    type?: GenesisButtonType;
+    state?: keyof typeof STATE;
+}
+export declare const FormItem: ({ ...rest }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const Form: React.FC<FormProps>;
+export default Form;

package/dist/components/molecules/form/Form.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import "../../../providers/ThemeProvider.js";
+import { b as a, F as e } from "../../../Form-Cylpi4M4.js";
+export {
+  a as FormItem,
+  e as default
+};

package/dist/components/molecules/form/__stories__/Form.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Form } from '../Form';
+
+declare const meta: Meta<typeof Form>;
+export default meta;
+type Story = StoryObj<typeof Form>;
+export declare const Default: Story;

package/dist/components/molecules/form/__stories__/FormStory.d.ts

@@ -0,0 +1 @@
+export declare const FormStory: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/form/__stories__/FormStory.js

@@ -0,0 +1,90 @@
+import { jsxs as r, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { a as p, F as d, b as n } from "../../../../Form-Cylpi4M4.js";
+import c from "../../../atoms/button/Button.js";
+import u from "../../../atoms/input/Input.js";
+import h from "../../../atoms/select/Select.js";
+import f from "../../../atoms/checkbox/Checkbox.js";
+import i from "../../../atoms/typography/Typography.js";
+import "../../error-boundary-fallback/styles.js";
+import b from "react";
+import { S as o } from "../../../../index-3MWkSVA1.js";
+const F = [
+  { value: "apple", label: /* @__PURE__ */ e("span", { children: "apple" }) },
+  { value: "pear", label: /* @__PURE__ */ e("span", { children: "pear" }) }
+], q = () => {
+  const [a, t] = b.useState(null), [s] = p.useForm();
+  return /* @__PURE__ */ r(m, { children: [
+    /* @__PURE__ */ e(
+      d,
+      {
+        form: s,
+        autoComplete: "off",
+        initialValues: { remember: !0 },
+        onFinish: (l) => {
+          console.log("Success:", l), t(l);
+        },
+        onFinishFailed: (l) => {
+          console.log("Failed:", l);
+        },
+        children: /* @__PURE__ */ r(o, { direction: "vertical", children: [
+          /* @__PURE__ */ e(i, { variant: "heading1", children: "Hello Genesis" }),
+          /* @__PURE__ */ e(
+            n,
+            {
+              label: "What is your name?",
+              name: "username",
+              rules: [{ required: !0, message: "Please input your name!" }],
+              labelCol: { span: 24 },
+              children: /* @__PURE__ */ e(u, {})
+            }
+          ),
+          /* @__PURE__ */ e(
+            n,
+            {
+              label: "What's for lunch?",
+              name: "fruit",
+              rules: [{ required: !1 }],
+              labelCol: { span: 24 },
+              children: /* @__PURE__ */ e(h, { options: F, placeholder: "Select a fruit" })
+            }
+          ),
+          /* @__PURE__ */ e(
+            n,
+            {
+              name: "subscribe",
+              labelCol: { span: 24 },
+              label: "Interested in updates?",
+              children: /* @__PURE__ */ r(o, { direction: "horizontal  ", children: [
+                /* @__PURE__ */ e(f, {}),
+                /* @__PURE__ */ e(i, { children: "Yes, Sign me up" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ e(n, { label: null, name: "subscribe", valuePropName: "checked", children: /* @__PURE__ */ r(o, { direction: "horizontal", size: 180, children: [
+            /* @__PURE__ */ e(c, { type: "secondary", onClick: () => {
+              s.resetFields(), t(null);
+            }, children: "Reset" }),
+            /* @__PURE__ */ e(c, { htmlType: "submit", children: "Submit" })
+          ] }) })
+        ] })
+      }
+    ),
+    a && /* @__PURE__ */ r(
+      "div",
+      {
+        style: {
+          marginTop: "20px",
+          padding: "10px",
+          border: "1px solid #ccc"
+        },
+        children: [
+          /* @__PURE__ */ e(i, { variant: "heading3", children: "Form Values:" }),
+          /* @__PURE__ */ e("pre", { children: JSON.stringify(a, null, 2) })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  q as FormStory
+};

package/dist/components/molecules/form/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Form';
+export type { FormProps } from './Form';

package/dist/components/molecules/form/index.js

@@ -0,0 +1,4 @@
+import { F as f } from "../../../Form-Cylpi4M4.js";
+export {
+  f as default
+};

package/dist/constants/index.d.ts

@@ -0,0 +1,51 @@
+export declare const TYPE: {
+    primary: string;
+    secondary: string;
+    tertiary: string;
+};
+export declare const BREAKPOINTS: {
+    wide: string;
+    medium: string;
+    narrow: string;
+};
+export declare const STATE: {
+    active: string;
+    hover: string;
+    pressed: string;
+    focussed: string;
+    disabled: string;
+};
+export declare const TYPOGRAPHY_VARIANT: {
+    display1: string;
+    display2: string;
+    display3: string;
+    heading1: string;
+    heading2: string;
+    heading3: string;
+    subHeading1: string;
+    subHeading2: string;
+    subHeading3: string;
+    body1: string;
+    body2: string;
+    body3: string;
+    body4: string;
+    body5: string;
+    message: string;
+    overline1: string;
+    overline2: string;
+    overline3: string;
+    label1: string;
+    label2: string;
+    label3: string;
+    link1: string;
+    link2: string;
+    link3: string;
+    digits1: string;
+    digits2: string;
+    digits3: string;
+};
+export declare const BUTTON_VARIANT: {
+    primary: string;
+    secondary: string;
+    tertiary: string;
+};

package/dist/constants/index.js

@@ -0,0 +1,54 @@
+const e = {
+  primary: "primary",
+  secondary: "secondary",
+  tertiary: "tertiary"
+}, i = {
+  wide: "wide",
+  medium: "medium",
+  narrow: "narrow"
+}, d = {
+  active: "active",
+  hover: "hover",
+  pressed: "pressed",
+  focussed: "focus",
+  disabled: "disabled"
+}, a = {
+  display1: "display1",
+  display2: "display2",
+  display3: "display3",
+  heading1: "heading1",
+  heading2: "heading2",
+  heading3: "heading3",
+  subHeading1: "subHeading1",
+  subHeading2: "subHeading2",
+  subHeading3: "subHeading3",
+  body1: "body1",
+  body2: "body2",
+  body3: "body3",
+  body4: "body4",
+  body5: "body5",
+  message: "message",
+  overline1: "overline1",
+  overline2: "overline2",
+  overline3: "overline3",
+  label1: "label1",
+  label2: "label2",
+  label3: "label3",
+  link1: "link1",
+  link2: "link2",
+  link3: "link3",
+  digits1: "digits1",
+  digits2: "digits2",
+  digits3: "digits3"
+}, s = {
+  primary: "primary",
+  secondary: "secondary",
+  tertiary: "tertiary"
+};
+export {
+  i as BREAKPOINTS,
+  s as BUTTON_VARIANT,
+  d as STATE,
+  e as TYPE,
+  a as TYPOGRAPHY_VARIANT
+};