@loopr-ai/craft 0.8.3 → 0.10.0
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/dist/Box-96e795c4.js +58 -0
- package/dist/{ButtonBase-08b16b61.js → ButtonBase-46c20f20.js} +3 -3
- package/dist/{TextField-f61d210a.js → TextField-df89b641.js} +373 -387
- package/dist/{TransitionGroupContext-0e899f4c.js → TransitionGroupContext-21923db7.js} +1 -1
- package/dist/ZoomControllers-657c8b74.js +3383 -0
- package/dist/components/cell/AvatarGroup/index.js +3 -3
- package/dist/components/cell/Button/index.js +3 -3
- package/dist/components/cell/Chip/index.js +5 -5
- package/dist/components/cell/ProgressBar/index.js +3 -3
- package/dist/components/cell/Search/index.js +2 -2
- package/dist/components/cell/Typography/index.js +1 -1
- package/dist/components/organ/Form/ErrorMessage/ErrorMessage.styles.d.ts +14 -0
- package/dist/components/organ/Form/ErrorMessage/ErrorMessage.styles.js +16 -0
- package/dist/components/organ/Form/ErrorMessage/index.d.ts +6 -0
- package/dist/components/organ/Form/ErrorMessage/index.js +14 -0
- package/dist/components/organ/Form/Form.interfaces.d.ts +4 -2
- package/dist/components/organ/Form/Form.styles.d.ts +6 -99
- package/dist/components/organ/Form/Form.styles.js +8 -102
- package/dist/components/organ/Form/FormInput.d.ts +1 -0
- package/dist/components/organ/Form/FormInput.js +57 -1525
- package/dist/components/organ/Form/Label/Label.styles.d.ts +14 -0
- package/dist/components/organ/Form/Label/Label.styles.js +16 -0
- package/dist/components/organ/Form/Label/index.d.ts +10 -0
- package/dist/components/organ/Form/Label/index.js +17 -0
- package/dist/components/organ/Form/RadioInput/RadioInput.styles.d.ts +17 -0
- package/dist/components/organ/Form/RadioInput/RadioInput.styles.js +20 -0
- package/dist/components/organ/Form/RadioInput/index.d.ts +16 -0
- package/dist/components/organ/Form/RadioInput/index.js +1053 -0
- package/dist/components/organ/Form/TextfieldInput/TextfieldInput.styles.d.ts +75 -0
- package/dist/components/organ/Form/TextfieldInput/TextfieldInput.styles.js +66 -0
- package/dist/components/organ/Form/TextfieldInput/index.d.ts +24 -0
- package/dist/components/organ/Form/TextfieldInput/index.js +536 -0
- package/dist/components/organ/Form/index.d.ts +3 -1
- package/dist/components/organ/Form/index.js +139 -149
- package/dist/components/organ/ZoomControlWithDrag/ZoomControllers.js +2 -2
- package/dist/components/organ/ZoomControlWithDrag/index.js +2 -2
- package/dist/{createSvgIcon-45340b5e.js → createSvgIcon-59e7bc15.js} +3195 -3245
- package/dist/{createSvgIcon-5aac746d.js → createSvgIcon-b444ce70.js} +5 -5
- package/dist/{createTheme-759a022d.js → createTheme-d2329909.js} +4 -4
- package/dist/dividerClasses-9354a5c9.js +10 -0
- package/dist/{exactProp-23d6a154.js → exactProp-3ee21234.js} +1 -1
- package/dist/{extendSxProp-cf8fd923.js → extendSxProp-f6cb682b.js} +1 -1
- package/dist/global/colors.d.ts +1 -0
- package/dist/global/colors.js +5 -4
- package/dist/global/theme.js +1 -1
- package/dist/{index-c9c32237.js → index-ae3eb123.js} +8 -8
- package/dist/main.js +1 -1
- package/dist/providers/CraftThemeProvider.js +2 -2
- package/dist/{styled-78608e1f.js → styled-8f7db30d.js} +39 -39
- package/dist/useControlled-4e337b2f.js +54 -0
- package/dist/useFormControl-b25c5813.js +19 -0
- package/dist/{useTheme-8906bd79.js → useTheme-21caf71b.js} +1 -1
- package/package.json +1 -1
- package/dist/Tooltip-e797a425.js +0 -2022
- package/dist/ZoomControllers-d04c25f8.js +0 -1432
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
declare const labelStyles: {
|
|
2
|
+
labelAdornmentBox: {
|
|
3
|
+
display: string;
|
|
4
|
+
alignItems: string;
|
|
5
|
+
gap: string;
|
|
6
|
+
};
|
|
7
|
+
label: {
|
|
8
|
+
fontSize: string;
|
|
9
|
+
display: string;
|
|
10
|
+
marginBottom: string;
|
|
11
|
+
fontFamily: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export default labelStyles;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
const e = {
|
|
2
|
+
labelAdornmentBox: {
|
|
3
|
+
display: "flex",
|
|
4
|
+
alignItems: "center",
|
|
5
|
+
gap: "0.5rem"
|
|
6
|
+
},
|
|
7
|
+
label: {
|
|
8
|
+
fontSize: "0.875rem",
|
|
9
|
+
display: "block",
|
|
10
|
+
marginBottom: "0.5rem",
|
|
11
|
+
fontFamily: "DM Sans, sans-serif"
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
export {
|
|
15
|
+
e as default
|
|
16
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { CraftFC } from "../../../../global/interfaces";
|
|
2
|
+
import { InputAdornments } from "../Form.interfaces";
|
|
3
|
+
interface LabelProps {
|
|
4
|
+
name: string;
|
|
5
|
+
label: string;
|
|
6
|
+
required?: boolean;
|
|
7
|
+
inputAdornments?: InputAdornments;
|
|
8
|
+
}
|
|
9
|
+
declare const Label: CraftFC<LabelProps>;
|
|
10
|
+
export default Label;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsxs as y, jsx as b } from "react/jsx-runtime";
|
|
2
|
+
import { T as f } from "../../../../index-ae3eb123.js";
|
|
3
|
+
import a from "./Label.styles.js";
|
|
4
|
+
import { B as c } from "../../../../Box-96e795c4.js";
|
|
5
|
+
const T = ({
|
|
6
|
+
name: L,
|
|
7
|
+
label: x,
|
|
8
|
+
required: h,
|
|
9
|
+
inputAdornments: l
|
|
10
|
+
}) => /* @__PURE__ */ y(c, { sx: a.labelAdornmentBox, children: [
|
|
11
|
+
(l == null ? void 0 : l.beforeLabel) && (typeof (l == null ? void 0 : l.beforeLabel) == "string" ? /* @__PURE__ */ b(f, { sx: a.label, children: l == null ? void 0 : l.beforeLabel }) : l == null ? void 0 : l.beforeLabel),
|
|
12
|
+
/* @__PURE__ */ b("label", { htmlFor: `form-input-${L}`, style: a.label, children: `${x} ${h ? "*" : ""}` }),
|
|
13
|
+
(l == null ? void 0 : l.afterLabel) && (typeof (l == null ? void 0 : l.afterLabel) == "string" ? /* @__PURE__ */ b(f, { sx: a.label, children: l == null ? void 0 : l.afterLabel }) : l == null ? void 0 : l.afterLabel)
|
|
14
|
+
] });
|
|
15
|
+
export {
|
|
16
|
+
T as default
|
|
17
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
declare const RadioInputStyles: {
|
|
2
|
+
radioGroup: {
|
|
3
|
+
flexDirection: string;
|
|
4
|
+
gap: string;
|
|
5
|
+
"& .MuiTypography-root": {
|
|
6
|
+
fontFamily: string;
|
|
7
|
+
};
|
|
8
|
+
"& label": {
|
|
9
|
+
textAlign: string;
|
|
10
|
+
marginBottom: number;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
description: {
|
|
14
|
+
color: string;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export default RadioInputStyles;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { customColors as o } from "../../../../global/colors.js";
|
|
2
|
+
const r = {
|
|
3
|
+
radioGroup: {
|
|
4
|
+
flexDirection: "column",
|
|
5
|
+
gap: "0.5rem",
|
|
6
|
+
"& .MuiTypography-root": {
|
|
7
|
+
fontFamily: "DM Sans, sans-serif"
|
|
8
|
+
},
|
|
9
|
+
"& label": {
|
|
10
|
+
textAlign: "left",
|
|
11
|
+
marginBottom: 0
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
description: {
|
|
15
|
+
color: o.grey
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
|
+
export {
|
|
19
|
+
r as default
|
|
20
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { CraftFC } from "../../../../global/interfaces";
|
|
3
|
+
import { InputAdornments, OptionsType } from "../Form.interfaces";
|
|
4
|
+
interface RadioInputProps {
|
|
5
|
+
name: string;
|
|
6
|
+
label: string;
|
|
7
|
+
value: string;
|
|
8
|
+
handleInputChange: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
|
|
9
|
+
options?: OptionsType;
|
|
10
|
+
required?: boolean;
|
|
11
|
+
error?: boolean;
|
|
12
|
+
helperText?: string;
|
|
13
|
+
inputAdornments?: InputAdornments;
|
|
14
|
+
}
|
|
15
|
+
declare const RadioInput: CraftFC<RadioInputProps>;
|
|
16
|
+
export default RadioInput;
|