mui-design-system 0.0.19 → 0.0.21

package/dist/components/input-list/Form.js

@@ -8,7 +8,8 @@ import Stack from "@mui/material/Stack";
 import Typography from "@mui/material/Typography";
 import UseFormInput from "./UseFormInput";
 import { deepMerge, result } from "../../methods/general";
-const Form = ({ schema, form, gridItemProps, gridContainerProps, labelsProps, itemProps, hideRequiredStar = false, inputLabelMode = "static", inputVariants = "outlined", withoutHelperText, disabled, }) => {
+const Form = ({ schema, form, gridItemProps, gridContainerProps, labelsProps, itemProps, hideRequiredStar = false, inputLabelMode = "relative", inputVariants = "outlined", withoutHelperText, disabled, }) => {
+    console.log('inputLabelMode', inputLabelMode);
     return (_jsx(Grid, { container: true, columnSpacing: 4, rowSpacing: 0, rowGap: 2, alignItems: "flex-start", ...gridContainerProps, children: schema?.map((inputProp) => (_jsxs(Grid, { item: true, xs: 4, width: "100%", height: "auto", position: "relative", ...deepMerge(gridItemProps, inputProp.gridItemProp), children: [inputLabelMode === "static" && inputProp.type !== "checkbox" && (_jsx(Box, { display: "flex", children: _jsx(Typography, { flexGrow: 1, width: 0, component: "label", display: "inline-block", mb: 2, htmlFor: inputProp.name, color: result(form?.formState?.errors, `${inputProp.name}`)
                             ? "error"
                             : "text.16", noWrap: true, title: !isValidElement(inputProp?.label)

package/dist/components/input-list/type.d.ts

@@ -115,7 +115,7 @@ export interface IUploaderForm extends IBaseForm {
     itemProps?: Partial<ICustomUploaderProps>;
 }
 export interface ITextFieldForm extends IBaseForm {
-    type?: 'text' | 'email' | 'password' | 'phone' | 'number';
+    type?: 'text' | 'email' | 'password' | 'number' | "tel";
     props?: Partial<TextFieldProps>;
     itemProps?: Partial<TextFieldProps>;
 }
@@ -125,7 +125,7 @@ export type TFormTheme = {
     text?: Partial<TextFieldProps>;
     email?: Partial<TextFieldProps>;
     password?: Partial<TextFieldProps>;
-    phone?: Partial<TextFieldProps>;
+    tel?: Partial<TextFieldProps>;
     number?: Partial<TextFieldProps>;
     uploader?: {
         uploaderProps?: Partial<ICustomUploaderProps>;

package/dist/mui/FormControl/MuiFormControlLabel.js

@@ -6,7 +6,7 @@ export const MuiFormControlLabel = {
             '& .MuiFormControlLabel-label': {
                 color: theme.palette.text.primary,
                 textAlign: 'initial',
-                ...theme.typography.caption1
+                ...theme.typography?.["body3.medium"],
             },
         })
     },

package/dist/mui/InputLabel/MuiInputLabel.js

@@ -20,7 +20,7 @@ export const MuiInputLabel = {
         root: ({ ownerState, theme }) => ({
             color: theme.palette.text.primary,
             textAlign: 'start',
-            ...theme.typography.caption1,
+            ...theme.typography?.["body3.medium"],
             lineHeight: '150%',
             // ...(ownerState.variant === "outlined"
             //   ? {

package/dist/mui/TextField/MuiFilledInput.js

@@ -24,7 +24,7 @@ export const MuiFilledInput = {
             stroke: theme.palette.text.primary,
             minWidth: 80,
             minHeight: ownerState.size === 'small' ? '40px' : '48px',
-            ...theme.typography.caption1,
+            ...theme.typography?.["body3.medium"],
             lineHeight: '100%',
             backgroundColor: theme.palette.text['4'],
             ...(ownerState.readOnly && {

package/dist/mui/TextField/MuiOutlinedInput.js

@@ -1,27 +1,10 @@
-// import { OverridesStyleRules } from "@mui/material/styles/overrides";
-// import { OutlinedInputProps, OutlinedInputClasses } from "@mui/material";
-// type TMuiOutlinedInput =
-//   | {
-//       defaultProps?: Partial<OutlinedInputProps> | undefined;
-//       styleOverrides?:
-//         | Partial<
-//             OverridesStyleRules<
-//               keyof OutlinedInputClasses,
-//               "MuiOutlinedInput",
-//               Omit<Theme, "components">
-//             >
-//           >
-//         | undefined;
-//       variants?: [] | undefined;
-//     }
-//   | undefined;
 export const MuiOutlinedInput = {
     styleOverrides: {
         root: ({ ownerState, theme }) => ({
             stroke: theme.palette.text.primary,
             borderRadius: theme.spacing(2),
             minWidth: 80,
-            ...theme.typography.caption1,
+            ...theme.typography?.["body3.medium"],
             lineHeight: '100%',
             height: ownerState.size === 'small'
                 ? '40px'
@@ -51,7 +34,7 @@ export const MuiOutlinedInput = {
             //Label that goes on the border of component
             '& .MuiOutlinedInput-notchedOutline': {
                 transition: 'border-color 0.2s ease',
-                ...theme.typography.caption1,
+                ...theme.typography?.["body3.medium"],
                 ...(ownerState.disabled && {
                     border: 'none',
                 }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mui-design-system",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.js",