jcicl 0.0.149 → 0.0.153

package/Modal/Modal.d.ts

@@ -0,0 +1,6 @@
+export interface ModalProps {
+    open?: boolean;
+    onAreaClick?: () => void;
+}
+declare const Modal: React.FC<React.PropsWithChildren<ModalProps>>;
+export default Modal;

package/Modal/Modal.js

@@ -0,0 +1,30 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useState as r } from "react";
+import { n as s } from "../.chunks/emotion-styled.browser.esm.js";
+import { c as l } from "../.chunks/emotion-react.browser.esm.js";
+import c from "../theme.js";
+const d = s("div")(({ open: o }) => ({
+  ...l`
+    opacity: ${o ? 1 : 0};
+    pointer-events: ${o ? "all" : "none"};
+    z-index: 7007;
+    top: 0;
+    width: 100vw;
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    background-color: ${c.colors.modalBackdrop};
+    box-sizing: border-box;
+    transition: opacity 313ms ease-in-out;
+  `
+})), y = ({ open: o = !1, onAreaClick: e, children: t }) => {
+  const [n, a] = r(o);
+  return /* @__PURE__ */ i(d, { className: "jcModal", open: n, onClick: () => {
+    e && e(), a(!1);
+  }, children: t });
+};
+export {
+  y as default
+};

package/Modal/index.d.ts

@@ -0,0 +1 @@
+export { default, type ModalProps } from './Modal';

package/Modal/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./Modal.js";
+export {
+  o as default
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "0.0.149",
+  "version": "0.0.153",
   "description": "Component library for the websites of Johnson County Iowa",
   "license": "MIT",
   "homepage": "https://devops.jc.net/JCIT/Business%20Solutions%20Delivery/_git/JCComponentLibrary?path=%2FREADME.md&version=GBmaster",

package/theme.d.ts

@@ -30,6 +30,7 @@ export interface ThemeColors {
     medina: string;
     midnight: string;
     mint: string;
+    modalBackdrop: string;
     moss: string;
     ocean: string;
     oldPaper: string;

package/theme.js

@@ -35,6 +35,7 @@ const a = {
     medina: "#004721",
     midnight: "#131313",
     mint: "#a4edb4",
+    modalBackdrop: "#1d1d1d99",
     moss: "#cafad7",
     ocean: "#279fcf",
     oldPaper: "#f4f0e8",