jcicl 0.0.130 → 0.0.133

package/EditableInfoCard/EditableInfoCard.js

@@ -11,7 +11,7 @@ import L from "../Loading/Loading.js";
 import M from "../WithLoading/WithLoading.js";
 import { Flex as f } from "../Flex/Flex.js";
 import { Tooltip as x } from "../Tooltip/Tooltip.js";
-import { T as _ } from "../.chunks/Input.js";
+import { T as _ } from "../.chunks/TextField.js";
 import { B as oo } from "../.chunks/ButtonBase.js";
 const eo = j(/* @__PURE__ */ o("path", {
   d: "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z"

package/Flex/Flex.js

@@ -1,24 +1,25 @@
-import { jsx as d } from "react/jsx-runtime";
-import { n as p, i as m } from "../.chunks/emotion-styled.browser.esm.js";
-const w = p("div", {
+import { jsx as x } from "react/jsx-runtime";
+import { n as d, i as m } from "../.chunks/emotion-styled.browser.esm.js";
+const p = d("div", {
   shouldForwardProp: (o) => m(o) && typeof o == "string" && o !== "wrap"
 })(
-  ({ column: o, alignItems: r, justifyContent: a, wrap: t, width: e, height: i, styles: n, padding: s, gap: l, placeContent: f }) => ({
+  ({ column: o, alignItems: r, justifyContent: a, wrap: e, width: i, height: s, styles: n, padding: t, gap: l, placeContent: f }) => ({
+    boxSizing: "border-box",
     display: "flex",
     flexDirection: o ? "column" : "row",
-    flexWrap: t ? "wrap" : "nowrap",
+    flexWrap: e ? "wrap" : "nowrap",
     alignItems: r,
     justifyContent: a,
     placeContent: f,
-    width: e,
-    height: i,
+    width: i,
+    height: s,
     gap: l,
-    padding: s,
+    padding: t,
     fontFamily: "Roboto, sans-serif",
     ...n
   })
-), u = ({ children: o, ...r }) => /* @__PURE__ */ d(w, { ...r, children: o });
+), b = ({ children: o, ...r }) => /* @__PURE__ */ x(p, { className: "jcFlex", ...r, children: o });
 export {
-  u as Flex,
-  u as default
+  b as Flex,
+  b as default
 };

package/Icon/Icon.d.ts

@@ -4,6 +4,7 @@ export interface IconProps {
     iconColor?: string;
     backgroundColor?: string;
     size?: number;
+    padding?: number;
 }
 declare const Icon: React.FC<IconProps & ButtonBaseProps>;
 export default Icon;

package/Icon/Icon.js

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

package/Input/Input.d.ts

@@ -1,8 +1,5 @@
 import { TextFieldProps as MuiTextFieldProps } from '@mui/material/TextField';
 export type InputProps = Omit<MuiTextFieldProps, 'variant'> & {
-    variant?: 'outlined' | 'simple';
-    shadowTertiary?: string;
-    borderColor?: string;
     borderFocusColor?: string;
 };
 export declare const Input: React.FC<InputProps>;

package/Input/Input.js

@@ -1,8 +1,43 @@
-import "react/jsx-runtime";
-import "../.chunks/emotion-styled.browser.esm.js";
-import "../theme.js";
-import { I as a, I as i } from "../.chunks/Input.js";
+import { jsx as i } from "react/jsx-runtime";
+import { n as t } from "../.chunks/emotion-styled.browser.esm.js";
+import r from "../theme.js";
+import { T as d } from "../.chunks/TextField.js";
+const s = t(d, {
+  shouldForwardProp: (o) => o != "borderFocusColor"
+})(({ borderFocusColor: o }) => ({
+  backgroundColor: r.colors.white,
+  borderRadius: "0",
+  height: "18px",
+  input: {
+    transition: "313ms all ease-out",
+    height: "15px",
+    padding: "2px 0",
+    borderRadius: "0",
+    borderBottom: `1px solid ${r.colors.gray}`,
+    "&:focus-visible": {
+      boxShadow: `0 3px 2px -2px ${o}`
+    }
+  },
+  "&:hover, :focus-visible": {
+    input: {
+      boxShadow: `0 3px 2px -2px ${o}`
+    }
+  },
+  fieldset: {
+    borderRadius: "0",
+    border: "none"
+  },
+  "&.Mui-focused": {
+    fieldset: {
+      border: "none"
+    }
+  }
+})), x = ({
+  borderFocusColor: o = r.colors.darkGreen,
+  // icon primary
+  ...e
+}) => /* @__PURE__ */ i(s, { borderFocusColor: o, ...e });
 export {
-  a as Input,
-  i as default
+  x as Input,
+  x as default
 };

package/Input/index.js

@@ -1,4 +1,4 @@
-import { I as f } from "../.chunks/Input.js";
+import { Input as e } from "./Input.js";
 export {
-  f as default
+  e as default
 };

package/LabeledInput/LabeledInput.js

@@ -1,7 +1,7 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { jsxs as e, jsx as a } from "react/jsx-runtime";
 import { n as p } from "../.chunks/emotion-styled.browser.esm.js";
 import { c as s } from "../.chunks/emotion-react.browser.esm.js";
-import { I as i } from "../.chunks/Input.js";
+import { Input as i } from "../Input/Input.js";
 const n = p("div")(({ grid: t }) => ({
   ...s`
     display: flex;
@@ -23,12 +23,12 @@ const n = p("div")(({ grid: t }) => ({
       width: ${t && "calc(100% + 4px)"};
     }
   `
-})), c = ({ label: t, grid: a = !0, ...o }) => /* @__PURE__ */ e(n, { grid: a, children: [
+})), c = ({ label: t, grid: o = !0, ...r }) => /* @__PURE__ */ e(n, { grid: o, children: [
   /* @__PURE__ */ e("span", { children: [
     t,
     ":"
   ] }),
-  /* @__PURE__ */ r(i, { variant: "simple", ...o })
+  /* @__PURE__ */ a(i, { ...r })
 ] });
 export {
   c as LabeledInput,

package/ListButton/ListButton.d.ts

@@ -5,7 +5,7 @@ export interface ListButtonProps extends ButtonBaseProps {
     active?: boolean;
     activeStyles?: CSSProperties;
 }
-declare const ListButton: import('@emotion/styled').StyledComponent<import('@mui/material').ButtonBaseOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "className" | "classes" | "children" | "sx" | "tabIndex" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & {
+declare const ListButton: import('@emotion/styled').StyledComponent<import('@mui/material').ButtonBaseOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "className" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef"> & {
     theme?: import('@emotion/react').Theme;
 } & ListButtonProps, {}, {}>;
 export default ListButton;

package/Search/Search.d.ts

@@ -0,0 +1,15 @@
+import { TextFieldProps as MuiTextFieldProps } from '@mui/material/TextField';
+export type SearchFilterProps = {
+    name: string;
+    onClick: () => void;
+    active?: boolean;
+};
+export type SearchProps = Omit<MuiTextFieldProps, 'variant'> & {
+    shadowTertiary?: string;
+    borderColor?: string;
+    borderFocusColor?: string;
+    onSearch: () => void;
+    filters?: SearchFilterProps[];
+};
+export declare const Search: React.FC<SearchProps>;
+export default Search;

package/Search/Search.js

@@ -0,0 +1,192 @@
+import { jsx as r, jsxs as v } from "react/jsx-runtime";
+import { useState as S } from "react";
+import { n as s } from "../.chunks/emotion-styled.browser.esm.js";
+import { c as l } from "../.chunks/emotion-react.browser.esm.js";
+import e from "../theme.js";
+import z from "../Icon/Icon.js";
+import { Button as p } from "../Button/Button.js";
+import { c as m } from "../.chunks/createSvgIcon.js";
+import { T as y } from "../.chunks/TextField.js";
+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")(() => ({
+  ...l`
+    position: relative;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  `
+})), R = s(y)(({ borderColor: o, borderFocusColor: i, shadowTertiary: a }) => ({
+  backgroundColor: e.colors.white,
+  borderRadius: "1rem",
+  height: "2rem",
+  border: `1px solid ${o}`,
+  transition: "313ms all ease-out",
+  zIndex: 1327,
+  ".MuiInputBase-root": {
+    padding: "0 2px"
+  },
+  svg: {
+    border: "none !important",
+    transition: "313ms all ease-out",
+    borderRadius: "50%",
+    boxSizing: "border-box"
+  },
+  ".jcButton": {
+    marginRight: "2px",
+    svg: {
+      padding: "2px"
+    },
+    "&:hover": {
+      svg: {
+        boxShadow: `0 0 2px ${e.colors.midnight}`
+      }
+    }
+  },
+  button: {
+    borderRadius: "50%",
+    "&:hover": {
+      svg: {
+        backgroundColor: i,
+        fill: e.colors.white
+      },
+      ".MuiTouchRipple-root": {
+        backgroundColor: "transparent"
+      }
+    }
+  },
+  input: {
+    boxSizing: "border-box",
+    padding: 0,
+    paddingRight: "4px",
+    transition: "313ms all ease-out",
+    height: "2rem",
+    borderRadius: "1rem",
+    boxShadow: "0 0 0 0",
+    display: "flex",
+    alignItems: "center"
+  },
+  "&:hover, :focus-visible, :focus-within": {
+    borderColor: i,
+    boxShadow: a
+  },
+  "&:focus-visible": {
+    borderColor: o,
+    borderWidth: "2px"
+  },
+  fieldset: {
+    borderRadius: "1rem",
+    border: "none"
+  },
+  "&.Mui-focused": {
+    fieldset: {
+      border: "none"
+    }
+  }
+})), $ = s("div")(({ open: o }) => ({
+  ...l`
+    box-sizing: border-box;
+    position: absolute;
+    width: calc(50%);
+    top: 1rem;
+    right: 3px;
+    z-index: 1313;
+    display: flex;
+    gap: 1rem;
+    background-color: ${e.colors.white};
+    box-shadow: ${e.boxShadows.midnight};
+    padding: ${o ? "2rem 1rem" : 0};
+    transition: 313ms all ease-in-out;
+    display: grid;
+    grid-template-rows: ${o ? "1fr" : "0fr"};
+
+    .filtersWrapper {
+      overflow: hidden;
+    }
+
+    @media screen and (max-width: ${e.screenSizes.tablet}) {
+      width: calc(100% - 6px);
+    }
+  `
+})), F = s("div")(() => ({
+  ...l`
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    grid-row-gap: 1.3rem;
+    grid-column-gap: 1.3rem;
+    justify-content: center;
+    box-sizing: border-box;
+    width: 100%;
+
+    @media screen and (max-width: ${e.screenSizes.tablet}) {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+    }
+
+    @media screen and (max-width: 786px) {
+      grid-template-columns: repeat(1, 1fr);
+    }
+
+    .filtersButton {
+      width: 100%;
+      justify-self: center;
+    }
+  `
+})), P = ({
+  borderColor: o = e.colors.green,
+  // border primary
+  borderFocusColor: i = e.colors.darkGreen,
+  // icon primary
+  shadowTertiary: a = e.boxShadows.darkGreenThick,
+  filters: t,
+  onSearch: d,
+  ...h
+}) => {
+  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: [
+    /* @__PURE__ */ r(
+      R,
+      {
+        slotProps: {
+          input: {
+            startAdornment: /* @__PURE__ */ r(
+              p,
+              {
+                variant: "icon",
+                size: 28,
+                onClick: d,
+                color: i,
+                highlightColor: "transparent",
+                children: /* @__PURE__ */ r(k, {})
+              }
+            ),
+            endAdornment: b && /* @__PURE__ */ r(
+              z,
+              {
+                onClick: () => g(!c),
+                icon: /* @__PURE__ */ r(C, {}),
+                backgroundColor: o,
+                iconColor: e.colors.white,
+                size: 28,
+                padding: 3
+              }
+            )
+          }
+        },
+        type: "search",
+        ...x,
+        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)) }) })
+  ] });
+};
+export {
+  P as Search,
+  P as default
+};

