@learningpool/ui 1.3.0 → 1.4.0-beta.11

package/components/pages/SideInSide/SideInSideStyles.js

@@ -0,0 +1,60 @@
+import { makeStyles } from 'tss-react/mui';
+export var SideInSideStyles = makeStyles()(function (theme, props) { return ({
+    root: {
+        height: '100vh',
+        width: '100%'
+    },
+    pageBackgroundContainer: {
+        backgroundImage: (props === null || props === void 0 ? void 0 : props.pageBackgroundImage)
+            ? "url(".concat(String(props.pageBackgroundImage), ")")
+            : 'url(https://source.unsplash.com/YWIOwHvRBvU)',
+        backgroundRepeat: 'no-repeat',
+        backgroundColor: theme.palette.mode === 'light' ? theme.palette.grey[50] : theme.palette.grey[900],
+        backgroundSize: 'cover',
+        backgroundPosition: 'center',
+        flex: 1
+    },
+    pageBackgroundLogoContainer: {
+        alignItems: 'center',
+        display: 'flex',
+        flexDirection: 'column',
+        height: '100%',
+        justifyContent: 'center'
+    },
+    pageBackgroundLogo: {
+        maxWidth: '250px'
+    },
+    contentPanel: {
+        alignItems: 'center',
+        display: 'flex',
+        flexDirection: 'column',
+        height: '100%',
+        marginLeft: theme.spacing(6),
+        marginRight: theme.spacing(6),
+        paddingBottom: theme.spacing(2),
+        paddingTop: theme.spacing(8)
+    },
+    contentPanelImageContainer: {
+        alignItems: 'center',
+        display: 'flex',
+        flexDirection: 'column',
+        marginBottom: theme.spacing(3),
+        marginTop: theme.spacing(1)
+    },
+    contentPanelImage: {
+        maxWidth: '400px',
+        width: '66%'
+    },
+    submitButton: {
+        marginBottom: theme.spacing(2),
+        marginTop: theme.spacing(3)
+    },
+    streamHomeButton: {
+        marginBottom: "".concat(theme.spacing(5), " !important"),
+        marginTop: "".concat(theme.spacing(3), " !important")
+    },
+    footerContent: {
+        marginTop: 'auto',
+        width: '100%'
+    }
+}); });

package/index.d.ts

@@ -1,9 +1,60 @@
-export { default as Avatar } from './components/datadisplay/Avatar/Avatar';
-export { default as Button } from './components/atoms/Button/Button';
-export { default as Drawer } from './components/navigation/Drawer/Drawer';
-export { default as List } from './components/datadisplay/List/List';
+export { default as Accordion } from '@mui/material/Accordion';
+export { default as AccordionActions } from '@mui/material/AccordionActions';
+export { default as AccordionDetails } from '@mui/material/AccordionDetails';
+export { default as AccordionSummary } from '@mui/material/AccordionSummary';
+export { default as Alert } from '@mui/material/Alert';
+export { default as AlertTitle } from '@mui/material/AlertTitle';
+export { default as AppBar } from '@mui/material/AppBar';
+export { default as Autocomplete } from '@mui/material/Autocomplete';
 export { default as AvatarGroup } from '@mui/material/AvatarGroup';
 export { default as Backdrop } from '@mui/material/Backdrop';
