jcicl 0.0.223 → 0.0.225

package/DefaultTemplate/DefaultTemplate.d.ts

@@ -12,9 +12,10 @@ export declare const MainContentContainer: import('@emotion/styled').StyledCompo
     theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 }, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export interface DefaultTemplateProps extends AppContainerProps {
+export type DefaultTemplateProps = AppContainerProps & {
     loading?: boolean;
     hasPagination?: boolean;
-}
+    fade?: boolean;
+};
 declare const DefaultTemplate: React.FC<PropsWithChildren<DefaultTemplateProps>>;
 export default DefaultTemplate;

package/DefaultTemplate/DefaultTemplate.js

@@ -1,12 +1,12 @@
-import { jsx as c, jsxs as b } from "react/jsx-runtime";
-import { useState as y } from "react";
+import { jsx as c, jsxs as y } from "react/jsx-runtime";
+import { useState as x } from "react";
 import { n as d } from "../.chunks/emotion-styled.browser.esm.js";
 import { c as n } from "../.chunks/emotion-react.browser.esm.js";
 import o from "../theme.js";
-import { u as x, A as k } from "../.chunks/AppContainer.js";
-import f from "../WithLoading/WithLoading.js";
-import { Fade as C } from "../Overlays/Overlays.js";
-const w = ["loading", "hasPagination", "loadingColor"], p = d("div", { shouldForwardProp: (r) => !w.includes(r) })(({ loading: r, hasPagination: e, loadingColor: l = o.colors.green }) => ({
+import { u as k, A as f } from "../.chunks/AppContainer.js";
+import C from "../WithLoading/WithLoading.js";
+import { Fade as w } from "../Overlays/Overlays.js";
+const p = ["loading", "hasPagination", "loadingColor"], S = d("div", { shouldForwardProp: (r) => !p.includes(r) })(({ loading: r, hasPagination: e, loadingColor: l = o.colors.green }) => ({
   ...n`
     color: ${o.colors.midnight};
     height: ${r ? "100%" : "auto"};
@@ -26,7 +26,7 @@ const w = ["loading", "hasPagination", "loadingColor"], p = d("div", { shouldFor
       color: ${l};
     }
   `
-})), S = d("div")(() => ({
+})), T = d("div")(() => ({
   ...n`
     border-radius: 8px;
     padding: 0;
@@ -37,15 +37,15 @@ const w = ["loading", "hasPagination", "loadingColor"], p = d("div", { shouldFor
     width: 100%;
     box-sizing: border-box;
   `
-})), T = {
+})), P = {
   green: o.colors.green,
   blue: o.colors.darkBlue,
   red: o.colors.darkRed
-}, P = {
+}, R = {
   green: o.colors.whiteGreen,
   blue: o.colors.sky,
   red: o.colors.lighterRed
-}, R = {
+}, $ = {
   backgroundPrimary: o.colors.sky,
   backgroundSecondary: o.colors.lovemist,
   backgroundTertiary: o.colors.cornflower,
@@ -60,7 +60,7 @@ const w = ["loading", "hasPagination", "loadingColor"], p = d("div", { shouldFor
     iconColor: o.colors.cobalt,
     backgroundColor: o.colors.sky
   }
-}, $ = {
+}, M = {
   backgroundPrimary: o.colors.lighterRed,
   backgroundSecondary: o.colors.lightRed,
   backgroundTertiary: o.colors.cherryBlossom,
@@ -75,18 +75,19 @@ const w = ["loading", "hasPagination", "loadingColor"], p = d("div", { shouldFor
     iconColor: o.colors.maroon,
     backgroundColor: o.colors.lighterRed
   }
-}, M = {
-  blue: R,
-  red: $,
+}, v = {
+  blue: $,
+  red: M,
   green: void 0
-}, F = ({
+}, G = ({
   children: r,
   loading: e = !1,
   hasPagination: l = !1,
-  userProfileMenuItems: m,
+  fade: m = !0,
+  userProfileMenuItems: h,
   ...s
 }) => {
-  const h = localStorage.getItem("theme") || "green", [t, i] = y(h), a = x(`(max-width: ${o.screenSizes.mobile})`), g = M[t], u = [
+  const g = localStorage.getItem("theme") || "green", [t, i] = x(g), a = k(`(max-width: ${o.screenSizes.mobile})`), u = v[t], b = [
     {
       label: "Green Theme",
       onClick: () => {
@@ -105,23 +106,23 @@ const w = ["loading", "hasPagination", "loadingColor"], p = d("div", { shouldFor
         localStorage.setItem("theme", "red"), i("red");
       }
     },
-    ...m || []
+    ...h || []
   ];
   return /* @__PURE__ */ c(
-    k,
+    f,
     {
       ...s,
-      userProfileMenuItems: u,
-      themeColors: g ?? (s == null ? void 0 : s.themeColors),
-      children: /* @__PURE__ */ c(p, { loading: e, loadingColor: T[t], hasPagination: l, children: /* @__PURE__ */ b(f, { loading: e, size: a ? 114 : 201, children: [
-        /* @__PURE__ */ c(C, { isMobile: a, hasPagination: l, color: P[t] }),
-        /* @__PURE__ */ c(S, { children: r })
+      userProfileMenuItems: b,
+      themeColors: u ?? (s == null ? void 0 : s.themeColors),
+      children: /* @__PURE__ */ c(S, { loading: e, loadingColor: P[t], hasPagination: l, children: /* @__PURE__ */ y(C, { loading: e, size: a ? 114 : 201, children: [
+        m && /* @__PURE__ */ c(w, { isMobile: a, hasPagination: l, color: R[t] }),
+        /* @__PURE__ */ c(T, { children: r })
       ] }) })
     }
   );
 };
 export {
-  S as MainContentContainer,
-  p as PageWrapper,
-  F as default
+  T as MainContentContainer,
+  S as PageWrapper,
+  G as default
 };

package/package.json

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