package/Search/index.d.ts

@@ -0,0 +1 @@
+export { default, type SearchProps, type SearchFilterProps } from './Search';

package/Search/index.js

@@ -0,0 +1,4 @@
+import { Search as r } from "./Search.js";
+export {
+  r as default
+};

package/animation/Pulse/Pulse.d.ts

@@ -0,0 +1,11 @@
+export interface PulseContainerProps {
+    color: string;
+    size: number;
+    duration: number;
+    growth: number;
+}
+export type PulseProps = Partial<PulseContainerProps> & {
+    frequency?: number;
+};
+declare const Pulse: React.FC<PulseProps>;
+export default Pulse;

package/animation/Pulse/Pulse.js

@@ -0,0 +1,58 @@
+import { jsx as i } from "react/jsx-runtime";
+import { n as p } from "../../.chunks/emotion-styled.browser.esm.js";
+import { c as l } from "../../.chunks/emotion-react.browser.esm.js";
+import d from "../../theme.js";
+const c = p("div")(({ color: o, size: r, duration: a, growth: t }) => ({
+  ...l`
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+    position: relative;
+    width: ${r}px;
+    height: ${r}px;
+    background-color: ${o};
+    border-radius: 50%;
+
+    span {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      background: transparent;
+      border: 1px solid ${o};
+      border-radius: 50%;
+      animation: pulse ${a}s linear infinite;
+      animation-delay: calc(var(--i) * 0.5s);
+    }
+
+    @keyframes pulse {
+      0% {
+        width: ${r}px;
+        height: ${r}px;
+        opacity: 1;
+      }
+      50% {
+        opacity: 1;
+      }
+      100% {
+        width: ${r * t}px;
+        height: ${r * t}px;
+        opacity: 0;
+      }
+    }
+  `
+})), $ = ({
+  color: o = d.colors.qalb,
+  size: r = 12,
+  frequency: a = 4,
+  duration: t = 2,
+  growth: n = 6.3
+}) => {
+  const e = Array(a).fill(0).map((u, s) => /* @__PURE__ */ i("span", { style: { "--i": s } }));
+  return /* @__PURE__ */ i(c, { ...{ color: o, size: r, duration: t, growth: n }, children: e });
+};
+export {
+  $ as default
+};

