@zesty-io/material 0.5.4 → 0.6.1

package/es/FieldTypeText/FieldTypeText.stories.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
 import FieldTypeText from './';
+import { Brain } from '../icons/Brain';
+import { IconButton } from '@mui/material';
 export default {
     title: 'FieldTypeText',
     component: FieldTypeText,
@@ -18,6 +20,7 @@ Default.args = {
     placeholder: 'Placeholder Text...',
     label: 'Text label',
     helperText: 'Text helper text',
+    endLabel: _jsx(IconButton, { size: "small", children: _jsx(Brain, { fontSize: 'small' }) })
 };
 export const TextArea = Template.bind({});
 TextArea.args = {

package/es/FieldTypeText/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { OutlinedTextFieldProps } from '@mui/material/TextField';
+import { ReactNode } from 'react';
 export interface FieldTypeTextProps extends Omit<OutlinedTextFieldProps, 'variant'> {
     /**
     * Max length of the field
@@ -7,6 +7,7 @@ export interface FieldTypeTextProps extends Omit<OutlinedTextFieldProps, 'varian
     */
     maxLength?: number;
     value: string;
+    endLabel?: ReactNode;
 }
-declare const FieldTypeText: ({ label, maxLength, value, helperText, required, ...props }: FieldTypeTextProps) => JSX.Element;
+declare const FieldTypeText: ({ label, maxLength, value, helperText, required, endLabel, ...props }: FieldTypeTextProps) => JSX.Element;
 export default FieldTypeText;

package/es/FieldTypeText/index.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import MuiTextField from '@mui/material/TextField';
-import { FormControl, FormLabel, Box } from '@mui/material';
-const FieldTypeText = ({ label, maxLength = 150, value, helperText, required, ...props }) => {
-    return (_jsxs(FormControl, { fullWidth: true, required: required, children: [_jsxs(FormLabel, { sx: { display: 'flex', justifyContent: 'space-between', '& .MuiFormLabel-asterisk': { order: 2 } }, children: [_jsx(Box, { sx: { order: 1 }, children: label }), _jsxs(Box, { sx: { order: 3, flex: 1, textAlign: 'right' }, children: [value?.length, "/", maxLength] })] }), _jsx(MuiTextField, { size: "small", variant: 'outlined', value: value, error: value?.length > maxLength, helperText: value?.length > maxLength ? 'Your input is over the specified limit' : helperText, ...props })] }));
+import { FormControl, FormLabel, Box, InputAdornment } from '@mui/material';
+const FieldTypeText = ({ label, maxLength = 150, value, helperText, required, endLabel, ...props }) => {
+    return (_jsxs(FormControl, { fullWidth: true, required: required, children: [_jsxs(FormLabel, { sx: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', '& .MuiFormLabel-asterisk': { order: 2 } }, children: [_jsx(Box, { sx: { order: 1 }, children: label }), _jsx(Box, { sx: { order: 3, flex: 1, textAlign: 'right' }, children: endLabel })] }), _jsx(MuiTextField, { size: "small", variant: 'outlined', value: value, error: value?.length > maxLength, helperText: value?.length > maxLength ? 'Your input is over the specified limit' : helperText, InputProps: {
+                    endAdornment: (_jsxs(InputAdornment, { position: "end", sx: { fontSize: '14px' }, children: [value?.length, "/", maxLength] })),
+                }, ...props })] }));
 };
 export default FieldTypeText;

package/es/icons/Brain.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgIconProps } from "@mui/material";
+export declare const Brain: (props: SvgIconProps) => JSX.Element;

package/es/icons/Brain.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SvgIcon } from "@mui/material";
+export const Brain = (props) => (_jsx(SvgIcon, { ...props, children: _jsx("path", { d: "M7.3559 3.35154C8.17427 2.73176 9.17333 2.39748 10.1999 2.39994C10.5544 2.39199 10.9053 2.4736 11.2199 2.63721C11.5345 2.80081 11.8028 3.04114 11.9999 3.33594C12.197 3.04114 12.4653 2.80081 12.7799 2.63721C13.0946 2.4736 13.4454 2.39199 13.7999 2.39994C14.8265 2.39748 15.8255 2.73176 16.6439 3.35154C17.2739 3.84114 17.7599 4.51914 17.9315 5.33874C18.3251 5.36874 18.6851 5.53194 18.9875 5.77794C19.4459 6.14994 19.7795 6.70794 19.9895 7.29834C20.3183 8.21634 20.4071 9.38634 20.0663 10.3823C20.1527 10.4231 20.2379 10.4711 20.3207 10.5263C20.6507 10.7459 20.9015 11.0603 21.0863 11.4311C21.4499 12.1571 21.5999 13.1699 21.5999 14.3999C21.5999 15.7691 21.0779 16.6883 20.4155 17.2559C20.0492 17.57 19.6169 17.7976 19.1507 17.9219C19.0307 18.5915 18.6947 19.3667 18.1679 20.0243C17.4839 20.8823 16.4231 21.5999 14.9999 21.5999C13.8719 21.5999 12.9743 20.9759 12.3911 20.3639C12.2517 20.2178 12.121 20.0636 11.9999 19.9019C11.8788 20.0636 11.7481 20.2178 11.6087 20.3639C11.0255 20.9759 10.1291 21.5999 8.9999 21.5999C7.5767 21.5999 6.5171 20.8823 5.8319 20.0243C5.33961 19.413 5.00243 18.6917 4.8491 17.9219C4.38288 17.7976 3.9506 17.57 3.5843 17.2559C2.9219 16.6883 2.3999 15.7679 2.3999 14.3999C2.3999 13.1699 2.5511 12.1559 2.9135 11.4311C3.08526 11.0675 3.3492 10.7552 3.6791 10.5251C3.76015 10.4715 3.8452 10.4242 3.9335 10.3835C3.5927 9.38514 3.6815 8.21634 4.0103 7.29834C4.2203 6.70794 4.5539 6.14994 5.0123 5.77794C5.3147 5.53194 5.6747 5.36994 6.0683 5.33874C6.2411 4.51914 6.7259 3.84114 7.3559 3.35154ZM11.3999 5.39994V5.38794L11.3975 5.32794C11.3798 5.01511 11.3176 4.7064 11.2127 4.41114C11.138 4.18826 11.0108 3.98659 10.8419 3.82314C10.6647 3.6688 10.4347 3.58884 10.1999 3.59994C9.44023 3.59734 8.70044 3.84253 8.0927 4.29834C7.5359 4.73154 7.1999 5.31834 7.1999 5.99994C7.19983 6.09496 7.17719 6.18861 7.13385 6.27317C7.09051 6.35773 7.0277 6.43079 6.9506 6.48632C6.8735 6.54186 6.78432 6.5783 6.69038 6.59263C6.59645 6.60696 6.50045 6.59877 6.4103 6.56874C6.1847 6.49434 5.9831 6.53634 5.7683 6.70914C5.5331 6.90114 5.3039 7.24194 5.1395 7.70154C4.8047 8.63994 4.8395 9.77634 5.2991 10.4675C5.36474 10.566 5.39981 10.6816 5.3999 10.7999H6.2999C7.01599 10.7999 7.70274 11.0844 8.20909 11.5908C8.71544 12.0971 8.9999 12.7839 8.9999 13.4999V13.9019C9.40023 14.0435 9.73764 14.322 9.95248 14.6882C10.1673 15.0545 10.2458 15.4849 10.174 15.9034C10.1022 16.3219 9.88474 16.7015 9.5601 16.9752C9.23546 17.2489 8.82451 17.399 8.3999 17.399C7.97529 17.399 7.56435 17.2489 7.23971 16.9752C6.91507 16.7015 6.69763 16.3219 6.62583 15.9034C6.55402 15.4849 6.63248 15.0545 6.84732 14.6882C7.06217 14.322 7.39957 14.0435 7.7999 13.9019V13.4999C7.7999 12.6719 7.1279 11.9999 6.2999 11.9999H4.1999C4.12817 11.9998 4.05704 11.9868 3.9899 11.9615L3.9863 11.9687C3.7487 12.4427 3.5999 13.2299 3.5999 14.3999C3.5999 15.4307 3.9779 16.0115 4.3655 16.3439C4.7819 16.7015 5.2439 16.7999 5.3999 16.7999C5.55903 16.7999 5.71164 16.8632 5.82417 16.9757C5.93669 17.0882 5.9999 17.2408 5.9999 17.3999C5.9999 17.8415 6.2399 18.6131 6.7679 19.2755C7.2827 19.9175 8.0231 20.3999 8.9999 20.3999C9.6719 20.3999 10.2743 20.0243 10.7399 19.5359C10.9691 19.2959 11.1479 19.0475 11.2643 18.8435C11.3173 18.7531 11.3626 18.6583 11.3999 18.5603V8.99994H10.0979C9.95637 9.40027 9.67786 9.73768 9.31161 9.95252C8.94537 10.1674 8.51496 10.2458 8.09646 10.174C7.67797 10.1022 7.29832 9.88478 7.02464 9.56014C6.75095 9.2355 6.60085 8.82456 6.60085 8.39994C6.60085 7.97533 6.75095 7.56439 7.02464 7.23975C7.29832 6.91511 7.67797 6.69767 8.09646 6.62587C8.51496 6.55406 8.94537 6.63252 9.31161 6.84737C9.67786 7.06221 9.95637 7.39962 10.0979 7.79994H11.3999V5.39994ZM12.5999 17.3987V18.5591C12.6372 18.6571 12.6825 18.7519 12.7355 18.8423C12.8531 19.0463 13.0307 19.2947 13.2587 19.5347C13.7255 20.0231 14.3291 20.3987 14.9999 20.3987C15.9767 20.3987 16.7171 19.9163 17.2319 19.2743C17.7599 18.6119 17.9999 17.8403 17.9999 17.3987C17.9999 17.2396 18.0631 17.087 18.1756 16.9745C18.2882 16.862 18.4408 16.7987 18.5999 16.7987C18.7559 16.7987 19.2179 16.7003 19.6343 16.3427C20.0219 16.0103 20.3999 15.4295 20.3999 14.3987C20.3999 13.2287 20.2499 12.4427 20.0135 11.9675C19.9344 11.7906 19.8103 11.6375 19.6535 11.5235C19.5184 11.4372 19.3602 11.3941 19.1999 11.3999C19.0914 11.3999 18.9849 11.3704 18.8918 11.3146C18.7987 11.2588 18.7225 11.1788 18.6713 11.0831C18.62 10.9875 18.5957 10.8797 18.6009 10.7713C18.6061 10.6629 18.6406 10.5579 18.7007 10.4675C19.1615 9.77634 19.1951 8.63994 18.8603 7.70154C18.6959 7.24194 18.4667 6.89994 18.2315 6.70914C18.0167 6.53634 17.8151 6.49314 17.5895 6.56874C17.4994 6.59877 17.4034 6.60696 17.3094 6.59263C17.2155 6.5783 17.1263 6.54186 17.0492 6.48632C16.9721 6.43079 16.9093 6.35773 16.866 6.27317C16.8226 6.18861 16.8 6.09496 16.7999 5.99994C16.7999 5.31834 16.4639 4.73154 15.9059 4.29834C15.2985 3.84278 14.5592 3.5976 13.7999 3.59994C13.5651 3.58884 13.3351 3.6688 13.1579 3.82314C12.9885 3.9864 12.8608 4.1881 12.7859 4.41114C12.6717 4.72459 12.6088 5.05445 12.5999 5.38794V16.1999H13.4999C14.3279 16.1999 14.9999 15.5279 14.9999 14.6999V12.4979C14.5996 12.3564 14.2622 12.0779 14.0473 11.7117C13.8325 11.3454 13.754 10.915 13.8258 10.4965C13.8976 10.078 14.1151 9.69837 14.4397 9.42468C14.7643 9.151 15.1753 9.00089 15.5999 9.00089C16.0245 9.00089 16.4355 9.151 16.7601 9.42468C17.0847 9.69837 17.3022 10.078 17.374 10.4965C17.4458 10.915 17.3673 11.3454 17.1525 11.7117C16.9376 12.0779 16.6002 12.3564 16.1999 12.4979V14.6999C16.1999 15.416 15.9154 16.1028 15.4091 16.6091C14.9027 17.1155 14.216 17.3999 13.4999 17.3999H12.5999V17.3987ZM7.7999 8.39994C7.7999 8.55907 7.86312 8.71169 7.97564 8.82421C8.08816 8.93673 8.24077 8.99994 8.3999 8.99994C8.55903 8.99994 8.71164 8.93673 8.82417 8.82421C8.93669 8.71169 8.9999 8.55907 8.9999 8.39994C8.9999 8.24081 8.93669 8.0882 8.82417 7.97568C8.71164 7.86316 8.55903 7.79994 8.3999 7.79994C8.24077 7.79994 8.08816 7.86316 7.97564 7.97568C7.86312 8.0882 7.7999 8.24081 7.7999 8.39994ZM15.5999 11.3999C15.759 11.3999 15.9116 11.3367 16.0242 11.2242C16.1367 11.1117 16.1999 10.9591 16.1999 10.7999C16.1999 10.6408 16.1367 10.4882 16.0242 10.3757C15.9116 10.2632 15.759 10.1999 15.5999 10.1999C15.4408 10.1999 15.2882 10.2632 15.1756 10.3757C15.0631 10.4882 14.9999 10.6408 14.9999 10.7999C14.9999 10.9591 15.0631 11.1117 15.1756 11.2242C15.2882 11.3367 15.4408 11.3999 15.5999 11.3999ZM8.3999 14.9999C8.24077 14.9999 8.08816 15.0632 7.97564 15.1757C7.86312 15.2882 7.7999 15.4408 7.7999 15.5999C7.7999 15.7591 7.86312 15.9117 7.97564 16.0242C8.08816 16.1367 8.24077 16.1999 8.3999 16.1999C8.55903 16.1999 8.71164 16.1367 8.82417 16.0242C8.93669 15.9117 8.9999 15.7591 8.9999 15.5999C8.9999 15.4408 8.93669 15.2882 8.82417 15.1757C8.71164 15.0632 8.55903 14.9999 8.3999 14.9999Z", fill: "currentColor" }) }));

