@linagora/twake-mui 1.5.0 → 1.6.1

package/dist/stories/Alert.stories.d.ts

@@ -0,0 +1,7 @@
+import { Alert } from '@mui/material';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+declare const meta: Meta<typeof Alert>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Screenshot: Story;

package/dist/stories/Alert.stories.js

@@ -0,0 +1,81 @@
+import { Alert, AlertTitle } from '@mui/material';
+import React from 'react';
+const meta = {
+    title: 'Alert',
+    component: Alert,
+    parameters: { layout: 'centered' },
+    tags: ['autodocs'],
+    argTypes: {
+        severity: {
+            control: 'text',
+            description: 'Severity level (error, warning, info, success) or custom color name (primary, secondary)'
+        },
+        variant: {
+            control: 'select',
+            options: ['standard', 'filled', 'outlined']
+        },
+        color: {
+            control: 'text',
+            description: 'Custom color (CSS color value or MUI palette color like "primary", "secondary")'
+        }
+    }
+};
+export default meta;
+export const Default = {
+    args: {
+        severity: 'info',
+        variant: 'standard'
+    },
+    render: args => (React.createElement(Alert, { ...args },
+        React.createElement(AlertTitle, null, "Alert Title"),
+        "This is the alert content text"))
+};
+// Visual Regression - All severity colors and variants combined
+export const Screenshot = {
+    tags: ['argos'],
+    render: () => (React.createElement("div", { style: {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: '24px',
+            minWidth: '400px'
+        } },
+        React.createElement("section", null,
+            React.createElement("h3", { style: { marginBottom: '12px' } }, "Standard Variant"),
+            React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: '16px' } },
+                React.createElement(Alert, { severity: 'primary' },
+                    React.createElement(AlertTitle, null, "Primary Alert"),
+                    "This is a primary alert with title and text"),
+                React.createElement(Alert, { severity: 'secondary' },
+                    React.createElement(AlertTitle, null, "Secondary Alert"),
+                    "This is a secondary alert with title and text"),
+                React.createElement(Alert, { severity: "error" },
+                    React.createElement(AlertTitle, null, "Error Alert"),
+                    "This is an error alert with title and text"),
+                React.createElement(Alert, { severity: "warning" },
+                    React.createElement(AlertTitle, null, "Warning Alert"),
+                    "This is a warning alert with title and text"),
+                React.createElement(Alert, { severity: "info" },
+                    React.createElement(AlertTitle, null, "Info Alert"),
+                    "This is an info alert with title and text"),
+                React.createElement(Alert, { severity: "success" },
+                    React.createElement(AlertTitle, null, "Success Alert"),
+                    "This is a success alert with title and text"))),
+        React.createElement("section", null,
+            React.createElement("h3", { style: { marginBottom: '12px' } }, "Filled Variant"),
+            React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: '16px' } },
+                React.createElement(Alert, { severity: "error", variant: "filled" },
+                    React.createElement(AlertTitle, null, "Filled Error"),
+                    "This is a filled error alert"),
+                React.createElement(Alert, { severity: "success", variant: "filled" },
+                    React.createElement(AlertTitle, null, "Filled Success"),
+                    "This is a filled success alert"))),
+        React.createElement("section", null,
+            React.createElement("h3", { style: { marginBottom: '12px' } }, "Outlined Variant"),
+            React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: '16px' } },
+                React.createElement(Alert, { severity: "warning", variant: "outlined" },
+                    React.createElement(AlertTitle, null, "Outlined Warning"),
+                    "This is an outlined warning alert"),
+                React.createElement(Alert, { severity: "info", variant: "outlined" },
+                    React.createElement(AlertTitle, null, "Outlined Info"),
+                    "This is an outlined info alert")))))
+};

package/dist/stories/Button.stories.d.ts

@@ -0,0 +1,7 @@
+import { Button } from '@mui/material';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Docs: Story;
+export declare const Screenshot: Story;

package/dist/stories/Button.stories.js

