jcicl 0.0.82 → 0.0.84

package/composite/WithLabel/WithLabel.js

@@ -1,15 +1,18 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import m from "../../base/Flex/Flex.js";
-const h = ({
-  label: r,
-  component: t,
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import s from "../../base/Flex/Flex.js";
+import { n as m } from "../../.chunks/emotion-styled.browser.esm.js";
+const a = m("label")`
+  text-align: left;
+`, f = ({
+  label: e,
+  component: r,
   fontSize: i = "inherit",
   styles: n,
-  ...s
-}) => /* @__PURE__ */ l(m, { gap: "0.5rem", alignItems: "center", styles: { ...n, fontSize: i }, ...s, children: [
-  /* @__PURE__ */ e("div", { id: r, children: t }),
-  /* @__PURE__ */ e("label", { htmlFor: r, children: r })
+  ...l
+}) => /* @__PURE__ */ o(s, { gap: "0.5rem", alignItems: "center", styles: { ...n, fontSize: i }, ...l, children: [
+  /* @__PURE__ */ t("div", { id: e, children: r }),
+  /* @__PURE__ */ t(a, { htmlFor: e, children: e })
 ] });
 export {
-  h as default
+  f as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "0.0.82",
+  "version": "0.0.84",
   "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/supercomposite/AppHeader/AppHeader.js

@@ -1,10 +1,10 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import { useState as a } from "react";
 import { n } from "../../.chunks/emotion-styled.browser.esm.js";
-import e from "../../theme.js";
+import r from "../../theme.js";
 import { l as c } from "../../.chunks/jocologo.js";
-import { I as m } from "../../.chunks/Input.js";
-import { Button as p } from "../../base/Button/Button.js";
+import { I as p } from "../../.chunks/Input.js";
+import { Button as m } from "../../base/Button/Button.js";
 import d from "../../base/Avatar/Avatar.js";
 const l = n("div")(({ navWidth: o }) => ({
   display: "grid",
@@ -13,17 +13,19 @@ const l = n("div")(({ navWidth: o }) => ({
   backgroundColor: "transparent",
   alignItems: "center",
   justifyContent: "space-between",
-  gridTemplateColumns: `minmax(${o + e.constants.actionsPaneWidth}px, 1fr) 2fr 1fr`
+  gridTemplateColumns: `minmax(${o + r.constants.actionsPaneWidth}px, 1fr) 2fr 1fr`
 })), f = n("img")({
   width: "36px"
-}), g = n("div")({}), u = n("div")({
+}), g = n("div")({
+  height: "50px"
+}), h = n("div")({
   justifySelf: "end"
-}), k = ({ navWidth: o = e.constants.navDefaultWidth }) => {
-  const [i, r] = a(!1);
+}), k = ({ navWidth: o = r.constants.navDefaultWidth }) => {
+  const [i, e] = a(!1);
   return /* @__PURE__ */ s(l, { ...{ navWidth: o }, children: [
-    /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(f, { src: c }) }),
-    /* @__PURE__ */ t(m, { placeholder: "Search..." }),
-    /* @__PURE__ */ t(u, { children: i ? /* @__PURE__ */ t(d, { onClick: () => r(!1) }) : /* @__PURE__ */ t(p, { onClick: () => r(!0), children: "Log In" }) })
+    /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(f, { src: c, height: "50px" }) }),
+    /* @__PURE__ */ t(p, { placeholder: "Search..." }),
+    /* @__PURE__ */ t(h, { children: i ? /* @__PURE__ */ t(d, { onClick: () => e(!1) }) : /* @__PURE__ */ t(m, { onClick: () => e(!0), children: "Log In" }) })
   ] });
 };
 export {

package/templates/AppContainer/AppContainer.js

@@ -1,10 +1,10 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import m from "../../supercomposite/AppHeader/AppHeader.js";
+import h from "../../supercomposite/AppHeader/AppHeader.js";
 import { Nav as f } from "../../supercomposite/Nav/Nav.js";
-import l from "../../base/ScrollContainer/ScrollContainer.js";
+import p from "../../base/ScrollContainer/ScrollContainer.js";
 import { n as d } from "../../.chunks/emotion-styled.browser.esm.js";
 import o from "../../theme.js";
-const h = d("div")({
+const m = d("div")({
   display: "flex",
   flexDirection: "column",
   width: "100vw",
@@ -41,35 +41,36 @@ const h = d("div")({
   }
 })), b = d("div")(({ withActionsPanel: r }) => ({
   display: "flex",
+  overflow: "hidden",
   backgroundColor: o.colors.whiteGreen,
   borderRadius: "4px",
   borderBottomLeftRadius: r ? 0 : "4px",
   borderTopLeftRadius: r ? 0 : "4px",
   border: `1px solid ${o.colors.green}`,
   width: "100%",
-  minHeight: "100%",
+  height: `calc(100vh - ${o.constants.appHeaderHeight}px - 6px)`,
   boxSizing: "border-box",
   padding: "1rem",
   h1: {
     margin: 0
   }
-})), k = ({
+})), $ = ({
   navProps: r,
-  appHeaderProps: p,
+  appHeaderProps: l,
   actionsPanelContent: i,
   navWidth: t = o.constants.navDefaultWidth,
   children: s
 }) => {
-  const n = i != null, c = { ...p, navWidth: t }, x = { ...r, navWidth: `${t}px` };
-  return /* @__PURE__ */ a(h, { children: [
-    /* @__PURE__ */ e(m, { ...c }),
+  const n = i != null, c = { ...l, navWidth: t }, x = { ...r, navWidth: `${t}px` };
+  return /* @__PURE__ */ a(m, { children: [
+    /* @__PURE__ */ e(h, { ...c }),
     /* @__PURE__ */ a(g, { children: [
       /* @__PURE__ */ e(f, { ...x }),
-      /* @__PURE__ */ e(u, { withActionsPanel: n, children: /* @__PURE__ */ e(l, { direction: "vertical", children: i && i }) }),
-      /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(b, { withActionsPanel: n, children: s }) })
+      /* @__PURE__ */ e(u, { withActionsPanel: n, children: /* @__PURE__ */ e(p, { direction: "vertical", children: i && i }) }),
+      /* @__PURE__ */ e(b, { withActionsPanel: n, children: /* @__PURE__ */ e(p, { children: s }) })
     ] })
   ] });
 };
 export {
-  k as default
+  $ as default
 };

package/theme.js

@@ -31,7 +31,7 @@ const e = {
     whiteGreenA: "#dae8de"
   },
   constants: {
-    appHeaderHeight: 54,
+    appHeaderHeight: 58,
     actionsPaneWidth: 201,
     navDefaultWidth: 75
   },