@zesty-io/material 0.7.0 → 0.10.0

package/es/FieldTypeOneToMany/index.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { AutocompleteProps } from '@mui/material';
-export interface FieldTypeOneToManyProps extends Omit<AutocompleteProps<any, false, false, false>, 'onOpen' | 'renderInput'> {
+export interface FieldTypeOneToManyProps extends Omit<AutocompleteProps<any, boolean, boolean, boolean>, 'onOpen' | 'renderInput'> {
     label?: string;
     helperText?: string;
     placeholder?: string;

package/es/FieldTypeOneToOne/index.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { AutocompleteProps } from '@mui/material';
-export interface FieldTypeOneToOneProps extends Omit<AutocompleteProps<any, false, false, false>, 'onOpen' | 'renderInput'> {
+export interface FieldTypeOneToOneProps extends Omit<AutocompleteProps<any, boolean, boolean, boolean>, 'onOpen' | 'renderInput'> {
     label?: string;
     helperText?: string;
     placeholder?: string;

package/es/IconButton/IconButton.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, Meta } from "@storybook/react/types-6-0";
+import { Props } from "./";
+declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+export default _default;
+export declare const Default: Story<Props>;

package/es/IconButton/IconButton.stories.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { IconButton } from "./";
+export default {
+    title: "IconButton",
+    component: IconButton,
+    argType: {},
+};
+const Template = (args) => {
+    return _jsx(IconButton, {});
+};
+export const Default = Template.bind({});

package/es/IconButton/index.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+export declare type Props = {
+    variant?: "standard" | "contained";
+};
+export declare const IconButton: import("@emotion/styled").StyledComponent<{
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").IconButtonClasses> | undefined;
+    color?: "error" | "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "default" | undefined;
+    disabled?: boolean | undefined;
+    disableFocusRipple?: boolean | undefined;
+    edge?: false | "end" | "start" | undefined;
+    size?: "small" | "medium" | "large" | "xsmall" | "xxsmall" | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+} & Omit<{
+    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
+    centerRipple?: boolean | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
+    disabled?: boolean | undefined;
+    disableRipple?: boolean | undefined;
+    disableTouchRipple?: boolean | undefined;
+    focusRipple?: boolean | undefined;
+    focusVisibleClassName?: string | undefined;
+    LinkComponent?: import("react").ElementType<any> | undefined;
+    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    tabIndex?: number | undefined;
+    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
+    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
+}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "color" | "disabled" | "size" | "sx" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Props, {}, {}>;

package/es/IconButton/index.js

@@ -0,0 +1,15 @@
+import { IconButton as IconButtonBase } from "@mui/material";
+import { styled } from "@mui/material/styles";
+export const IconButton = styled(IconButtonBase)(({ theme, variant = "standard", color = "inherit" }) => {
+    if (variant === "standard") {
+        return {};
+    }
+    const colorVariant = color === "default" || color === "inherit" ? "primary" : color;
+    return {
+        backgroundColor: theme.palette[colorVariant].main,
+        color: theme.palette.common.white,
+        "&:hover": {
+            backgroundColor: theme.palette[colorVariant].dark,
+        },
+    };
+});

package/es/TextField.stories.d.ts

@@ -1,5 +1,4 @@
 import { Story, Meta } from '@storybook/react/types-6-0';
-import { TextFieldProps } from '@mui/material';
 declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
 export default _default;
-export declare const Default: Story<TextFieldProps>;
+export declare const Default: Story<import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps | import("@mui/material").StandardTextFieldProps>;

package/es/icons/Home.d.ts

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

package/es/icons/Home.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SvgIcon } from "@mui/material";
+export const Home = (props) => (_jsx(SvgIcon, { ...props, children: _jsx("path", { d: "M5.5 20.625C5.08333 20.625 4.72917 20.4792 4.4375 20.1875C4.14583 19.8958 4 19.5417 4 19.125V9.375C4 9.14167 4.05417 8.91667 4.1625 8.7C4.27083 8.48333 4.41667 8.30833 4.6 8.175L11.1 3.3C11.2333 3.2 11.375 3.125 11.525 3.075C11.675 3.025 11.8333 3 12 3C12.1667 3 12.325 3.025 12.475 3.075C12.625 3.125 12.7667 3.2 12.9 3.3L19.4 8.175C19.5833 8.30833 19.7292 8.48333 19.8375 8.7C19.9458 8.91667 20 9.14167 20 9.375V19.125C20 19.5417 19.8542 19.8958 19.5625 20.1875C19.2708 20.4792 18.9167 20.625 18.5 20.625H14V13.625H10V20.625H5.5Z", fill: "currentColor" }) }));

package/es/icons/ScreenShare.d.ts

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

package/es/icons/ScreenShare.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SvgIcon } from "@mui/material";
+export const ScreenShare = (props) => (_jsx(SvgIcon, { ...props, children: _jsx("path", { d: "M11.225 10.711h1.99v1.282c0 0.1 0.042 0.167 0.127 0.202 0.084 0.036 0.168 0.014 0.252 -0.065l1.891 -1.891a0.45 0.45 0 0 0 0.132 -0.318 0.412 0.412 0 0 0 -0.13 -0.306l-1.894 -1.894c-0.084 -0.079 -0.168 -0.101 -0.252 -0.065 -0.084 0.035 -0.127 0.102 -0.127 0.202v1.282H11.225a2.832 2.832 0 0 0 -2.081 0.856 2.837 2.837 0 0 0 -0.854 2.083v1.498a0.764 0.764 0 0 0 0.791 0.786 0.755 0.755 0 0 0 0.78 -0.786v-1.5c0 -0.384 0.132 -0.708 0.395 -0.971 0.263 -0.263 0.586 -0.394 0.97 -0.394Zm-9.578 10.51a0.772 0.772 0 0 1 -0.785 -0.791 0.762 0.762 0 0 1 0.785 -0.781h20.707a0.768 0.768 0 0 1 0.785 0.788 0.761 0.761 0 0 1 -0.785 0.785H1.646Zm1.908 -3.072c-0.461 0 -0.859 -0.168 -1.198 -0.505a1.637 1.637 0 0 1 -0.506 -1.198v-11.892c0 -0.462 0.168 -0.862 0.506 -1.2 0.338 -0.34 0.737 -0.509 1.198 -0.509h16.891c0.462 0 0.863 0.168 1.201 0.508 0.34 0.34 0.509 0.739 0.509 1.201v11.892c0 0.461 -0.169 0.859 -0.509 1.198a1.644 1.644 0 0 1 -1.2 0.506H3.552Zm0 -1.703h16.891v-11.892H3.554v11.892Z", fill: "currentColor" }) }));

package/es/icons/index.d.ts

@@ -7,3 +7,5 @@ export { OneToOne } from "./OneToOne";
 export { EditNote } from "./EditNote";
 export { FileTable } from "./FileTable";
 export { Brain } from "./Brain";
+export { Home } from "./Home";
+export { ScreenShare } from './ScreenShare';

package/es/icons/index.js

@@ -7,3 +7,5 @@ export { OneToOne } from "./OneToOne";
 export { EditNote } from "./EditNote";
 export { FileTable } from "./FileTable";
 export { Brain } from "./Brain";
+export { Home } from "./Home";
+export { ScreenShare } from './ScreenShare';

package/es/index.d.ts

@@ -1,15 +1,16 @@
-export { default as legacyTheme } from './LegacyTheme';
-export { default as theme } from './theme';
-export { default as FieldTypeText } from './FieldTypeText';
-export { default as FieldTypeSort } from './FieldTypeSort';
-export { default as FieldTypeUrl } from './FieldTypeUrl';
-export { default as FieldTypeDate } from './FieldTypeDate';
-export { default as FieldTypeDateTime } from './FieldTypeDateTime';
-export { default as FieldTypeColor } from './FieldTypeColor';
-export { default as FieldTypeNumber } from './FieldTypeNumber';
-export { default as FieldTypeOneToOne } from './FieldTypeOneToOne';
-export { default as FieldTypeOneToMany } from './FieldTypeOneToMany';
-export { default as CopyButton } from './CopyButton';
-export { default as ConfirmDialog } from './ConfirmDialog';
-export { default as VirtualizedAutocomplete } from './VitualizedAutocomplete';
-export * from './icons';
+export { default as legacyTheme } from "./LegacyTheme";
+export { theme, darkTheme } from "./theme";
+export { default as FieldTypeText } from "./FieldTypeText";
+export { default as FieldTypeSort } from "./FieldTypeSort";
+export { default as FieldTypeUrl } from "./FieldTypeUrl";
+export { default as FieldTypeDate } from "./FieldTypeDate";
+export { default as FieldTypeDateTime } from "./FieldTypeDateTime";
+export { default as FieldTypeColor } from "./FieldTypeColor";
+export { default as FieldTypeNumber } from "./FieldTypeNumber";
+export { default as FieldTypeOneToOne } from "./FieldTypeOneToOne";
+export { default as FieldTypeOneToMany } from "./FieldTypeOneToMany";
+export { default as CopyButton } from "./CopyButton";
+export { default as ConfirmDialog } from "./ConfirmDialog";
+export { default as VirtualizedAutocomplete } from "./VitualizedAutocomplete";
+export { IconButton } from "./IconButton";
+export * from "./icons";

package/es/index.js

@@ -1,15 +1,16 @@
-export { default as legacyTheme } from './LegacyTheme';
-export { default as theme } from './theme';
-export { default as FieldTypeText } from './FieldTypeText';
-export { default as FieldTypeSort } from './FieldTypeSort';
-export { default as FieldTypeUrl } from './FieldTypeUrl';
-export { default as FieldTypeDate } from './FieldTypeDate';
-export { default as FieldTypeDateTime } from './FieldTypeDateTime';
-export { default as FieldTypeColor } from './FieldTypeColor';
-export { default as FieldTypeNumber } from './FieldTypeNumber';
-export { default as FieldTypeOneToOne } from './FieldTypeOneToOne';
-export { default as FieldTypeOneToMany } from './FieldTypeOneToMany';
-export { default as CopyButton } from './CopyButton';
-export { default as ConfirmDialog } from './ConfirmDialog';
-export { default as VirtualizedAutocomplete } from './VitualizedAutocomplete';
-export * from './icons';
+export { default as legacyTheme } from "./LegacyTheme";
+export { theme, darkTheme } from "./theme";
+export { default as FieldTypeText } from "./FieldTypeText";
+export { default as FieldTypeSort } from "./FieldTypeSort";
+export { default as FieldTypeUrl } from "./FieldTypeUrl";
+export { default as FieldTypeDate } from "./FieldTypeDate";
+export { default as FieldTypeDateTime } from "./FieldTypeDateTime";
+export { default as FieldTypeColor } from "./FieldTypeColor";
+export { default as FieldTypeNumber } from "./FieldTypeNumber";
+export { default as FieldTypeOneToOne } from "./FieldTypeOneToOne";
+export { default as FieldTypeOneToMany } from "./FieldTypeOneToMany";
+export { default as CopyButton } from "./CopyButton";
+export { default as ConfirmDialog } from "./ConfirmDialog";
+export { default as VirtualizedAutocomplete } from "./VitualizedAutocomplete";
+export { IconButton } from "./IconButton";
+export * from "./icons";

package/es/theme/Theme.stories.d.ts

@@ -1,4 +1,5 @@
-import { Story, Meta } from '@storybook/react/types-6-0';
+import { Story, Meta } from "@storybook/react/types-6-0";
 declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
 export default _default;
-export declare const Default: Story<import("@storybook/react/types-6-0").Args>;
+export declare const light: Story<import("@storybook/react/types-6-0").Args>;
+export declare const dark: Story<import("@storybook/react/types-6-0").Args>;

package/es/theme/Theme.stories.js

@@ -1,10 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import ReactJson from 'react-json-view';
-import theme from '.';
+import ReactJson from "react-json-view";
+import { darkTheme, theme } from ".";
 export default {
-    title: 'Theme',
+    title: "Theme",
 };
-const Template = (args) => {
-    return (_jsx(ReactJson, { src: theme }));
+const LightTheme = (args) => {
+    return _jsx(ReactJson, { src: theme });
 };
-export const Default = Template.bind({});
+const DarkTheme = (args) => {
+    return _jsx(ReactJson, { src: darkTheme });
+};
+export const light = LightTheme.bind({});
+export const dark = DarkTheme.bind({});

package/es/theme/index.d.ts

@@ -1,11 +1,18 @@
-import { Theme } from "@mui/material/styles";
 declare module "@mui/material/styles" {
     interface Palette {
         border: string;
     }
-    interface Theme {
-        typography: TypographyVariantsOptions;
+}
+declare module "@mui/material/IconButton" {
+    interface IconButtonPropsSizeOverrides {
+        xsmall: true;
+        xxsmall: true;
+    }
+}
+declare module "@mui/material/Button" {
+    interface ButtonPropsSizeOverrides {
+        xsmall: true;
     }
 }
-declare let theme: Theme;
-export default theme;
+export declare let theme: import("@mui/material/styles").Theme;
+export declare let darkTheme: import("@mui/material/styles").Theme;