package/es/icons/EditNote.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgIconProps } from "@mui/material";
+export declare const EditNote: (props: SvgIconProps) => JSX.Element;

package/es/icons/EditNote.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SvgIcon } from "@mui/material";
+export const EditNote = (props) => (_jsx(SvgIcon, { ...props, children: _jsx("path", { d: "M20.125 13.65L18.35 11.875L19.075 11.15C19.2083 11.0167 19.3833 10.95 19.6 10.95C19.8167 10.95 19.9917 11.0167 20.125 11.15L20.85 11.875C20.9833 12.0083 21.05 12.1833 21.05 12.4C21.05 12.6167 20.9833 12.7917 20.85 12.925L20.125 13.65ZM12 20V18.225L17.275 12.95L19.05 14.725L13.775 20H12ZM3 14.75V13.25H10.5V14.75H3ZM3 10.625V9.125H14.75V10.625H3ZM3 6.5V5H14.75V6.5H3Z", fill: "currentcolor" }) }));

package/es/icons/FileTable.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgIconProps } from "@mui/material";
+export declare const FileTable: (props: SvgIconProps) => JSX.Element;

package/es/icons/FileTable.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SvgIcon } from "@mui/material";
+export const FileTable = (props) => (_jsx(SvgIcon, { ...props, children: _jsx("path", { d: "M19 3H5C3.89 3 3 3.89 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.89 20.1 3 19 3ZM9 18H6V16H9V18ZM9 15H6V13H9V15ZM9 12H6V10H9V12ZM13 18H10V16H13V18ZM13 15H10V13H13V15ZM13 12H10V10H13V12Z", fill: "currentColor" }) }));

