jcicl 0.0.47 → 0.0.49

package/composite/InfoCard/InfoCard.d.ts

@@ -1,14 +1,11 @@
-import { ThemeBoxShadows } from '../../../../../../../../../src/components/theme';
 import { LabeledValueProps } from '../../../../../../../../../src/components/base/LabeledValue';
 interface InfoCardStyleProps {
     /** The element placed before the header text. This can be any valid React Node */
     decorativeElement?: React.ReactNode;
     /** Padding for the card */
     padding?: string;
-    /** The color of the box shadow around the card element. Must be a valid `keyof theme.boxShadows`.
-     * @param {string} shadow
-     */
-    shadow?: keyof ThemeBoxShadows;
+    /** Box shadow around the card */
+    shadow?: string;
     /** Spacing between the items */
     spacing?: string;
     columns?: number;

package/composite/InfoCard/InfoCard.js

@@ -1,11 +1,11 @@
-import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { n as d } from "../../.chunks/emotion-styled.browser.esm.js";
-import { c as i } from "../../.chunks/emotion-react.browser.esm.js";
-import c from "../../theme.js";
+import { jsxs as a, jsx as n } from "react/jsx-runtime";
+import { n as i } from "../../.chunks/emotion-styled.browser.esm.js";
+import { c as d } from "../../.chunks/emotion-react.browser.esm.js";
+import p from "../../theme.js";
 import { LabeledValue as f } from "../../base/LabeledValue/LabeledValue.js";
 import h from "../../base/Flex/Flex.js";
-const x = d("div")(({ padding: r, shadow: o }) => ({
-  ...i`
+const g = i("div")(({ padding: r, shadow: o }) => ({
+  ...d`
     h3 {
       margin: 0;
       width: 100%;
@@ -15,33 +15,34 @@ const x = d("div")(({ padding: r, shadow: o }) => ({
     padding: ${r};
     display: flex;
     flex-direction: column;
-    box-shadow: ${c.boxShadow[o]};
+    box-shadow: ${o};
     border-radius: 5px;
+    background-color: ${p.colors.white};
   `
-})), g = d("div")(({ spacing: r, columns: o }) => ({
-  ...i`
+})), x = i("div")(({ spacing: r, columns: o }) => ({
+  ...d`
     margin-top: calc(${r} * 0.75);
     grid-row-gap: ${r};
     grid-column-gap: calc(${r} * 1.5);
     display: grid;
     grid-template-columns: repeat(${o}, 1fr);
   `
-})), P = ({
+})), S = ({
   decorativeElement: r,
   title: o,
   items: e,
   padding: l = "1rem 2rem",
   shadow: m = "darkGreen",
-  spacing: p = "2rem",
+  spacing: c = "2rem",
   columns: s = 3
-}) => /* @__PURE__ */ t(x, { ...{ padding: l, shadow: m }, children: [
-  /* @__PURE__ */ t(h, { width: "100%", gap: "1rem", alignItems: "center", children: [
+}) => /* @__PURE__ */ a(g, { ...{ padding: l, shadow: m }, children: [
+  /* @__PURE__ */ a(h, { width: "100%", gap: "1rem", alignItems: "center", children: [
     r && r,
-    /* @__PURE__ */ a("h3", { children: o })
+    /* @__PURE__ */ n("h3", { children: o })
   ] }),
-  /* @__PURE__ */ a(g, { ...{ spacing: p, columns: s }, children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ a(f, { ...n }, n.label)) })
+  /* @__PURE__ */ n(x, { ...{ spacing: c, columns: s }, children: e == null ? void 0 : e.map((t) => /* @__PURE__ */ n(f, { ...t }, t.label)) })
 ] });
 export {
-  P as InfoCard,
-  P as default
+  S as InfoCard,
+  S as default
 };

package/composite/List/List.js

@@ -1,39 +1,39 @@
-import { jsx as s } from "react/jsx-runtime";
-import { n as i } from "../../.chunks/emotion-styled.browser.esm.js";
-import n from "../../theme.js";
-const f = i("div")(
-  ({ width: o, borderColor: t, bordered: r, backgroundColor: e }) => ({
+import { jsx as n } from "react/jsx-runtime";
+import { n as m } from "../../.chunks/emotion-styled.browser.esm.js";
+import i from "../../theme.js";
+const d = m("div")(
+  ({ width: o, borderColor: t, bordered: s, backgroundColor: r }) => ({
     display: "flex",
     flexDirection: "column",
     fontFamily: "Roboto, sans-serif",
-    backgroundColor: e,
-    ...r && { border: `1px solid ${t}` },
+    backgroundColor: r,
+    ...s && { border: `1px solid ${t}` },
     borderRadius: "4px",
     ...o && {
       width: o
     }
   })
-), x = i("div")(
-  ({ padding: o, borderColor: t, bordered: r }) => ({
+), x = m("div")(
+  ({ padding: o, borderColor: t, bordered: s }) => ({
     padding: o,
-    ...r && {
+    ...s && {
       borderBottom: `1px solid ${t}`,
       "&:last-child": {
         borderBottom: "none"
       }
     }
   })
-), y = ({
+), v = ({
   bordered: o = !1,
   width: t,
-  padding: r = "0",
-  borderColor: e = n.colors.darkGreen,
-  backgroundColor: l = n.colors.white,
-  children: m
+  padding: s = "0",
+  borderColor: r = i.colors.darkGreen,
+  backgroundColor: a = i.colors.white,
+  children: e
 }) => {
-  const a = { width: t, borderColor: e, bordered: o, backgroundColor: l }, c = { padding: r, borderColor: e, bordered: o };
-  return /* @__PURE__ */ s(f, { ...a, children: m.map((d, p) => /* @__PURE__ */ s(x, { ...c, children: d }, p)) });
+  const l = { width: t, borderColor: r, bordered: o, backgroundColor: a }, p = { padding: s, borderColor: r, bordered: o };
+  return /* @__PURE__ */ n(d, { ...l, children: e == null ? void 0 : e.map((c, f) => /* @__PURE__ */ n(x, { ...p, children: c }, f)) });
 };
 export {
-  y as default
+  v as default
 };

package/package.json

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