ece-docs-components 1.0.6 → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -4,6 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
4
4
|
var styles = require('@mui/material/styles');
|
|
5
5
|
var utils = require('@mui/utils');
|
|
6
6
|
var React = require('react');
|
|
7
|
+
var material = require('@mui/material');
|
|
7
8
|
|
|
8
9
|
function _interopNamespaceDefault(e) {
|
|
9
10
|
var n = Object.create(null);
|
|
@@ -143,7 +144,7 @@ const ThemeContext = React__namespace.createContext(undefined);
|
|
|
143
144
|
const ThemeProvider = ({ children }) => {
|
|
144
145
|
const [currentTheme, setCurrentTheme] = React__namespace.useState('default');
|
|
145
146
|
const theme = React__namespace.useMemo(() => createMuiTheme(currentTheme), [currentTheme]);
|
|
146
|
-
return (jsxRuntime.jsx(ThemeContext.Provider, { value: { currentTheme, setTheme: setCurrentTheme, theme }, children: jsxRuntime.
|
|
147
|
+
return (jsxRuntime.jsx(ThemeContext.Provider, { value: { currentTheme, setTheme: setCurrentTheme, theme }, children: jsxRuntime.jsxs(styles.ThemeProvider, { theme: theme, children: [jsxRuntime.jsx(material.CssBaseline, {}), children] }) }));
|
|
147
148
|
};
|
|
148
149
|
const useTheme = () => {
|
|
149
150
|
const context = React__namespace.useContext(ThemeContext);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.js","sources":["../../../src/ThemeProvider.tsx"],"sourcesContent":["import { createTheme, ThemeProvider as MuiThemeProvider } from '@mui/material/styles';\r\nimport { deepmerge } from '@mui/utils';\r\nimport * as React from 'react';\r\nimport './theme-types';\r\n\r\nconst baseTheme = createTheme({\r\n palette: {\r\n text: {\r\n primary: '#4D3019',\r\n secondary: '#826E5C',\r\n }\r\n },\r\n typography: {\r\n fontFamily: ['Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'].join(','),\r\n allVariants: {\r\n color: '#4D3019'\r\n }\r\n },\r\n components: {\r\n MuiTypography: {\r\n styleOverrides: {\r\n root: {\r\n color: '#4D3019',\r\n },\r\n },\r\n },\r\n MuiCssBaseline: {\r\n styleOverrides: {\r\n body: {\r\n WebkitFontSmoothing: 'antialiased',\r\n MozOsxFontSmoothing: 'grayscale',\r\n backgroundColor: '#FDFCEE',\r\n color: '#4D3019',\r\n },\r\n 'input[type=\"checkbox\"], input[type=\"radio\"]': {\r\n accentColor: '#D79AFC',\r\n },\r\n },\r\n },\r\n },\r\n breakpoints: {\r\n values: {\r\n xs: 320,\r\n sm: 640,\r\n md: 768,\r\n lg: 1024,\r\n xl: 1280,\r\n },\r\n },\r\n});\r\n\r\nconst themeConfigs = {\r\n default: {\r\n palette: {\r\n primary: { main: '#AD46FF' },\r\n secondary: { main: '#D79AFC' },\r\n accent: { main: '#FFEDD1' },\r\n dark: { main: '#4D3019' },\r\n light: { main: '#FEFDF7' },\r\n markedRead: { main: '#A3D977' },\r\n text: {\r\n primary: '#4D3019',\r\n secondary: '#826E5C',\r\n },\r\n custom: {\r\n iconColor: '#ebc7ff',\r\n primaryButtonTextColor: '#FFFFFF',\r\n readByBackgroundColor: '#ebc7ff',\r\n stepIndicatorTextColor: '#FFFFFF',\r\n markAsReadBackgroundColor: '#ebc7ff',\r\n tabBackgroundColor: '#F8F0FC',\r\n },\r\n },\r\n appName: 'ECE Docs',\r\n },\r\n school: {\r\n palette: {\r\n primary: { main: '#386e41' },\r\n secondary: { main: '#8fc790' },\r\n accent: { main: '#d5ebde' },\r\n dark: { main: '#4D3019' },\r\n light: { main: '#FEFDF7' },\r\n markedRead: { main: '#A3D977' },\r\n text: {\r\n primary: '#4D3019',\r\n secondary: '#826E5C',\r\n },\r\n custom: {\r\n primaryButtonTextColor: '#FFFFFF',\r\n stepIndicatorTextColor: '#FFFFFF',\r\n },\r\n },\r\n appName: 'School Docs',\r\n },\r\n health: {\r\n palette: {\r\n primary: { main: '#4871cf' },\r\n secondary: { main: '#a4d6ff' },\r\n accent: { main: '#FF9ecb' },\r\n dark: { main: '#4D3019' },\r\n light: { main: '#FEFDF7' },\r\n markedRead: { main: '#A3D977' },\r\n text: {\r\n primary: '#4D3019',\r\n secondary: '#826E5C',\r\n },\r\n custom: {\r\n iconColor: '#a4d6ff',\r\n primaryButtonTextColor: '#FFFFFF',\r\n markAsReadBorderColor: '#FF9ecb',\r\n readByBackgroundColor: '#a4d6ff',\r\n stepIndicatorTextColor: '#FFFFFF',\r\n tabBackgroundColor: '#a4d6ff',\r\n },\r\n },\r\n appName: 'GP Docs',\r\n },\r\n};\r\n\r\nexport type ThemeKey = keyof typeof themeConfigs;\r\n\r\nconst createMuiTheme = (key: ThemeKey) => {\r\n return createTheme(deepmerge(baseTheme, themeConfigs[key]));\r\n};\r\n\r\ninterface ThemeContextType {\r\n currentTheme: ThemeKey;\r\n setTheme: (theme: ThemeKey) => void;\r\n theme: ReturnType<typeof createTheme>;\r\n}\r\n\r\nconst ThemeContext = React.createContext<ThemeContextType | undefined>(undefined);\r\n\r\nexport const ThemeProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\r\n const [currentTheme, setCurrentTheme] = React.useState<ThemeKey>('default');\r\n
|
|
1
|
+
{"version":3,"file":"ThemeProvider.js","sources":["../../../src/ThemeProvider.tsx"],"sourcesContent":["import { createTheme, ThemeProvider as MuiThemeProvider } from '@mui/material/styles';\r\nimport { deepmerge } from '@mui/utils';\r\nimport * as React from 'react';\r\nimport './theme-types';\r\nimport { CssBaseline } from '@mui/material';\r\n\r\nconst baseTheme = createTheme({\r\n palette: {\r\n text: {\r\n primary: '#4D3019',\r\n secondary: '#826E5C',\r\n }\r\n },\r\n typography: {\r\n fontFamily: ['Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'].join(','),\r\n allVariants: {\r\n color: '#4D3019'\r\n }\r\n },\r\n components: {\r\n MuiTypography: {\r\n styleOverrides: {\r\n root: {\r\n color: '#4D3019',\r\n },\r\n },\r\n },\r\n MuiCssBaseline: {\r\n styleOverrides: {\r\n body: {\r\n WebkitFontSmoothing: 'antialiased',\r\n MozOsxFontSmoothing: 'grayscale',\r\n backgroundColor: '#FDFCEE',\r\n color: '#4D3019',\r\n },\r\n 'input[type=\"checkbox\"], input[type=\"radio\"]': {\r\n accentColor: '#D79AFC',\r\n },\r\n },\r\n },\r\n },\r\n breakpoints: {\r\n values: {\r\n xs: 320,\r\n sm: 640,\r\n md: 768,\r\n lg: 1024,\r\n xl: 1280,\r\n },\r\n },\r\n});\r\n\r\nconst themeConfigs = {\r\n default: {\r\n palette: {\r\n primary: { main: '#AD46FF' },\r\n secondary: { main: '#D79AFC' },\r\n accent: { main: '#FFEDD1' },\r\n dark: { main: '#4D3019' },\r\n light: { main: '#FEFDF7' },\r\n markedRead: { main: '#A3D977' },\r\n text: {\r\n primary: '#4D3019',\r\n secondary: '#826E5C',\r\n },\r\n custom: {\r\n iconColor: '#ebc7ff',\r\n primaryButtonTextColor: '#FFFFFF',\r\n readByBackgroundColor: '#ebc7ff',\r\n stepIndicatorTextColor: '#FFFFFF',\r\n markAsReadBackgroundColor: '#ebc7ff',\r\n tabBackgroundColor: '#F8F0FC',\r\n },\r\n },\r\n appName: 'ECE Docs',\r\n },\r\n school: {\r\n palette: {\r\n primary: { main: '#386e41' },\r\n secondary: { main: '#8fc790' },\r\n accent: { main: '#d5ebde' },\r\n dark: { main: '#4D3019' },\r\n light: { main: '#FEFDF7' },\r\n markedRead: { main: '#A3D977' },\r\n text: {\r\n primary: '#4D3019',\r\n secondary: '#826E5C',\r\n },\r\n custom: {\r\n primaryButtonTextColor: '#FFFFFF',\r\n stepIndicatorTextColor: '#FFFFFF',\r\n },\r\n },\r\n appName: 'School Docs',\r\n },\r\n health: {\r\n palette: {\r\n primary: { main: '#4871cf' },\r\n secondary: { main: '#a4d6ff' },\r\n accent: { main: '#FF9ecb' },\r\n dark: { main: '#4D3019' },\r\n light: { main: '#FEFDF7' },\r\n markedRead: { main: '#A3D977' },\r\n text: {\r\n primary: '#4D3019',\r\n secondary: '#826E5C',\r\n },\r\n custom: {\r\n iconColor: '#a4d6ff',\r\n primaryButtonTextColor: '#FFFFFF',\r\n markAsReadBorderColor: '#FF9ecb',\r\n readByBackgroundColor: '#a4d6ff',\r\n stepIndicatorTextColor: '#FFFFFF',\r\n tabBackgroundColor: '#a4d6ff',\r\n },\r\n },\r\n appName: 'GP Docs',\r\n },\r\n};\r\n\r\nexport type ThemeKey = keyof typeof themeConfigs;\r\n\r\nconst createMuiTheme = (key: ThemeKey) => {\r\n return createTheme(deepmerge(baseTheme, themeConfigs[key]));\r\n};\r\n\r\ninterface ThemeContextType {\r\n currentTheme: ThemeKey;\r\n setTheme: (theme: ThemeKey) => void;\r\n theme: ReturnType<typeof createTheme>;\r\n}\r\n\r\nconst ThemeContext = React.createContext<ThemeContextType | undefined>(undefined);\r\n\r\nexport const ThemeProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\r\n const [currentTheme, setCurrentTheme] = React.useState<ThemeKey>('default');\r\n const theme = React.useMemo(() => createMuiTheme(currentTheme), [currentTheme]);\r\n \r\n return (\r\n <ThemeContext.Provider value={{ currentTheme, setTheme: setCurrentTheme, theme }}>\r\n <MuiThemeProvider theme={theme}>\r\n <CssBaseline />\r\n {children}\r\n </MuiThemeProvider>\r\n </ThemeContext.Provider>\r\n );\r\n};\r\n\r\nexport const useTheme = () => {\r\n const context = React.useContext(ThemeContext);\r\n if (context === undefined) {\r\n throw new Error('useTheme must be used within a ThemeProvider');\r\n }\r\n return context;\r\n};\r\n"],"names":["createTheme","deepmerge","React","_jsx","_jsxs","MuiThemeProvider","CssBaseline"],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import { createTheme, ThemeProvider as ThemeProvider$1 } from '@mui/material/styles';
|
|
3
3
|
import { deepmerge } from '@mui/utils';
|
|
4
4
|
import * as React from 'react';
|
|
5
|
+
import { CssBaseline } from '@mui/material';
|
|
5
6
|
|
|
6
7
|
const baseTheme = createTheme({
|
|
7
8
|
palette: {
|
|
@@ -122,7 +123,7 @@ const ThemeContext = React.createContext(undefined);
|
|
|
122
123
|
const ThemeProvider = ({ children }) => {
|
|
123
124
|
const [currentTheme, setCurrentTheme] = React.useState('default');
|
|
124
125
|
const theme = React.useMemo(() => createMuiTheme(currentTheme), [currentTheme]);
|
|
125
|
-
return (jsx(ThemeContext.Provider, { value: { currentTheme, setTheme: setCurrentTheme, theme }, children:
|
|
126
|
+
return (jsx(ThemeContext.Provider, { value: { currentTheme, setTheme: setCurrentTheme, theme }, children: jsxs(ThemeProvider$1, { theme: theme, children: [jsx(CssBaseline, {}), children] }) }));
|
|
126
127
|
};
|
|
127
128
|
const useTheme = () => {
|
|
128
129
|
const context = React.useContext(ThemeContext);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.js","sources":["../../../src/ThemeProvider.tsx"],"sourcesContent":["import { createTheme, ThemeProvider as MuiThemeProvider } from '@mui/material/styles';\r\nimport { deepmerge } from '@mui/utils';\r\nimport * as React from 'react';\r\nimport './theme-types';\r\n\r\nconst baseTheme = createTheme({\r\n palette: {\r\n text: {\r\n primary: '#4D3019',\r\n secondary: '#826E5C',\r\n }\r\n },\r\n typography: {\r\n fontFamily: ['Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'].join(','),\r\n allVariants: {\r\n color: '#4D3019'\r\n }\r\n },\r\n components: {\r\n MuiTypography: {\r\n styleOverrides: {\r\n root: {\r\n color: '#4D3019',\r\n },\r\n },\r\n },\r\n MuiCssBaseline: {\r\n styleOverrides: {\r\n body: {\r\n WebkitFontSmoothing: 'antialiased',\r\n MozOsxFontSmoothing: 'grayscale',\r\n backgroundColor: '#FDFCEE',\r\n color: '#4D3019',\r\n },\r\n 'input[type=\"checkbox\"], input[type=\"radio\"]': {\r\n accentColor: '#D79AFC',\r\n },\r\n },\r\n },\r\n },\r\n breakpoints: {\r\n values: {\r\n xs: 320,\r\n sm: 640,\r\n md: 768,\r\n lg: 1024,\r\n xl: 1280,\r\n },\r\n },\r\n});\r\n\r\nconst themeConfigs = {\r\n default: {\r\n palette: {\r\n primary: { main: '#AD46FF' },\r\n secondary: { main: '#D79AFC' },\r\n accent: { main: '#FFEDD1' },\r\n dark: { main: '#4D3019' },\r\n light: { main: '#FEFDF7' },\r\n markedRead: { main: '#A3D977' },\r\n text: {\r\n primary: '#4D3019',\r\n secondary: '#826E5C',\r\n },\r\n custom: {\r\n iconColor: '#ebc7ff',\r\n primaryButtonTextColor: '#FFFFFF',\r\n readByBackgroundColor: '#ebc7ff',\r\n stepIndicatorTextColor: '#FFFFFF',\r\n markAsReadBackgroundColor: '#ebc7ff',\r\n tabBackgroundColor: '#F8F0FC',\r\n },\r\n },\r\n appName: 'ECE Docs',\r\n },\r\n school: {\r\n palette: {\r\n primary: { main: '#386e41' },\r\n secondary: { main: '#8fc790' },\r\n accent: { main: '#d5ebde' },\r\n dark: { main: '#4D3019' },\r\n light: { main: '#FEFDF7' },\r\n markedRead: { main: '#A3D977' },\r\n text: {\r\n primary: '#4D3019',\r\n secondary: '#826E5C',\r\n },\r\n custom: {\r\n primaryButtonTextColor: '#FFFFFF',\r\n stepIndicatorTextColor: '#FFFFFF',\r\n },\r\n },\r\n appName: 'School Docs',\r\n },\r\n health: {\r\n palette: {\r\n primary: { main: '#4871cf' },\r\n secondary: { main: '#a4d6ff' },\r\n accent: { main: '#FF9ecb' },\r\n dark: { main: '#4D3019' },\r\n light: { main: '#FEFDF7' },\r\n markedRead: { main: '#A3D977' },\r\n text: {\r\n primary: '#4D3019',\r\n secondary: '#826E5C',\r\n },\r\n custom: {\r\n iconColor: '#a4d6ff',\r\n primaryButtonTextColor: '#FFFFFF',\r\n markAsReadBorderColor: '#FF9ecb',\r\n readByBackgroundColor: '#a4d6ff',\r\n stepIndicatorTextColor: '#FFFFFF',\r\n tabBackgroundColor: '#a4d6ff',\r\n },\r\n },\r\n appName: 'GP Docs',\r\n },\r\n};\r\n\r\nexport type ThemeKey = keyof typeof themeConfigs;\r\n\r\nconst createMuiTheme = (key: ThemeKey) => {\r\n return createTheme(deepmerge(baseTheme, themeConfigs[key]));\r\n};\r\n\r\ninterface ThemeContextType {\r\n currentTheme: ThemeKey;\r\n setTheme: (theme: ThemeKey) => void;\r\n theme: ReturnType<typeof createTheme>;\r\n}\r\n\r\nconst ThemeContext = React.createContext<ThemeContextType | undefined>(undefined);\r\n\r\nexport const ThemeProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\r\n const [currentTheme, setCurrentTheme] = React.useState<ThemeKey>('default');\r\n
|
|
1
|
+
{"version":3,"file":"ThemeProvider.js","sources":["../../../src/ThemeProvider.tsx"],"sourcesContent":["import { createTheme, ThemeProvider as MuiThemeProvider } from '@mui/material/styles';\r\nimport { deepmerge } from '@mui/utils';\r\nimport * as React from 'react';\r\nimport './theme-types';\r\nimport { CssBaseline } from '@mui/material';\r\n\r\nconst baseTheme = createTheme({\r\n palette: {\r\n text: {\r\n primary: '#4D3019',\r\n secondary: '#826E5C',\r\n }\r\n },\r\n typography: {\r\n fontFamily: ['Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'].join(','),\r\n allVariants: {\r\n color: '#4D3019'\r\n }\r\n },\r\n components: {\r\n MuiTypography: {\r\n styleOverrides: {\r\n root: {\r\n color: '#4D3019',\r\n },\r\n },\r\n },\r\n MuiCssBaseline: {\r\n styleOverrides: {\r\n body: {\r\n WebkitFontSmoothing: 'antialiased',\r\n MozOsxFontSmoothing: 'grayscale',\r\n backgroundColor: '#FDFCEE',\r\n color: '#4D3019',\r\n },\r\n 'input[type=\"checkbox\"], input[type=\"radio\"]': {\r\n accentColor: '#D79AFC',\r\n },\r\n },\r\n },\r\n },\r\n breakpoints: {\r\n values: {\r\n xs: 320,\r\n sm: 640,\r\n md: 768,\r\n lg: 1024,\r\n xl: 1280,\r\n },\r\n },\r\n});\r\n\r\nconst themeConfigs = {\r\n default: {\r\n palette: {\r\n primary: { main: '#AD46FF' },\r\n secondary: { main: '#D79AFC' },\r\n accent: { main: '#FFEDD1' },\r\n dark: { main: '#4D3019' },\r\n light: { main: '#FEFDF7' },\r\n markedRead: { main: '#A3D977' },\r\n text: {\r\n primary: '#4D3019',\r\n secondary: '#826E5C',\r\n },\r\n custom: {\r\n iconColor: '#ebc7ff',\r\n primaryButtonTextColor: '#FFFFFF',\r\n readByBackgroundColor: '#ebc7ff',\r\n stepIndicatorTextColor: '#FFFFFF',\r\n markAsReadBackgroundColor: '#ebc7ff',\r\n tabBackgroundColor: '#F8F0FC',\r\n },\r\n },\r\n appName: 'ECE Docs',\r\n },\r\n school: {\r\n palette: {\r\n primary: { main: '#386e41' },\r\n secondary: { main: '#8fc790' },\r\n accent: { main: '#d5ebde' },\r\n dark: { main: '#4D3019' },\r\n light: { main: '#FEFDF7' },\r\n markedRead: { main: '#A3D977' },\r\n text: {\r\n primary: '#4D3019',\r\n secondary: '#826E5C',\r\n },\r\n custom: {\r\n primaryButtonTextColor: '#FFFFFF',\r\n stepIndicatorTextColor: '#FFFFFF',\r\n },\r\n },\r\n appName: 'School Docs',\r\n },\r\n health: {\r\n palette: {\r\n primary: { main: '#4871cf' },\r\n secondary: { main: '#a4d6ff' },\r\n accent: { main: '#FF9ecb' },\r\n dark: { main: '#4D3019' },\r\n light: { main: '#FEFDF7' },\r\n markedRead: { main: '#A3D977' },\r\n text: {\r\n primary: '#4D3019',\r\n secondary: '#826E5C',\r\n },\r\n custom: {\r\n iconColor: '#a4d6ff',\r\n primaryButtonTextColor: '#FFFFFF',\r\n markAsReadBorderColor: '#FF9ecb',\r\n readByBackgroundColor: '#a4d6ff',\r\n stepIndicatorTextColor: '#FFFFFF',\r\n tabBackgroundColor: '#a4d6ff',\r\n },\r\n },\r\n appName: 'GP Docs',\r\n },\r\n};\r\n\r\nexport type ThemeKey = keyof typeof themeConfigs;\r\n\r\nconst createMuiTheme = (key: ThemeKey) => {\r\n return createTheme(deepmerge(baseTheme, themeConfigs[key]));\r\n};\r\n\r\ninterface ThemeContextType {\r\n currentTheme: ThemeKey;\r\n setTheme: (theme: ThemeKey) => void;\r\n theme: ReturnType<typeof createTheme>;\r\n}\r\n\r\nconst ThemeContext = React.createContext<ThemeContextType | undefined>(undefined);\r\n\r\nexport const ThemeProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\r\n const [currentTheme, setCurrentTheme] = React.useState<ThemeKey>('default');\r\n const theme = React.useMemo(() => createMuiTheme(currentTheme), [currentTheme]);\r\n \r\n return (\r\n <ThemeContext.Provider value={{ currentTheme, setTheme: setCurrentTheme, theme }}>\r\n <MuiThemeProvider theme={theme}>\r\n <CssBaseline />\r\n {children}\r\n </MuiThemeProvider>\r\n </ThemeContext.Provider>\r\n );\r\n};\r\n\r\nexport const useTheme = () => {\r\n const context = React.useContext(ThemeContext);\r\n if (context === undefined) {\r\n throw new Error('useTheme must be used within a ThemeProvider');\r\n }\r\n return context;\r\n};\r\n"],"names":["_jsx","_jsxs","MuiThemeProvider"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ece-docs-components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.7",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/cjs/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|
|
@@ -49,5 +49,8 @@
|
|
|
49
49
|
"typescript"
|
|
50
50
|
],
|
|
51
51
|
"author": "Richard McNulty",
|
|
52
|
-
"license": "MIT"
|
|
52
|
+
"license": "MIT",
|
|
53
|
+
"dependencies": {
|
|
54
|
+
"@mui/utils": "^7.3.3"
|
|
55
|
+
}
|
|
53
56
|
}
|