+export { default as Badge } from '@mui/material/Badge';
+export { default as BottomNavigation } from '@mui/material/BottomNavigation';
+export { default as BottomNavigationAction } from '@mui/material/BottomNavigationAction';
+export { default as Box } from '@mui/material/Box';
+export { default as Breadcrumbs } from '@mui/material/Breadcrumbs';
+export { default as ButtonBase } from '@mui/material/ButtonBase';
+export { default as ButtonGroup } from '@mui/material/ButtonGroup';
+export { default as Card } from '@mui/material/Card';
+export { default as CardActionArea } from '@mui/material/CardActionArea';
+export { default as CardActions } from '@mui/material/CardActions';
+export { default as CardContent } from '@mui/material/CardContent';
+export { default as CardHeader } from '@mui/material/CardHeader';
+export { default as CardMedia } from '@mui/material/CardMedia';
+export { default as Chip } from '@mui/material/Chip';
+export { default as CircularProgress } from '@mui/material/CircularProgress';
+export { default as ClickAwayListener } from '@mui/material/ClickAwayListener';
+export { default as Collapse } from '@mui/material/Collapse';
+export { default as Container } from '@mui/material/Container';
+export { default as CssBaseline } from '@mui/material/CssBaseline';
+export { default as darkScrollbar } from '@mui/material/darkScrollbar';
+export { default as Dialog } from '@mui/material/Dialog';
+export { default as DialogActions } from '@mui/material/DialogActions';
+export { default as DialogContent } from '@mui/material/DialogContent';
+export { default as DialogContentText } from '@mui/material/DialogContentText';
+export { default as DialogTitle } from '@mui/material/DialogTitle';
+export { default as Divider } from '@mui/material/Divider';
+export { default as Fab } from '@mui/material/Fab';
+export { default as Fade } from '@mui/material/Fade';
+export { default as FilledInput } from '@mui/material/FilledInput';
+export { default as FormControl } from '@mui/material/FormControl';
+export { default as FormControlLabel } from '@mui/material/FormControlLabel';
+export { default as FormGroup } from '@mui/material/FormGroup';
+export { default as FormHelperText } from '@mui/material/FormHelperText';
+export { default as FormLabel } from '@mui/material/FormLabel';
+export { default as Grid } from '@mui/material/Grid';
+export { default as Grow } from '@mui/material/Grow';
+export { default as Hidden } from '@mui/material/Hidden';
+export { default as Icon } from '@mui/material/Icon';
+export { default as ImageList } from '@mui/material/ImageList';
+export { default as ImageListItem } from '@mui/material/ImageListItem';
+export { default as ImageListItemBar } from '@mui/material/ImageListItemBar';
+export { default as Input } from '@mui/material/Input';
+export { default as InputAdornment } from '@mui/material/InputAdornment';
+export { default as InputBase } from '@mui/material/InputBase';
+export { default as InputLabel } from '@mui/material/InputLabel';
+export { default as LinearProgress } from '@mui/material/LinearProgress';
+export { default as Link } from '@mui/material/Link';
 export { default as ListItem } from '@mui/material/ListItem';
 export { default as ListItemAvatar } from '@mui/material/ListItemAvatar';
 export { default as ListItemButton } from '@mui/material/ListItemButton';
@@ -11,3 +62,70 @@ export { default as ListItemIcon } from '@mui/material/ListItemIcon';
 export { default as ListItemSecondaryAction } from '@mui/material/ListItemSecondaryAction';
 export { default as ListItemText } from '@mui/material/ListItemText';
 export { default as ListSubheader } from '@mui/material/ListSubheader';