package/es/icons/Markdown.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgIconProps } from "@mui/material";
+export declare const Markdown: (props: SvgIconProps) => JSX.Element;

package/es/icons/Markdown.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SvgIcon } from "@mui/material";
+export const Markdown = (props) => (_jsx(SvgIcon, { ...props, children: _jsx("path", { d: "M22.2675 4.61621H1.7325C0.77625 4.61621 0 5.39246 0 6.34496V17.6512C0 18.6075 0.77625 19.3837 1.7325 19.3837H22.2713C23.2275 19.3837 24.0038 18.6075 24 17.655V6.34496C24 5.39246 23.2238 4.61621 22.2675 4.61621V4.61621ZM12.6938 15.9225H10.3875V11.4225L8.08125 14.3062L5.775 11.4225V15.9225H3.46125V8.07746H5.7675L8.07375 10.9612L10.38 8.07746H12.6863V15.9225H12.6938ZM17.7675 16.0387L14.3063 12H16.6125V8.07746H18.9188V12H21.225L17.7675 16.0387Z", fill: "currentcolor" }) }));

package/es/icons/OneToOne.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgIconProps } from "@mui/material";
+export declare const OneToOne: (props: SvgIconProps) => JSX.Element;

package/es/icons/OneToOne.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SvgIcon } from "@mui/material";
+export const OneToOne = (props) => (_jsx(SvgIcon, { ...props, children: _jsx("path", { d: "M20.3999 16.3999H17.3999C16.2999 16.3999 15.3999 15.4999 15.3999 14.3999V13.3999H13.3999H9.3999V14.3999C9.3999 15.4999 8.5099 16.3999 7.3999 16.3999H4.3999C3.2999 16.3999 2.3999 15.5099 2.3999 14.3999V10.3999C2.3999 9.2999 3.2999 8.3999 4.3999 8.3999H7.4099C8.5099 8.3999 9.4099 9.2899 9.4099 10.3999V11.3999H15.3999V10.3999C15.3999 9.2999 16.2899 8.3999 17.3999 8.3999H20.3999C21.4999 8.3999 22.3999 9.2899 22.3999 10.3999V14.3999C22.3999 15.4999 21.5099 16.3999 20.3999 16.3999Z", fill: "currentcolor" }) }));

