jcicl 0.0.130 → 0.0.133

package/theme.d.ts

@@ -15,6 +15,7 @@ export interface ThemeColors {
     darkGreenO22: string;
     darkGreenO99: string;
     darkRed: string;
+    emerald: string;
     gold: string;
     gold2: string;
     gray: string;
@@ -26,10 +27,14 @@ export interface ThemeColors {
     lightRed: string;
     lovemist: string;
     maroon: string;
+    medina: string;
     midnight: string;
     mint: string;
+    moss: string;
     ocean: string;
+    oldPaper: string;
     purple: string;
+    qalb: string;
     sage: string;
     sky: string;
     sunlight: string;
@@ -71,6 +76,7 @@ export interface TemplateThemeProps {
     backgroundPrimary: string;
     backgroundSecondary: string;
     backgroundTertiary: string;
+    backgroundQuaternary?: string;
     borderPrimary: string;
     highlightPrimary: string;
     highlightSecondary: string;

package/theme.js

@@ -20,6 +20,7 @@ const a = {
     darkGreenO22: "#005c0022",
     darkGreenO99: "#005c0099",
     darkRed: "#800000",
+    emerald: "#004d24",
     gold: "#fab62d",
     gold2: "#fcba03",
     gray: "#727272",
@@ -31,10 +32,14 @@ const a = {
     lightRed: "#eda4a4",
     lovemist: "#90c5f7",
     maroon: "#5c0000",
+    medina: "#004721",
     midnight: "#131313",
     mint: "#a4edb4",
+    moss: "#cafad7",
     ocean: "#279fcf",
+    oldPaper: "#f4f0e8",
     purple: "#920092",
+    qalb: "#c90909",
     sage: "#bdd5c1",
     sky: "#b3e0f2",
     sunlight: "#faf9e8",

package/Avatar/Avatar.d.ts

@@ -1,8 +0,0 @@
-import { ButtonBaseProps } from '@mui/material/ButtonBase/ButtonBase';
-export interface AvatarProps {
-    avatarColor?: string;
-    backgroundColor?: string;
-    size?: number;
-}
-declare const Avatar: React.FC<AvatarProps & ButtonBaseProps>;
-export default Avatar;

package/Avatar/Avatar.js

@@ -1,38 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c } from "../.chunks/createSvgIcon.js";
-import { B as d } from "../.chunks/ButtonBase.js";
-import t from "../theme.js";
-import { n as a, i as l } from "../.chunks/emotion-styled.browser.esm.js";
-const m = c(/* @__PURE__ */ i("path", {
-  d: "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4m0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4"
-}), "PersonOutlineOutlined"), s = a(m, {
-  shouldForwardProp: (r) => l(r)
-})(({ avatarColor: r = t.colors.darkGreen, backgroundColor: o = t.colors.mint, size: e = 40 }) => ({
-  border: `1px solid ${r}`,
-  backgroundColor: o,
-  borderRadius: "50%",
-  padding: "8px",
-  fill: r,
-  width: `${e - 18}px`,
-  height: `${e - 18}px`,
-  pointerEvents: "none"
-})), p = a(d)({
-  backgroundColor: "transparent",
-  borderRadius: "50%",
-  span: {
-    transition: "313ms all ease-in-out"
-  },
-  "&:hover, :focus-visible": {
-    span: {
-      backgroundColor: t.colors.grayO44
-    }
-  }
-}), g = ({
-  avatarColor: r,
-  backgroundColor: o,
-  size: e,
-  ...n
-}) => n != null && n.onClick ? /* @__PURE__ */ i(p, { ...n, children: /* @__PURE__ */ i(s, { avatarColor: r, backgroundColor: o, size: e }) }) : /* @__PURE__ */ i(s, { avatarColor: r, backgroundColor: o, size: e });
-export {
-  g as default
-};

package/Avatar/index.d.ts

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

package/Avatar/index.js

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