+export { default as Menu } from '@mui/material/Menu';
+export { default as MenuItem } from '@mui/material/MenuItem';
+export { default as MenuList } from '@mui/material/MenuList';
+export { default as MobileStepper } from '@mui/material/MobileStepper';
+export { default as Modal } from '@mui/material/Modal';
+export { default as NativeSelect } from '@mui/material/NativeSelect';
+export { default as NoSsr } from '@mui/material/NoSsr';
+export { default as OutlinedInput } from '@mui/material/OutlinedInput';
+export { default as Pagination } from '@mui/material/Pagination';
+export { default as PaginationItem } from '@mui/material/PaginationItem';
+export { default as Paper } from '@mui/material/Paper';
+export { default as Popover } from '@mui/material/Popover';
+export { default as Popper } from '@mui/material/Popper';
+export { default as Portal } from '@mui/material/Portal';
+export { default as Radio } from '@mui/material/Radio';
+export { default as RadioGroup } from '@mui/material/RadioGroup';
+export { default as Rating } from '@mui/material/Rating';
+export { default as ScopedCssBaseline } from '@mui/material/ScopedCssBaseline';
+export { default as Select } from '@mui/material/Select';
+export { default as Skeleton } from '@mui/material/Skeleton';
+export { default as Slide } from '@mui/material/Slide';
+export { default as Slider } from '@mui/material/Slider';
+export { default as Snackbar } from '@mui/material/Snackbar';
+export { default as SnackbarContent } from '@mui/material/SnackbarContent';
+export { default as SpeedDial } from '@mui/material/SpeedDial';
+export { default as SpeedDialAction } from '@mui/material/SpeedDialAction';
+export { default as SpeedDialIcon } from '@mui/material/SpeedDialIcon';
+export { default as Stack } from '@mui/material/Stack';
+export { default as Step } from '@mui/material/Step';
+export { default as StepButton } from '@mui/material/StepButton';
+export { default as StepConnector } from '@mui/material/StepConnector';
+export { default as StepContent } from '@mui/material/StepContent';
+export { default as StepIcon } from '@mui/material/StepIcon';
+export { default as StepLabel } from '@mui/material/StepLabel';
+export { default as Stepper } from '@mui/material/Stepper';
+export { default as SvgIcon } from '@mui/material/SvgIcon';
+export { default as SwipeableDrawer } from '@mui/material/SwipeableDrawer';
+export { default as Switch } from '@mui/material/Switch';
+export { default as Tab } from '@mui/material/Tab';
+export { default as Table } from '@mui/material/Table';
+export { default as TableBody } from '@mui/material/TableBody';
+export { default as TableCell } from '@mui/material/TableCell';
+export { default as TableContainer } from '@mui/material/TableContainer';
+export { default as TableFooter } from '@mui/material/TableFooter';
+export { default as TableHead } from '@mui/material/TableHead';
+export { default as TablePagination } from '@mui/material/TablePagination';
+export { default as TableRow } from '@mui/material/TableRow';
+export { default as TableSortLabel } from '@mui/material/TableSortLabel';
+export { default as Tabs } from '@mui/material/Tabs';
+export { default as TabScrollButton } from '@mui/material/TabScrollButton';
+export { default as TextareaAutosize } from '@mui/material/TextareaAutosize';
+export { default as ToggleButton } from '@mui/material/ToggleButton';
+export { default as ToggleButtonGroup } from '@mui/material/ToggleButtonGroup';
+export { default as Toolbar } from '@mui/material/Toolbar';
+export { default as Typography } from '@mui/material/Typography';
+export * from '@mui/x-data-grid';
+export { default as Avatar } from './components/datadisplay/Avatar/Avatar';
+export { default as Button } from './components/atoms/Button/Button';
+export { default as IconButton } from './components/atoms/IconButton/IconButton';
+export { default as Checkbox } from './components/atoms/Checkbox/Checkbox';
+export { default as TextField } from './components/atoms/TextField/TextField';
+export { default as Drawer } from './components/navigation/Drawer/Drawer';
+export { default as List } from './components/datadisplay/List/List';
+export { default as Tooltip } from './components/datadisplay/Tooltip/Tooltip';
+export { default as SideInSide } from './components/pages/SideInSide/SideInSide';
+export { default as ErrorPage } from './components/pages/ErrorPage/ErrorPage';
+export { default as VerticalNavigation } from './components/navigation/VerticalNavigation/VerticalNavigation';

package/index.js

@@ -1,11 +1,67 @@
-// Learning Pool intercepted
-export { default as Avatar } from './components/datadisplay/Avatar/Avatar';
-export { default as Button } from './components/atoms/Button/Button';
-export { default as Drawer } from './components/navigation/Drawer/Drawer';
-export { default as List } from './components/datadisplay/List/List';
-// Straight through MUI
+// Straight from @mui/material
+export { default as Accordion } from '@mui/material/Accordion';
+export { default as AccordionActions } from '@mui/material/AccordionActions';
+export { default as AccordionDetails } from '@mui/material/AccordionDetails';
+export { default as AccordionSummary } from '@mui/material/AccordionSummary';
+export { default as Alert } from '@mui/material/Alert';
+export { default as AlertTitle } from '@mui/material/AlertTitle';
+export { default as AppBar } from '@mui/material/AppBar';
+export { default as Autocomplete } from '@mui/material/Autocomplete';
+// export { default as Avatar } from '@mui/material/Avatar'
 export { default as AvatarGroup } from '@mui/material/AvatarGroup';
 export { default as Backdrop } from '@mui/material/Backdrop';
