@loopr-ai/craft 0.7.2 → 0.7.3

package/dist/components/cell/AvatarGroup/index.js

@@ -1,8 +1,8 @@
 import { jsx as h, jsxs as G } from "react/jsx-runtime";
-import { g as I, a as l, _ as k, P as a } from "../../../createTheme-ca1567c6.js";
+import { g as I, a as l, _ as k, P as a } from "../../../createTheme-a4db2989.js";
 import * as g from "react";
-import { g as D, a as M, b as E, c as R, e as U, h as F } from "../../../styled-80b57810.js";
-import { c as q } from "../../../createSvgIcon-bb3d4825.js";
+import { g as D, s as M, a as E, c as R, b as U, f as F } from "../../../styled-126c6a62.js";
+import { c as q } from "../../../createSvgIcon-58aa3adf.js";
 import { c as V } from "../../../chainPropTypes-004bf492.js";
 const B = q(/* @__PURE__ */ h("path", {
   d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"

package/dist/components/cell/Button/index.js

@@ -1,9 +1,9 @@
 import { jsx as C, jsxs as F } from "react/jsx-runtime";
 import { getColorToHex as v } from "../../../global/colors.js";
-import { g as U, b as e, a as t, f as b, _ as D, P as a } from "../../../createTheme-ca1567c6.js";
+import { g as U, c as e, a as t, e as b, _ as D, P as a } from "../../../createTheme-a4db2989.js";
 import * as p from "react";
-import { g as H, a as y, r as A, f as q, b as J, c as R, e as K } from "../../../styled-80b57810.js";
-import { B as Q } from "../../../ButtonBase-fc1e48eb.js";
+import { g as H, s as y, r as A, e as q, a as J, c as R, b as K } from "../../../styled-126c6a62.js";
+import { B as Q } from "../../../ButtonBase-85c9347b.js";
 function X(o) {
   return U("MuiButton", o);
 }

package/dist/components/cell/Chip/index.js

@@ -1,11 +1,11 @@
 import { jsx as m, jsxs as Q } from "react/jsx-runtime";
 import * as v from "react";
 import { useMemo as L } from "react";
-import { g as X, b as r, a as f, f as b, _ as Y, P as l } from "../../../createTheme-ca1567c6.js";
-import { g as Z, a as U, b as w, c as k, e as oo } from "../../../styled-80b57810.js";
-import { c as ao } from "../../../createSvgIcon-bb3d4825.js";
-import { u as lo } from "../../../TransitionGroupContext-ba502e63.js";
-import { B as M } from "../../../ButtonBase-fc1e48eb.js";
+import { g as X, c as r, a as f, e as b, _ as Y, P as l } from "../../../createTheme-a4db2989.js";
+import { g as Z, s as U, a as w, c as k, b as oo } from "../../../styled-126c6a62.js";
+import { c as ao } from "../../../createSvgIcon-58aa3adf.js";
+import { u as lo } from "../../../TransitionGroupContext-fe9a562f.js";
+import { B as M } from "../../../ButtonBase-85c9347b.js";
 import { u as eo } from "../../../unsupportedProp-3dbf01f6.js";
 const ro = ao(/* @__PURE__ */ m("path", {
   d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"

package/dist/components/cell/ProgressBar/index.js

@@ -1,9 +1,9 @@
 import { jsxs as j, jsx as v } from "react/jsx-runtime";
 import { getColorToHex as $ } from "../../../global/colors.js";
-import { g as D, b as n, a as l, _ as q, P as o, l as E, e as U } from "../../../createTheme-ca1567c6.js";
+import { g as D, c as n, a as l, _ as q, P as o, l as E, b as U } from "../../../createTheme-a4db2989.js";
 import * as z from "react";
-import { g as w, a as h, b as A, c as F, e as K } from "../../../styled-80b57810.js";
-import { u as V } from "../../../useTheme-16446f25.js";
+import { g as w, s as h, a as A, c as F, b as K } from "../../../styled-126c6a62.js";
+import { u as V } from "../../../useTheme-573c40a2.js";
 import { k as P, c as x } from "../../../emotion-react.browser.esm-ff33c213.js";
 function S(r) {
   return D("MuiLinearProgress", r);

package/dist/components/cell/Search/index.js

@@ -1,6 +1,6 @@
 import f, { jsx as r } from "react/jsx-runtime";
-import { r as c, i as p } from "../../../createSvgIcon-8e5d9dc7.js";
-import { T as m } from "../../../TextField-a534df29.js";
+import { r as c, i as p } from "../../../createSvgIcon-f773ce57.js";
+import { T as m } from "../../../TextField-fded06e5.js";
 var e = {}, v = p;
 Object.defineProperty(e, "__esModule", {
   value: !0

package/dist/components/cell/Typography/index.js

@@ -1,21 +1,7 @@
-import { jsx as a } from "react/jsx-runtime";
-import { getColorToHex as e } from "../../../global/colors.js";
-import { fontCustomizations as i } from "../../../global/theme.js";
-import { M as f } from "../../../Typography-65e5f8a8.js";
-const c = ({
-  type: o = "bodyText",
-  textColor: r = "black",
-  children: t,
-  sx: m,
-  ...p
-}) => {
-  const s = {
-    ...i[o],
-    color: e(r),
-    ...m
-  };
-  return /* @__PURE__ */ a(f, { sx: s, ...p, children: t });
-};
+import "react/jsx-runtime";
+import "../../../global/colors.js";
+import "../../../global/theme.js";
+import { T as i } from "../../../index-03287c17.js";
 export {
-  c as default
+  i as default
 };

package/dist/components/organ/Form/Form.interfaces.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { FormInputProps } from "./FieldInput";
 export interface InputField {
     label: string;
     name: string;
@@ -41,13 +40,14 @@ export interface ConfigField extends SelectField {
     customComponent?: string;
     submitDataKey?: string;
     preFillWithDateTime?: boolean;
-}
-export interface CustomFieldProps {
-    value: string;
-    handleChange: (key: string, value: string) => void;
+    groupName?: string;
+    hidden?: boolean;
 }
 export interface CustomFields {
-    [key_name: string]: React.ComponentType<FormInputProps>;
+    [key_name: string]: {
+        component: React.ComponentType<any>;
+        props?: any;
+    };
 }
 export interface InvalidData {
     message: string;

package/dist/components/organ/Form/Form.styles.d.ts

@@ -1,5 +1,102 @@
-/// <reference types="react" />
 declare const styles: {
-    [key: string]: React.CSSProperties;
+    alignVertical: {
+        display: string;
+        flexDirection: string;
+    };
+    formInputWrapper: {
+        display: string;
+        alignItems: string;
+        outline: string;
+        outlineOffset: string;
+        border: string;
+        borderBottom: string;
+        "&:first-of-type": {
+            border: string;
+            borderRadius: string;
+            borderBottom: string;
+        };
+        "&:last-of-type": {
+            borderRadius: string;
+            borderBottom: string;
+        };
+        "&:only-of-type": {
+            borderRadius: string;
+        };
+        "& > label": {
+            flex: number;
+        };
+        "& > div": {
+            flex: number;
+        };
+        "&:has(.Mui-focused)": {
+            outlineColor: string;
+        };
+    };
+    heading: {
+        textAlign: string;
+        fontWeight: number;
+        margin: string;
+    };
+    label: {
+        color: string;
+        textAlign: string;
+        padding: string;
+    };
+    textfieldWrapper: {
+        padding: string;
+        "& > div": {
+            width: string;
+            borderRadius: string;
+        };
+    };
+    textfield: {
+        "& .MuiInputBase-root": {
+            paddingLeft: number;
+            paddingRight: number;
+            "& input": {
+                textAlign: string;
+                padding: string;
+            };
+            "& fieldset": {
+                border: string;
+            };
+            "&.Mui-focused": {
+                background: string;
+                "& .MuiSelect-select > span::before": {
+                    color: string;
+                };
+                "& input::placeholder": {
+                    color: string;
+                };
+            };
+        };
+        "& .MuiSelect-select": {
+            padding: string;
+            position: string;
+            "& > span::before": {
+                position: string;
+                right: string;
+            };
+        };
+    };
+    selectDropdown: {
+        boxShadow: string;
+        border: string;
+        borderRadius: string;
+    };
+    tooltipPopper: {
+        zIndex: number;
+    };
+    tooltip: {
+        "& .MuiTypography-root": {
+            display: string;
+            gap: string;
+            alignItems: string;
+        };
+    };
+    errorIcon: {
+        fontSize: string;
+        color: string;
+    };
 };
 export default styles;

package/dist/components/organ/Form/Form.styles.js

@@ -1,10 +1,105 @@
-const e = {
+import { customColors as e } from "../../../global/colors.js";
+const r = {
   alignVertical: {
     display: "flex",
-    flexDirection: "column",
-    gap: "1rem"
+    flexDirection: "column"
+  },
+  formInputWrapper: {
+    display: "flex",
+    alignItems: "center",
+    outline: "1px solid transparent",
+    outlineOffset: "-1px",
+    border: `1px solid ${e.borderGrey}`,
+    borderBottom: "none",
+    "&:first-of-type": {
+      border: `1px solid ${e.borderGrey}`,
+      borderRadius: "4px 4px 0 0",
+      borderBottom: "none"
+    },
+    "&:last-of-type": {
+      borderRadius: "0 0 4px 4px",
+      borderBottom: `1px solid ${e.borderGrey}`
+    },
+    "&:only-of-type": {
+      borderRadius: "4px"
+    },
+    "& > label": {
+      flex: 1
+    },
+    "& > div": {
+      flex: 2
+    },
+    "&:has(.Mui-focused)": {
+      outlineColor: "black"
+    }
+  },
+  heading: {
+    textAlign: "left",
+    fontWeight: 500,
+    margin: "0.75rem 0"
+  },
+  label: {
+    color: e.darkGrey,
+    textAlign: "left",
+    padding: " 0 0.75rem"
+  },
+  textfieldWrapper: {
+    padding: "0.5rem",
+    "& > div": {
+      width: "100%",
+      borderRadius: "4px"
+    }
+  },
+  textfield: {
+    "& .MuiInputBase-root": {
+      paddingLeft: 0,
+      paddingRight: 0,
+      "& input": {
+        textAlign: "right",
+        padding: "0.75rem"
+      },
+      "& fieldset": {
+        border: "none"
+      },
+      "&.Mui-focused": {
+        background: e.lightGrey,
+        "& .MuiSelect-select > span::before": {
+          color: "rgba(153, 153, 153, 0.6)"
+        },
+        "& input::placeholder": {
+          color: e.grey
+        }
+      }
+    },
+    "& .MuiSelect-select": {
+      padding: "0.75rem",
+      position: "relative",
+      "& > span::before": {
+        position: "absolute",
+        right: "2rem"
+      }
+    }
+  },
+  selectDropdown: {
+    boxShadow: "0px 2px 8px 0px rgba(0,0,0,0.8)",
+    border: "2px solid #E9F0F0",
+    borderRadius: "4px"
+  },
+  tooltipPopper: {
+    zIndex: 1
+  },
+  tooltip: {
+    "& .MuiTypography-root": {
+      display: "flex",
+      gap: "0.25rem",
+      alignItems: "center"
+    }
+  },
+  errorIcon: {
+    fontSize: "0.75rem",
+    color: e.redLight
   }
 };
 export {
-  e as default
+  r as default
 };