@@ -0,0 +1,78 @@
+import { Button, Stack } from '@mui/material';
+import React from 'react';
+const meta = {
+    title: 'Button',
+    component: Button,
+    parameters: { layout: 'centered' },
+    tags: ['autodocs'],
+    argTypes: {
+        variant: {
+            control: 'select',
+            options: ['contained', 'outlined', 'text']
+        },
+        color: {
+            control: 'select',
+            options: ['primary', 'secondary', 'error', 'warning', 'info', 'success']
+        },
+        size: {
+            control: 'select',
+            options: ['small', 'medium', 'large']
+        }
+    }
+};
+export default meta;
+export const Docs = {
+    args: {
+        variant: 'contained',
+        children: 'Button'
+    }
+};
+// Visual Regression - All variants combined
+export const Screenshot = {
+    tags: ['argos'],
+    render: () => (React.createElement(Stack, { spacing: 4 },
+        React.createElement("section", null,
+            React.createElement("h3", { style: { marginBottom: '12px' } }, "Variants"),
+            React.createElement(Stack, { direction: "row", spacing: 2 },
+                React.createElement(Button, { variant: "contained" }, "Contained"),
+                React.createElement(Button, { variant: "outlined" }, "Outlined"),
+                React.createElement(Button, { variant: "text" }, "Text"))),
+        React.createElement("section", null,
+            React.createElement("h3", { style: { marginBottom: '12px' } }, "Colors contained"),
+            React.createElement(Stack, { direction: { xs: 'column', sm: 'row' }, spacing: 2 },
+                React.createElement(Button, { variant: "contained", color: "primary" }, "Primary"),
+                React.createElement(Button, { variant: "contained", color: "secondary" }, "Secondary"),
+                React.createElement(Button, { variant: "contained", color: "success" }, "Success"),
+                React.createElement(Button, { variant: "contained", color: "error" }, "Error"),
+                React.createElement(Button, { variant: "contained", color: "warning" }, "Warning"),
+                React.createElement(Button, { variant: "contained", color: "info" }, "Info"))),
+        React.createElement("section", null,
+            React.createElement("h3", { style: { marginBottom: '12px' } }, "Colors outlined"),
+            React.createElement(Stack, { direction: { xs: 'column', sm: 'row' }, spacing: 2 },
+                React.createElement(Button, { variant: "outlined", color: "primary" }, "Primary"),
+                React.createElement(Button, { variant: "outlined", color: "secondary" }, "Secondary"),
+                React.createElement(Button, { variant: "outlined", color: "success" }, "Success"),
+                React.createElement(Button, { variant: "outlined", color: "error" }, "Error"),
+                React.createElement(Button, { variant: "outlined", color: "warning" }, "Warning"),
+                React.createElement(Button, { variant: "outlined", color: "info" }, "Info"))),
+        React.createElement("section", null,
+            React.createElement("h3", { style: { marginBottom: '12px' } }, "Colors text"),
+            React.createElement(Stack, { direction: { xs: 'column', sm: 'row' }, spacing: 2 },
+                React.createElement(Button, { variant: "text", color: "primary" }, "Primary"),
+                React.createElement(Button, { variant: "text", color: "secondary" }, "Secondary"),
+                React.createElement(Button, { variant: "text", color: "success" }, "Success"),
+                React.createElement(Button, { variant: "text", color: "error" }, "Error"),
+                React.createElement(Button, { variant: "text", color: "warning" }, "Warning"),
+                React.createElement(Button, { variant: "text", color: "info" }, "Info"))),
+        React.createElement("section", null,
+            React.createElement("h3", { style: { marginBottom: '12px' } }, "Sizes"),
+            React.createElement(Stack, { direction: "row", spacing: 2, sx: { alignItems: 'center' } },
+                React.createElement(Button, { variant: "contained", size: "small" }, "Small"),
+                React.createElement(Button, { variant: "contained", size: "medium" }, "Medium"),
+                React.createElement(Button, { variant: "contained", size: "large" }, "Large"))),
+        React.createElement("section", null,
+            React.createElement("h3", { style: { marginBottom: '12px' } }, "States"),
+            React.createElement(Stack, { direction: "row", spacing: 2 },
+                React.createElement(Button, { variant: "contained" }, "Normal"),
+                React.createElement(Button, { variant: "contained", disabled: true }, "Disabled")))))
+};

package/dist/stories/Dialog.stories.d.ts