+export { default as Badge } from '@mui/material/Badge';
+export { default as BottomNavigation } from '@mui/material/BottomNavigation';
+export { default as BottomNavigationAction } from '@mui/material/BottomNavigationAction';
+export { default as Box } from '@mui/material/Box';
+export { default as Breadcrumbs } from '@mui/material/Breadcrumbs';
+// export { default as Button } from '@mui/material/Button'
+export { default as ButtonBase } from '@mui/material/ButtonBase';
+export { default as ButtonGroup } from '@mui/material/ButtonGroup';
+export { default as Card } from '@mui/material/Card';
+export { default as CardActionArea } from '@mui/material/CardActionArea';
+export { default as CardActions } from '@mui/material/CardActions';
+export { default as CardContent } from '@mui/material/CardContent';
+export { default as CardHeader } from '@mui/material/CardHeader';
+export { default as CardMedia } from '@mui/material/CardMedia';
+// export { default as Checkbox } from '@mui/material/Checkbox'
+export { default as Chip } from '@mui/material/Chip';
+export { default as CircularProgress } from '@mui/material/CircularProgress';
+export { default as ClickAwayListener } from '@mui/material/ClickAwayListener';
+export { default as Collapse } from '@mui/material/Collapse';
+export { default as Container } from '@mui/material/Container';
+export { default as CssBaseline } from '@mui/material/CssBaseline';
+export { default as darkScrollbar } from '@mui/material/darkScrollbar';
+export { default as Dialog } from '@mui/material/Dialog';
+export { default as DialogActions } from '@mui/material/DialogActions';
+export { default as DialogContent } from '@mui/material/DialogContent';
+export { default as DialogContentText } from '@mui/material/DialogContentText';
+export { default as DialogTitle } from '@mui/material/DialogTitle';
+export { default as Divider } from '@mui/material/Divider';
+// export { default as Drawer } from '@mui/material/Drawer'
+export { default as Fab } from '@mui/material/Fab';
+export { default as Fade } from '@mui/material/Fade';
+export { default as FilledInput } from '@mui/material/FilledInput';
+export { default as FormControl } from '@mui/material/FormControl';
+export { default as FormControlLabel } from '@mui/material/FormControlLabel';
+export { default as FormGroup } from '@mui/material/FormGroup';
+export { default as FormHelperText } from '@mui/material/FormHelperText';
+export { default as FormLabel } from '@mui/material/FormLabel';
+export { default as Grid } from '@mui/material/Grid';
+export { default as Grow } from '@mui/material/Grow';
+export { default as Hidden } from '@mui/material/Hidden';
+export { default as Icon } from '@mui/material/Icon';
+// export { default as IconButton } from '@mui/material/IconButton'
+export { default as ImageList } from '@mui/material/ImageList';
+export { default as ImageListItem } from '@mui/material/ImageListItem';
+export { default as ImageListItemBar } from '@mui/material/ImageListItemBar';
+export { default as Input } from '@mui/material/Input';
+export { default as InputAdornment } from '@mui/material/InputAdornment';
+export { default as InputBase } from '@mui/material/InputBase';
+export { default as InputLabel } from '@mui/material/InputLabel';
+export { default as LinearProgress } from '@mui/material/LinearProgress';
+export { default as Link } from '@mui/material/Link';
+// export { default as List } from '@mui/material/List'
 export { default as ListItem } from '@mui/material/ListItem';
 export { default as ListItemAvatar } from '@mui/material/ListItemAvatar';
 export { default as ListItemButton } from '@mui/material/ListItemButton';
@@ -13,3 +69,75 @@ export { default as ListItemIcon } from '@mui/material/ListItemIcon';
 export { default as ListItemSecondaryAction } from '@mui/material/ListItemSecondaryAction';
 export { default as ListItemText } from '@mui/material/ListItemText';
 export { default as ListSubheader } from '@mui/material/ListSubheader';
