jcicl 0.0.85 → 0.0.86

package/composite/Accordion/Accordion.d.ts

@@ -1,4 +1,6 @@
 export interface AccordionProps {
+    /** The element placed before the title. This can be any valid React Node */
+    decorativeElement?: React.ReactNode;
     /** The title of the accordion. H3 element */
     title: React.ReactNode;
     /** The content of the accordion. */

package/composite/Accordion/Accordion.js

@@ -1,15 +1,15 @@
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import { useState as w } from "react";
-import { n } from "../../.chunks/emotion-styled.browser.esm.js";
-import { c as s } from "../../.chunks/emotion-react.browser.esm.js";
-import a from "../../theme.js";
-import x from "../../base/Flex/Flex.js";
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import { useState as g } from "react";
+import { n as s } from "../../.chunks/emotion-styled.browser.esm.js";
+import { c as d } from "../../.chunks/emotion-react.browser.esm.js";
+import c from "../../theme.js";
+import a from "../../base/Flex/Flex.js";
 import { c as u } from "../../.chunks/createSvgIcon.js";
-import { B as g } from "../../.chunks/ButtonBase.js";
-const b = u(/* @__PURE__ */ r("path", {
+import { B as b } from "../../.chunks/ButtonBase.js";
+const y = u(/* @__PURE__ */ r("path", {
   d: "M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z"
-}), "ArrowForwardIos"), y = n("div")(({ padding: o, shadow: t, width: e }) => ({
-  ...s`
+}), "ArrowForwardIos"), $ = s("div")(({ padding: o, shadow: t, width: e }) => ({
+  ...d`
     h3 {
       margin: 0;
       width: 100%;
@@ -21,11 +21,11 @@ const b = u(/* @__PURE__ */ r("path", {
     flex-direction: column;
     box-shadow: ${t};
     border-radius: 5px;
-    background-color: ${a.colors.white};
+    background-color: ${c.colors.white};
     width: ${e};
   `
-})), $ = n("div")(({ expanded: o }) => ({
-  ...s`
+})), v = s("div")(({ expanded: o }) => ({
+  ...d`
     margin-top: ${o ? "1rem" : 0};
     transition: 313ms all ease-in-out;
     display: grid;
@@ -34,8 +34,8 @@ const b = u(/* @__PURE__ */ r("path", {
       overflow: hidden;
     }
   `
-})), v = n(g)(({ expanded: o }) => ({
-  ...s`
+})), A = s(b)(({ expanded: o }) => ({
+  ...d`
     transition: 201ms all linear;
     transform: ${o ? "rotate(90deg)" : "rotate(0deg)"};
     border-radius: 50%;
@@ -43,23 +43,27 @@ const b = u(/* @__PURE__ */ r("path", {
     height: 24px;
     aspect-ratio: 1;
   `
-})), z = ({
-  title: o,
-  children: t,
-  padding: e = "1rem 2rem",
-  shadow: c = a.boxShadow.darkGreen,
-  width: l = "360px"
+})), C = ({
+  decorativeElement: o,
+  title: t,
+  children: e,
+  padding: l = "1rem 2rem",
+  shadow: m = c.boxShadow.darkGreen,
+  width: p = "360px"
 }) => {
-  const [i, m] = w(!1), p = { padding: e, shadow: c, width: l }, f = { expanded: i }, h = { expanded: i };
-  return /* @__PURE__ */ d(y, { ...p, children: [
-    /* @__PURE__ */ d(x, { alignItems: "center", justifyContent: "space-between", children: [
-      /* @__PURE__ */ r("h3", { children: o }),
-      /* @__PURE__ */ r(v, { ...f, onClick: () => m(!i), children: /* @__PURE__ */ r(b, {}) })
+  const [i, f] = g(!1), h = { padding: l, shadow: m, width: p }, w = { expanded: i }, x = { expanded: i };
+  return /* @__PURE__ */ n($, { ...h, children: [
+    /* @__PURE__ */ n(a, { alignItems: "center", justifyContent: "space-between", children: [
+      /* @__PURE__ */ n(a, { width: "100%", gap: "1rem", alignItems: "center", children: [
+        o && o,
+        /* @__PURE__ */ r("h3", { children: t })
+      ] }),
+      /* @__PURE__ */ r(A, { ...w, onClick: () => f(!i), children: /* @__PURE__ */ r(y, {}) })
     ] }),
-    /* @__PURE__ */ r($, { ...h, children: /* @__PURE__ */ r("div", { children: t }) })
+    /* @__PURE__ */ r(v, { ...x, children: /* @__PURE__ */ r("div", { children: e }) })
   ] });
 };
 export {
-  z as Accordion,
-  z as default
+  C as Accordion,
+  C as default
 };

package/package.json

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