jcicl 0.0.62 → 0.0.63

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "0.0.62",
+  "version": "0.0.63",
   "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/supercomposite/EditableInfoCard/EditableInfoCard.js

@@ -1,9 +1,9 @@
 import { jsx as o, jsxs as l } from "react/jsx-runtime";
 import { useState as I } from "react";
-import { n as s } from "../../.chunks/emotion-styled.browser.esm.js";
+import { n as d } from "../../.chunks/emotion-styled.browser.esm.js";
 import { c as f } from "../../.chunks/emotion-react.browser.esm.js";
 import { c as x } from "../../.chunks/createSvgIcon.js";
-import d from "../../theme.js";
+import i from "../../theme.js";
 import { LabeledValue as F } from "../../base/LabeledValue/LabeledValue.js";
 import { LabeledInput as U } from "../../composite/LabeledInput/LabeledInput.js";
 import p from "../../base/Flex/Flex.js";
@@ -16,8 +16,8 @@ const A = x(/* @__PURE__ */ o("path", {
   d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
 }), "Close"), H = x(/* @__PURE__ */ o("path", {
   d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
-}), "Check"), k = s("div")(
-  ({ width: t, padding: a, shadow: r, styles: h, isEditing: c }) => ({
+}), "Check"), k = d("div")(
+  ({ width: t, padding: a, shadow: r, styles: h, isEditing: s }) => ({
     ...f`
       width: ${t};
       max-width: 100%;
@@ -32,17 +32,17 @@ const A = x(/* @__PURE__ */ o("path", {
       flex-direction: column;
       box-shadow: ${r};
       border-radius: 5px;
-      background-color: ${d.colors.white};
+      background-color: ${i.colors.white};
       ${h};
-      z-index: ${c ? 0 : 1};
+      z-index: ${s ? 0 : 1};
       position: relative;
-      transform: ${c ? "rotateY(-180deg)" : "rotateY(0deg)"};
+      transform: ${s ? "rotateY(-180deg)" : "rotateY(0deg)"};
       transition: 920ms all ease-in-out;
-      opacity: ${c ? "0" : "1"};
+      opacity: ${s ? "0" : "1"};
     `
   })
-), J = s(W)({
-  backgroundColor: d.colors.white,
+), J = d(W)({
+  backgroundColor: i.colors.white,
   borderRadius: "0",
   input: {
     fontSize: "28px",
@@ -50,14 +50,14 @@ const A = x(/* @__PURE__ */ o("path", {
     transition: "313ms all ease-out",
     padding: "0",
     borderRadius: "0",
-    borderBottom: `1px solid ${d.colors.gray}`,
+    borderBottom: `1px solid ${i.colors.gray}`,
     "&:focus, :focus-visible": {
-      boxShadow: `0 3px 2px -2px ${d.colors.darkGreen}`
+      boxShadow: `0 3px 2px -2px ${i.colors.darkGreen}`
     }
   },
   "&:hover, :focus, :focus-visible": {
     input: {
-      boxShadow: `0 3px 2px -2px ${d.colors.darkGreen}`
+      boxShadow: `0 3px 2px -2px ${i.colors.darkGreen}`
     }
   },
   fieldset: {
@@ -69,7 +69,7 @@ const A = x(/* @__PURE__ */ o("path", {
       border: "none"
     }
   }
-}), K = s(k)(({ isEditing: t }) => ({
+}), K = d(k)(({ isEditing: t }) => ({
   ...f`
     position: absolute;
     top: 0;
@@ -78,7 +78,7 @@ const A = x(/* @__PURE__ */ o("path", {
     opacity: ${t ? "1" : "0"};
     transition: 920ms all ease-in-out;
   `
-})), v = s("div")(({ spacing: t, columns: a }) => ({
+})), v = d("div")(({ spacing: t, columns: a }) => ({
   ...f`
     margin-top: calc(${t} * 0.75);
     grid-row-gap: ${t};
@@ -86,20 +86,20 @@ const A = x(/* @__PURE__ */ o("path", {
     display: grid;
     grid-template-columns: repeat(${a}, 1fr);
   `
-})), g = s(q)(() => ({
+})), g = d(q)(() => ({
   ...f`
     width: 40px;
     height: 40px;
     border-radius: 50%;
   `
-})), N = s("div")`
+})), N = d("div")`
   position: relative;
 `, io = ({
   decorativeElement: t,
   title: a,
   items: r = [],
   padding: h = "1rem 2rem",
-  shadow: c = d.boxShadow.darkGreen,
+  shadow: s = i.boxShadow.darkGreen,
   spacing: y = "2rem",
   columns: S = 3,
   styles: z,
@@ -111,19 +111,17 @@ const A = x(/* @__PURE__ */ o("path", {
   onEdit: T = () => {
   }
 }) => {
-  const C = r.reduce((e, n) => ({ ...e, [n.label]: n.value }), { titleValue: a }), [j, m] = I(!1), [i, u] = I(C), L = () => {
+  const C = r.reduce((e, n) => ({ ...e, [n.label]: n.value }), { titleValue: a }), [j, m] = I(!1), [c, u] = I(C), L = () => {
     T(), m(!0);
   }, R = () => {
-    M(i), m(!1);
+    M(c), m(!1);
   }, V = () => {
     P(), u(C), m(!1);
   }, Y = (e, n) => {
     u((G) => ({ ...G, [e]: n }));
   }, E = (e) => {
     u((n) => ({ ...n, titleValue: e }));
-  };
-  console.log(i);
-  const w = { width: B, padding: h, shadow: c, styles: z, isEditing: j }, $ = { spacing: y, columns: S };
+  }, w = { width: B, padding: h, shadow: s, styles: z, isEditing: j }, $ = { spacing: y, columns: S };
   return /* @__PURE__ */ l(N, { children: [
     /* @__PURE__ */ l(k, { ...w, children: [
       /* @__PURE__ */ l(p, { width: "100%", gap: "1rem", justifyContent: "space-between", children: [
@@ -162,7 +160,7 @@ const A = x(/* @__PURE__ */ o("path", {
             J,
             {
               onChange: (e) => E(e.target.value),
-              value: (i == null ? void 0 : i.titleValue) ?? a
+              value: (c == null ? void 0 : c.titleValue) ?? a
             }
           ) })
         ] }),
@@ -211,7 +209,7 @@ const A = x(/* @__PURE__ */ o("path", {
         U,
         {
           label: e.label,
-          value: i[e.label],
+          value: c[e.label],
           onChange: (n) => Y(e.label, n.target.value)
         },
         e.label