+export { default as Menu } from '@mui/material/Menu';
+export { default as MenuItem } from '@mui/material/MenuItem';
+export { default as MenuList } from '@mui/material/MenuList';
+export { default as MobileStepper } from '@mui/material/MobileStepper';
+export { default as Modal } from '@mui/material/Modal';
+export { default as NativeSelect } from '@mui/material/NativeSelect';
+export { default as NoSsr } from '@mui/material/NoSsr';
+export { default as OutlinedInput } from '@mui/material/OutlinedInput';
+export { default as Pagination } from '@mui/material/Pagination';
+export { default as PaginationItem } from '@mui/material/PaginationItem';
+export { default as Paper } from '@mui/material/Paper';
+export { default as Popover } from '@mui/material/Popover';
+export { default as Popper } from '@mui/material/Popper';
+export { default as Portal } from '@mui/material/Portal';
+export { default as Radio } from '@mui/material/Radio';
+export { default as RadioGroup } from '@mui/material/RadioGroup';
+export { default as Rating } from '@mui/material/Rating';
+export { default as ScopedCssBaseline } from '@mui/material/ScopedCssBaseline';
+export { default as Select } from '@mui/material/Select';
+export { default as Skeleton } from '@mui/material/Skeleton';
+export { default as Slide } from '@mui/material/Slide';
+export { default as Slider } from '@mui/material/Slider';
+export { default as Snackbar } from '@mui/material/Snackbar';
+export { default as SnackbarContent } from '@mui/material/SnackbarContent';
+export { default as SpeedDial } from '@mui/material/SpeedDial';
+export { default as SpeedDialAction } from '@mui/material/SpeedDialAction';
+export { default as SpeedDialIcon } from '@mui/material/SpeedDialIcon';
+export { default as Stack } from '@mui/material/Stack';
+export { default as Step } from '@mui/material/Step';
+export { default as StepButton } from '@mui/material/StepButton';
+export { default as StepConnector } from '@mui/material/StepConnector';
+export { default as StepContent } from '@mui/material/StepContent';
+export { default as StepIcon } from '@mui/material/StepIcon';
+export { default as StepLabel } from '@mui/material/StepLabel';
+export { default as Stepper } from '@mui/material/Stepper';
+export { default as SvgIcon } from '@mui/material/SvgIcon';
+export { default as SwipeableDrawer } from '@mui/material/SwipeableDrawer';
+export { default as Switch } from '@mui/material/Switch';
+export { default as Tab } from '@mui/material/Tab';
+export { default as Table } from '@mui/material/Table';
+export { default as TableBody } from '@mui/material/TableBody';
+export { default as TableCell } from '@mui/material/TableCell';
+export { default as TableContainer } from '@mui/material/TableContainer';
+export { default as TableFooter } from '@mui/material/TableFooter';
+export { default as TableHead } from '@mui/material/TableHead';
+export { default as TablePagination } from '@mui/material/TablePagination';
+export { default as TableRow } from '@mui/material/TableRow';
+export { default as TableSortLabel } from '@mui/material/TableSortLabel';
+export { default as Tabs } from '@mui/material/Tabs';
+export { default as TabScrollButton } from '@mui/material/TabScrollButton';
+// export { default as TextField } from '@mui/material/TextField'
+export { default as TextareaAutosize } from '@mui/material/TextareaAutosize';
+export { default as ToggleButton } from '@mui/material/ToggleButton';
+export { default as ToggleButtonGroup } from '@mui/material/ToggleButtonGroup';
+export { default as Toolbar } from '@mui/material/Toolbar';
+// export { default as Tooltip } from '@mui/material/Tooltip'
+export { default as Typography } from '@mui/material/Typography';
+// Straight from @mui/x-data-grid
+export * from '@mui/x-data-grid';
+// Learning Pool intercepted
+export { default as Avatar } from './components/datadisplay/Avatar/Avatar';
+export { default as Button } from './components/atoms/Button/Button';
+export { default as IconButton } from './components/atoms/IconButton/IconButton';
+export { default as Checkbox } from './components/atoms/Checkbox/Checkbox';
+export { default as TextField } from './components/atoms/TextField/TextField';
+export { default as Drawer } from './components/navigation/Drawer/Drawer';
+export { default as List } from './components/datadisplay/List/List';
+export { default as Tooltip } from './components/datadisplay/Tooltip/Tooltip';
+export { default as SideInSide } from './components/pages/SideInSide/SideInSide';
+export { default as ErrorPage } from './components/pages/ErrorPage/ErrorPage';
+// Stream Suite components
+export { default as VerticalNavigation } from './components/navigation/VerticalNavigation/VerticalNavigation';

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@learningpool/ui",
   "author": "Learning Pool",
