jcicl 0.0.21 → 0.0.23

package/templates/AppContainer/AppContainer.js

@@ -1,14 +1,14 @@
 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 { Nav as s } from "../../supercomposite/Nav/Nav.js";
 import { n as d } from "../../.chunks/emotion-styled.browser.esm.js";
-import r from "../../theme.js";
+import o from "../../theme.js";
 const c = d("div")({
   display: "flex",
   flexDirection: "column",
   width: "100%",
   position: "relative",
-  backgroundColor: r.colors.whiteGreen2,
+  backgroundColor: o.colors.whiteGreen2,
   height: "100vh",
   fontFamily: "Roboto, sans-serif",
   overflow: "hidden"
@@ -20,32 +20,32 @@ const c = d("div")({
   width: "calc(100% - 2px)",
   padding: "4px 2px",
   paddingLeft: 0,
-  height: `calc(100% - ${r.constants.appHeaderHeight}px - 8px)`
-}), m = d("div")(({ withActionsPanel: o }) => ({
+  height: `calc(100% - ${o.constants.appHeaderHeight}px - 8px)`
+}), f = d("div")(({ withActionsPanel: r }) => ({
   display: "flex",
   flexDirection: "column",
-  opacity: o ? 1 : 0,
-  border: `1px solid ${r.colors.green}`,
+  opacity: r ? 1 : 0,
+  border: `1px solid ${o.colors.green}`,
   borderRight: 0,
   borderRadius: "4px",
   borderTopRightRadius: 0,
   borderBottomRightRadius: 0,
-  height: o ? "calc(100% - 32px)" : "100%",
-  padding: o ? "1rem" : 0,
-  backgroundColor: r.colors.darkGreenO22,
-  color: r.colors.white,
-  width: o ? "400px" : 0,
+  height: r ? "calc(100% - 32px)" : "100%",
+  padding: r ? "1rem" : 0,
+  backgroundColor: o.colors.darkGreenO22,
+  color: o.colors.white,
+  width: r ? "400px" : 0,
   transition: "313ms all ease-in-out",
-  ...!o && {
+  ...!r && {
     border: "none"
   }
-})), f = d("div")(({ withActionsPanel: o }) => ({
+})), h = d("div")(({ withActionsPanel: r }) => ({
   display: "flex",
-  backgroundColor: r.colors.whiteGreen,
+  backgroundColor: o.colors.whiteGreen,
   borderRadius: "4px",
-  borderBottomLeftRadius: o ? 0 : "4px",
-  borderTopLeftRadius: o ? 0 : "4px",
-  border: `1px solid ${r.colors.green}`,
+  borderBottomLeftRadius: r ? 0 : "4px",
+  borderTopLeftRadius: r ? 0 : "4px",
+  border: `1px solid ${o.colors.green}`,
   width: "100%",
   height: "calc(100% - 2rem)",
   padding: "1rem",
@@ -53,7 +53,7 @@ const c = d("div")({
     margin: 0
   }
 })), R = ({
-  navProps: o,
+  navProps: r,
   appHeaderProps: a,
   actionsPanelContent: e,
   children: l
@@ -62,9 +62,9 @@ const c = d("div")({
   return /* @__PURE__ */ p(c, { children: [
     /* @__PURE__ */ i(n, { ...a }),
     /* @__PURE__ */ p(x, { children: [
-      /* @__PURE__ */ i(s, { ...o }),
-      /* @__PURE__ */ i(m, { withActionsPanel: t, children: e && e }),
-      /* @__PURE__ */ i(f, { withActionsPanel: t, children: l })
+      /* @__PURE__ */ i(s, { ...r }),
+      /* @__PURE__ */ i(f, { withActionsPanel: t, children: e && e }),
+      /* @__PURE__ */ i(h, { withActionsPanel: t, children: l })
     ] })
   ] });
 };

package/templates/BasicPage/BasicPage.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
 import { AppBarProps } from '../../../../../../../../../src/components/supercomposite/AppBar';
-import { NavProps } from '../../../../../../../../../src/components/supercomposite/Nav';
+import { NavProps } from '../../../../../../../../../src/components/supercomposite/OldNav';
 export interface BasicPageProps {
     appBarProps?: AppBarProps;
     navProps: NavProps;

package/templates/BasicPage/BasicPage.js

@@ -1,6 +1,6 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { jsxs as n, 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 { Nav as p } from "../../supercomposite/OldNav/Nav.js";
 import { n as a } from "../../.chunks/emotion-styled.browser.esm.js";
 import r from "../../theme.js";
 const l = a("div")({
@@ -13,18 +13,18 @@ const l = a("div")({
   flexDirection: "column",
   justifyContent: "flex-start",
   alignItems: "flex-start",
-  width: `calc(100% - 2rem - ${r.constants.navBarWidth}px)`,
-  marginLeft: `${r.constants.navBarWidth}px`,
+  width: `calc(100% - 2rem - ${r.constants.oldNavBarWidth}px)`,
+  marginLeft: `${r.constants.oldNavBarWidth}px`,
   padding: "1rem",
-  height: `calc(100% - ${r.constants.appBarHeight}px)`,
+  height: `calc(100% - ${r.constants.oldAppBarHeight}px)`,
   fontFamily: "Roboto, sans-serif",
   h1: {
     margin: 0
   }
-}), g = ({ appBarProps: e, navProps: i, children: n }) => /* @__PURE__ */ o(l, { children: [
+}), g = ({ appBarProps: e, navProps: o, children: i }) => /* @__PURE__ */ n(l, { children: [
   /* @__PURE__ */ t(s, { ...e }),
-  /* @__PURE__ */ t(p, { withAppBar: !0, ...i, anchor: "left" }),
-  /* @__PURE__ */ t(m, { children: n })
+  /* @__PURE__ */ t(p, { withAppBar: !0, ...o, anchor: "left" }),
+  /* @__PURE__ */ t(m, { children: i })
 ] });
 export {
   g as default

package/theme.d.ts

@@ -1,4 +1,7 @@
 export interface Theme {
+    boxShadow?: {
+        darkGreen: string;
+    };
     colors: {
         black: string;
         blue: string;
@@ -6,6 +9,7 @@ export interface Theme {
         darkBlue: string;
         darkGreen: string;
         darkGreenO22: string;
+        darkGreenO99: string;
         darkRed: string;
         gold: string;
         gray: string;
@@ -20,12 +24,12 @@ export interface Theme {
         whiteGreen2: string;
     };
     constants: {
-        appBarHeight: number;
+        actionsPaneWidth: number;
         appHeaderHeight: number;
-        appInnerNavWidth: number;
-        appSideNavWidth: number;
-        navBarWidth: number;
+        navWidth: number;
+        oldAppBarHeight: number;
+        oldNavBarWidth: number;
     };
 }
-declare const theme: Theme;
+declare let theme: Theme;
 export default theme;

package/theme.js

@@ -1,4 +1,4 @@
-const e = {
+let e = {
   colors: {
     black: "black",
     blue: "#1976d2",
@@ -6,6 +6,7 @@ const e = {
     darkBlue: "#10517c",
     darkGreen: "#005c00",
     darkGreenO22: "#005c0022",
+    darkGreenO99: "#005c0099",
     darkRed: "#800000",
     gold: "#fab62d",
     gray: "#727272",
@@ -20,13 +21,16 @@ const e = {
     veryLightGray: "#fafafa"
   },
   constants: {
-    appBarHeight: 92,
     appHeaderHeight: 54,
-    appInnerNavWidth: 201,
-    appSideNavWidth: 64,
-    navBarWidth: 290
+    actionsPaneWidth: 201,
+    navWidth: 75,
+    oldAppBarHeight: 92,
+    oldNavBarWidth: 290
   }
 };
+e.boxShadow = {
+  darkGreen: `0 0 8px -2px ${e.colors.darkGreen}`
+};
 export {
   e as default
 };

package/base/Avatar/Avatar/index.d.ts

@@ -1 +0,0 @@
-export { default } from './Avatar';

package/base/Avatar/Avatar/index.js

@@ -1,4 +0,0 @@
-import { default as o } from "./Avatar.js";
-export {
-  o as default
-};

package/base/Avatar/AvatarWithImage/index.d.ts

@@ -1 +0,0 @@
-export { default } from './AvatarWithImage.tsx';

package/composite/ContactCard/ContactCard.d.ts

@@ -1,2 +0,0 @@
-export interface ContactCardProps {
-}

package/composite/ContactListItem/ContactListItem.js

@@ -1 +0,0 @@
-

package/supercomposite/CompactNav/CompactNav.d.ts

@@ -1,17 +0,0 @@
-export interface NavItemProps {
-    label?: string;
-    icon?: JSX.Element;
-    onClick?: () => void;
-    active?: boolean;
-    actionsPanelContent?: JSX.Element;
-}
-export interface NavProps {
-    navItems: NavItemProps[];
-    activeRoute?: string;
-}
-export declare const Container: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CompactNav: React.FC<NavProps>;
-export default CompactNav;

package/supercomposite/CompactNav/CompactNav.js

@@ -1,72 +0,0 @@
-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 "../../theme.js";
-import { B as x } from "../../.chunks/ButtonBase.js";
-const h = i("div")({
-  display: "flex",
-  flexDirection: "column",
-  backgroundColor: "transparent",
-  alignItems: "center",
-  justifyContent: "flex-start",
-  maxHeight: "100%",
-  overflowY: "hidden",
-  flexShrink: 0,
-  gap: "1rem",
-  "&:hover": {
-    overflowY: "auto",
-    scrollbarColor: `${o.colors.darkGreen} ${o.colors.whiteGreen}`,
-    scrollbarWidth: "thin",
-    "&::webkit-scrollbar-thumb": {
-      borderRadius: "8px"
-    }
-  }
-}), g = i(x, {
-  shouldForwardProp: (r) => u(r)
-})(({ active: r }) => ({
-  display: "flex",
-  flexDirection: "column",
-  alignItems: "center",
-  justifyContent: "center",
-  padding: "0 8px 8px 8px",
-  transition: "313ms all ease-in-out",
-  backgroundColor: r ? o.colors.sunlight : "transparent",
-  boxShadow: r ? `0 0 8px -2px ${o.colors.darkGreen}` : "none",
-  "&:hover, :focus-visible": {
-    svg: {
-      backgroundColor: o.colors.sunlight
-    }
-  },
-  svg: {
-    fontSize: "2.1rem",
-    fill: o.colors.darkGreen,
-    backgroundColor: r ? o.colors.sunlight : "transparent",
-    borderRadius: "50%",
-    padding: "8px",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    transition: "313ms all ease-in-out"
-  },
-  span: {
-    fontFamily: "Roboto, sans-serif",
-    fontSize: "12px",
-    fontWeight: "bold",
-    color: o.colors.darkGreen,
-    textAlign: "center"
-  }
-})), S = ({ navItems: r, activeRoute: n }) => {
-  const [a, l] = m(""), c = (e, t) => {
-    l(e), t();
-  };
-  return /* @__PURE__ */ s(h, { children: r.map(({ icon: e, label: t = "", onClick: d = () => {
-  }, ...p }) => /* @__PURE__ */ f(g, { ...p, active: n ? n === t : a === t, onClick: () => c(t, d), children: [
-    e,
-    /* @__PURE__ */ s("span", { children: t })
-  ] }, t)) });
-};
-export {
-  S as CompactNav,
-  h as Container,
-  S as default
-};

package/supercomposite/CompactNav/index.d.ts

@@ -1 +0,0 @@
-export { default, type NavItemProps } from './CompactNav';

package/supercomposite/CompactNav/index.js

@@ -1,4 +0,0 @@
-import { CompactNav as t } from "./CompactNav.js";
-export {
-  t as default
-};