@@ -0,0 +1,7 @@
+import { Dialog } from '@mui/material';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+declare const meta: Meta<typeof Dialog>;
+export default meta;
+type Story = StoryObj<typeof Dialog>;
+export declare const Default: Story;
+export declare const Screenshot: Story;

package/dist/stories/Dialog.stories.js

@@ -0,0 +1,40 @@
+import { Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button, Stack } from '@mui/material';
+import React from 'react';
+const meta = {
+    title: 'Dialog',
+    component: Dialog,
+    parameters: { layout: 'centered' },
+    tags: ['autodocs']
+};
+export default meta;
+// Basic Dialog with open/close state
+const BasicDialogComponent = () => {
+    const [open, setOpen] = React.useState(false);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Button, { variant: "contained", onClick: () => setOpen(true) }, "Open Dialog"),
+        React.createElement(Dialog, { open: open, onClose: () => setOpen(false) },
+            React.createElement(DialogTitle, null, "Dialog Title"),
+            React.createElement(DialogContent, null,
+                React.createElement(DialogContentText, null, "This is a basic dialog with a title, content, and action buttons. You can put any content here.")),
+            React.createElement(DialogActions, null,
+                React.createElement(Button, { onClick: () => setOpen(false) }, "Cancel"),
+                React.createElement(Button, { onClick: () => setOpen(false), variant: "contained" }, "Confirm")))));
+};
+export const Default = {
+    render: () => React.createElement(BasicDialogComponent, null)
+};
+// Visual Regression - Dialog styles
+export const Screenshot = {
+    tags: ['argos'],
+    render: () => (React.createElement(Stack, { spacing: 4 },
+        React.createElement("section", null,
+            React.createElement("h3", { style: { marginBottom: '12px' } }, "Dialog Components"),
+            React.createElement(Stack, { spacing: 2 },
+                React.createElement(Dialog, { open: true },
+                    React.createElement(DialogTitle, null, "Standard Dialog"),
+                    React.createElement(DialogContent, null,
+                        React.createElement(DialogContentText, null, "This demonstrates the standard dialog appearance with all its subcomponents styled according to the Twake theme.")),
+                    React.createElement(DialogActions, null,
+                        React.createElement(Button, null, "Cancel"),
+                        React.createElement(Button, { variant: "contained" }, "Confirm")))))))
+};

package/dist/stories/Input.stories.d.ts

@@ -0,0 +1,7 @@
+import { TextField } from '@mui/material';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+declare const meta: Meta<typeof TextField>;
+export default meta;
+type Story = StoryObj<typeof TextField>;
+export declare const Default: Story;
+export declare const Screenshot: Story;

package/dist/stories/Input.stories.js

@@ -0,0 +1,41 @@
+import { TextField, Select, MenuItem, Stack, Box } from '@mui/material';
+import React from 'react';
+const meta = {
+    title: 'Input',
+    component: TextField,
+    parameters: { layout: 'centered' },
+    tags: ['autodocs']
+};
+export default meta;
+export const Default = {
+    args: {
+        label: 'Label',
+        variant: 'outlined',
+        defaultValue: 'Sample text'
+    }
+};
+// Visual Regression - All inputs combined
+export const Screenshot = {
+    tags: ['argos'],
+    render: () => (React.createElement(Stack, { spacing: 4 },
+        React.createElement("section", null,
+            React.createElement("h3", { style: { marginBottom: '12px' } }, "TextField Variants"),
+            React.createElement(Stack, { spacing: 2 },
+                React.createElement(TextField, { label: "Outlined", variant: "outlined", defaultValue: "Sample text" }),
+                React.createElement(TextField, { label: "Filled", variant: "filled", defaultValue: "Sample text" }),
+                React.createElement(TextField, { label: "Standard", variant: "standard", defaultValue: "Sample text" }))),
+        React.createElement("section", null,
+            React.createElement("h3", { style: { marginBottom: '12px' } }, "TextField States"),
+            React.createElement(Stack, { spacing: 2 },
+                React.createElement(TextField, { label: "Normal", variant: "outlined", defaultValue: "Sample text" }),
+                React.createElement(TextField, { label: "Disabled", variant: "outlined", defaultValue: "Cannot edit", disabled: true }),
+                React.createElement(TextField, { label: "Error", variant: "outlined", defaultValue: "Invalid value", error: true, helperText: "This field has an error" }),
+                React.createElement(TextField, { label: "Required", variant: "outlined", required: true }))),
+        React.createElement("section", null,
+            React.createElement("h3", { style: { marginBottom: '12px' } }, "Select"),
+            React.createElement(Box, { sx: { minWidth: 200 } },
+                React.createElement(Select, { value: 10, fullWidth: true },
+                    React.createElement(MenuItem, { value: 10 }, "Ten"),
+                    React.createElement(MenuItem, { value: 20 }, "Twenty"),
+                    React.createElement(MenuItem, { value: 30 }, "Thirty"))))))
+};