+  "description": "UI library for use on modern Learning Pool projects, built on top of MUI.",
   "license": "MIT",
   "keywords": [
     "learning-pool",
@@ -8,97 +9,29 @@
     "components",
     "ui"
   ],
-  "version": "1.3.0",
+  "version": "1.4.0-beta.11",
   "private": false,
-  "main": "dist/index.js",
-  "module": "dist/index.js",
+  "main": "index.js",
+  "module": "index.js",
   "dependencies": {
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
-    "@mui/icons-material": "^5.4.1",
-    "@mui/material": "^5.3.1",
-    "@testing-library/jest-dom": "^5.16.1",
-    "@testing-library/react": "^12.1.2",
-    "@testing-library/user-event": "^13.5.0",
+    "@learningpool/app-switcher": "1.0.5-beta.8",
+    "@mui/icons-material": "^5.8.4",
+    "@mui/material": "^5.8.5",
+    "@mui/x-data-grid": "^5.12.3",
     "@types/jest": "^27.4.0",
-    "@types/node": "^16.11.36",
-    "@types/react": "^17.0.38",
+    "@types/node": "^16.11.45",
+    "@types/react": "^17.0.47",
     "@types/react-dom": "^17.0.11",
+    "@typescript-eslint/parser": "^5.31.0",
     "anysort": "^2.0.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-scripts": "5.0.1",
+    "eslint-plugin-n": "^15.2.4",
+    "focus-trap-react": "^8.11.0",
     "tss-react": "^3.3.6",
     "typescript": "^4.6.2",
     "web-vitals": "^2.1.4"
   },
-  "scripts": {
-    "analyze:build": "source-map-explorer 'build/static/js/*.js'",
-    "analyze:module": "source-map-explorer 'dist/*.js'",
-    "build": "build-storybook",
-    "build:module": "rm -rf dist && yarn run tsc",
-    "lint": "eslint --ext .tsx ./src",
-    "lint:fix": "eslint --ext .tsx ./src --fix",
-    "semantic-release": "ht2-release-public-circleci-lib-dist",
-    "start": "start-storybook -p 6006",
-    "start:run-tests": "yarn test:generate-output && yarn start",
-    "test": "jest",
-    "test:update-snapshot": "jest --updateSnapshot",
-    "test:generate-output": "jest --json --outputFile=.jest-test-results.json"
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "devDependencies": {
-    "@babel/cli": "7.17.6",
-    "@babel/core": "7.17.8",
-    "@babel/preset-env": "7.16.11",
-    "@babel/preset-react": "7.16.7",
-    "@babel/preset-typescript": "7.16.7",
-    "@ht2-labs/semantic-release": "2.0.105",
-    "@storybook/addon-a11y": "6.4.20",
-    "@storybook/addon-actions": "6.5.0-alpha.57",
-    "@storybook/addon-essentials": "6.5.0-alpha.57",
-    "@storybook/addon-jest": "6.4.20",
-    "@storybook/addon-links": "6.5.0-alpha.57",
-    "@storybook/addons": "6.4.20",
-    "@storybook/builder-webpack5": "6.5.0-alpha.57",
-    "@storybook/manager-webpack5": "6.5.0-alpha.57",
-    "@storybook/node-logger": "6.5.0-alpha.57",
-    "@storybook/preset-create-react-app": "4.1.1",
-    "@storybook/react": "6.5.0-alpha.57",
-    "@storybook/theming": "6.4.20",
-    "babel-preset-minify": "0.5.2",
-    "eslint-config-standard": "16.0.3",
-    "eslint-config-standard-with-typescript": "21.0.1",
-    "eslint-plugin-node": "11.1.0",
-    "eslint-plugin-promise": "6.0.0",
-    "source-map-explorer": "2.5.2",
-    "source-map-loader": "3.0.1",
-    "ts-node": "10.8.0",
-    "webpack": "5.71.0"
-  },
-  "release": {
-    "branches": [
-      {
-        "name": "main"
-      },
-      {
-        "name": "beta",
-        "channel": "beta",
-        "prerelease": true
-      }
-    ]
-  },
   "publishConfig": {
     "access": "public"
   }

package/utils/theme.d.ts

@@ -81,3 +81,9 @@ export declare const darkTheme: {
         };
     };
 };
