@monolith-forensics/monolith-ui 1.0.12 → 1.1.0

package/dist/TextArea/TextArea.js

@@ -0,0 +1,80 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const styled_components_1 = __importDefault(require("styled-components"));
+const react_textarea_autosize_1 = __importDefault(require("react-textarea-autosize"));
+const TextArea = (0, styled_components_1.default)(react_textarea_autosize_1.default) `
+  outline: none;
+  resize: none;
+  padding: 10px;
+  width: 100%;
+  height: 100%;
+
+  font-family: ${({ theme }) => theme.typography.fontFamily};
+  color: ${(props) => props.theme.palette.text.primary};
+  font-size: ${({ size }) => size === "xs"
+    ? "11px"
+    : size === "sm"
+        ? "13px"
+        : size === "md"
+            ? "15px"
+            : size === "lg"
+                ? "17px"
+                : size === "xl"
+                    ? "19px"
+                    : "11px"};
+
+  background-color: ${({ theme, variant }) => {
+    switch (variant) {
+        case "contained":
+            return theme.palette.input.background;
+        case "filled":
+            return theme.palette.input.background;
+        case "outlined":
+            return theme.palette.input.background;
+        case "text":
+            return "transparent";
+        default:
+            return theme.palette.input.background;
+    }
+}};
+
+  border-radius: 4px;
+  transition: border 0.1s ease-in-out;
+  border: 1px solid
+    ${({ theme, variant }) => {
+    switch (variant) {
+        case "contained":
+            return "transparent";
+        case "filled":
+            return "transparent";
+        case "outlined":
+            return theme.palette.input.border;
+        case "text":
+            return "transparent";
+        default:
+            return theme.palette.input.border;
+    }
+}};
+
+  &:focus {
+    border: 1px solid ${(props) => props.theme.palette.primary.main};
+  }
+
+  ::placeholder {
+    font-size: ${({ size }) => size === "xs"
+    ? "10px"
+    : size === "sm"
+        ? "12px"
+        : size === "md"
+            ? "14px"
+            : size === "lg"
+                ? "16px"
+                : size === "xl"
+                    ? "18px"
+                    : "10px"};
+  }
+`;
+exports.default = TextArea;

package/dist/TextArea/index.d.ts

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

package/dist/TextArea/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var TextArea_1 = require("./TextArea");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(TextArea_1).default; } });

package/dist/TextAreaInput/TextAreaInput.d.ts

@@ -0,0 +1,12 @@
+import { Size } from "../core";
+interface TextAreaInputProps {
+    label?: string;
+    error?: string;
+    required?: boolean;
+    colSpan?: number;
+    size?: Size;
+    description?: string;
+    inputRef?: React.RefObject<HTMLTextAreaElement> | null;
+}
+declare const TextAreaInput: ({ label, error, required, colSpan, size, description, inputRef, ...other }: TextAreaInputProps) => import("react/jsx-runtime").JSX.Element;
+export default TextAreaInput;

package/dist/TextAreaInput/TextAreaInput.js

@@ -0,0 +1,23 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const __1 = require("..");
+const TextAreaInput = (_a) => {
+    var { label, error, required, colSpan = 1, size = "sm", description, inputRef = null } = _a, other = __rest(_a, ["label", "error", "required", "colSpan", "size", "description", "inputRef"]);
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            gridColumn: `span ${colSpan}`,
+            height: "fit-content",
+        }, children: [label && ((0, jsx_runtime_1.jsx)(__1.FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), (0, jsx_runtime_1.jsx)(__1.TextArea, Object.assign({ ref: inputRef, size: size }, other))] }));
+};
+exports.default = TextAreaInput;

package/dist/TextAreaInput/index.d.ts

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

package/dist/TextAreaInput/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var TextAreaInput_1 = require("./TextAreaInput");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(TextAreaInput_1).default; } });

package/dist/TextInput/TextInput.d.ts