package/dist/stories/Selection.stories.d.ts

@@ -0,0 +1,7 @@
+import { Checkbox } from '@mui/material';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+declare const meta: Meta<typeof Checkbox>;
+export default meta;
+type Story = StoryObj<typeof Checkbox>;
+export declare const Default: Story;
+export declare const Screenshot: Story;

package/dist/stories/Selection.stories.js

@@ -0,0 +1,37 @@
+import FormatBoldIcon from '@mui/icons-material/FormatBold';
+import FormatItalicIcon from '@mui/icons-material/FormatItalic';
+import FormatUnderlinedIcon from '@mui/icons-material/FormatUnderlined';
+import { Checkbox, FormControlLabel, ToggleButton, ToggleButtonGroup, Stack, Box } from '@mui/material';
+import React from 'react';
+const meta = {
+    title: 'Selection',
+    component: Checkbox,
+    parameters: { layout: 'centered' },
+    tags: ['autodocs']
+};
+export default meta;
+export const Default = {
+    render: () => React.createElement(FormControlLabel, { control: React.createElement(Checkbox, null), label: "Checkbox" })
+};
+// Visual Regression - All selection components
+export const Screenshot = {
+    tags: ['argos'],
+    render: () => (React.createElement(Stack, { spacing: 4 },
+        React.createElement("section", null,
+            React.createElement("h3", { style: { marginBottom: '12px' } }, "Checkbox States"),
+            React.createElement(Stack, { direction: "row", spacing: 4 },
+                React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { checked: false }), label: "Unchecked" }),
+                React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { checked: true }), label: "Checked" }),
+                React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { indeterminate: true }), label: "Indeterminate" }),
+                React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { disabled: true }), label: "Disabled" }))),
+        React.createElement("section", null,
+            React.createElement("h3", { style: { marginBottom: '12px' } }, "Toggle Buttons"),
+            React.createElement(Box, null,
+                React.createElement(ToggleButtonGroup, { value: ['bold'] },
+                    React.createElement(ToggleButton, { value: "bold", "aria-label": "bold" },
+                        React.createElement(FormatBoldIcon, null)),
+                    React.createElement(ToggleButton, { value: "italic", "aria-label": "italic" },
+                        React.createElement(FormatItalicIcon, null)),
+                    React.createElement(ToggleButton, { value: "underlined", "aria-label": "underlined" },
+                        React.createElement(FormatUnderlinedIcon, null)))))))
+};

package/dist/stories/Typography.stories.d.ts

@@ -0,0 +1,7 @@
+import { Typography } from '@mui/material';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+declare const meta: Meta<typeof Typography>;
+export default meta;
+type Story = StoryObj<typeof Typography>;
+export declare const Default: Story;
+export declare const Screenshot: Story;

package/dist/stories/Typography.stories.js

