jcicl 0.0.26 → 0.0.27

package/composite/List/List.d.ts

@@ -1,7 +1,5 @@
 import { default as React, PropsWithChildren } from 'react';
-import { ButtonBaseProps } from '@mui/material/ButtonBase/ButtonBase';
-export interface ListProps extends ButtonBaseProps {
-    interactable?: boolean;
+export interface ListProps {
     width?: string;
     padding?: string;
     borderColor?: string;

package/composite/List/List.js

@@ -1,64 +1,39 @@
-import { jsx as r } from "react/jsx-runtime";
-import x from "react";
-import { n as l } from "../../.chunks/emotion-styled.browser.esm.js";
-import t from "../../theme.js";
-import { B as f } from "../../.chunks/ButtonBase.js";
-const d = l("div")(
-  ({ width: e, borderColor: o, bordered: n }) => ({
+import { jsx as n } from "react/jsx-runtime";
+import a from "react";
+import { n as i } from "../../.chunks/emotion-styled.browser.esm.js";
+import l from "../../theme.js";
+const m = i("div")(
+  ({ width: o, borderColor: e, bordered: t }) => ({
     display: "flex",
     flexDirection: "column",
     fontFamily: "Roboto, sans-serif",
     listStyleType: "none",
-    ...n && { border: `1px solid ${o}` },
+    ...t && { border: `1px solid ${e}` },
     borderRadius: "4px",
     overflow: "hidden",
     pointerEvents: "none",
-    ...e && {
-      width: e
+    ...o && {
+      width: o
     }
   })
-), m = l("div")(
-  ({ padding: e, borderColor: o, bordered: n }) => ({
-    backgroundColor: t.colors.white,
-    padding: e,
-    ...n && {
-      borderBottom: `1px solid ${o}`,
+), c = i("div")(
+  ({ padding: o, borderColor: e, bordered: t }) => ({
+    backgroundColor: l.colors.white,
+    padding: o,
+    ...t && {
+      borderBottom: `1px solid ${e}`,
       "&:last-child": {
         borderBottom: "none"
       }
     }
   })
-), h = l(f)(
-  ({ borderColor: e, bordered: o }) => ({
-    ...o && { borderBottom: `1px solid ${e}` },
-    fontSize: "inherit",
-    pointerEvents: "all",
-    "&:last-child": {
-      borderBottom: "none"
-    },
-    span: {
-      transition: "201ms all ease-in-out"
-    },
-    "&:hover": {
-      span: {
-        boxShadow: `inset 0px -11px 3px -10px ${t.colors.green}, inset 0px 11px 3px -10px ${t.colors.green}`
-      }
-    },
-    "&:focus": {
-      span: {
-        boxShadow: `inset 0px -11px 3px -10px ${t.colors.darkGreen}, inset 0px 11px 3px -10px ${t.colors.darkGreen}`
-      }
-    }
-  })
-), y = ({
-  interactable: e = !1,
+), h = ({
   bordered: o = !1,
-  width: n,
-  padding: p = "1rem ",
-  borderColor: s = t.colors.darkGreen,
-  children: a,
-  ...c
-}) => e ? /* @__PURE__ */ r(d, { width: n, borderColor: s, bordered: o, children: x.Children.map(a, (i) => /* @__PURE__ */ r(h, { borderColor: s, bordered: o, ...c, children: /* @__PURE__ */ r(m, { padding: p, borderColor: "transparent", bordered: !1, children: i }) })) }) : /* @__PURE__ */ r(d, { width: n, borderColor: s, bordered: o, children: x.Children.map(a, (i) => /* @__PURE__ */ r(m, { padding: p, borderColor: s, bordered: o, children: i })) });
+  width: e,
+  padding: t = "0",
+  borderColor: r = l.colors.darkGreen,
+  children: s
+}) => /* @__PURE__ */ n(m, { width: e, borderColor: r, bordered: o, children: a.Children.map(s, (d) => /* @__PURE__ */ n(c, { padding: t, borderColor: r, bordered: o, children: d })) });
 export {
-  y as default
+  h as default
 };

package/composite/List/ListButton.d.ts

@@ -0,0 +1,10 @@
+import { ButtonBaseProps } from '@mui/material/ButtonBase/ButtonBase';
+export interface ListButtonProps extends ButtonBaseProps {
+    padding?: string;
+}
+declare const ListButton: import('@emotion/styled').StyledComponent<import('@mui/material').ButtonBaseOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+}, "style" | "className" | "classes" | "children" | "sx" | "tabIndex" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & {
+    theme?: import('@emotion/react').Theme;
+} & ListButtonProps, {}, {}>;
+export default ListButton;

package/composite/List/ListButton.js

@@ -0,0 +1,29 @@
+import { n as t } from "../../.chunks/emotion-styled.browser.esm.js";
+import o from "../../theme.js";
+import { B as n } from "../../.chunks/ButtonBase.js";
+const x = t(n)(({ padding: e = "1rem" }) => ({
+  width: "100%",
+  height: "100%",
+  padding: e,
+  fontSize: "inherit",
+  pointerEvents: "all",
+  "&:last-child": {
+    borderBottom: "none"
+  },
+  span: {
+    transition: "201ms all ease-in-out"
+  },
+  "&:hover": {
+    span: {
+      boxShadow: `inset 0px -11px 3px -10px ${o.colors.green}, inset 0px 11px 3px -10px ${o.colors.green}`
+    }
+  },
+  "&:focus": {
+    span: {
+      boxShadow: `inset 0px -11px 3px -10px ${o.colors.darkGreen}, inset 0px 11px 3px -10px ${o.colors.darkGreen}`
+    }
+  }
+}));
+export {
+  x as default
+};

package/composite/List/index.d.ts

@@ -1 +1,2 @@
 export { default, type ListProps } from './List';
+export { default as ListButton } from './ListButton';

package/composite/List/index.js

@@ -1,4 +1,6 @@
-import { default as o } from "./List.js";
+import { default as e } from "./List.js";
+import { default as r } from "./ListButton.js";
 export {
-  o as default
+  r as ListButton,
+  e as default
 };

package/composite/index.js

@@ -1,6 +1,7 @@
-import { default as e } from "./List/List.js";
-import { default as o } from "./WithLabel/WithLabel.js";
+import { default as o } from "./List/List.js";
+import "./List/ListButton.js";
+import { default as f } from "./WithLabel/WithLabel.js";
 export {
-  e as List,
-  o as WithLabel
+  o as List,
+  f as WithLabel
 };

package/index.js

@@ -1,28 +1,29 @@
-import { default as a } from "./base/Avatar/Avatar.js";
-import { AvatarWithImage as p } from "./base/AvatarWithImage/AvatarWithImage.js";
-import { Button as x } from "./base/Button/Button.js";
-import { Divider as i } from "./base/Divider/Divider.js";
-import { default as s } from "./base/Flex/Flex.js";
-import { Grid as v } from "./base/Grid/Grid.js";
+import { default as f } from "./base/Avatar/Avatar.js";
+import { AvatarWithImage as m } from "./base/AvatarWithImage/AvatarWithImage.js";
+import { Button as i } from "./base/Button/Button.js";
+import { Divider as l } from "./base/Divider/Divider.js";
+import { default as u } from "./base/Flex/Flex.js";
+import { Grid as A } from "./base/Grid/Grid.js";
 import "./base/Input/Input.js";
-import { default as n } from "./composite/List/List.js";
-import { default as h } from "./composite/WithLabel/WithLabel.js";
+import { default as g } from "./composite/List/List.js";
+import "./composite/List/ListButton.js";
+import { default as B } from "./composite/WithLabel/WithLabel.js";
 import "./supercomposite/AppBar/AppBar.js";
-import { default as L } from "./supercomposite/AppHeader/AppHeader.js";
-import { Nav as b } from "./supercomposite/Nav/Nav.js";
-import { default as C } from "./templates/AppContainer/AppContainer.js";
-import { default as F } from "./templates/BasicPage/BasicPage.js";
+import { default as W } from "./supercomposite/AppHeader/AppHeader.js";
+import { Nav as c } from "./supercomposite/Nav/Nav.js";
+import { default as D } from "./templates/AppContainer/AppContainer.js";
+import { default as G } from "./templates/BasicPage/BasicPage.js";
 export {
-  C as AppContainer,
-  L as AppHeader,
-  a as Avatar,
-  p as AvatarWithImage,
-  F as BasicPage,
-  x as Button,
-  i as Divider,
-  s as Flex,
-  v as Grid,
-  n as List,
-  b as Nav,
-  h as WithLabel
+  D as AppContainer,
+  W as AppHeader,
+  f as Avatar,
+  m as AvatarWithImage,
+  G as BasicPage,
+  i as Button,
+  l as Divider,
+  u as Flex,
+  A as Grid,
+  g as List,
+  c as Nav,
+  B as WithLabel
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "0.0.26",
+  "version": "0.0.27",
   "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,5 +1,5 @@
 import { jsxs as p, jsx as i } from "react/jsx-runtime";
-import n from "../../supercomposite/AppHeader/AppHeader.js";
+import l from "../../supercomposite/AppHeader/AppHeader.js";
 import { Nav as s } from "../../supercomposite/Nav/Nav.js";
 import { n as d } from "../../.chunks/emotion-styled.browser.esm.js";
 import o from "../../theme.js";
@@ -33,13 +33,12 @@ const c = d("div")({
   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",
   ...!r && {
     border: "none"
   }
-})), h = d("div")(({ withActionsPanel: r }) => ({
+})), m = d("div")(({ withActionsPanel: r }) => ({
   display: "flex",
   backgroundColor: o.colors.whiteGreen,
   borderRadius: "4px",
@@ -56,15 +55,15 @@ const c = d("div")({
   navProps: r,
   appHeaderProps: a,
   actionsPanelContent: e,
-  children: l
+  children: n
 }) => {
   const t = e != null;
   return /* @__PURE__ */ p(c, { children: [
-    /* @__PURE__ */ i(n, { ...a }),
+    /* @__PURE__ */ i(l, { ...a }),
     /* @__PURE__ */ p(x, { children: [
       /* @__PURE__ */ i(s, { ...r }),
       /* @__PURE__ */ i(f, { withActionsPanel: t, children: e && e }),
-      /* @__PURE__ */ i(h, { withActionsPanel: t, children: l })
+      /* @__PURE__ */ i(m, { withActionsPanel: t, children: n })
     ] })
   ] });
 };