@@ -0,0 +1,12 @@
+import { InputProps } from "../Input/Input";
+import { Size } from "../core";
+interface TextInputProps extends InputProps {
+    label?: string;
+    error?: string;
+    required?: boolean;
+    size?: Size;
+    colSpan?: number;
+    description?: string;
+}
+declare const TextInput: React.FC<TextInputProps>;
+export default TextInput;

package/dist/TextInput/TextInput.js

@@ -0,0 +1,30 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const __1 = require("..");
+const Input_1 = __importDefault(require("../Input/Input"));
+const TextInput = (_a) => {
+    var { label, error, required, colSpan = 1, description, size } = _a, rest = __rest(_a, ["label", "error", "required", "colSpan", "description", "size"]);
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            gridColumn: `span ${colSpan}`,
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "space-between",
+            width: "100%",
+        }, children: [label && ((0, jsx_runtime_1.jsx)(__1.FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), (0, jsx_runtime_1.jsx)(Input_1.default, Object.assign({ size: size }, rest))] }));
+};
+exports.default = TextInput;

package/dist/TextInput/index.d.ts

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

package/dist/TextInput/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var TextInput_1 = require("./TextInput");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(TextInput_1).default; } });

package/dist/Tooltip/Tooltip.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+interface TooltipProps {
+    className?: string;
+    children?: ReactNode;
+    content?: ReactNode;
+    side?: "top" | "right" | "bottom" | "left";
+    sideOffset?: number;
+    align?: "start" | "center" | "end";
+    delayDuration?: number;
+}
+declare const Tooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<TooltipProps, never>> & string & Omit<({ className, children, content, side, sideOffset, align, delayDuration, }: TooltipProps) => string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined, keyof import("react").Component<any, {}, any>>;
+export default Tooltip;

package/dist/Tooltip/Tooltip.js

@@ -0,0 +1,53 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = __importDefault(require("styled-components"));
+const RadixTooltip = __importStar(require("@radix-ui/react-tooltip"));
+const Tooltip = (0, styled_components_1.default)(({ className, children, content, side = "right", sideOffset = 15, align = "start", delayDuration = 800, }) => {
+    if (!content)
+        return children;
+    return ((0, jsx_runtime_1.jsx)(RadixTooltip.Provider, { delayDuration: delayDuration || 800, skipDelayDuration: 0, disableHoverableContent: true, children: (0, jsx_runtime_1.jsxs)(RadixTooltip.Root, { children: [(0, jsx_runtime_1.jsx)(RadixTooltip.Trigger, { asChild: true, children: children }), (0, jsx_runtime_1.jsx)(RadixTooltip.Portal, { children: (0, jsx_runtime_1.jsx)(RadixTooltip.Content, { className: className, side: side || "right", sideOffset: sideOffset || 15, align: align || "start", onClick: (e) => e.stopPropagation(), children: content }) })] }) }));
+}) `
+  pointer-events: none;
+  z-index: 999999;
+  background-color: ${({ theme }) => theme.palette.background.default};
+  padding: 15px;
+  border-radius: 5px;
+  border: 1px solid ${({ theme }) => theme.palette.divider};
+  font-size: 0.75rem;
+
+  white-space: pre-wrap;
+
+  .title {
+    font-size: 0.85rem;
+    font-weight: 600;
+    margin-bottom: 5px;
+  }
+`;
+exports.default = Tooltip;

package/dist/Tooltip/index.d.ts

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

package/dist/Tooltip/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Tooltip_1 = require("./Tooltip");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Tooltip_1).default; } });

package/dist/core/ArrowButton.d.ts

