jcicl 0.0.19 → 0.0.21

package/.chunks/NavLinkButton.js

@@ -1,5 +1,5 @@
 import { n as $, i as L } from "./emotion-styled.browser.esm.js";
-import C from "../assets/theme.js";
+import C from "../theme.js";
 import * as p from "react";
 import { g as P, a as S, s as T, r as h, u as j, c as I, P as e, b as E, d as u } from "./DefaultPropsProvider.js";
 import { m as G } from "./memoTheme.js";

package/base/Avatar/Avatar/Avatar.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { c } from "../../../.chunks/createSvgIcon.js";
 import { B as d } from "../../../.chunks/ButtonBase.js";
-import i from "../../../assets/theme.js";
+import i from "../../../theme.js";
 import { n as a, i as l } from "../../../.chunks/emotion-styled.browser.esm.js";
 const m = c(/* @__PURE__ */ t("path", {
   d: "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4m0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4"

package/base/Avatar/AvatarWithImage/AvatarWithImage.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { B as l } from "../../../.chunks/ButtonBase.js";
-import m from "../../../assets/theme.js";
+import m from "../../../theme.js";
 import { n as d } from "../../../.chunks/emotion-styled.browser.esm.js";
 const s = d("img")(
   ({ borderColor: o = m.colors.darkGreen, size: r = 40, objectFit: e = "cover" }) => ({

package/base/Button/Button.js

@@ -4,7 +4,7 @@ import { a as F, g as U, s as c, r as _, e, h as H, u as A, c as w, P as t, b as
 import { m as J } from "../../.chunks/memoTheme.js";
 import { c as K } from "../../.chunks/createSimplePaletteValueFilter.js";
 import { B as Q } from "../../.chunks/ButtonBase.js";
-import i from "../../assets/theme.js";
+import i from "../../theme.js";
 function X(o) {
   return F("MuiButton", o);
 }

package/base/Divider/Divider.d.ts

@@ -1,5 +1,5 @@
 import { DividerProps as MuiDividerProps } from '@mui/material/Divider';
-import { default as theme } from '../../../../../../../../../src/assets/theme';
+import { default as theme } from '../../../../../../../../../src/components/theme';
 export interface DividerProps extends MuiDividerProps {
     color?: keyof typeof theme.colors;
     opacity?: number;

package/base/Divider/Divider.js

@@ -1,6 +1,6 @@
 import { jsx as f } from "react/jsx-runtime";
 import { n as D, i as A } from "../../.chunks/emotion-styled.browser.esm.js";
-import u from "../../assets/theme.js";
+import u from "../../theme.js";
 import * as S from "react";
 import { g as R, a as T, s as m, u as L, c as W, P as r, b as $, d as I } from "../../.chunks/DefaultPropsProvider.js";
 import { m as b } from "../../.chunks/memoTheme.js";

package/base/Input/Input.js

@@ -1,6 +1,6 @@
 import { jsxs as ce, jsx as S } from "react/jsx-runtime";
 import { n as Ao } from "../../.chunks/emotion-styled.browser.esm.js";
-import we from "../../assets/theme.js";
+import we from "../../theme.js";
 import * as i from "react";
 import { h as Bo, l as Wo, T as Do, P as e, g as Q, a as ee, e as _, s as F, u as fe, c as le, b as oe, m as To, r as ye, n as so, o as Uo, q as Vo } from "../../.chunks/DefaultPropsProvider.js";
 import { o as co, d as Ho, f as qo, M as _o, a as Ko, h as We } from "../../.chunks/Menu.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "0.0.19",
+  "version": "0.0.21",
   "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/AppBar/AppBar.js

@@ -3,7 +3,7 @@ import { Input as R } from "../../base/Input/Input.js";
 import { Button as j } from "../../base/Button/Button.js";
 import { n as y } from "../../.chunks/emotion-styled.browser.esm.js";
 import { l as I } from "../../.chunks/jocologo.js";
-import f from "../../assets/theme.js";
+import f from "../../theme.js";
 import * as v from "react";
 import { a as x, g as B, s as m, e as c, u as A, c as k, P as r, b as T } from "../../.chunks/DefaultPropsProvider.js";
 import { m as C } from "../../.chunks/memoTheme.js";

package/supercomposite/AppHeader/AppHeader.js

@@ -1,7 +1,7 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import { useState as a } from "react";
 import { n } from "../../.chunks/emotion-styled.browser.esm.js";
-import o from "../../assets/theme.js";
+import o from "../../theme.js";
 import { l as s } from "../../.chunks/jocologo.js";
 import { Input as p } from "../../base/Input/Input.js";
 import { Button as m } from "../../base/Button/Button.js";

package/supercomposite/CompactNav/CompactNav.js

@@ -1,7 +1,7 @@
 import { jsx as s, jsxs as f } from "react/jsx-runtime";
 import { useState as m } from "react";
 import { n as i, i as u } from "../../.chunks/emotion-styled.browser.esm.js";
-import o from "../../assets/theme.js";
+import o from "../../theme.js";
 import { B as x } from "../../.chunks/ButtonBase.js";
 const h = i("div")({
   display: "flex",

package/supercomposite/Nav/Nav.js

@@ -3,7 +3,7 @@ import * as x from "react";
 import { useState as ce, createElement as de } from "react";
 import { n as q } from "../../.chunks/emotion-styled.browser.esm.js";
 import { c as J } from "../../.chunks/createSvgIcon.js";
-import v from "../../assets/theme.js";
+import v from "../../theme.js";
 import { Divider as fe } from "../../base/Divider/Divider.js";
 import { NavItem as U } from "./subcomponents/NavItem/NavItem.js";
 import { C as ue } from "../../.chunks/NavLinkButton.js";

package/supercomposite/Nav/subcomponents/NavItem/NavItem.js

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import { Divider as a } from "../../../../base/Divider/Divider.js";
 import { N as l } from "../../../../.chunks/NavLink.js";
 import { NavMenu as n } from "./subcomponents/NavMenu.js";
-import c from "../../../../assets/theme.js";
+import c from "../../../../theme.js";
 const v = ({
   type: i = "link",
   menuOrientation: r,

package/supercomposite/Nav/subcomponents/NavItem/subcomponents/NavLinkButton.js

@@ -1,5 +1,5 @@
 import "../../../../../.chunks/emotion-styled.browser.esm.js";
-import "../../../../../assets/theme.js";
+import "../../../../../theme.js";
 import { C as r, N as s, N as e } from "../../../../../.chunks/NavLinkButton.js";
 export {
   r as CollapseButton,

package/supercomposite/Nav/subcomponents/NavItem/subcomponents/NavMenu.js

@@ -6,7 +6,7 @@ import { N as le } from "../../../../../.chunks/NavLinkButton.js";
 import { NavLinkText as pe } from "./NavLinkText.js";
 import { Divider as ce } from "../../../../../base/Divider/Divider.js";
 import { L as de, N as ue } from "../../../../../.chunks/NavLink.js";
-import K from "../../../../../assets/theme.js";
+import K from "../../../../../theme.js";
 import { u as he, T as fe, g as V, L as me, M as ge } from "../../../../../.chunks/Menu.js";
 import { c as Q } from "../../../../../.chunks/createSvgIcon.js";
 import { g as xe, a as ye, s as O, u as we, c as Ee, P as e, b as ze, f as be } from "../../../../../.chunks/DefaultPropsProvider.js";

package/templates/AppContainer/AppContainer.js

@@ -1,8 +1,8 @@
-import { jsxs as a, jsx as i } from "react/jsx-runtime";
-import l from "../../supercomposite/AppHeader/AppHeader.js";
+import { jsxs as p, jsx as i } from "react/jsx-runtime";
+import n from "../../supercomposite/AppHeader/AppHeader.js";
 import { CompactNav as s } from "../../supercomposite/CompactNav/CompactNav.js";
 import { n as d } from "../../.chunks/emotion-styled.browser.esm.js";
-import r from "../../assets/theme.js";
+import r from "../../theme.js";
 const c = d("div")({
   display: "flex",
   flexDirection: "column",
@@ -21,7 +21,7 @@ const c = d("div")({
   padding: "4px 2px",
   paddingLeft: 0,
   height: `calc(100% - ${r.constants.appHeaderHeight}px - 8px)`
-}), h = d("div")(({ withActionsPanel: o }) => ({
+}), m = d("div")(({ withActionsPanel: o }) => ({
   display: "flex",
   flexDirection: "column",
   opacity: o ? 1 : 0,
@@ -30,7 +30,7 @@ const c = d("div")({
   borderRadius: "4px",
   borderTopRightRadius: 0,
   borderBottomRightRadius: 0,
-  height: "calc(100% - 32px)",
+  height: o ? "calc(100% - 32px)" : "100%",
   padding: o ? "1rem" : 0,
   backgroundColor: r.colors.darkGreenO22,
   color: r.colors.white,
@@ -39,7 +39,7 @@ const c = d("div")({
   ...!o && {
     border: "none"
   }
-})), m = d("div")(({ withActionsPanel: o }) => ({
+})), f = d("div")(({ withActionsPanel: o }) => ({
   display: "flex",
   backgroundColor: r.colors.whiteGreen,
   borderRadius: "4px",
@@ -54,17 +54,17 @@ const c = d("div")({
   }
 })), R = ({
   navProps: o,
-  appHeaderProps: n,
+  appHeaderProps: a,
   actionsPanelContent: e,
-  children: p
+  children: l
 }) => {
   const t = e != null;
-  return /* @__PURE__ */ a(c, { children: [
-    /* @__PURE__ */ i(l, { ...n }),
-    /* @__PURE__ */ a(x, { children: [
+  return /* @__PURE__ */ p(c, { children: [
+    /* @__PURE__ */ i(n, { ...a }),
+    /* @__PURE__ */ p(x, { children: [
       /* @__PURE__ */ i(s, { ...o }),
-      /* @__PURE__ */ i(h, { withActionsPanel: t, children: e && e }),
-      /* @__PURE__ */ i(m, { withActionsPanel: t, children: p })
+      /* @__PURE__ */ i(m, { withActionsPanel: t, children: e && e }),
+      /* @__PURE__ */ i(f, { withActionsPanel: t, children: l })
     ] })
   ] });
 };

package/templates/BasicPage/BasicPage.js

@@ -2,7 +2,7 @@ import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import { AppBar as s } from "../../supercomposite/AppBar/AppBar.js";
 import { Nav as p } from "../../supercomposite/Nav/Nav.js";
 import { n as a } from "../../.chunks/emotion-styled.browser.esm.js";
-import r from "../../assets/theme.js";
+import r from "../../theme.js";
 const l = a("div")({
   display: "flex",
   flexDirection: "column",

package/theme.d.ts

@@ -0,0 +1,31 @@
+export interface Theme {
+    colors: {
+        black: string;
+        blue: string;
+        charcoal: string;
+        darkBlue: string;
+        darkGreen: string;
+        darkGreenO22: string;
+        darkRed: string;
+        gold: string;
+        gray: string;
+        veryLightGray: string;
+        grayO44: string;
+        green: string;
+        midnight: string;
+        mint: string;
+        sunlight: string;
+        white: string;
+        whiteGreen: string;
+        whiteGreen2: string;
+    };
+    constants: {
+        appBarHeight: number;
+        appHeaderHeight: number;
+        appInnerNavWidth: number;
+        appSideNavWidth: number;
+        navBarWidth: number;
+    };
+}
+declare const theme: Theme;
+export default theme;