+export declare const motion: {
+    ease: string;
+    easeOut: string;
+    easeIn: string;
+    easeInOut: string;
+};

package/utils/theme.js

@@ -11,14 +11,24 @@ var __assign = (this && this.__assign) || function () {
 };
 import { amber, blue, common } from '@mui/material/colors';
 var DEFAULT_HEADER_TYPOGRAPHY = {
-    fontFamily: '"Montserrat", "Roboto", "Helvetica", "Arial", sans-serif'
+    fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif'
 };
 var DEFAULT_BODY_TYPOGRAPHY = {
-    fontFamily: '"Source Sans Pro", "Roboto", "Helvetica", "Arial", sans-serif'
+    fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif'
 };
 // @TODO: Discuss this with the experience design team, according to the UUI Figma
 export var defaultTheme = {
     typography: __assign(__assign({}, DEFAULT_BODY_TYPOGRAPHY), { h1: DEFAULT_HEADER_TYPOGRAPHY, h2: DEFAULT_HEADER_TYPOGRAPHY, h3: DEFAULT_HEADER_TYPOGRAPHY, h4: DEFAULT_HEADER_TYPOGRAPHY, h5: DEFAULT_HEADER_TYPOGRAPHY, h6: DEFAULT_HEADER_TYPOGRAPHY, subtitle1: DEFAULT_BODY_TYPOGRAPHY, subtitle2: DEFAULT_BODY_TYPOGRAPHY, body1: DEFAULT_BODY_TYPOGRAPHY, body2: DEFAULT_BODY_TYPOGRAPHY, button: __assign(__assign({}, DEFAULT_BODY_TYPOGRAPHY), { fontWeight: 700 }), caption: DEFAULT_BODY_TYPOGRAPHY, overline: DEFAULT_BODY_TYPOGRAPHY })
+    // overrides: {
+    //   MuiCssBaseline: {
+    //     '@global': {
+    //       '.MuiAvatarGroup-root .MuiAvatar-root:first-of-type': {
+    //         backgroundColor: '#eee',
+    //         color: '#333'
+    //       }
+    //     }
+    //   }
+    // }
 };
 export var lightTheme = {
     palette: {
@@ -43,3 +53,9 @@ export var darkTheme = {
         }
     }
 };
+export var motion = {
+    ease: 'cubic-bezier(0.4, 0.0, 0.2, 1)',
+    easeOut: 'cubic-bezier(0.0, 0.0, 0.2, 1)',
+    easeIn: 'cubic-bezier(0.4, 0.0, 1, 1)',
+    easeInOut: 'cubic-bezier(0.4, 0.0, 0.6, 1)'
+};

package/components/atoms/Autocomplete/AutocompleteStyles.d.ts

@@ -1,7 +0,0 @@
-import { Theme } from '@mui/material/styles';
-export declare const AutocompleteStyles: (params: void) => {
-    classes: Record<never, string>;
-    theme: Theme;
-    css: import("tss-react").Css;
-    cx: import("tss-react").Cx;
-};

package/components/atoms/Autocomplete/AutocompleteStyles.js

@@ -1,2 +0,0 @@
-import { makeStyles } from 'tss-react/mui';
-export var AutocompleteStyles = makeStyles()(function (theme) { return ({}); });

package/components/atoms/Button/ButtonStyles.d.ts

@@ -1,7 +0,0 @@
-import { Theme } from '@mui/material/styles';
-export declare const ButtonStyles: (params: void) => {
-    classes: Record<never, string>;
-    theme: Theme;
-    css: import("tss-react").Css;
-    cx: import("tss-react").Cx;
-};

package/components/atoms/Button/ButtonStyles.js

