@factorearth/component-library 5.2.4-alpha.0 → 5.3.0

package/dist/Organisms/Card/Card.js

@@ -1,41 +1,41 @@
 import React, { forwardRef } from "react";
 import styled from "@emotion/styled";
-const CardContainer = styled.div `
-	padding: 24px;
-	border-width: 0.5px;
-	border-style: solid;
-	border-color: ${({ colorPalette }) => colorPalette.border.primary};
-	border-right: none;
-	border-left: none;
+const CardContainer = styled.div `
+	padding: 24px;
+	border-width: 0.5px;
+	border-style: solid;
+	border-color: ${({ colorPalette }) => colorPalette.border.primary};
+	border-right: none;
+	border-left: none;
 `;
-const FieldsXThumbnailSection = styled.section `
-	display: flex;
-	justify-content: space-between;
-	flex-direction: row-reverse;
-	@media (max-width: 600px) {
-		flex-direction: column;
-		align-items: flex-end;
-	}
-
-	:has(div > div > button[aria-label="show-image"]) {
-		flex-direction: column;
-	}
+const FieldsXThumbnailSection = styled.section `
+	display: flex;
+	justify-content: space-between;
+	flex-direction: row-reverse;
+	@media (max-width: 600px) {
+		flex-direction: column;
+		align-items: flex-end;
+	}
+
+	:has(div > div > button[aria-label="show-image"]) {
+		flex-direction: column;
+	}
 `;