@@ -0,0 +1,6 @@
+interface ArrowButtonProps {
+    className?: string;
+    [key: string]: React.ButtonHTMLAttributes<HTMLButtonElement> | any;
+}
+declare const ArrowButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<ArrowButtonProps, never>> & string & Omit<({ className, ...props }: ArrowButtonProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+export default ArrowButton;

package/dist/core/ArrowButton.js

@@ -0,0 +1,48 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const styled_components_1 = __importDefault(require("styled-components"));
+const ArrowIcon = (0, styled_components_1.default)((_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: className }, props, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDownIcon, { size: 16 }) })));
+}) `
+  color: ${(props) => props.theme.palette.text.secondary};
+  transition: transform 0.2s ease-in-out;
+  transform: rotate(0deg);
+  will-change: transform;
+
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`;
+const ArrowButton = (0, styled_components_1.default)((_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("button", Object.assign({ className: className }, props, { tabIndex: -1, "data-default-btn": true, children: (0, jsx_runtime_1.jsx)(ArrowIcon, {}) })));
+}) `
+  position: absolute;
+  right: 0;
+  height: 100%;
+  padding-inline: 10px;
+  background: none;
+  border: none;
+  cursor: pointer;
+  margin: 0;
+  outline: none;
+`;
+exports.default = ArrowButton;

package/dist/core/ClearButton.d.ts

@@ -0,0 +1,6 @@
+interface ClearButtonProps {
+    className?: string;
+    [key: string]: React.ButtonHTMLAttributes<HTMLButtonElement> | any;
+}
+declare const ClearButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<ClearButtonProps, never>> & string & Omit<({ className, ...props }: ClearButtonProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+export default ClearButton;

package/dist/core/ClearButton.js

@@ -0,0 +1,48 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const styled_components_1 = __importDefault(require("styled-components"));
+const ClearIcon = (0, styled_components_1.default)((_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: className }, props, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { size: 16 }) })));
+}) `
+  color: ${(props) => props.theme.palette.text.secondary};
+  transition: transform 0.2s ease-in-out;
+  transform: rotate(0deg);
+  will-change: transform;
+
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`;
+const ClearButton = (0, styled_components_1.default)((_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("button", Object.assign({ className: className }, props, { tabIndex: -1, "data-default-btn": true, children: (0, jsx_runtime_1.jsx)(ClearIcon, {}) })));
+}) `
+  position: absolute;
+  right: 0;
+  height: 100%;
+  padding-inline: 10px;
+  background: none;
+  border: none;
+  cursor: pointer;
+  margin: 0;
+  outline: none;
+`;
+exports.default = ClearButton;

package/dist/core/StyledContent.d.ts

@@ -0,0 +1,7 @@
+import Variant from "./Types/Variant";
+interface StyledContentProps {
+    maxDropdownHeight?: number | string;
+    variant?: Variant;
+}
+declare const StyledContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledContentProps>> & string;
+export default StyledContent;

package/dist/core/StyledContent.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const styled_components_1 = __importDefault(require("styled-components"));
+const StyledContent = styled_components_1.default.div `
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  overflow-y: hidden;
+  overflow-x: hidden;
+
+  max-height: ${({ maxDropdownHeight }) => Number.isInteger(maxDropdownHeight)
+    ? `${maxDropdownHeight}px`
+    : maxDropdownHeight || "250px"};
+
+  background-color: ${({ theme, variant }) => {
+    switch (variant) {
+        case "filled":
+            return theme.palette.input.background;
+        case "outlined":
+            return theme.palette.input.background;
+        case "text":
+            return "transparent";
+        default:
+            return theme.palette.input.background;
+    }
+}};
+
+  border-radius: 5px;
+  border: 1px solid ${(props) => props.theme.palette.divider};
+  padding: 5px;
+  animation-duration: 400ms;
+  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+  will-change: transform, opacity;
+
+  &[data-empty="true"] {
+    display: none;
+  }
+
+  &[data-scroll-active="true"] {
+    padding-right: 5px;
+  }
+`;
+exports.default = StyledContent;

package/dist/core/StyledFloatContainer.d.ts

@@ -0,0 +1,2 @@
+declare const StyledFloatContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export default StyledFloatContainer;

package/dist/core/StyledFloatContainer.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const styled_components_1 = __importDefault(require("styled-components"));
+const StyledFloatContainer = styled_components_1.default.div `
+  z-index: 100001;
+`;
+exports.default = StyledFloatContainer;

package/dist/core/Types/Size.d.ts

