jcicl 0.0.133 → 0.0.135

package/AppContainer/AppContainer.js

@@ -1,17 +1,17 @@
 import { jsx as a, jsxs as T, Fragment as fe } from "react/jsx-runtime";
 import * as x from "react";
-import { useState as Y } from "react";
-import { c as ee } from "../.chunks/createSvgIcon.js";
-import { n as v, i as oe } from "../.chunks/emotion-styled.browser.esm.js";
+import { useState as G } from "react";
+import { c as q } from "../.chunks/createSvgIcon.js";
+import { n as v, i as ee } from "../.chunks/emotion-styled.browser.esm.js";
 import { c as R } from "../.chunks/emotion-react.browser.esm.js";
 import Ae from "../AppHeader/AppHeader.js";
 import { Nav as F } from "../Nav/Nav.js";
-import _ from "../ScrollContainer/ScrollContainer.js";
-import { Button as Z } from "../Button/Button.js";
+import Y from "../ScrollContainer/ScrollContainer.js";
+import { Button as K } from "../Button/Button.js";
 import i from "../theme.js";
 import { l as je } from "../.chunks/jocologo.js";
 import { X as Ue } from "../.chunks/Close.js";
-import { P as r, g as Fe, a as Ve, s as ce, r as We, c as q, u as Qe, b as J, d as Xe } from "../.chunks/DefaultPropsProvider.js";
+import { P as r, g as Fe, a as Ve, s as ce, r as We, c as Z, u as Qe, b as _, d as Xe } from "../.chunks/DefaultPropsProvider.js";
 import { u as Ge, e as Ye, H as _e, a as ke, g as Je, T as Ke, r as Ze, b as me, c as qe } from "../.chunks/Portal.js";
 import { m as Ce } from "../.chunks/memoTheme.js";
 import { g as eo, o as Te, d as oo, M as to, P as ro, i as no } from "../.chunks/TextField.js";