@@ -0,0 +1,50 @@
+import { Typography, Stack } from '@mui/material';
+import React from 'react';
+const meta = {
+    title: 'Typography',
+    component: Typography,
+    parameters: { layout: 'centered' },
+    tags: ['autodocs']
+};
+export default meta;
+export const Default = {
+    args: {
+        variant: 'body1',
+        children: 'This is sample typography text.'
+    }
+};
+// Visual Regression - All typography combined
+export const Screenshot = {
+    tags: ['argos'],
+    render: () => (React.createElement(Stack, { spacing: 2 },
+        React.createElement("section", null,
+            React.createElement("h3", { style: { marginBottom: '12px' } }, "All Variants"),
+            React.createElement(Stack, { spacing: 1 },
+                React.createElement(Typography, { variant: "h1" }, "Heading 1"),
+                React.createElement(Typography, { variant: "h2" }, "Heading 2"),
+                React.createElement(Typography, { variant: "h3" }, "Heading 3"),
+                React.createElement(Typography, { variant: "h4" }, "Heading 4"),
+                React.createElement(Typography, { variant: "h5" }, "Heading 5"),
+                React.createElement(Typography, { variant: "h6" }, "Heading 6"),
+                React.createElement(Typography, { variant: "subtitle1" }, "Subtitle 1"),
+                React.createElement(Typography, { variant: "subtitle2" }, "Subtitle 2"),
+                React.createElement(Typography, { variant: "body1" }, "Body 1 - This is the default body text style used for most content."),
+                React.createElement(Typography, { variant: "body2" }, "Body 2 - This is a smaller body text style for secondary content."),
+                React.createElement(Typography, { variant: "button" }, "Button Text"),
+                React.createElement(Typography, { variant: "caption" }, "Caption text"),
+                React.createElement(Typography, { variant: "overline" }, "OVERLINE TEXT"))),
+        React.createElement("section", null,
+            React.createElement("h3", { style: { marginBottom: '12px', marginTop: '24px' } }, "Colors"),
+            React.createElement(Stack, { spacing: 1 },
+                React.createElement(Typography, { color: "primary" }, "Primary color text"),
+                React.createElement(Typography, { color: "secondary" }, "Secondary color text"),
+                React.createElement(Typography, { color: "success" }, "Success color text"),
+                React.createElement(Typography, { color: "error" }, "Error color text"),
+                React.createElement(Typography, { color: "warning" }, "Warning color text"),
+                React.createElement(Typography, { color: "info" }, "Info color text"),
+                React.createElement(Typography, { color: "textPrimary" }, "Text primary color"),
+                React.createElement(Typography, { color: "textSecondary" }, "Text secondary color"),
+                React.createElement(Typography, { color: "textDisabled" }, "Text disabled color"),
+                React.createElement(Typography, { color: "text.primary" }, "Text primary color"),
+                React.createElement(Typography, { color: "text.secondary" }, "Text secondary color")))))
+};

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@linagora/twake-mui",
-  "version": "1.5.0",
+  "type": "module",
+  "version": "1.6.1",
   "description": "MUI v7 theme system for Twake applications",
   "author": "Twake",
   "license": "MIT",
@@ -21,9 +22,8 @@
   ],
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
     }
   },
   "main": "dist/index.js",
@@ -38,36 +38,46 @@
   },
   "scripts": {
     "build": "tsc",
+    "build:doc": "storybook build --output-dir storybook-static",
     "start": "tsc --watch",
     "test": "echo \"Error: no test specified\" && exit 1",
     "lint": "eslint src --ext .ts,.tsx",
     "lint:fix": "eslint src --ext .ts,.tsx --fix",
-    "clean": "rm -rf dist"
-  },
-  "dependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "clean": "rm -rf dist",
+    "doc": "storybook dev -p 6006",
+    "screenshots": "vitest run"
   },
   "peerDependencies": {
-    "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.1",
+    "@emotion/react": "^11.5.0",
+    "@emotion/styled": "^11.3.0",
     "@mui/material": "^7.1.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^18",
+    "react-dom": "^18"
   },
   "devDependencies": {
-    "@types/react": "18.3.26",
-    "@types/react-dom": "18.3.7",
-    "cozy-tsconfig": "^1.9.0",
-    "eslint": "10.1.0",
-    "eslint-config-cozy-app": "7.0.0"
-  },
-  "peerDependenciesMeta": {
-    "react": {
-      "optional": false
-    },
-    "react-dom": {
-      "optional": false
-    }
+    "@argos-ci/cli": "4.2.0",
+    "@argos-ci/storybook": "5.3.2",
+    "@emotion/react": "^11.5.0",
+    "@emotion/styled": "^11.3.0",
+    "@mui/icons-material": "7.3.10",
+    "@mui/material": "^7.1.2",
+    "@storybook/addon-docs": "10.3.5",
+    "@storybook/addon-vitest": "10.3.5",
+    "@storybook/builder-vite": "10.3.5",
+    "@storybook/react": "10.3.5",
+    "@storybook/react-vite": "10.3.5",
+    "@types/lodash": "4.17.24",
+    "@vitest/browser-playwright": "4.1.5",
+    "cozy-tsconfig": "^2.0.0",
+    "eslint": "10.2.1",
+    "eslint-config-cozy-app": "7.0.0",
+    "eslint-plugin-storybook": "10.3.5",
+    "lodash": "4.18.1",
+    "playwright": "1.59.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "storybook": "10.3.5",
+    "vite": "8.0.9",
+    "vitest": "4.1.5"
   }
 }