@@ -0,0 +1,2 @@
+type Size = "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
+export default Size;

package/dist/core/Types/Size.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/core/Types/Variant.d.ts

@@ -0,0 +1,2 @@
+type Variant = "default" | "contained" | "filled" | "light" | "outlined" | "text" | "subtle";
+export default Variant;

package/dist/core/Types/Variant.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/core/index.d.ts

@@ -0,0 +1,6 @@
+export { default as StyledContent } from "./StyledContent";
+export { default as StyledFloatContainer } from "./StyledFloatContainer";
+export { default as ArrowButton } from "./ArrowButton";
+export { default as ClearButton } from "./ClearButton";
+export type { default as Size } from "./Types/Size";
+export type { default as Variant } from "./Types/Variant";

package/dist/core/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClearButton = exports.ArrowButton = exports.StyledFloatContainer = exports.StyledContent = void 0;
+var StyledContent_1 = require("./StyledContent");
+Object.defineProperty(exports, "StyledContent", { enumerable: true, get: function () { return __importDefault(StyledContent_1).default; } });
+var StyledFloatContainer_1 = require("./StyledFloatContainer");
+Object.defineProperty(exports, "StyledFloatContainer", { enumerable: true, get: function () { return __importDefault(StyledFloatContainer_1).default; } });
+var ArrowButton_1 = require("./ArrowButton");
+Object.defineProperty(exports, "ArrowButton", { enumerable: true, get: function () { return __importDefault(ArrowButton_1).default; } });
+var ClearButton_1 = require("./ClearButton");
+Object.defineProperty(exports, "ClearButton", { enumerable: true, get: function () { return __importDefault(ClearButton_1).default; } });

package/dist/index.d.ts

@@ -0,0 +1,22 @@
+export { default as FormSection } from "./FormSection";
+export { default as Grid } from "./Grid";
+export { default as TextInput } from "./TextInput";
+export { default as SelectBox } from "./SelectBox";
+export { default as Button } from "./Button";
+export { default as IconButton } from "./IconButton";
+export { default as DropDownMenu } from "./DropDownMenu";
+export { default as DateInput } from "./DateInput";
+export { default as TextArea } from "./TextArea";
+export { default as TextAreaInput } from "./TextAreaInput";
+export { default as TagBox } from "./TagBox";
+export { default as FieldLabel } from "./FieldLabel";
+export { default as Modal } from "./Modal";
+export { default as Flyout } from "./Flyout";
+export { FlyoutHeader, FlyoutTitle } from "./Flyout";
+export { default as FileInputField } from "./FileInputField";
+export { default as Switch } from "./Switch";
+export { default as CheckBox } from "./CheckBox";
+export { default as Input } from "./Input";
+export { default as Tooltip } from "./Tooltip";
+export { default as Pill } from "./Pill";
+export { default as Calendar } from "./Calendar";

