jcicl 0.0.128 → 0.0.132
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.chunks/DefaultPropsProvider.js +439 -439
- package/.chunks/Portal.js +42 -42
- package/.chunks/{Input.js → TextField.js} +708 -794
- package/.chunks/TransitionGroupContext.js +6 -7
- package/AppContainer/AppContainer.d.ts +10 -3
- package/AppContainer/AppContainer.js +487 -480
- package/AppHeader/AppHeader.d.ts +5 -2
- package/AppHeader/AppHeader.js +95 -75
- package/Button/Button.d.ts +1 -1
- package/Button/Button.js +177 -138
- package/EditableInfoCard/EditableInfoCard.js +1 -1
- package/Icon/Icon.d.ts +1 -0
- package/Icon/Icon.js +22 -18
- package/Input/Input.d.ts +0 -3
- package/Input/Input.js +41 -6
- package/Input/index.js +2 -2
- package/LabeledInput/LabeledInput.js +4 -4
- package/ListButton/ListButton.d.ts +1 -1
- package/README.md +106 -106
- package/Search/Search.d.ts +15 -0
- package/Search/Search.js +128 -0
- package/Search/index.d.ts +1 -0
- package/Search/index.js +4 -0
- package/animation/Pulse/Pulse.d.ts +11 -0
- package/animation/Pulse/Pulse.js +58 -0
- package/animation/Pulse/index.d.ts +1 -0
- package/animation/Pulse/index.js +4 -0
- package/index.d.ts +0 -1
- package/index.js +48 -50
- package/package.json +1 -1
- package/theme.d.ts +12 -4
- package/theme.js +9 -2
- package/Avatar/Avatar.d.ts +0 -8
- package/Avatar/Avatar.js +0 -38
- package/Avatar/index.d.ts +0 -1
- package/Avatar/index.js +0 -4
package/theme.js
CHANGED
|
@@ -4,6 +4,8 @@ const a = {
|
|
|
4
4
|
},
|
|
5
5
|
boxShadows: {},
|
|
6
6
|
colors: {
|
|
7
|
+
bibiBlue: "#009dde",
|
|
8
|
+
bibiBlueHover: "#0088c0",
|
|
7
9
|
black: "black",
|
|
8
10
|
blue: "#1976d2",
|
|
9
11
|
burgundy: "#920920",
|
|
@@ -18,6 +20,7 @@ const a = {
|
|
|
18
20
|
darkGreenO22: "#005c0022",
|
|
19
21
|
darkGreenO99: "#005c0099",
|
|
20
22
|
darkRed: "#800000",
|
|
23
|
+
emerald: "#004d24",
|
|
21
24
|
gold: "#fab62d",
|
|
22
25
|
gold2: "#fcba03",
|
|
23
26
|
gray: "#727272",
|
|
@@ -29,10 +32,14 @@ const a = {
|
|
|
29
32
|
lightRed: "#eda4a4",
|
|
30
33
|
lovemist: "#90c5f7",
|
|
31
34
|
maroon: "#5c0000",
|
|
35
|
+
medina: "#004721",
|
|
32
36
|
midnight: "#131313",
|
|
33
37
|
mint: "#a4edb4",
|
|
38
|
+
moss: "#cafad7",
|
|
34
39
|
ocean: "#279fcf",
|
|
40
|
+
oldPaper: "#f4f0e8",
|
|
35
41
|
purple: "#920092",
|
|
42
|
+
qalb: "#c90909",
|
|
36
43
|
sage: "#bdd5c1",
|
|
37
44
|
sky: "#b3e0f2",
|
|
38
45
|
sunlight: "#faf9e8",
|
|
@@ -68,8 +75,8 @@ a.boxShadows = {
|
|
|
68
75
|
`0 0 2px 1px ${a.colors[e]}`
|
|
69
76
|
])
|
|
70
77
|
),
|
|
71
|
-
|
|
72
|
-
|
|
78
|
+
black63: "0px 0px 2px 1px rgba(0, 0, 0, 0.63)",
|
|
79
|
+
gray63: "0px 0px 2px 1px rgba(100, 100, 100, 0.63)"
|
|
73
80
|
};
|
|
74
81
|
export {
|
|
75
82
|
a as default
|
package/Avatar/Avatar.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { ButtonBaseProps } from '@mui/material/ButtonBase/ButtonBase';
|
|
2
|
-
export interface AvatarProps {
|
|
3
|
-
avatarColor?: string;
|
|
4
|
-
backgroundColor?: string;
|
|
5
|
-
size?: number;
|
|
6
|
-
}
|
|
7
|
-
declare const Avatar: React.FC<AvatarProps & ButtonBaseProps>;
|
|
8
|
-
export default Avatar;
|
package/Avatar/Avatar.js
DELETED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import { c } from "../.chunks/createSvgIcon.js";
|
|
3
|
-
import { B as d } from "../.chunks/ButtonBase.js";
|
|
4
|
-
import t from "../theme.js";
|
|
5
|
-
import { n as a, i as l } from "../.chunks/emotion-styled.browser.esm.js";
|
|
6
|
-
const m = c(/* @__PURE__ */ i("path", {
|
|
7
|
-
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"
|
|
8
|
-
}), "PersonOutlineOutlined"), s = a(m, {
|
|
9
|
-
shouldForwardProp: (r) => l(r)
|
|
10
|
-
})(({ avatarColor: r = t.colors.darkGreen, backgroundColor: o = t.colors.mint, size: e = 40 }) => ({
|
|
11
|
-
border: `1px solid ${r}`,
|
|
12
|
-
backgroundColor: o,
|
|
13
|
-
borderRadius: "50%",
|
|
14
|
-
padding: "8px",
|
|
15
|
-
fill: r,
|
|
16
|
-
width: `${e - 18}px`,
|
|
17
|
-
height: `${e - 18}px`,
|
|
18
|
-
pointerEvents: "none"
|
|
19
|
-
})), p = a(d)({
|
|
20
|
-
backgroundColor: "transparent",
|
|
21
|
-
borderRadius: "50%",
|
|
22
|
-
span: {
|
|
23
|
-
transition: "313ms all ease-in-out"
|
|
24
|
-
},
|
|
25
|
-
"&:hover, :focus-visible": {
|
|
26
|
-
span: {
|
|
27
|
-
backgroundColor: t.colors.grayO44
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
}), g = ({
|
|
31
|
-
avatarColor: r,
|
|
32
|
-
backgroundColor: o,
|
|
33
|
-
size: e,
|
|
34
|
-
...n
|
|
35
|
-
}) => 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 });
|
|
36
|
-
export {
|
|
37
|
-
g as default
|
|
38
|
-
};
|
package/Avatar/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default, type AvatarProps } from './Avatar';
|
package/Avatar/index.js
DELETED