package/dist/lib/overrides/accordionOverrides.d.ts

@@ -1,2 +0,0 @@
-import { Theme, Components } from '@mui/material/styles';
-export declare const accordionOverrides: (theme: Theme) => Components;

package/dist/lib/overrides/accordionOverrides.js

@@ -1,63 +0,0 @@
-import { alpha } from '@mui/material/styles';
-import paletteJson from '../palette.json';
-const paletteData = paletteJson;
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-export const accordionOverrides = (theme) => {
-    return {
-        MuiAccordion: {
-            styleOverrides: {
-                root: {
-                    '&::before': {
-                        display: 'none'
-                    }
-                }
-            }
-        },
-        MuiAccordionSummary: {
-            styleOverrides: {
-                root: {
-                    padding: '0',
-                    minHeight: '32px',
-                    '&.Mui-expanded': {
-                        minHeight: '32px'
-                    }
-                },
-                content: {
-                    fontSize: '14px',
-                    fontWeight: 500,
-                    lineHeight: '20px',
-                    color: alpha(paletteData.Grey[900], 0.9),
-                    margin: 0,
-                    '&.Mui-expanded': {
-                        margin: 0
-                    }
-                },
-                expandIconWrapper: {
-                    padding: '4px',
-                    color: alpha(paletteData.Grey[900], 0.48),
-                    borderRadius: '50%',
-                    '&:hover': {
-                        backgroundColor: alpha(paletteData.Primary.A400, 0.04)
-                    }
-                }
-            }
-        },
-        MuiCssBaseline: {
-            styleOverrides: {
-                '.MuiAccordion-root .MuiListItem-root': {
-                    padding: '0',
-                    borderRadius: '4px',
-                    '&:hover': {
-                        backgroundColor: alpha(paletteData.Grey.A900, 0.04)
-                    }
-                },
-                '.MuiAccordion-root .MuiListItem-root label': {
-                    fontSize: '14px',
-                    fontStyle: 'normal',
-                    fontWeight: 400,
-                    color: alpha(paletteData.Grey[900], 0.9)
-                }
-            }
-        }
-    };
-};

package/dist/lib/overrides/autocompleteOverrides.d.ts

@@ -1,2 +0,0 @@
-import { Components } from '@mui/material/styles';
-export declare const autocompleteOverrides: () => Components["MuiAutocomplete"];

package/dist/lib/overrides/autocompleteOverrides.js

@@ -1,31 +0,0 @@
-import { radius } from '../radius';
-export const autocompleteOverrides = () => {
-    return {
-        styleOverrides: {
-            root: {
-                // Using "&&" to increase CSS specificity
-                '&&': {
-                    '& .MuiOutlinedInput-root': {
-                        paddingLeft: '16px',
-                        borderRadius: radius.sm,
-                        '& fieldset.MuiOutlinedInput-notchedOutline': {
-                            borderRadius: radius.sm
-                        },
-                        '&.MuiInputBase-sizeSmall': {
-                            paddingTop: '8px',
-                            paddingBottom: '8px',
-                            paddingLeft: '16px',
-                            '& .MuiAutocomplete-input': {
-                                padding: '0px 4px 0px 8px'
-                            }
-                        }
-                    }
-                }
-            },
-            // Styling for chips in Autocomplete
-            tag: {
-                margin: '2px'
-            }
-        }
-    };
-};

package/dist/lib/overrides/avatarOverrides.d.ts

@@ -1,2 +0,0 @@
-import { Theme, Components } from '@mui/material/styles';
-export declare const avatarOverrides: (theme: Theme) => Components["MuiAvatar"];