@zesty-io/material 0.5.3 → 0.6.0

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/Database.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from "@mui/material";
-export const Database = (props) => (_jsx(SvgIcon, { ...props, children: _jsx("path", { d: "M10 9.16667C7.76389 9.16667 5.95486 8.82639 4.57292 8.14583C3.19097 7.46528 2.5 6.69444 2.5 5.83333C2.5 4.95833 3.19097 4.18403 4.57292 3.51042C5.95486 2.83681 7.76389 2.5 10 2.5C12.2361 2.5 14.0451 2.83681 15.4271 3.51042C16.809 4.18403 17.5 4.95833 17.5 5.83333C17.5 6.69444 16.809 7.46528 15.4271 8.14583C14.0451 8.82639 12.2361 9.16667 10 9.16667ZM10 13.3333C7.97222 13.3333 6.21528 13.0278 4.72917 12.4167C3.24306 11.8056 2.5 11.0694 2.5 10.2083V8.125C2.5 8.66667 2.76042 9.13542 3.28125 9.53125C3.80208 9.92708 4.44792 10.2535 5.21875 10.5104C5.98958 10.7674 6.80903 10.9549 7.67708 11.0729C8.54514 11.191 9.31944 11.25 10 11.25C10.6944 11.25 11.4722 11.191 12.3333 11.0729C13.1944 10.9549 14.0104 10.7708 14.7812 10.5208C15.5521 10.2708 16.1979 9.94792 16.7188 9.55208C17.2396 9.15625 17.5 8.68056 17.5 8.125V10.2083C17.5 11.0694 16.7569 11.8056 15.2708 12.4167C13.7847 13.0278 12.0278 13.3333 10 13.3333ZM10 17.5C7.97222 17.5 6.21528 17.1944 4.72917 16.5833C3.24306 15.9722 2.5 15.2361 2.5 14.375V12.2917C2.5 12.8333 2.76042 13.3021 3.28125 13.6979C3.80208 14.0938 4.44792 14.4201 5.21875 14.6771C5.98958 14.934 6.80903 15.1215 7.67708 15.2396C8.54514 15.3576 9.31944 15.4167 10 15.4167C10.6944 15.4167 11.4722 15.3576 12.3333 15.2396C13.1944 15.1215 14.0104 14.9375 14.7812 14.6875C15.5521 14.4375 16.1979 14.1146 16.7188 13.7187C17.2396 13.3229 17.5 12.8472 17.5 12.2917V14.375C17.5 15.2361 16.7569 15.9722 15.2708 16.5833C13.7847 17.1944 12.0278 17.5 10 17.5Z", fill: "currentcolor" }) }));
+export const Database = (props) => (_jsx(SvgIcon, { ...props, children: _jsx("path", { d: "M12 11C9.31667 11 7.14583 10.5917 5.4875 9.775C3.82917 8.95833 3 8.03333 3 7C3 5.95 3.82917 5.02083 5.4875 4.2125C7.14583 3.40417 9.31667 3 12 3C14.6833 3 16.8542 3.40417 18.5125 4.2125C20.1708 5.02083 21 5.95 21 7C21 8.03333 20.1708 8.95833 18.5125 9.775C16.8542 10.5917 14.6833 11 12 11ZM12 16C9.56667 16 7.45833 15.6333 5.675 14.9C3.89167 14.1667 3 13.2833 3 12.25V9.75C3 10.4 3.3125 10.9625 3.9375 11.4375C4.5625 11.9125 5.3375 12.3042 6.2625 12.6125C7.1875 12.9208 8.17083 13.1458 9.2125 13.2875C10.2542 13.4292 11.1833 13.5 12 13.5C12.8333 13.5 13.7667 13.4292 14.8 13.2875C15.8333 13.1458 16.8125 12.925 17.7375 12.625C18.6625 12.325 19.4375 11.9375 20.0625 11.4625C20.6875 10.9875 21 10.4167 21 9.75V12.25C21 13.2833 20.1083 14.1667 18.325 14.9C16.5417 15.6333 14.4333 16 12 16ZM12 21C9.56667 21 7.45833 20.6333 5.675 19.9C3.89167 19.1667 3 18.2833 3 17.25V14.75C3 15.4 3.3125 15.9625 3.9375 16.4375C4.5625 16.9125 5.3375 17.3042 6.2625 17.6125C7.1875 17.9208 8.17083 18.1458 9.2125 18.2875C10.2542 18.4292 11.1833 18.5 12 18.5C12.8333 18.5 13.7667 18.4292 14.8 18.2875C15.8333 18.1458 16.8125 17.925 17.7375 17.625C18.6625 17.325 19.4375 16.9375 20.0625 16.4625C20.6875 15.9875 21 15.4167 21 14.75V17.25C21 18.2833 20.1083 19.1667 18.325 19.9C16.5417 20.6333 14.4333 21 12 21Z", 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.d.ts

@@ -1,5 +1,5 @@
-import { Theme } from '@mui/material/styles';
-declare module '@mui/material/styles' {
+import { Theme } from "@mui/material/styles";
+declare module "@mui/material/styles" {
     interface Palette {
         border: string;
     }

package/es/theme/index.js

@@ -1,6 +1,6 @@
-import palette from './palette';
-import typography from './typography';
-import { alpha, createTheme, } from '@mui/material/styles';
+import palette from "./palette";
+import typography from "./typography";
+import { alpha, createTheme } from "@mui/material/styles";
 let theme = createTheme({
     palette,
     typography,
@@ -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',
                 },
             },
         },
@@ -43,7 +43,7 @@ theme = createTheme(theme, {
         MuiButton: {
             variants: [
                 {
-                    props: { size: 'xsmall' },
+                    props: { size: "xsmall" },
                     style: {
                         padding: "2px 10px",
                     },
@@ -51,10 +51,10 @@ theme = createTheme(theme, {
             ],
             styleOverrides: {
                 root: {
-                    textTransform: 'none',
+                    textTransform: "none",
                 },
                 sizeSmall: {
-                    fontSize: '14px',
+                    fontSize: "14px",
                 },
                 outlinedInherit: {
                     color: theme.palette.text.secondary,
@@ -66,7 +66,7 @@ theme = createTheme(theme, {
                 },
                 textInherit: {
                     color: theme.palette.text.secondary,
-                }
+                },
             },
             defaultProps: {
                 disableElevation: true,
@@ -80,26 +80,26 @@ theme = createTheme(theme, {
                 groupedContained: {
                     color: theme.palette.primary.main,
                     backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.hoverOpacity),
-                    '&:hover': {
+                    "&:hover": {
                         backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),
                     },
-                }
+                },
             },
         },
         MuiOutlinedInput: {
             styleOverrides: {
                 root: {
                     padding: "0px 8px",
-                    borderRadius: '8px',
+                    borderRadius: "8px",
                 },
                 input: {
                     padding: "10px 0px",
-                    ':read-only': {
+                    ":read-only": {
                         color: theme.palette.text.secondary,
                     },
                 },
                 sizeSmall: {
-                    'input': {
+                    input: {
                         padding: "8px 0px",
                     },
                 },
@@ -107,82 +107,86 @@ theme = createTheme(theme, {
                     // Important to override all pseudo classes
                     borderColor: `${theme.palette.border} !important`,
                 },
-            }
+            },
         },
         MuiInputBase: {
             styleOverrides: {
                 input: {
                     ...theme.typography.body2,
-                    '::placeholder': {
-                        color: theme.palette.text.disabled
-                    }
-                }
-            }
+                    "::placeholder": {
+                        color: theme.palette.text.disabled,
+                    },
+                },
+            },
         },
         MuiInputLabel: {
             styleOverrides: {
                 root: {
                     ...theme.typography.body2,
                     color: theme.palette.text.primary,
-                    marginBottom: '4px',
+                    marginBottom: "4px",
+                    fontWeight: 600,
                 },
             },
         },
         MuiInputAdornment: {
             styleOverrides: {
                 root: {
-                    '& > .MuiSvgIcon-root': {
-                        margin: '4px',
-                    }
-                }
-            }
+                    "& > .MuiSvgIcon-root": {
+                        margin: "4px",
+                    },
+                },
+            },
         },
         MuiIconButton: {
             styleOverrides: {
                 sizeSmall: {
-                    padding: '4px',
-                }
-            }
+                    padding: "4px",
+                },
+            },
         },
         MuiDialog: {
             styleOverrides: {
                 paperWidthXs: {
-                    width: '480px',
-                    maxWidth: '480px',
-                }
-            }
+                    width: "480px",
+                    maxWidth: "480px",
+                },
+            },
         },
         MuiDialogTitle: {
             styleOverrides: {
                 root: {
                     ...theme.typography.h5,
                     fontWeight: 600,
-                    padding: '20px',
-                }
-            }
+                    padding: "20px",
+                },
+            },
         },
         MuiDialogContent: {
             styleOverrides: {
                 root: {
-                    padding: '20px',
+                    padding: "20px",
                     paddingTop: 0,
-                }
-            }
+                },
+                dividers: {
+                    borderColor: theme.palette.border,
+                },
+            },
         },
         MuiDialogContentText: {
             styleOverrides: {
                 root: {
                     ...theme.typography.body2,
-                }
-            }
+                },
+            },
         },
         MuiDialogActions: {
             styleOverrides: {
                 root: {
-                    padding: '20px',
+                    padding: "20px",
                     paddingTop: 0,
-                }
-            }
+                },
+            },
         },
         MuiBackdrop: {
             styleOverrides: {
@@ -190,113 +194,165 @@ theme = createTheme(theme, {
                     backgroundColor: alpha(theme.palette.grey[900], 0.5),
                 },
                 invisible: {
-                    backgroundColor: 'transparent',
-                }
+                    backgroundColor: "transparent",
+                },
             },
         },
         MuiMenu: {
             styleOverrides: {
                 list: {
-                    minWidth: '240px',
-                }
+                    minWidth: "240px",
+                },
             },
         },
         MuiAccordion: {
             styleOverrides: {
                 root: {
-                    '&:before': {
+                    "&:before": {
                         backgroundColor: theme.palette.border,
                     },
-                }
+                },
             },
         },
         MuiSlider: {
             styleOverrides: {
                 rail: {
                     backgroundColor: theme.palette.grey[400],
-                }
-            }
+                },
+            },
         },
         MuiChip: {
             styleOverrides: {
                 root: {
-                    borderRadius: '4px',
+                    borderRadius: "4px",
                 },
                 colorDefault: {
                     backgroundColor: theme.palette.grey[100],
-                    ':hover': {
+                    ":hover": {
                         backgroundColor: theme.palette.grey[200],
                     },
-                    ':focus': {
+                    ":focus": {
                         backgroundColor: theme.palette.grey[300],
-                    }
+                    },
                 },
-            }
+            },
         },
         MuiAlert: {
             styleOverrides: {
                 icon: {
-                    alignSelf: 'center',
+                    alignSelf: "center",
                 },
                 standardWarning: {
-                    ' .MuiAlert-icon': {
+                    " .MuiAlert-icon": {
                         color: theme.palette.common.black,
-                    }
+                    },
                 },
-            }
+            },
         },
         MuiDataGrid: {
             styleOverrides: {
                 root: {
                     borderColor: theme.palette.border,
-                    borderRadius: '8px',
+                    borderRadius: "8px",
                 },
                 cell: {
                     borderColor: theme.palette.border,
                 },
                 columnHeaders: {
                     borderColor: theme.palette.border,
-                }
+                },
+            },
+        },
+        MuiFab: {
+            styleOverrides: {
+                root: {
+                    boxShadow: "none",
+                },
+            },
+        },
+        MuiSpeedDial: {
+            styleOverrides: {
+                actions: {
+                    paddingTop: "38px !important",
+                },
+            },
+        },
+        MuiSpeedDialAction: {
+            styleOverrides: {
+                fab: {
+                    marginTop: "6px",
+                    marginBottom: "6px",
+                },
+                staticTooltipLabel: {
+                    ...theme.typography.body2,
+                    fontWeight: 500,
+                    color: theme.palette.common.white,
+                    backgroundColor: "transparent",
+                    whiteSpace: "nowrap",
+                    boxShadow: "none",
+                    paddingRight: 0,
+                },
             },
         },
         MuiListItemButton: {
             styleOverrides: {
                 divider: {
                     borderColor: theme.palette.border,
+                },
+            },
+        },
+        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: {
-                    paddingTop: '6px',
-                    paddingBottom: '6px',
+                    paddingTop: "6px",
+                    paddingBottom: "6px",
                     paddingLeft: 0,
-                    paddingRight: '12px',
+                    paddingRight: "12px",
                     borderRadius: 4,
                     width: "unset",
-                    '&.Mui-selected': {
+                    "&.Mui-selected": {
                         background: alpha(theme.palette.primary.main, 0.04),
-                        ' .MuiTreeItem-label .MuiSvgIcon-root': {
+                        " .MuiTreeItem-label .MuiSvgIcon-root": {
                             color: theme.palette.primary.main,
                         },
-                        ' .MuiTypography-root': {
+                        " .MuiTypography-root": {
                             color: theme.palette.primary.dark,
-                        }
-                    }
+                        },
+                    },
                 },
                 label: {
-                    paddingLeft: '0',
+                    paddingLeft: "0",
                 },
                 iconContainer: {
-                    marginRight: '0',
-                    width: '24px',
-                    'svg': {
-                        fontSize: '24px',
-                    }
-                }
-            }
-        }
+                    marginRight: "0",
+                    width: "24px",
+                    svg: {
+                        fontSize: "24px",
+                    },
+                },
+            },
+        },
     },
 });
 export default theme;

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.3",
+  "version": "0.6.0",
   "description": "Contains custom components which are in addition to the @mui design-system",
   "author": "Zesty.io",
   "license": "MIT",