package/animation/Pulse/index.d.ts

@@ -0,0 +1 @@
+export { default, type PulseProps } from './Pulse';

package/animation/Pulse/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./Pulse.js";
+export {
+  o as default
+};

package/index.d.ts

@@ -1,4 +1,3 @@
-export { default as Avatar } from './Avatar';
 export { default as AvatarWithImage } from './AvatarWithImage';
 export { default as Button } from './Button';
 export { default as Divider } from './Divider';

package/index.js

@@ -1,52 +1,50 @@
-import { default as t } from "./Avatar/Avatar.js";
-import { AvatarWithImage as a } from "./AvatarWithImage/AvatarWithImage.js";
-import { Button as p } from "./Button/Button.js";
-import { Divider as x } from "./Divider/Divider.js";
-import { Flex as l } from "./Flex/Flex.js";
-import { Grid as i } from "./Grid/Grid.js";
-import { default as s } from "./Icon/Icon.js";
-import { I } from "./.chunks/Input.js";
-import { LabeledValue as b } from "./LabeledValue/LabeledValue.js";
-import { default as g } from "./ListButton/ListButton.js";
-import { default as C } from "./Loading/Loading.js";
-import { default as B } from "./ScrollContainer/ScrollContainer.js";
-import { Accordion as E } from "./Accordion/Accordion.js";
-import { default as D } from "./ErrorBoundary/ErrorBoundary.js";
-import { InfoCard as G } from "./InfoCard/InfoCard.js";
-import { LabeledInput as N } from "./LabeledInput/LabeledInput.js";
-import { default as T } from "./List/List.js";
-import { default as j } from "./LogoLoop/LogoLoop.js";
-import { Tooltip as q } from "./Tooltip/Tooltip.js";
-import { default as z } from "./WithLabel/WithLabel.js";
-import { default as K } from "./WithLoading/WithLoading.js";
-import { default as O } from "./AppHeader/AppHeader.js";
-import { EditableInfoCard as Q } from "./EditableInfoCard/EditableInfoCard.js";
-import { Nav as U } from "./Nav/Nav.js";
-import { default as Y } from "./AppContainer/AppContainer.js";
+import { AvatarWithImage as t } from "./AvatarWithImage/AvatarWithImage.js";
+import { Button as a } from "./Button/Button.js";
+import { Divider as p } from "./Divider/Divider.js";
+import { Flex as x } from "./Flex/Flex.js";
+import { Grid as l } from "./Grid/Grid.js";
+import { default as i } from "./Icon/Icon.js";
+import { Input as s } from "./Input/Input.js";
+import { LabeledValue as I } from "./LabeledValue/LabeledValue.js";
+import { default as c } from "./ListButton/ListButton.js";
+import { default as A } from "./Loading/Loading.js";
+import { default as h } from "./ScrollContainer/ScrollContainer.js";
+import { Accordion as B } from "./Accordion/Accordion.js";
+import { default as E } from "./ErrorBoundary/ErrorBoundary.js";
+import { InfoCard as D } from "./InfoCard/InfoCard.js";
+import { LabeledInput as G } from "./LabeledInput/LabeledInput.js";
+import { default as N } from "./List/List.js";
+import { default as T } from "./LogoLoop/LogoLoop.js";
+import { Tooltip as j } from "./Tooltip/Tooltip.js";
+import { default as q } from "./WithLabel/WithLabel.js";
+import { default as z } from "./WithLoading/WithLoading.js";
+import { default as K } from "./AppHeader/AppHeader.js";
+import { EditableInfoCard as O } from "./EditableInfoCard/EditableInfoCard.js";
+import { Nav as Q } from "./Nav/Nav.js";
+import { default as U } from "./AppContainer/AppContainer.js";
 export {
-  E as Accordion,
-  Y as AppContainer,
-  O as AppHeader,
-  t as Avatar,
-  a as AvatarWithImage,
-  p as Button,
-  x as Divider,
-  Q as EditableInfoCard,
-  D as ErrorBoundary,
-  l as Flex,
-  i as Grid,
-  s as Icon,
-  G as InfoCard,
-  I as Input,
-  N as LabeledInput,
-  b as LabeledValue,
-  T as List,
-  g as ListButton,
-  C as Loading,
-  j as LogoLoop,
-  U as Nav,
-  B as ScrollContainer,
-  q as Tooltip,
-  z as WithLabel,
-  K as WithLoading
+  B as Accordion,
+  U as AppContainer,
+  K as AppHeader,
+  t as AvatarWithImage,
+  a as Button,
+  p as Divider,
+  O as EditableInfoCard,
+  E as ErrorBoundary,
+  x as Flex,
+  l as Grid,
+  i as Icon,
+  D as InfoCard,
+  s as Input,
+  G as LabeledInput,
+  I as LabeledValue,
+  N as List,
+  c as ListButton,
+  A as Loading,
+  T as LogoLoop,
+  Q as Nav,
+  h as ScrollContainer,
+  j as Tooltip,
+  q as WithLabel,
+  z as WithLoading
 };

package/package.json

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