jcicl 0.0.335 → 0.0.337

package/CircularIconButton/CircularIconButton.d.ts

@@ -0,0 +1,14 @@
+import { ForwardRefExoticComponent } from 'react';
+import { LucideProps } from 'lucide-react';
+export type CircularIconButtonProps = CircularIconWrapperProps & {
+    icon: ForwardRefExoticComponent<Omit<LucideProps, 'ref'>>;
+    onClick: () => void;
+    size?: number;
+};
+interface CircularIconWrapperProps {
+    backgroundColor?: string;
+    color?: string;
+    size?: number;
+}
+declare const CircularIconButton: React.FC<CircularIconButtonProps>;
+export default CircularIconButton;

package/CircularIconButton/CircularIconButton.js

@@ -0,0 +1,42 @@
+import { jsx as e } from "react/jsx-runtime";
+import { n as c } from "../.chunks/emotion-styled.browser.esm.js";
+import { c as a } from "../.chunks/emotion-react.browser.esm.js";
+import n from "../theme.js";
+const l = c("div")(({ backgroundColor: t, size: r, color: o }) => ({
+  ...a`
+    background-color: ${t};
+    color: ${o};
+    border-radius: 50%;
+    width: ${r}px;
+    height: ${r}px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    transition: all 0.21s ease;
+    transform: scale(1);
+
+    &:hover {
+      filter: brightness(92%);
+      transform: scale(1.1);
+    }
+  `
+})), d = ({
+  color: t = n.colors.white,
+  backgroundColor: r = n.colors.green,
+  size: o = 20,
+  onClick: s,
+  icon: i
+}) => /* @__PURE__ */ e(
+  l,
+  {
+    color: t,
+    backgroundColor: r,
+    size: o * 1.2,
+    onClick: s,
+    children: /* @__PURE__ */ e(i, { size: o * 0.8 })
+  }
+);
+export {
+  d as default
+};

package/CircularIconButton/index.d.ts

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

package/CircularIconButton/index.js

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

package/Pill/Pill.d.ts

@@ -0,0 +1,8 @@
+export interface PillProps {
+    backgroundColor?: string;
+    textColor?: string;
+}
+export declare const Pill: React.FC<PillProps & {
+    children: React.ReactNode;
+}>;
+export default Pill;

package/Pill/Pill.js

@@ -0,0 +1,24 @@
+import { jsx as s } from "react/jsx-runtime";
+import { n as l } from "../.chunks/emotion-styled.browser.esm.js";
+import { c } from "../.chunks/emotion-react.browser.esm.js";
+import o from "../theme.js";
+const i = l("span")(
+  ({ backgroundColor: r = o.colors.whiteGreen, textColor: t = o.colors.darkGreen }) => ({
+    ...c`
+      font-family: ${o.fonts.roboto};
+      font-size: 13px;
+      font-weight: 500;
+      color: ${t};
+      background-color: ${r};
+      padding: 3px 13px;
+      border-radius: 21px;
+    `
+  })
+), m = (r) => {
+  const { backgroundColor: t = o.colors.green, textColor: e = o.colors.white, children: n } = r;
+  return /* @__PURE__ */ s(i, { backgroundColor: t, textColor: e, children: n });
+};
+export {
+  m as Pill,
+  m as default
+};

package/Pill/index.d.ts

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

package/Pill/index.js

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

package/package.json

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