package/es/icons/index.d.ts

@@ -2,3 +2,8 @@ export { FolderGlobal } from "./FolderGlobal";
 export { FlipHorizontal } from "./FlipHorizontal";
 export { FlipVertical } from "./FlipVertical";
 export { Database } from "./Database";
+export { Markdown } from "./Markdown";
+export { OneToOne } from "./OneToOne";
+export { EditNote } from "./EditNote";
+export { FileTable } from "./FileTable";
+export { Brain } from "./Brain";

package/es/icons/index.js

@@ -2,3 +2,8 @@ export { FolderGlobal } from "./FolderGlobal";
 export { FlipHorizontal } from "./FlipHorizontal";
 export { FlipVertical } from "./FlipVertical";
 export { Database } from "./Database";
+export { Markdown } from "./Markdown";
+export { OneToOne } from "./OneToOne";
+export { EditNote } from "./EditNote";
+export { FileTable } from "./FileTable";
+export { Brain } from "./Brain";

package/es/theme/index.js

@@ -17,9 +17,9 @@ theme = createTheme(theme, {
         MuiTab: {
             styleOverrides: {
                 root: {
-                    borderBottom: 2,
-                    borderColor: theme.palette.grey[100],
-                    borderStyle: "solid",
+                    padding: '14px',
+                    minHeight: 'unset',
+                    textTransform: 'none',
                 },
             },
         },
@@ -91,6 +91,10 @@ theme = createTheme(theme, {
                 root: {
                     padding: "0px 8px",
                     borderRadius: "8px",
+                    backgroundColor: theme.palette.common.white,
+                    '&.Mui-disabled .MuiOutlinedInput-notchedOutline': {
+                        borderColor: theme.palette.border,
+                    },
                 },
                 input: {
                     padding: "10px 0px",
@@ -104,8 +108,7 @@ theme = createTheme(theme, {
                     },
                 },
                 notchedOutline: {
-                    // Important to override all pseudo classes
-                    borderColor: `${theme.palette.border} !important`,
+                    borderColor: theme.palette.border,
                 },
             },
         },
@@ -125,6 +128,7 @@ theme = createTheme(theme, {
                     ...theme.typography.body2,
                     color: theme.palette.text.primary,
                     marginBottom: "4px",
+                    fontWeight: 600,
                 },
             },
         },
@@ -167,6 +171,9 @@ theme = createTheme(theme, {
                     padding: "20px",
                     paddingTop: 0,
                 },
+                dividers: {
+                    borderColor: theme.palette.border,
+                },
             },
         },
         MuiDialogContentText: {
@@ -243,6 +250,18 @@ theme = createTheme(theme, {
                         color: theme.palette.common.black,
                     },
                 },
+                standardInfo: {
+                    backgroundColor: alpha(theme.palette.info.main, 0.1),
+                    " .MuiAlert-icon": {
+                        color: theme.palette.info.main,
+                    },
+                },
+                standardError: {
+                    backgroundColor: alpha(theme.palette.error.main, 0.1),
+                    " .MuiAlert-icon": {
+                        color: theme.palette.error.main,
+                    },
+                },
             },
         },
         MuiDataGrid: {
@@ -256,6 +275,18 @@ theme = createTheme(theme, {
                 },
                 columnHeaders: {
                     borderColor: theme.palette.border,
+                    backgroundColor: theme.palette.grey[50],
+                },
+                columnHeader: {
+                    '&:focus': {
+                        outline: 'unset',
+                    },
+                },
+                columnHeaderTitle: {
+                    fontWeight: 600,
+                },
+                columnSeparator: {
+                    visibility: "hidden",
                 },
             },
         },