@@ -1,2 +0,0 @@
-import { makeStyles } from 'tss-react/mui';
-export var ButtonStyles = makeStyles()(function (theme) { return ({}); });

package/components/atoms/Checkbox/CheckboxStyles.d.ts

@@ -1,7 +0,0 @@
-import { Theme } from '@mui/material/styles';
-export declare const CheckboxStyles: (params: void) => {
-    classes: Record<never, string>;
-    theme: Theme;
-    css: import("tss-react").Css;
-    cx: import("tss-react").Cx;
-};

package/components/atoms/Checkbox/CheckboxStyles.js

@@ -1,2 +0,0 @@
-import { makeStyles } from 'tss-react/mui';
-export var CheckboxStyles = makeStyles()(function (theme) { return ({}); });

package/components/atoms/IconButton/IconButtonStyles.d.ts

@@ -1,7 +0,0 @@
-import { Theme } from '@mui/material/styles';
-export declare const IconButtonStyles: (params: void) => {
-    classes: Record<never, string>;
-    theme: Theme;
-    css: import("tss-react").Css;
-    cx: import("tss-react").Cx;
-};

package/components/atoms/IconButton/IconButtonStyles.js

@@ -1,2 +0,0 @@
-import { makeStyles } from 'tss-react/mui';
-export var IconButtonStyles = makeStyles()(function (theme) { return ({}); });

package/components/atoms/Radio/RadioStyles.d.ts

@@ -1,7 +0,0 @@
-import { Theme } from '@mui/material/styles';
-export declare const RadioStyles: (params: void) => {
-    classes: Record<never, string>;
-    theme: Theme;
-    css: import("tss-react").Css;
-    cx: import("tss-react").Cx;
-};

package/components/atoms/Radio/RadioStyles.js

@@ -1,2 +0,0 @@
-import { makeStyles } from 'tss-react/mui';
-export var RadioStyles = makeStyles()(function (theme) { return ({}); });

package/components/atoms/Select/SelectStyles.d.ts

@@ -1,7 +0,0 @@
-import { Theme } from '@mui/material/styles';
-export declare const SelectStyles: (params: void) => {
-    classes: Record<never, string>;
-    theme: Theme;
-    css: import("tss-react").Css;
-    cx: import("tss-react").Cx;
-};

package/components/atoms/Select/SelectStyles.js

@@ -1,2 +0,0 @@
-import { makeStyles } from 'tss-react/mui';
-export var SelectStyles = makeStyles()(function (theme) { return ({}); });

package/components/atoms/Slider/SliderStyles.d.ts

@@ -1,7 +0,0 @@
-import { Theme } from '@mui/material/styles';
-export declare const SliderStyles: (params: void) => {
-    classes: Record<never, string>;
-    theme: Theme;
-    css: import("tss-react").Css;
-    cx: import("tss-react").Cx;
-};

package/components/atoms/Slider/SliderStyles.js

@@ -1,2 +0,0 @@
-import { makeStyles } from 'tss-react/mui';
-export var SliderStyles = makeStyles()(function (theme) { return ({}); });

package/components/atoms/Switch/SwitchStyles.d.ts

@@ -1,7 +0,0 @@
-import { Theme } from '@mui/material/styles';
-export declare const SwitchStyles: (params: void) => {
-    classes: Record<never, string>;
-    theme: Theme;
-    css: import("tss-react").Css;
-    cx: import("tss-react").Cx;
-};

package/components/atoms/Switch/SwitchStyles.js

@@ -1,2 +0,0 @@
-import { makeStyles } from 'tss-react/mui';
-export var SwitchStyles = makeStyles()(function (theme) { return ({}); });

package/components/atoms/TextField/TextFieldStyles.d.ts

@@ -1,7 +0,0 @@
-import { Theme } from '@mui/material/styles';
-export declare const TextFieldStyles: (params: void) => {
-    classes: Record<never, string>;
-    theme: Theme;
-    css: import("tss-react").Css;
-    cx: import("tss-react").Cx;
-};

package/components/atoms/TextField/TextFieldStyles.js

@@ -1,2 +0,0 @@
-import { makeStyles } from 'tss-react/mui';
-export var TextFieldStyles = makeStyles()(function (theme) { return ({}); });