jcicl 0.0.54 → 0.0.56

package/base/Flex/Flex.d.ts

@@ -1,5 +1,5 @@
 import { default as React, CSSProperties } from 'react';
-type AlignItems = 'start' | 'center' | 'stretch' | 'end';
+type AlignItems = 'flex-start' | 'center' | 'stretch' | 'flex-end';
 type JustifyContent = 'start' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
 export type FlexProps = {
     children: React.ReactNode;

package/base/Icon/Icon.js

@@ -1,23 +1,26 @@
 import { jsx as i } from "react/jsx-runtime";
 import { B as c } from "../../.chunks/ButtonBase.js";
-import a from "../../theme.js";
-import { n as t, i as p } from "../../.chunks/emotion-styled.browser.esm.js";
-const d = t("div", {
+import t from "../../theme.js";
+import { n as d, i as p } from "../../.chunks/emotion-styled.browser.esm.js";
+const a = d("div", {
   shouldForwardProp: (r) => p(r)
 })(
-  ({ iconColor: r = a.colors.darkGreen, backgroundColor: n = a.colors.mint, size: o = 40 }) => ({
+  ({ iconColor: r = t.colors.darkGreen, backgroundColor: n = t.colors.mint, size: e = 40 }) => ({
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
     svg: {
       border: `1px solid ${r}`,
       backgroundColor: n,
       borderRadius: "50%",
       padding: "8px",
       fill: r,
-      width: `${o - 18}px`,
-      height: `${o - 18}px`,
+      width: `${e - 18}px`,
+      height: `${e - 18}px`,
       pointerEvents: "none"
     }
   })
-), m = t(c)({
+), m = d(c)({
   backgroundColor: "transparent",
   borderRadius: "50%",
   span: {
@@ -25,18 +28,18 @@ const d = t("div", {
   },
   "&:hover, :focus": {
     span: {
-      backgroundColor: a.colors.grayO44
+      backgroundColor: t.colors.grayO44
     }
   }
 }), x = ({
   icon: r,
   iconColor: n,
-  backgroundColor: o,
+  backgroundColor: e,
   size: l,
-  ...e
+  ...o
 }) => {
-  const s = { iconColor: n, backgroundColor: o, size: l };
-  return e != null && e.onClick ? /* @__PURE__ */ i(m, { ...e, children: /* @__PURE__ */ i(d, { ...s, children: r }) }) : /* @__PURE__ */ i(d, { ...s, children: r });
+  const s = { iconColor: n, backgroundColor: e, size: l };
+  return o != null && o.onClick ? /* @__PURE__ */ i(m, { ...o, children: /* @__PURE__ */ i(a, { ...s, children: r }) }) : /* @__PURE__ */ i(a, { ...s, children: r });
 };
 export {
   x as default

package/composite/InfoCard/InfoCard.js

@@ -9,7 +9,7 @@ const g = d("div")(({ padding: r, shadow: o }) => ({
     h3 {
       margin: 0;
       width: 100%;
-      font-size: 24px;
+      font-size: 28px;
     }
     font-family: 'Roboto', sans-serif;
     padding: ${r};

package/composite/WithLabel/WithLabel.js

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

package/package.json

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