jcicl 0.0.25 → 0.0.26

package/composite/List/List.d.ts

@@ -5,6 +5,7 @@ export interface ListProps extends ButtonBaseProps {
     width?: string;
     padding?: string;
     borderColor?: string;
+    bordered?: boolean;
 }
 declare const List: React.FC<PropsWithChildren<ListProps>>;
 export default List;

package/composite/List/List.js

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

package/composite/WithLabel/WithLabel.d.ts

@@ -1,5 +1,7 @@
-export interface WithLabelProps {
+import { FlexProps } from '../../../../../../../../../src/components/base/Flex/Flex';
+export interface WithLabelProps extends Omit<FlexProps, 'children'> {
     label: string;
+    fontSize?: string;
     component: JSX.Element;
 }
 declare const WithLabel: React.FC<WithLabelProps>;

package/composite/WithLabel/WithLabel.js

@@ -1,9 +1,15 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import n from "../../base/Flex/Flex.js";
-const l = ({ label: r, component: t }) => /* @__PURE__ */ i(n, { gap: 0.5, alignItems: "center", children: [
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import o from "../../base/Flex/Flex.js";
+const m = ({
+  label: r,
+  component: t,
+  fontSize: i = "inherit",
+  styles: n,
+  ...s
+}) => /* @__PURE__ */ l(o, { gap: 0.5, alignItems: "center", styles: { ...n, fontSize: i }, ...s, children: [
   /* @__PURE__ */ e("div", { id: r, children: t }),
   /* @__PURE__ */ e("label", { htmlFor: r, children: r })
 ] });
 export {
-  l as default
+  m as default
 };

package/package.json

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