jcicl 0.0.82 → 0.0.83

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.83",
   "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/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 - 8px)`,
   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
 };