-const ThumbnailSectionFields = styled.section `
-	padding: 16px 24px 0px 0px;
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	width: 100%;
-	@media (max-width: 600px) {
-		padding: 16px 0px 0px 24px;
-	}
+const ThumbnailSectionFields = styled.section `
+	padding: 16px 24px 0px 0px;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	width: 100%;
+	@media (max-width: 600px) {
+		padding: 16px 0px 0px 24px;
+	}
 `;
-const ButtonContainer = styled.div `
-	display: flex;
-	justify-content: flex-end;
-	gap: 24px;
-	padding-top: 24px;
+const ButtonContainer = styled.div `
+	display: flex;
+	justify-content: flex-end;
+	gap: 24px;
+	padding-top: 24px;
 `;
 export const Card = forwardRef((props, ref) => {
     const { colorPalette, thumbnail, thumbnailSectionFields, remainingFields, buttons, } = props;

package/dist/Organisms/EditUserPerms/EditUserPerms.js

@@ -6,82 +6,82 @@ import Badge from "../../Atoms/Badge/Badge";
 import { DropdownSelect } from "../../Atoms/DropdownField/DropdownField";
 import { FieldWrapper } from "../../Atoms/FieldWrapper/FieldWrapper";
 import { TextFieldWrapper } from "../../Atoms/TextField/TextField";
-const Container = styled.div `
-	display: flex;
-	padding: 16px 24px;
-	flex-direction: column;
-	align-items: flex-start;
-	gap: 8px;
-	align-self: stretch;
-	border-radius: var(--Border-Radius-border-radius-md, 8px);
-	border: 0.5px solid var(--colors-border-secondary, #DCDEE0);
-	background: ${({ colorPalette }) => colorPalette.background.primary};
+const Container = styled.div `
+	display: flex;
+	padding: 16px 24px;
+	flex-direction: column;
+	align-items: flex-start;
+	gap: 8px;
+	align-self: stretch;
+	border-radius: var(--Border-Radius-border-radius-md, 8px);
+	border: 0.5px solid var(--colors-border-secondary, #DCDEE0);
+	background: ${({ colorPalette }) => colorPalette.background.primary};
 `;
-const Created = styled.div `
-	display: flex;
-	padding: 0px 8px;
-	gap: 8px;
-	width: 100%;
+const Created = styled.div `
+	display: flex;
+	padding: 0px 8px;
+	gap: 8px;
+	width: 100%;
 `;
-const BadgeContainer = styled.div `
-	padding-top: 2px;
+const BadgeContainer = styled.div `
+	padding-top: 2px;
 `;
-const CreatedText = styled.p `
-	margin: 0px;
-	padding-top: 8px;
-	color: ${({ colorPalette }) => colorPalette.text.primary}
+const CreatedText = styled.p `
+	margin: 0px;
+	padding-top: 8px;
+	color: ${({ colorPalette }) => colorPalette.text.primary}
 `;
-const DropdownContainer = styled.div `
-	width: 100%;
-	display: flex;
-	padding: 0px 8px 8px 8px;
-	flex-direction: column;
+const DropdownContainer = styled.div `
+	width: 100%;
+	display: flex;
+	padding: 0px 8px 8px 8px;
+	flex-direction: column;
 `;
-const RoleDescriptionContainer = styled.div `
-	display: flex;
-	flex-direction: column
+const RoleDescriptionContainer = styled.div `
+	display: flex;
+	flex-direction: column
 `;
-const RoleDescriptionParagraph = styled.p `
-	font-size: 14px;
-	font-style: italic;
-	font-weight: 400;
-	line-height: 20px;
-	margin: 0px;
-	color: ${({ colorPalette }) => colorPalette.text.primary}
+const RoleDescriptionParagraph = styled.p `
+	font-size: 14px;
+	font-style: italic;
+	font-weight: 400;
+	line-height: 20px;
+	margin: 0px;
+	color: ${({ colorPalette }) => colorPalette.text.primary}
 `;
-const RoleNameParagraph = styled.h2 `
-	font-size: 14px;
-	font-style: italic;
-	font-weight: 700;
-	line-height: 20px;
-	margin: 0px;
-	color: ${({ colorPalette }) => colorPalette.text.primary}
+const RoleNameParagraph = styled.h2 `
+	font-size: 14px;
+	font-style: italic;
+	font-weight: 700;
+	line-height: 20px;
+	margin: 0px;
+	color: ${({ colorPalette }) => colorPalette.text.primary}
 `;
-const EmailWrapper = styled.div `
-	width: 100%;
-	min-width: 60px;
-	min-height: 30px;
-	height: 38px;
-	border-radius: 4px;
-	border-width: 1px;
-	border-style: solid;
-	border-color: ${({ colorPalette }) => colorPalette.background.disabledInput};
-	background-color: ${({ colorPalette }) => colorPalette.background.disabledInput};
+const EmailWrapper = styled.div `
+	width: 100%;
+	min-width: 60px;
+	min-height: 30px;
+	height: 38px;
+	border-radius: 4px;
+	border-width: 1px;
+	border-style: solid;
+	border-color: ${({ colorPalette }) => colorPalette.background.disabledInput};
+	background-color: ${({ colorPalette }) => colorPalette.background.disabledInput};
 `;
-const PseudoInput = styled.div `
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 16px;
-	font-weight: 600;
-	font-size: 16px;
-	display: flex;
-	padding: 3px 12px 3px 16px;
-	cursor: default;
-	color: ${({ colorPalette }) => colorPalette.text.primary};
-	::placeholder {
-		font-weight: 500;
-	}
+const PseudoInput = styled.div `
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: 16px;
+	font-weight: 600;
+	font-size: 16px;
+	display: flex;
+	padding: 3px 12px 3px 16px;
+	cursor: default;
+	color: ${({ colorPalette }) => colorPalette.text.primary};
+	::placeholder {
+		font-weight: 500;
+	}
 `;
 export function EditUserPerms(props) {
     const { user, handleChange, roles, theme } = props;

package/dist/Organisms/ErrorSplash/ErrorSplash.js

@@ -3,44 +3,44 @@ import styled from "@emotion/styled";
 import { FiRefreshCw } from "react-icons/fi";
 import { Button } from "../../Atoms/Buttons/Button";
 import { Typography } from "../../Atoms/Typography/Typography";
-const ErrorSplashContainer = styled.div `
-	background-color: ${({ colorPalette }) => colorPalette.background.primary};
-	display: flex;
-	flex-direction: column;
-	align-self: stretch;
-	flex-grow: 1;
+const ErrorSplashContainer = styled.div `
+	background-color: ${({ colorPalette }) => colorPalette.background.primary};
+	display: flex;
+	flex-direction: column;
+	align-self: stretch;
+	flex-grow: 1;
 `;
-const HeaderDiv = styled.div `
-	padding: 24px;
-	flex-direction: column;
-	align-items: center;
-	gap: 16px;
-	align-self: stretch;
-	color: ${({ colorPalette }) => colorPalette.text.primary};
-	border-width: 0 0 1px 0;
-	border-style: solid;
-	text-align: center;
-	border-color: ${({ colorPalette }) => colorPalette.background.secondary};
+const HeaderDiv = styled.div `
+	padding: 24px;
+	flex-direction: column;
+	align-items: center;
+	gap: 16px;
+	align-self: stretch;
+	color: ${({ colorPalette }) => colorPalette.text.primary};
+	border-width: 0 0 1px 0;
+	border-style: solid;
+	text-align: center;
+	border-color: ${({ colorPalette }) => colorPalette.background.secondary};
 `;
-const DescriptionDiv = styled.div `
-	margin-top: 24px;
-	text-align: center;
+const DescriptionDiv = styled.div `
+	margin-top: 24px;
+	text-align: center;
 `;
-const BackgroundDiv = styled.div `
-	display: flex;
-	height: 245px;
-	justify-content: center;
-	align-items: center;
-	align-content: center;
-	gap: 16px;
-	flex-shrink: 0;
-	align-self: stretch;
-	flex-wrap: wrap;
-	flex-grow: 1;
-	background-image: ${({ backgroundImage }) => `url(${backgroundImage})`};
-	backgroundSize: cover;
-	backgroundRepeat: no-repeat;
-	overflowY: auto;
+const BackgroundDiv = styled.div `
+	display: flex;
+	height: 245px;
+	justify-content: center;
+	align-items: center;
+	align-content: center;
+	gap: 16px;
+	flex-shrink: 0;
+	align-self: stretch;
+	flex-wrap: wrap;
+	flex-grow: 1;
+	background-image: ${({ backgroundImage }) => `url(${backgroundImage})`};
+	backgroundSize: cover;
+	backgroundRepeat: no-repeat;
+	overflowY: auto;
 `;
 // This will replace the ContactContainer when we have the ambassador program set up
 // const AmbassadorContactDiv = styled.div<{ colorPalette: Colors }>`
@@ -53,15 +53,15 @@ const BackgroundDiv = styled.div `
 // 	gap: 16px;
 // 	align-self: stretch;
 // `;
-const ContactContainer = styled.div `
-  background-color: ${({ colors }) => colors.background.tertiary};
-  color: ${({ colors }) => colors.text.primary};
-  display: flex;
-  padding: 24px 16px;
-  flex-direction: column;
-  align-items: center;
-  gap: 16px;
-  align-self: stretch;
+const ContactContainer = styled.div `
+  background-color: ${({ colors }) => colors.background.tertiary};
+  color: ${({ colors }) => colors.text.primary};
+  display: flex;
+  padding: 24px 16px;
+  flex-direction: column;
+  align-items: center;
+  gap: 16px;
+  align-self: stretch;
 `;
 export const ErrorSplash = (props) => {
     const { colorPalette, title, description, image, backgroundImage, errorMessage, refreshOnClick, ...tableHtmlProps } = props;

package/dist/Organisms/Modal/Modal.d.ts

@@ -45,6 +45,10 @@ export declare const ModalInputBox: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ConfirmationInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
 interface ModalProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
     open: boolean;
     children: React.ReactNode;
@@ -72,6 +76,7 @@ interface ConfirmationModalProps extends React.DetailedHTMLProps<React.HTMLAttri
     canMinimize?: boolean;
     minimized?: boolean;
     modal?: boolean;
+    confirmationText?: string;
 }
 export declare const ConfirmationModal: (props: ConfirmationModalProps) => React.JSX.Element;
 export {};

package/dist/Organisms/Modal/Modal.js

@@ -1,90 +1,102 @@
-import React from "react";
+import React, { useState } from "react";
 import * as Dialog from "@radix-ui/react-dialog";
 import styled from "@emotion/styled";
 import { Button } from "../../Atoms/Buttons/Button";
 import { FiX } from "react-icons/fi";
 import { useEffect } from "react";
-export const StyledDialog = styled(Dialog.Overlay) `
-	${({ colorPalette, toast }) => !toast && `background-color: ${colorPalette.background.secondary}`};
-	opacity: 0.8;
-	position: absolute;
-	inset: 0;
-	animation: overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1);
-	z-index: 1000;
+export const StyledDialog = styled(Dialog.Overlay) `
+	${({ colorPalette, toast }) => !toast && `background-color: ${colorPalette.background.secondary}`};
+	opacity: 0.8;
+	position: absolute;
+	inset: 0;
+	animation: overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1);
+	z-index: 1000;
 `;
-export const StyledContent = styled(Dialog.Content) `
+export const StyledContent = styled(Dialog.Content) `
 	${({ colorPalette, toast }) => !toast
     ? `background-color: ${colorPalette.background.primary}; color: ${colorPalette.text.primary};`
-    : `background-color: ${colorPalette.toastBackground[toast]}; color: ${colorPalette.toastText[toast]};`};
-	box-shadow: ${({ colorPalette }) => `${colorPalette.background.secondary} 0px 5px 15px`};
-	${({ toast }) => !toast && `border-radius: 4px;`};
-	position: absolute;
-	top: ${({ toast }) => (toast ? "64px" : "50%")};
-	${({ minimized }) => minimized && "top: 45px"};
-	left: 50%;
-	transform: translate(-50%, -50%);
-	max-height: 85vh;
-	animation: contentShow 150ms cubic-bezier(0.16, 1, 0.3, 1);
-	z-index: 1000;
-	display: flex;
-	flex-direction: column;
-	min-width: ${({ minimized }) => (minimized ? "100px" : "300px")};
-	${({ toast }) => toast && `width: 100%;`};
-	${({ minimized }) => minimized && "width: 30%"};
-	gap: 16px;
-	:focus {
-		outline: none;
-	}
+    : `background-color: ${colorPalette.toastBackground[toast]}; color: ${colorPalette.toastText[toast]};`};
+	box-shadow: ${({ colorPalette }) => `${colorPalette.background.secondary} 0px 5px 15px`};
+	${({ toast }) => !toast && `border-radius: 4px;`};
+	position: absolute;
+	top: ${({ toast }) => (toast ? "64px" : "50%")};
+	${({ minimized }) => minimized && "top: 45px"};
+	left: 50%;
+	transform: translate(-50%, -50%);
+	max-height: 85vh;
+	animation: contentShow 150ms cubic-bezier(0.16, 1, 0.3, 1);
+	z-index: 1000;
+	display: flex;
+	flex-direction: column;
+	min-width: ${({ minimized }) => (minimized ? "100px" : "300px")};
+	${({ toast }) => toast && `width: 100%;`};
+	${({ minimized }) => minimized && "width: 30%"};
+	gap: 16px;
+	:focus {
+		outline: none;
+	}
 `;
-export const DialogContainer = styled.div `
-	display: flex;
-	padding: 24px 24px 0px 24px;
-	flex-direction: column;
-	align-items: center;
-	gap: 16px;
-	align-self: stretch;
+export const DialogContainer = styled.div `
+	display: flex;
+	padding: 24px 24px 0px 24px;
+	flex-direction: column;
+	align-items: center;
+	gap: 16px;
+	align-self: stretch;
 `;
-export const ModalTitleContainer = styled.div `
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	width: 100%;
+export const ModalTitleContainer = styled.div `
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	width: 100%;
 `;
-export const ModalTitle = styled.div `
-	font-size: ${({ minimized }) => (minimized ? "12px" : "24px")};
-	font-style: normal;
-	font-weight: 600;
-	line-height: 150%;
+export const ModalTitle = styled.div `
+	font-size: ${({ minimized }) => (minimized ? "12px" : "24px")};
+	font-style: normal;
+	font-weight: 600;
+	line-height: 150%;
 `;
-export const ModalHeading = styled.div `
-	font-size: 16px;
-	font-style: normal;
-	font-weight: 700;
-	line-height: 150%;
+export const ModalHeading = styled.div `
+	font-size: 16px;
+	font-style: normal;
+	font-weight: 700;
+	line-height: 150%;
 `;
-export const ModelSubHeading = styled.div `
-	font-size: 16px;
-	font-style: normal;
-	font-weight: 400;
-	line-height: 24px; /* 150% */
-	letter-spacing: 0.16px;
-	width: 100%;
+export const ModelSubHeading = styled.div `
+	font-size: 16px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: 24px; /* 150% */
+	letter-spacing: 0.16px;
+	width: 100%;
+	white-space: pre-line;
 `;
-export const ModalFooter = styled.div `
-	display: flex;
-	padding: 24px 16px;
-	justify-content: center;
-	align-items: center;
-	gap: 16px;
-	align-self: stretch;
+export const ModalFooter = styled.div `
+	display: flex;
+	padding: 24px 16px;
+	justify-content: center;
+	align-items: center;
+	gap: 16px;
+	align-self: stretch;
 `;
-export const ModalInputBox = styled.div `
-	display: flex;
-	width: 322px;
-	flex-direction: column;
-	justify-content: center;
-	align-items: flex-start;
-	gap: 8px;
+export const ModalInputBox = styled.div `
+	display: flex;
+	width: 322px;
+	flex-direction: column;
+	justify-content: center;
+	align-items: flex-start;
+	gap: 8px;
+`;
+export const ConfirmationInput = styled.input `
+	display: flex;
+	width: 275px;							
+	flex-direction: column;
+	align-items: flex-start;
+	gap: 8px;
+	height: 40px;
+	padding: 8px 16px;
+	justify-content: center;
+	flex: 1 0 0;
 `;
 export const Modal = (props) => {
     const { open, children, colorPalette, setOpen, toast, timeout, canMinimize, setMinimized, minimized, modal, ...htmlProps } = props;
@@ -112,15 +124,17 @@ export const Modal = (props) => {
                 }, onPointerDownOutside: () => setOpen(false), onClick: () => canMinimize && setMinimized && setMinimized(!minimized), toast: toast, minimized: minimized }, children))));
 };
 export const ConfirmationModal = (props) => {
-    const { colorPalette, setOpen, confirmTitle, details, handleSubmit, open, toast, canClose, timeout, canMinimize, setMinimized, minimized, modal, ...htmlProps } = props;
+    const { colorPalette, setOpen, confirmTitle, details, handleSubmit, open, toast, canClose, timeout, canMinimize, setMinimized, minimized, modal, confirmationText, ...htmlProps } = props;
+    const [confirmationInputValue, setConfirmationInputValue] = useState("");
     return (React.createElement(Modal, { colorPalette: colorPalette, open: open, setOpen: setOpen, ...htmlProps, toast: toast, timeout: timeout, canMinimize: canMinimize, setMinimized: setMinimized, minimized: minimized, modal: modal },
         React.createElement(DialogContainer, { ...(toast ? { style: { padding: "24px" } } : {}) },
             React.createElement(ModalTitleContainer, null,
                 React.createElement(ModalTitle, { minimized: minimized }, confirmTitle),
                 canClose && React.createElement(FiX, { onClick: () => setOpen(false), size: 24 })),
             React.createElement(ModelSubHeading, null, details),
+            confirmationText && (React.createElement(ConfirmationInput, { type: "text", placeholder: `Type ${confirmationText} to confirm this action...`, value: confirmationInputValue, onChange: (e) => setConfirmationInputValue(e.target.value), "aria-label": `Confirmation input: Type ${confirmationText} to confirm this action` })),
             !toast && (React.createElement(ModalFooter, null,
-                React.createElement(Button, { colorPalette: colorPalette, variant: "filled", label: "Ok", onClick: handleSubmit }),
+                confirmationText ? (React.createElement(Button, { colorPalette: colorPalette, variant: "filled", disabled: confirmationInputValue !== confirmationText, label: "Ok", onClick: handleSubmit })) : (React.createElement(Button, { colorPalette: colorPalette, variant: "filled", label: "Ok", onClick: handleSubmit })),
                 React.createElement(Button, { colorPalette: colorPalette, variant: "destructive", label: "Cancel", onClick: () => setOpen(false) }))))));
 };
 //# sourceMappingURL=Modal.js.map

