jcicl 0.0.135 → 0.0.139

package/AppContainer/AppContainer.d.ts

@@ -5,9 +5,9 @@ import { IconProps } from '../../../../../../../../../src/components/base/Icon';
 import { TemplateThemeProps } from '../../../../../../../../../src/components/theme';
 type ReducedAppHeaderProps = Omit<AppHeaderProps, 'logoProps' | 'iconColor' | 'loggedIn' | 'themeProps'>;
 interface UserInfo {
-    name: string;
-    email: string;
-    avatar: React.ReactNode;
+    name?: string;
+    email?: string;
+    avatar?: React.ReactNode;
 }
 export interface AppContainerProps {
     navProps: Omit<NavProps, 'themeColors'>;

package/Button/Button.js

@@ -312,8 +312,8 @@ const to = (o) => {
     disableFocusRipple: C = !1,
     endIcon: h,
     focusVisibleClassName: V,
-    fullWidth: M = !1,
-    size: j = "medium",
+    fullWidth: j = !1,
+    size: M = "medium",
     startIcon: I,
     type: k,
     variant: F = "text",
@@ -325,8 +325,8 @@ const to = (o) => {
     disabled: m,
     disableElevation: W,
     disableFocusRipple: C,
-    fullWidth: M,
-    size: j,
+    fullWidth: j,
+    size: M,
     type: k,
     variant: F
   }, b = to(y), L = I && /* @__PURE__ */ l(ao, {
@@ -551,7 +551,9 @@ const B = c(T)`
     background-color: ${o ? r.colors.black : r.colors.white};
     height: 28px;
     border-radius: 18px;
-    padding: 0 29px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
     border: 2px solid ${o ? "transparent" : r.colors.black};
     color: ${o ? r.colors.white : r.colors.black};
     transition: 108ms all ease-in;

package/Search/Search.js

@@ -11,7 +11,7 @@ const k = m(/* @__PURE__ */ r("path", {
   d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
 }), "Search"), C = m(/* @__PURE__ */ r("path", {
   d: "M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z"
-}), "FilterList"), M = s("div")(() => ({
+}), "FilterList"), I = s("div")(() => ({
   ...l`
     position: relative;
     width: 100%;
@@ -19,7 +19,7 @@ const k = m(/* @__PURE__ */ r("path", {
     flex-direction: column;
     align-items: center;
   `
-})), R = s(y)(({ borderColor: o, borderFocusColor: i, shadowTertiary: a }) => ({
+})), M = s(y)(({ borderColor: o, borderFocusColor: i, shadowTertiary: a }) => ({
   backgroundColor: e.colors.white,
   borderRadius: "1rem",
   height: "2rem",
@@ -85,8 +85,13 @@ const k = m(/* @__PURE__ */ r("path", {
     fieldset: {
       border: "none"
     }
+  },
+  "&.searchIcon": {
+    svg: {
+      padding: "2px"
+    }
   }
-})), $ = s("div")(({ open: o }) => ({
+})), R = s("div")(({ open: o }) => ({
   ...l`
     box-sizing: border-box;
     position: absolute;
@@ -98,7 +103,7 @@ const k = m(/* @__PURE__ */ r("path", {
     gap: 1rem;
     background-color: ${e.colors.white};
     box-shadow: ${e.boxShadows.midnight};
-    padding: ${o ? "2rem 1rem" : 0};
+    padding: ${o ? "2rem 1rem 1rem 1rem" : 0};
     transition: 313ms all ease-in-out;
     display: grid;
     grid-template-rows: ${o ? "1fr" : "0fr"};
@@ -111,7 +116,7 @@ const k = m(/* @__PURE__ */ r("path", {
       width: calc(100% - 6px);
     }
   `
-})), F = s("div")(() => ({
+})), $ = s("div")(() => ({
   ...l`
     display: grid;
     grid-template-columns: repeat(3, 1fr);
@@ -148,9 +153,9 @@ const k = m(/* @__PURE__ */ r("path", {
   const [c, g] = S(!1), u = (n) => {
     n.preventDefault(), n.key === "Enter" && d && d();
   }, x = { borderColor: o, borderFocusColor: i, shadowTertiary: a, ...h }, b = t && t.length > 0;
-  return /* @__PURE__ */ v(M, { children: [
+  return /* @__PURE__ */ v(I, { children: [
     /* @__PURE__ */ r(
-      R,
+      M,
       {
         slotProps: {
           input: {
@@ -162,6 +167,7 @@ const k = m(/* @__PURE__ */ r("path", {
                 onClick: d,
                 color: i,
                 highlightColor: "transparent",
+                className: "searchIcon",
                 children: /* @__PURE__ */ r(k, {})
               }
             ),
@@ -183,7 +189,7 @@ const k = m(/* @__PURE__ */ r("path", {
         onKeyUp: u
       }
     ),
-    /* @__PURE__ */ r($, { open: c, children: /* @__PURE__ */ r(F, { className: "filtersWrapper", children: t == null ? void 0 : t.map(({ name: n, onClick: f, active: w }) => /* @__PURE__ */ r(p, { className: "filtersButton", variant: "filter", onClick: f, active: w, children: n }, n)) }) })
+    /* @__PURE__ */ r(R, { open: c, children: /* @__PURE__ */ r($, { className: "filtersWrapper", children: t == null ? void 0 : t.map(({ name: n, onClick: f, active: w }) => /* @__PURE__ */ r(p, { className: "filtersButton", variant: "filter", onClick: f, active: w, children: n }, n)) }) })
   ] });
 };
 export {

package/package.json

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