package/dist/index.js

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Calendar = exports.Pill = exports.Tooltip = exports.Input = exports.CheckBox = exports.Switch = exports.FileInputField = exports.FlyoutTitle = exports.FlyoutHeader = exports.Flyout = exports.Modal = exports.FieldLabel = exports.TagBox = exports.TextAreaInput = exports.TextArea = exports.DateInput = exports.DropDownMenu = exports.IconButton = exports.Button = exports.SelectBox = exports.TextInput = exports.Grid = exports.FormSection = void 0;
+var FormSection_1 = require("./FormSection");
+Object.defineProperty(exports, "FormSection", { enumerable: true, get: function () { return __importDefault(FormSection_1).default; } });
+var Grid_1 = require("./Grid");
+Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return __importDefault(Grid_1).default; } });
+var TextInput_1 = require("./TextInput");
+Object.defineProperty(exports, "TextInput", { enumerable: true, get: function () { return __importDefault(TextInput_1).default; } });
+var SelectBox_1 = require("./SelectBox");
+Object.defineProperty(exports, "SelectBox", { enumerable: true, get: function () { return __importDefault(SelectBox_1).default; } });
+var Button_1 = require("./Button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
+var IconButton_1 = require("./IconButton");
+Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return __importDefault(IconButton_1).default; } });
+var DropDownMenu_1 = require("./DropDownMenu");
+Object.defineProperty(exports, "DropDownMenu", { enumerable: true, get: function () { return __importDefault(DropDownMenu_1).default; } });
+var DateInput_1 = require("./DateInput");
+Object.defineProperty(exports, "DateInput", { enumerable: true, get: function () { return __importDefault(DateInput_1).default; } });
+var TextArea_1 = require("./TextArea");
+Object.defineProperty(exports, "TextArea", { enumerable: true, get: function () { return __importDefault(TextArea_1).default; } });
+var TextAreaInput_1 = require("./TextAreaInput");
+Object.defineProperty(exports, "TextAreaInput", { enumerable: true, get: function () { return __importDefault(TextAreaInput_1).default; } });
+var TagBox_1 = require("./TagBox");
+Object.defineProperty(exports, "TagBox", { enumerable: true, get: function () { return __importDefault(TagBox_1).default; } });
+var FieldLabel_1 = require("./FieldLabel");
+Object.defineProperty(exports, "FieldLabel", { enumerable: true, get: function () { return __importDefault(FieldLabel_1).default; } });
+var Modal_1 = require("./Modal");
+Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return __importDefault(Modal_1).default; } });
+var Flyout_1 = require("./Flyout");
+Object.defineProperty(exports, "Flyout", { enumerable: true, get: function () { return __importDefault(Flyout_1).default; } });
+var Flyout_2 = require("./Flyout");
+Object.defineProperty(exports, "FlyoutHeader", { enumerable: true, get: function () { return Flyout_2.FlyoutHeader; } });
+Object.defineProperty(exports, "FlyoutTitle", { enumerable: true, get: function () { return Flyout_2.FlyoutTitle; } });
+var FileInputField_1 = require("./FileInputField");
+Object.defineProperty(exports, "FileInputField", { enumerable: true, get: function () { return __importDefault(FileInputField_1).default; } });
+var Switch_1 = require("./Switch");
+Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return __importDefault(Switch_1).default; } });
+var CheckBox_1 = require("./CheckBox");
+Object.defineProperty(exports, "CheckBox", { enumerable: true, get: function () { return __importDefault(CheckBox_1).default; } });
+var Input_1 = require("./Input");
+Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return __importDefault(Input_1).default; } });
+var Tooltip_1 = require("./Tooltip");
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return __importDefault(Tooltip_1).default; } });
+var Pill_1 = require("./Pill");
+Object.defineProperty(exports, "Pill", { enumerable: true, get: function () { return __importDefault(Pill_1).default; } });
+var Calendar_1 = require("./Calendar");
+Object.defineProperty(exports, "Calendar", { enumerable: true, get: function () { return __importDefault(Calendar_1).default; } });

package/index.ts

@@ -0,0 +1,22 @@
+export { default as FormSection } from "./FormSection";
+export { default as Grid } from "./Grid";
+export { default as TextInput } from "./TextInput";
+export { default as SelectBox } from "./SelectBox";
+export { default as Button } from "./Button";
+export { default as IconButton } from "./IconButton";
+export { default as DropDownMenu } from "./DropDownMenu";
+export { default as DateInput } from "./DateInput";
+export { default as TextArea } from "./TextArea";
+export { default as TextAreaInput } from "./TextAreaInput";
+export { default as TagBox } from "./TagBox";
+export { default as FieldLabel } from "./FieldLabel";
+export { default as Modal } from "./Modal";
+export { default as Flyout } from "./Flyout";
+export { FlyoutHeader, FlyoutTitle } from "./Flyout";
+export { default as FileInputField } from "./FileInputField";
+export { default as Switch } from "./Switch";
+export { default as CheckBox } from "./CheckBox";
+export { default as Input } from "./Input";
+export { default as Tooltip } from "./Tooltip";
+export { default as Pill } from "./Pill";
+export { default as Calendar } from "./Calendar";