package/dist/Organisms/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../lib/Organisms/Modal/Modal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../lib/Organisms/Modal/Modal.tsx"],"names":[],"mappings":"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"}

package/dist/Organisms/Splash/Splash.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { Colors } from "Theme/types";
+interface ErrorSplashProps {
+    colorPalette: Colors & string;
+    title: string;
+    description: string;
+    image?: string;
+}
+export declare const ErrorSplash: (props: ErrorSplashProps) => React.JSX.Element;
+export {};

package/dist/Organisms/Splash/Splash.js

@@ -0,0 +1,82 @@
+import React from "react";
+import styled from "@emotion/styled";
+import { FiChevronLeft, FiRefreshCw } from "react-icons/fi";
+import { GoBug } from "react-icons/go";
+import { Button } from "../../Atoms/Buttons/Button";
+import { Typography } from "../../Atoms/Typography/Typography";
+const ErrorSplashContainer = styled.div `
+	// width: 100vw;
+	// height: 100vh;
+
+`;
+const HeaderDiv = styled.div `
+	display: flex;
+	padding: 24px;
+	flex-direction: column;
+	align-items: flex-start;
+	gap: 16px;
+	align-self: stretch;
+`;
+const HeaderAndBackDiv = styled.div `
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	align-self: stretch;
+`;
+const DescriptionDiv = styled.div `
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+	flex: 1 0 0;
+`;
+const ButtonsDiv = styled.div `
+	//background is the topo image
+	display: flex;
+	height: 245px;
+	justify-content: center;
+	align-items: center;
+	align-content: center;
+	gap: 16px;
+	flex-shrink: 0;
+	align-self: stretch;
+	flex-wrap: wrap;
+`;
+const AmbassadorContactDiv = styled.div `
+	background-color: ${({ colorPalette }) => colorPalette.background.tertiary};
+	border-top: ${({ colorPalette }) => colorPalette.border.tertiary} 1px solid;
+	display: flex;
+	padding: 24px 16px;
+	flex-direction: column;
+	align-items: center;
+	gap: 16px;
+	align-self: stretch;
+`;
+const ContactContainer = styled.div `
+  background-color: ${({ colors }) => colors.background.tertiary};
+  color: ${({ colors }) => colors.text.primary};
+  display: flex;
+  padding: 24px 16px;
+  flex-direction: column;
+  align-items: center;
+  gap: 16px;
+  align-self: stretch;
+`;
+export const ErrorSplash = (props) => {
+    const { colorPalette, title, description, image, ...tableHtmlProps } = props;
+    console.log("colorPalette:", colorPalette);
+    return (React.createElement(ErrorSplashContainer, { colorPalette: colorPalette, ...tableHtmlProps },
+        React.createElement(HeaderDiv, { colorPalette: colorPalette },
+            React.createElement(HeaderAndBackDiv, { colorPalette: colorPalette },
+                React.createElement(FiChevronLeft, null),
+                React.createElement(Typography, { textColor: colorPalette.text.primary, content: title, variant: "Heading 3" })),
+            React.createElement(DescriptionDiv, { colorPalette: colorPalette },
+                React.createElement(Typography, { textColor: colorPalette.text.primary, content: description, variant: "Paragraphy Body" }))),
+        image && React.createElement("img", { src: image, alt: "Splash Image" }),
+        React.createElement(ButtonsDiv, { colorPalette: colorPalette },
+            React.createElement(Button, { colorPalette: colorPalette, onClick: () => { }, label: "Refresh", variant: "outlined", icon: React.createElement(FiRefreshCw, null) }),
+            React.createElement(Button, { colorPalette: colorPalette, onClick: () => { }, label: "Report a bug", variant: "filled", icon: React.createElement(GoBug, null) })),
+        React.createElement(ContactContainer, { colors: colorPalette },
+            React.createElement(Typography, { textColor: colorPalette.text.primary, content: "Please ask further questions, or reach out for additional support by emailing", variant: "Label" }),
+            React.createElement(Typography, { textColor: colorPalette.text.primary, content: "devs@factorearth.com", variant: "Heading 4" }))));
+};
+//# sourceMappingURL=Splash.js.map

package/dist/Organisms/Splash/Splash.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Splash.js","sourceRoot":"","sources":["../../../lib/Organisms/Splash/Splash.tsx"],"names":[],"mappings":"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"}