@@ -297,6 +328,27 @@ theme = createTheme(theme, {
                 },
             },
         },
+        MuiLink: {
+            styleOverrides: {
+                root: {
+                    color: theme.palette.info.dark,
+                    textDecorationColor: theme.palette.info.main,
+                    '&:hover': {
+                        textDecorationColor: theme.palette.info.dark,
+                    },
+                },
+            },
+        },
+        MuiTooltip: {
+            styleOverrides: {
+                popper: {
+                    maxWidth: '240px',
+                },
+                tooltip: {
+                    ...theme.typography.body3,
+                }
+            },
+        },
         MuiTreeItem: {
             styleOverrides: {
                 content: {

package/es/theme/palette.js

@@ -28,7 +28,7 @@ const palette = {
     text: {
         primary: "#101828",
         secondary: "#475467",
-        disabled: alpha("#101828", 0.38),
+        disabled: alpha("#101828", 0.56),
     },
     grey: {
         50: "#F9FAFB",

package/es/theme/typography.js

@@ -52,6 +52,7 @@ const typography = {
     overline: {
         fontSize: "12px",
         letterSpacing: "1px",
+        lineHeight: "32px",
     },
 };
 export default typography;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zesty-io/material",
-  "version": "0.5.4",
+  "version": "0.6.1",
   "description": "Contains custom components which are in addition to the @mui design-system",
   "author": "Zesty.io",
   "license": "MIT",