@@ -95,7 +95,7 @@ function ho(e, o, t) {
 function Pe(e) {
   return typeof e == "function" ? e() : e;
 }
-function K(e, o, t) {
+function J(e, o, t) {
   const n = Pe(t), c = ho(e, o, n);
   c && (o.style.webkitTransform = c, o.style.transform = c);
 }
@@ -128,7 +128,7 @@ const Ee = /* @__PURE__ */ x.forwardRef(function(o, t) {
   } = o, d = x.useRef(null), w = so(Je(p), d, t), k = (s) => (g) => {
     s && (g === void 0 ? s(d.current) : s(d.current, g));
   }, y = k((s, g) => {
-    K(h, s, b), Ze(s), A && A(s, g);
+    J(h, s, b), Ze(s), A && A(s, g);
   }), m = k((s, g) => {
     const W = me({
       timeout: H,
@@ -142,7 +142,7 @@ const Ee = /* @__PURE__ */ x.forwardRef(function(o, t) {
     }), s.style.transition = n.transitions.create("transform", {
       ...W
     }), s.style.webkitTransform = "none", s.style.transform = "none", j && j(s, g);
-  }), S = k(z), U = k(M), X = k((s) => {
+  }), S = k(z), U = k(M), oe = k((s) => {
     const g = me({
       timeout: H,
       style: L,
@@ -150,19 +150,19 @@ const Ee = /* @__PURE__ */ x.forwardRef(function(o, t) {
     }, {
       mode: "exit"
     });
-    s.style.webkitTransition = n.transitions.create("-webkit-transform", g), s.style.transition = n.transitions.create("transform", g), K(h, s, b), E && E(s);
+    s.style.webkitTransition = n.transitions.create("-webkit-transform", g), s.style.transition = n.transitions.create("transform", g), J(h, s, b), E && E(s);
   }), te = k((s) => {
     s.style.webkitTransition = "", s.style.transition = "", N && N(s);
   }), re = (s) => {
     u && u(d.current, s);
   }, D = x.useCallback(() => {
-    d.current && K(h, d.current, b);
+    d.current && J(h, d.current, b);
   }, [h, b]);
   return x.useEffect(() => {
     if (P || h === "down" || h === "right")
       return;
     const s = oo(() => {
-      d.current && K(h, d.current, b);
+      d.current && J(h, d.current, b);
     }), g = Te(d.current);
     return g.addEventListener("resize", s), () => {
       s.clear(), g.removeEventListener("resize", s);
@@ -174,7 +174,7 @@ const Ee = /* @__PURE__ */ x.forwardRef(function(o, t) {
     onEnter: y,
     onEntered: S,
     onEntering: m,
-    onExit: X,
+    onExit: oe,
     onExited: te,
     onExiting: U,
     addEndListener: re,
@@ -313,7 +313,7 @@ const Me = (e, o) => {
     root: ["root"],
     docked: [(n === "permanent" || n === "persistent") && "docked"],
     modal: ["modal"],
-    paper: ["paper", `paperAnchor${q(t)}`, n !== "temporary" && `paperAnchorDocked${q(t)}`]
+    paper: ["paper", `paperAnchor${Z(t)}`, n !== "temporary" && `paperAnchorDocked${Z(t)}`]
   };
   return Xe(c, uo, o);
 }, mo = ce(to, {
@@ -339,7 +339,7 @@ const Me = (e, o) => {
     const {
       ownerState: t
     } = e;
-    return [o.paper, o[`paperAnchor${q(t.anchor)}`], t.variant !== "temporary" && o[`paperAnchorDocked${q(t.anchor)}`]];
+    return [o.paper, o[`paperAnchor${Z(t.anchor)}`], t.variant !== "temporary" && o[`paperAnchorDocked${Z(t.anchor)}`]];
   }
 })(Ce(({
   theme: e
@@ -483,13 +483,13 @@ const V = /* @__PURE__ */ x.forwardRef(function(o, t) {
     elevation: O === "temporary" ? $ : 0,
     square: !0,
     ...N,
-    className: J(m.paper, N.className),
+    className: _(m.paper, N.className),
     ownerState: y,
     children: b
   });
   if (O === "permanent")
     return /* @__PURE__ */ a(be, {
-      className: J(m.root, m.docked, h),
+      className: _(m.root, m.docked, h),
       ownerState: y,
       ref: t,
       ...B,
@@ -504,7 +504,7 @@ const V = /* @__PURE__ */ x.forwardRef(function(o, t) {
     children: S
   });
   return O === "persistent" ? /* @__PURE__ */ a(be, {
-    className: J(m.root, m.docked, h),
+    className: _(m.root, m.docked, h),
     ownerState: y,
     ref: t,
     ...B,
@@ -515,7 +515,7 @@ const V = /* @__PURE__ */ x.forwardRef(function(o, t) {
       ...A,
       transitionDuration: H
     },
-    className: J(m.root, m.modal, h),
+    className: _(m.root, m.modal, h),
     open: E,
     ownerState: y,
     onClose: j,
@@ -612,16 +612,16 @@ process.env.NODE_ENV !== "production" && (V.propTypes = {
    */
   variant: r.oneOf(["permanent", "persistent", "temporary"])
 });
-const xe = ee(/* @__PURE__ */ a("path", {
+const xe = q(/* @__PURE__ */ a("path", {
   d: "m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"
-}), "ArrowForward"), vo = ee(/* @__PURE__ */ a("path", {
+}), "ArrowForward"), vo = q(/* @__PURE__ */ a("path", {
   d: "m17 7-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4z"
-}), "Logout"), ve = ee(/* @__PURE__ */ a("path", {
+}), "Logout"), ve = q(/* @__PURE__ */ a("path", {
   d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"
-}), "Cancel"), wo = ee(/* @__PURE__ */ a("path", {
+}), "Cancel"), wo = q(/* @__PURE__ */ a("path", {
   d: "M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"
 }), "MoreHoriz"), yo = v("div", {
-  shouldForwardProp: (e) => oe(e)
+  shouldForwardProp: (e) => ee(e)
 })(({ backgroundColor: e }) => ({
   display: "flex",
   flexDirection: "column",
@@ -644,7 +644,7 @@ const xe = ee(/* @__PURE__ */ a("path", {
     minHeight: `calc(100% - ${i.constants.appHeaderHeight}px)`
   })
 ), Co = v("div", {
-  shouldForwardProp: (e) => oe(e)
+  shouldForwardProp: (e) => ee(e)
 })(({ withActionsPanel: e, tablet: o, borderColor: t, backgroundColor: n }) => ({
   display: "flex",
   flexDirection: "column",
@@ -688,7 +688,7 @@ const xe = ee(/* @__PURE__ */ a("path", {
       }
     `
   })
-), we = v(Z)(({ iconColor: e, highlight1: o, highlight2: t, rightDrawer: n = !1 }) => ({
+), we = v(K)(({ iconColor: e, highlight1: o, highlight2: t, rightDrawer: n = !1 }) => ({
   ...R`
     position: absolute;
     top: -0.5rem;
@@ -713,7 +713,7 @@ const xe = ee(/* @__PURE__ */ a("path", {
     }
   `
 })), $o = v("div", {
-  shouldForwardProp: (e) => oe(e)
+  shouldForwardProp: (e) => ee(e)
 })(({ withActionsPanel: e, borderColor: o, backgroundColor: t, mobileScreen: n }) => ({
   display: "flex",
   overflow: "hidden",
@@ -776,7 +776,7 @@ const xe = ee(/* @__PURE__ */ a("path", {
     }
   `
 })), Mo = v("div", {
-  shouldForwardProp: (e) => oe(e)
+  shouldForwardProp: (e) => ee(e)
 })(({ backgroundColor: e, open: o }) => ({
   ...R`
     position: fixed;
@@ -830,7 +830,7 @@ const xe = ee(/* @__PURE__ */ a("path", {
     justify-content: ${e ? "start" : "space-between"};
     padding: 8px 16px 8px 24px;
   `
-})), Do = v(V)(({ backgroundQuaternary: e }) => ({
+})), Do = v(V)(() => ({
   ...R`
     top: ${i.constants.appHeaderHeight}px;
     font-family: 'Roboto';
@@ -841,7 +841,7 @@ const xe = ee(/* @__PURE__ */ a("path", {
       box-sizing: border-box;
       top: ${i.constants.appHeaderHeight}px;
       height: calc(100vh - ${i.constants.appHeaderHeight}px);
-      background-image: linear-gradient(to bottom right, ${i.colors.oldPaper}, ${e});
+      background-color: ${i.colors.white};
       box-shadow: 0 3px 6px 3px ${i.colors.gray};
       padding: 0;
       overflow: visible;
@@ -867,19 +867,19 @@ const xe = ee(/* @__PURE__ */ a("path", {
   loggedIn: $,
   mobileActionsPanelOpen: P
 }) => {
-  const [A, z] = Y(!1), [j, E] = Y(!1), [N, M] = Y(!1), [L, H] = Y(!1), { mobile: O = i.screenSizes.mobile, tablet: B = i.screenSizes.tablet } = f, d = ge(`(max-width: ${O})`), w = ge(`(max-width: ${B})`) && !d, k = !d && !w, {
+  const [A, z] = G(!1), [j, E] = G(!1), [N, M] = G(!1), [L, H] = G(!1), { mobile: O = i.screenSizes.mobile, tablet: B = i.screenSizes.tablet } = f, d = ge(`(max-width: ${O})`), w = ge(`(max-width: ${B})`) && !d, k = !d && !w, {
     backgroundPrimary: y = i.colors.whiteGreen,
     backgroundSecondary: m = i.colors.whiteGreenA,
     backgroundTertiary: S = i.colors.sage,
     highlightPrimary: U = i.colors.sunlight,
-    backgroundQuaternary: X = i.colors.moss,
+    backgroundQuaternary: oe = i.colors.moss,
     highlightSecondary: te = i.colors.dandelion,
     highlightTertiary: re = `${i.colors.dandelion}99`,
     iconPrimary: D = i.colors.darkGreen,
     shadowPrimary: s = i.colors.darkGreenO99,
     shadowSecondary: g = i.boxShadows.darkGreen,
     shadowTertiary: W = i.boxShadows.darkGreenThick,
-    borderPrimary: G = i.colors.green,
+    borderPrimary: X = i.colors.green,
     scrollColor: I = i.colors.darkGreenO99,
     iconColors: Re
   } = b, { logoSrc: le = je, logoWidth: pe = 36, logoHeight: de = 50 } = h, Se = {
@@ -889,7 +889,7 @@ const xe = ee(/* @__PURE__ */ a("path", {
     highlightPrimary: U,
     highlightSecondary: te,
     highlightTertiary: re,
-    borderPrimary: G,
+    borderPrimary: X,
     iconPrimary: D,
     shadowPrimary: s,
     shadowSecondary: g,
@@ -953,7 +953,7 @@ const xe = ee(/* @__PURE__ */ a("path", {
         logoProps: De,
         iconColor: D,
         isMobile: d,
-        themeProps: { shadowSecondary: g, shadowTertiary: W, iconPrimary: D, borderPrimary: G },
+        themeProps: { shadowSecondary: g, shadowTertiary: W, iconPrimary: D, borderPrimary: X },
         iconColors: Re,
         userName: t == null ? void 0 : t.name,
         userSettingsEnabled: n
@@ -984,7 +984,7 @@ const xe = ee(/* @__PURE__ */ a("path", {
           children: [
             /* @__PURE__ */ T(ye, { children: [
               /* @__PURE__ */ a(So, { src: le, alt: "logo", width: pe, height: de }),
-              /* @__PURE__ */ a(Z, { variant: "icon", size: 36, onClick: () => z(!1), color: D, children: /* @__PURE__ */ a(Ue, {}) })
+              /* @__PURE__ */ a(K, { variant: "icon", size: 36, onClick: () => z(!1), color: D, children: /* @__PURE__ */ a(Ue, {}) })
             ] }),
             /* @__PURE__ */ a(F, { ...ae })
           ]
@@ -1010,7 +1010,7 @@ const xe = ee(/* @__PURE__ */ a("path", {
                 children: /* @__PURE__ */ a(ve, {})
               }
             ),
-            /* @__PURE__ */ a(_, { scrollColor: I, direction: "vertical", children: l && l })
+            /* @__PURE__ */ a(Y, { scrollColor: I, direction: "vertical", children: l && l })
           ]
         }
       ),
@@ -1020,7 +1020,6 @@ const xe = ee(/* @__PURE__ */ a("path", {
           anchor: "right",
           open: N,
           onClose: () => M(!1),
-          backgroundQuaternary: X,
           children: [
             /* @__PURE__ */ a(
               we,
@@ -1029,7 +1028,7 @@ const xe = ee(/* @__PURE__ */ a("path", {
                 size: 24,
                 onClick: () => M(!1),
                 iconColor: i.colors.midnight,
-                highlight1: i.colors.sunlight,
+                highlight1: i.colors.white,
                 highlight2: m,
                 rightDrawer: !0,
                 children: /* @__PURE__ */ a(ve, {})
@@ -1059,12 +1058,12 @@ const xe = ee(/* @__PURE__ */ a("path", {
             anchor: "right",
             open: N,
             onClose: () => M(!1),
-            backgroundQuaternary: X,
+            backgroundQuaternary: oe,
             children: [
               /* @__PURE__ */ T(ye, { children: [
                 /* @__PURE__ */ a(Ho, { color: i.colors.midnight, children: "Settings" }),
                 /* @__PURE__ */ a(
-                  Z,
+                  K,
                   {
                     variant: "icon",
                     size: 36,
@@ -1091,19 +1090,19 @@ const xe = ee(/* @__PURE__ */ a("path", {
             ]
           }
         ),
-        /* @__PURE__ */ a(Mo, { backgroundColor: S, open: P, children: /* @__PURE__ */ a(_, { scrollColor: I, direction: "vertical", children: l }) })
+        /* @__PURE__ */ a(Mo, { backgroundColor: S, open: P, children: /* @__PURE__ */ a(Y, { scrollColor: I, direction: "vertical", children: l }) })
       ] }),
       !d && /* @__PURE__ */ T(
         Co,
         {
           withActionsPanel: ne,
           tablet: w,
-          borderColor: G,
+          borderColor: X,
           backgroundColor: S,
           children: [
-            k && /* @__PURE__ */ a(_, { scrollColor: I, direction: "vertical", children: l && l }),
+            k && /* @__PURE__ */ a(Y, { scrollColor: I, direction: "vertical", children: l && l }),
             w && /* @__PURE__ */ a(
-              Z,
+              K,
               {
                 variant: "icon",
                 size: 36,
@@ -1119,10 +1118,10 @@ const xe = ee(/* @__PURE__ */ a("path", {
         $o,
         {
           withActionsPanel: ne,
-          borderColor: G,
+          borderColor: X,
           backgroundColor: y,
           mobileScreen: d,
-          children: /* @__PURE__ */ a(_, { scrollColor: I, children: p })
+          children: /* @__PURE__ */ a(Y, { scrollColor: I, children: p })
         }
       )
     ] })

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "0.0.133",
+  "version": "0.0.135",
   "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",