@monolith-forensics/monolith-ui 1.2.9 → 1.2.91

package/dist/FormSection/FormSection.d.ts

@@ -4,6 +4,7 @@ interface FormSectionProps {
     className?: string;
     title?: string;
     defaultOpen?: boolean;
+    allowCollapse?: boolean;
 }
-declare const FormSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<FormSectionProps, never>> & string & Omit<({ className, title, children, defaultOpen }: FormSectionProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+declare const FormSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<FormSectionProps, never>> & string & Omit<({ className, title, children, defaultOpen, allowCollapse }: FormSectionProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
 export default FormSection;

package/dist/FormSection/FormSection.js

@@ -2,9 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronDownIcon } from "lucide-react";
 import { useState } from "react";
 import styled from "styled-components";
-const FormSection = styled(({ className, title, children, defaultOpen = true }) => {
+const FormSection = styled(({ className, title, children, defaultOpen = true, allowCollapse = true }) => {
     const [open, setOpen] = useState(defaultOpen);
-    return (_jsxs("div", { className: className, children: [_jsxs("div", { className: "section-header", onClick: (e) => setOpen((prev) => !prev), children: [_jsx("h3", { children: title }), _jsx("div", { className: "section-line" }), _jsx(ChevronDownIcon, { size: 18, className: open ? "open" : "" })] }), _jsx("div", { className: "section-content", "data-open": open, children: children })] }));
+    return (_jsxs("div", { className: className, children: [_jsxs("div", { className: "section-header", onClick: (e) => {
+                    if (allowCollapse) {
+                        setOpen(!open);
+                    }
+                }, children: [_jsx("h3", { children: title }), _jsx("div", { className: "section-line" }), !!allowCollapse ? _jsx(ChevronDownIcon, { size: 18, className: open ? "open" : "" }) : ""] }), _jsx("div", { className: "section-content", "data-open": open, children: children })] }));
 }) `
   h3 {
     margin: 0;

package/dist/Typography/Typography.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+type TypographyVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitle1" | "subtitle2" | "body1" | "body2" | "button" | "caption" | "overline";
+type TypographyAlign = "inherit" | "left" | "center" | "right" | "justify";
+type TypographyDisplay = "initial" | "block" | "inline" | "inline-block" | "none";
+interface TypographyProps extends React.HTMLAttributes<HTMLElement> {
+    variant?: TypographyVariant;
+    component?: React.ElementType;
+    align?: TypographyAlign;
+    color?: string;
+    display?: TypographyDisplay;
+    noWrap?: boolean;
+    gutterBottom?: boolean;
+    paragraph?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
+export default Typography;
+export type { TypographyProps, TypographyVariant, TypographyAlign, TypographyDisplay, };

package/dist/Typography/Typography.js

@@ -0,0 +1,122 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled, { css } from "styled-components";
+import React from "react";
+const variantStyles = {
+    h1: css `
+    font-size: 2.5rem;
+    font-weight: 700;
+    line-height: 1.2;
+    margin-bottom: 0.25em;
+  `,
+    h2: css `
+    font-size: 2rem;
+    font-weight: 700;
+    line-height: 1.3;
+    margin-bottom: 0.25em;
+
+  `,
+    h3: css `
+    font-size: 1.5rem;
+    font-weight: 600;
+    line-height: 1.25;
+    margin-bottom: 0.25em;
+  `,
+    h4: css `
+    font-size: 1.35rem;
+    font-weight: 600;
+    line-height: 1.4;
+    margin-bottom: 0.25em;
+  `,
+    h5: css `
+    font-size: 1.25rem;
+    font-weight: 600;
+    line-height: 1.4;
+    margin-bottom: 0.25em;
+  `,
+    h6: css `
+    font-size: 1.1rem;
+    font-weight: 600;
+    line-height: 1.4;
+    margin-bottom: 0.25em;
+  `,
+    subtitle1: css `
+    font-size: 1rem;
+    font-weight: 400;
+    line-height: 1.5;
+    letter-spacing: 0.00938em;
+  `,
+    subtitle2: css `
+    font-size: 0.875rem;
+    font-weight: 500;
+    line-height: 1.57;
+    letter-spacing: 0.00714em;
+  `,
+    body1: css `
+    font-size: 1rem;
+    font-weight: 400;
+    line-height: 1.5;
+    letter-spacing: 0.00938em;
+  `,
+    body2: css `
+    font-size: 0.875rem;
+    font-weight: 400;
+    line-height: 1.43;
+    letter-spacing: 0.01071em;
+  `,
+    button: css `
+    font-size: 0.875rem;
+    font-weight: 500;
+    line-height: 1.75;
+    letter-spacing: 0.02857em;
+    text-transform: uppercase;
+  `,
+    caption: css `
+    font-size: 0.75rem;
+    font-weight: 400;
+    line-height: 1.66;
+    letter-spacing: 0.03333em;
+  `,
+    overline: css `
+    font-size: 0.75rem;
+    font-weight: 400;
+    line-height: 2.66;
+    letter-spacing: 0.08333em;
+    text-transform: uppercase;
+  `,
+};
+const baseStyles = css `
+  margin: 0;
+  ${({ variant = "body1" }) => variantStyles[variant]}
+  ${({ color }) => color && `color: ${color};`}
+  ${({ align }) => align && `text-align: ${align};`}
+  ${({ display }) => display && `display: ${display};`}
+  ${({ noWrap }) => noWrap &&
+    css `
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    `}
+  ${({ gutterBottom }) => gutterBottom && "margin-bottom: 0.35em;"}
+  ${({ paragraph }) => paragraph && "margin-bottom: 16px;"}
+`;
+const StyledTypography = styled.div `
+  ${baseStyles}
+`;
+const Typography = React.forwardRef((_a, ref) => {
+    var { variant = "body1", component, children, style } = _a, props = __rest(_a, ["variant", "component", "children", "style"]);
+    const Component = component || (variant.startsWith("h") ? variant : "p");
+    return (_jsx(StyledTypography, Object.assign({ as: Component, ref: ref, variant: variant, style: style }, props, { children: children })));
+});
+Typography.displayName = "Typography";
+export default Typography;

package/dist/Typography/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Typography";

package/dist/Typography/index.js

@@ -0,0 +1 @@
+export { default } from "./Typography";

package/dist/index.d.ts

@@ -24,6 +24,7 @@ export { default as Input } from "./Input";
 export { default as Tooltip } from "./Tooltip";
 export { default as Pill } from "./Pill";
 export { default as Calendar } from "./Calendar";
+export { default as Typography } from "./Typography";
 export { default as MonolithUIProvider } from "./MonolithUIProvider";
 export { useMonolithUITheme } from "./MonolithUIProvider";
 export { default as RichTextEditor, Extensions, SlashCommands, Controls, } from "./RichTextEditor";

package/dist/index.js

@@ -20,6 +20,7 @@ export { default as Input } from "./Input";
 export { default as Tooltip } from "./Tooltip";
 export { default as Pill } from "./Pill";
 export { default as Calendar } from "./Calendar";
+export { default as Typography } from "./Typography";
 export { default as MonolithUIProvider } from "./MonolithUIProvider";
 export { useMonolithUITheme } from "./MonolithUIProvider";
 export { default as RichTextEditor, Extensions, SlashCommands, Controls, } from "./RichTextEditor";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monolith-forensics/monolith-ui",
-  "version": "1.2.9",
+  "version": "1.2.91",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Matt Danner (Monolith Forensics LLC)",
@@ -71,5 +71,6 @@
     "@types/react-window": "^1.8.8",
     "@types/spark-md5": "^3.0.4",
     "typescript": "^5.5.4"
-  }
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }