@okta/odyssey-react-mui 0.15.3 → 0.16.1

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+### [0.16.1](https://github.com/okta/odyssey/compare/v0.16.0...v0.16.1) (2022-10-31)
+
+**Note:** Version bump only for package @okta/odyssey-react-mui
+
+## [0.16.0](https://github.com/okta/odyssey/compare/v0.15.3...v0.16.0) (2022-10-27)
+
+**Note:** Version bump only for package @okta/odyssey-react-mui
+
 ### [0.15.3](https://github.com/okta/odyssey/compare/v0.15.2...v0.15.3) (2022-10-20)
 
 ### Features

package/dist/index.d.ts

@@ -17,8 +17,8 @@ export * from "./PasswordInput";
 export * from "./theme";
 export * from "./ThemeProvider";
 export * from "./useUniqueId";
-export { Alert, AlertTitle, Box, Button, Checkbox, CircularProgress, CssBaseline, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, FormControl, FormControlLabel, FormGroup, FormHelperText, FormLabel, InputAdornment, InputLabel, OutlinedInput, Radio, RadioGroup, Select, Snackbar, Stack, SvgIcon, Tab, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TableSortLabel, ThemeProvider as MuiThemeProvider, Tooltip, Typography, useTheme, } from "@mui/material";
-export type { AlertProps, AlertTitleProps, BoxProps, ButtonProps, CheckboxProps, CircularProgressProps, CssBaselineProps, DialogProps, DialogActionsProps, DialogContentProps, DialogContentTextProps, DialogTitleProps, FormControlLabelProps, FormControlProps, FormGroupProps, FormHelperTextProps, FormLabelProps, InputAdornmentProps, InputLabelProps, OutlinedInputProps, RadioGroupProps, RadioProps, SelectProps, SnackbarProps, StackProps, SvgIconProps, TabProps, TableBodyProps, TableCellProps, TableContainerProps, TableHeadProps, TableProps, TableRowProps, TableSortLabelProps, TooltipProps, TypographyProps, useThemeProps, } from "@mui/material";
+export { Alert, AlertTitle, Box, Button, Checkbox, CircularProgress, CssBaseline, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, FormControl, FormControlLabel, FormGroup, FormHelperText, FormLabel, IconButton, InputAdornment, InputBase, InputLabel, Radio, RadioGroup, Select, Snackbar, Stack, SvgIcon, Tab, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TableSortLabel, ThemeProvider as MuiThemeProvider, Tooltip, Typography, useTheme, } from "@mui/material";
+export type { AlertProps, AlertTitleProps, BoxProps, ButtonProps, CheckboxProps, CircularProgressProps, CssBaselineProps, DialogProps, DialogActionsProps, DialogContentProps, DialogContentTextProps, DialogTitleProps, FormControlLabelProps, FormControlProps, FormGroupProps, FormHelperTextProps, FormLabelProps, IconButtonProps, InputAdornmentProps, InputBaseProps, InputLabelProps, RadioGroupProps, RadioProps, SelectProps, SnackbarProps, StackProps, SvgIconProps, TabProps, TableBodyProps, TableCellProps, TableContainerProps, TableHeadProps, TableProps, TableRowProps, TableSortLabelProps, TooltipProps, TypographyProps, useThemeProps, } from "@mui/material";
 export { TabContext, TabList, TabPanel } from "@mui/lab";
 export type { TabContextProps, TabListProps, TabPanelProps } from "@mui/lab";
 export { Favorite as FavoriteIcon } from "@mui/icons-material";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAE9B,OAAO,EACL,KAAK,EACL,UAAU,EACV,GAAG,EACH,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,MAAM,EACN,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,SAAS,EACT,cAAc,EACd,UAAU,EACV,aAAa,EACb,KAAK,EACL,UAAU,EACV,MAAM,EACN,QAAQ,EACR,KAAK,EACL,OAAO,EACP,GAAG,EACH,KAAK,EACL,SAAS,EACT,SAAS,EACT,cAAc,EACd,SAAS,EACT,QAAQ,EACR,cAAc,EACd,aAAa,IAAI,gBAAgB,EACjC,OAAO,EACP,UAAU,EACV,QAAQ,GACT,MAAM,eAAe,CAAC;AAEvB,YAAY,EACV,UAAU,EACV,eAAe,EACf,QAAQ,EACR,WAAW,EACX,aAAa,EACb,qBAAqB,EACrB,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,UAAU,EACV,WAAW,EACX,aAAa,EACb,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,cAAc,EACd,UAAU,EACV,aAAa,EACb,mBAAmB,EACnB,YAAY,EACZ,eAAe,EACf,aAAa,GACd,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzD,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE7E,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAE9B,OAAO,EACL,KAAK,EACL,UAAU,EACV,GAAG,EACH,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,MAAM,EACN,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,SAAS,EACT,UAAU,EACV,cAAc,EACd,SAAS,EACT,UAAU,EACV,KAAK,EACL,UAAU,EACV,MAAM,EACN,QAAQ,EACR,KAAK,EACL,OAAO,EACP,GAAG,EACH,KAAK,EACL,SAAS,EACT,SAAS,EACT,cAAc,EACd,SAAS,EACT,QAAQ,EACR,cAAc,EACd,aAAa,IAAI,gBAAgB,EACjC,OAAO,EACP,UAAU,EACV,QAAQ,GACT,MAAM,eAAe,CAAC;AAEvB,YAAY,EACV,UAAU,EACV,eAAe,EACf,QAAQ,EACR,WAAW,EACX,aAAa,EACb,qBAAqB,EACrB,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,eAAe,EACf,UAAU,EACV,WAAW,EACX,aAAa,EACb,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,cAAc,EACd,UAAU,EACV,aAAa,EACb,mBAAmB,EACnB,YAAY,EACZ,eAAe,EACf,aAAa,GACd,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzD,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE7E,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -17,7 +17,7 @@ export * from "./PasswordInput.js";
 export * from "./theme/index.js";
 export * from "./ThemeProvider.js";
 export * from "./useUniqueId.js";
-export { Alert, AlertTitle, Box, Button, Checkbox, CircularProgress, CssBaseline, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, FormControl, FormControlLabel, FormGroup, FormHelperText, FormLabel, InputAdornment, InputLabel, OutlinedInput, Radio, RadioGroup, Select, Snackbar, Stack, SvgIcon, Tab, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TableSortLabel, ThemeProvider as MuiThemeProvider, Tooltip, Typography, useTheme } from "@mui/material";
+export { Alert, AlertTitle, Box, Button, Checkbox, CircularProgress, CssBaseline, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, FormControl, FormControlLabel, FormGroup, FormHelperText, FormLabel, IconButton, InputAdornment, InputBase, InputLabel, Radio, RadioGroup, Select, Snackbar, Stack, SvgIcon, Tab, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TableSortLabel, ThemeProvider as MuiThemeProvider, Tooltip, Typography, useTheme } from "@mui/material";
 export { TabContext, TabList, TabPanel } from "@mui/lab";
 export { Favorite as FavoriteIcon } from "@mui/icons-material";
 export { visuallyHidden } from "@mui/utils";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Alert","AlertTitle","Box","Button","Checkbox","CircularProgress","CssBaseline","Dialog","DialogActions","DialogContent","DialogContentText","DialogTitle","FormControl","FormControlLabel","FormGroup","FormHelperText","FormLabel","InputAdornment","InputLabel","OutlinedInput","Radio","RadioGroup","Select","Snackbar","Stack","SvgIcon","Tab","Table","TableBody","TableCell","TableContainer","TableHead","TableRow","TableSortLabel","ThemeProvider","MuiThemeProvider","Tooltip","Typography","useTheme","TabContext","TabList","TabPanel","Favorite","FavoriteIcon","visuallyHidden"],"sources":["../src/index.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nexport * from \"./createUniqueId\";\nexport * from \"./Icon\";\nexport * from \"./iconDictionary\";\nexport * from \"./Link\";\nexport * from \"./PasswordInput\";\nexport * from \"./theme\";\nexport * from \"./ThemeProvider\";\nexport * from \"./useUniqueId\";\n\nexport {\n  Alert,\n  AlertTitle,\n  Box,\n  Button,\n  Checkbox,\n  CircularProgress,\n  CssBaseline,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  FormControl,\n  FormControlLabel,\n  FormGroup,\n  FormHelperText,\n  FormLabel,\n  InputAdornment,\n  InputLabel,\n  OutlinedInput,\n  Radio,\n  RadioGroup,\n  Select,\n  Snackbar,\n  Stack,\n  SvgIcon,\n  Tab,\n  Table,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TableRow,\n  TableSortLabel,\n  ThemeProvider as MuiThemeProvider,\n  Tooltip,\n  Typography,\n  useTheme,\n} from \"@mui/material\";\n\nexport type {\n  AlertProps,\n  AlertTitleProps,\n  BoxProps,\n  ButtonProps,\n  CheckboxProps,\n  CircularProgressProps,\n  CssBaselineProps,\n  DialogProps,\n  DialogActionsProps,\n  DialogContentProps,\n  DialogContentTextProps,\n  DialogTitleProps,\n  FormControlLabelProps,\n  FormControlProps,\n  FormGroupProps,\n  FormHelperTextProps,\n  FormLabelProps,\n  InputAdornmentProps,\n  InputLabelProps,\n  OutlinedInputProps,\n  RadioGroupProps,\n  RadioProps,\n  SelectProps,\n  SnackbarProps,\n  StackProps,\n  SvgIconProps,\n  TabProps,\n  TableBodyProps,\n  TableCellProps,\n  TableContainerProps,\n  TableHeadProps,\n  TableProps,\n  TableRowProps,\n  TableSortLabelProps,\n  TooltipProps,\n  TypographyProps,\n  useThemeProps,\n} from \"@mui/material\";\n\nexport { TabContext, TabList, TabPanel } from \"@mui/lab\";\n\nexport type { TabContextProps, TabListProps, TabPanelProps } from \"@mui/lab\";\n\nexport { Favorite as FavoriteIcon } from \"@mui/icons-material\";\n\nexport { visuallyHidden } from \"@mui/utils\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AAWA,SACEA,KADF,EAEEC,UAFF,EAGEC,GAHF,EAIEC,MAJF,EAKEC,QALF,EAMEC,gBANF,EAOEC,WAPF,EAQEC,MARF,EASEC,aATF,EAUEC,aAVF,EAWEC,iBAXF,EAYEC,WAZF,EAaEC,WAbF,EAcEC,gBAdF,EAeEC,SAfF,EAgBEC,cAhBF,EAiBEC,SAjBF,EAkBEC,cAlBF,EAmBEC,UAnBF,EAoBEC,aApBF,EAqBEC,KArBF,EAsBEC,UAtBF,EAuBEC,MAvBF,EAwBEC,QAxBF,EAyBEC,KAzBF,EA0BEC,OA1BF,EA2BEC,GA3BF,EA4BEC,KA5BF,EA6BEC,SA7BF,EA8BEC,SA9BF,EA+BEC,cA/BF,EAgCEC,SAhCF,EAiCEC,QAjCF,EAkCEC,cAlCF,EAmCEC,aAAa,IAAIC,gBAnCnB,EAoCEC,OApCF,EAqCEC,UArCF,EAsCEC,QAtCF,QAuCO,eAvCP;AAiFA,SAASC,UAAT,EAAqBC,OAArB,EAA8BC,QAA9B,QAA8C,UAA9C;AAIA,SAASC,QAAQ,IAAIC,YAArB,QAAyC,qBAAzC;AAEA,SAASC,cAAT,QAA+B,YAA/B"}
+{"version":3,"file":"index.js","names":["Alert","AlertTitle","Box","Button","Checkbox","CircularProgress","CssBaseline","Dialog","DialogActions","DialogContent","DialogContentText","DialogTitle","FormControl","FormControlLabel","FormGroup","FormHelperText","FormLabel","IconButton","InputAdornment","InputBase","InputLabel","Radio","RadioGroup","Select","Snackbar","Stack","SvgIcon","Tab","Table","TableBody","TableCell","TableContainer","TableHead","TableRow","TableSortLabel","ThemeProvider","MuiThemeProvider","Tooltip","Typography","useTheme","TabContext","TabList","TabPanel","Favorite","FavoriteIcon","visuallyHidden"],"sources":["../src/index.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nexport * from \"./createUniqueId\";\nexport * from \"./Icon\";\nexport * from \"./iconDictionary\";\nexport * from \"./Link\";\nexport * from \"./PasswordInput\";\nexport * from \"./theme\";\nexport * from \"./ThemeProvider\";\nexport * from \"./useUniqueId\";\n\nexport {\n  Alert,\n  AlertTitle,\n  Box,\n  Button,\n  Checkbox,\n  CircularProgress,\n  CssBaseline,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  FormControl,\n  FormControlLabel,\n  FormGroup,\n  FormHelperText,\n  FormLabel,\n  IconButton,\n  InputAdornment,\n  InputBase,\n  InputLabel,\n  Radio,\n  RadioGroup,\n  Select,\n  Snackbar,\n  Stack,\n  SvgIcon,\n  Tab,\n  Table,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TableRow,\n  TableSortLabel,\n  ThemeProvider as MuiThemeProvider,\n  Tooltip,\n  Typography,\n  useTheme,\n} from \"@mui/material\";\n\nexport type {\n  AlertProps,\n  AlertTitleProps,\n  BoxProps,\n  ButtonProps,\n  CheckboxProps,\n  CircularProgressProps,\n  CssBaselineProps,\n  DialogProps,\n  DialogActionsProps,\n  DialogContentProps,\n  DialogContentTextProps,\n  DialogTitleProps,\n  FormControlLabelProps,\n  FormControlProps,\n  FormGroupProps,\n  FormHelperTextProps,\n  FormLabelProps,\n  IconButtonProps,\n  InputAdornmentProps,\n  InputBaseProps,\n  InputLabelProps,\n  RadioGroupProps,\n  RadioProps,\n  SelectProps,\n  SnackbarProps,\n  StackProps,\n  SvgIconProps,\n  TabProps,\n  TableBodyProps,\n  TableCellProps,\n  TableContainerProps,\n  TableHeadProps,\n  TableProps,\n  TableRowProps,\n  TableSortLabelProps,\n  TooltipProps,\n  TypographyProps,\n  useThemeProps,\n} from \"@mui/material\";\n\nexport { TabContext, TabList, TabPanel } from \"@mui/lab\";\n\nexport type { TabContextProps, TabListProps, TabPanelProps } from \"@mui/lab\";\n\nexport { Favorite as FavoriteIcon } from \"@mui/icons-material\";\n\nexport { visuallyHidden } from \"@mui/utils\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AAWA,SACEA,KADF,EAEEC,UAFF,EAGEC,GAHF,EAIEC,MAJF,EAKEC,QALF,EAMEC,gBANF,EAOEC,WAPF,EAQEC,MARF,EASEC,aATF,EAUEC,aAVF,EAWEC,iBAXF,EAYEC,WAZF,EAaEC,WAbF,EAcEC,gBAdF,EAeEC,SAfF,EAgBEC,cAhBF,EAiBEC,SAjBF,EAkBEC,UAlBF,EAmBEC,cAnBF,EAoBEC,SApBF,EAqBEC,UArBF,EAsBEC,KAtBF,EAuBEC,UAvBF,EAwBEC,MAxBF,EAyBEC,QAzBF,EA0BEC,KA1BF,EA2BEC,OA3BF,EA4BEC,GA5BF,EA6BEC,KA7BF,EA8BEC,SA9BF,EA+BEC,SA/BF,EAgCEC,cAhCF,EAiCEC,SAjCF,EAkCEC,QAlCF,EAmCEC,cAnCF,EAoCEC,aAAa,IAAIC,gBApCnB,EAqCEC,OArCF,EAsCEC,UAtCF,EAuCEC,QAvCF,QAwCO,eAxCP;AAmFA,SAASC,UAAT,EAAqBC,OAArB,EAA8BC,QAA9B,QAA8C,UAA9C;AAIA,SAASC,QAAQ,IAAIC,YAArB,QAAyC,qBAAzC;AAEA,SAASC,cAAT,QAA+B,YAA/B"}

package/dist/theme/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/theme/components.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAkBlD,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CAqsCjD,CAAC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/theme/components.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAkBlD,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CAovCjD,CAAC"}

package/dist/theme/components.js

@@ -10,7 +10,7 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 import { dialogActionsClasses } from "@mui/material/DialogActions";
-import { outlinedInputClasses } from "@mui/material/OutlinedInput";
+import { inputBaseClasses } from "@mui/material/InputBase";
 import { tableBodyClasses } from "@mui/material/TableBody";
 import { tableCellClasses } from "@mui/material/TableCell";
 import { tableHeadClasses } from "@mui/material/TableHead";
@@ -630,6 +630,7 @@ export const components = {
           theme
         } = _ref24;
         return {
+          fontSize: theme.typography.subtitle1.fontSize,
           lineHeight: "1.33333333",
           marginTop: theme.spacing(2),
           ".MuiFormLabel-root + &": {
@@ -696,6 +697,18 @@ export const components = {
       }
     }
   },
+  MuiInput: {
+    defaultProps: {
+      disableUnderline: true
+    },
+    styleOverrides: {
+      root: {
+        "label + &": {
+          marginTop: 0
+        }
+      }
+    }
+  },
   MuiInputAdornment: {
     defaultProps: {
       variant: "outlined"
@@ -703,37 +716,114 @@ export const components = {
     styleOverrides: {
       root: _ref27 => {
         let {
+          theme,
           ownerState
         } = _ref27;
         return {
           display: "flex",
+          minWidth: "1em",
+          maxHeight: "unset",
+          alignItems: "center",
+          whiteSpace: "nowrap",
+          color: theme.palette.action.active,
           ...(ownerState.position === "start" && {
-            marginRight: 0
+            marginInlineEnd: theme.spacing(2)
           }),
           ...(ownerState.position === "end" && {
-            marginLeft: 0
+            marginInlineStart: theme.spacing(2)
+          }),
+          ...(ownerState.disablePointerEvents === true && {
+            pointerEvents: "none"
           })
         };
       }
     }
   },
   MuiInputBase: {
+    defaultProps: {
+      minRows: 3,
+      required: true
+    },
     styleOverrides: {
       root: _ref28 => {
         let {
           ownerState,
           theme
         } = _ref28;
-        return {
+        return { ...theme.typography.body1,
+          flex: "1",
+          width: "auto",
+          color: theme.palette.text.primary,
           lineHeight: "1.14285714",
+          borderWidth: theme.mixins.borderWidth,
+          borderStyle: theme.mixins.borderStyle,
+          borderRadius: theme.mixins.borderRadius,
+          borderColor: theme.palette.grey[500],
+          paddingBlock: `calc(${theme.spacing(3)} - ${theme.mixins.borderWidth})`,
+          paddingInline: theme.spacing(3),
+          ...(ownerState.multiline && {
+            paddingBlock: theme.spacing(3),
+            paddingInline: theme.spacing(3),
+            ...(ownerState.size === "small" && {
+              paddingBlock: theme.spacing(3),
+              paddingInline: theme.spacing(3)
+            })
+          }),
+          ...(ownerState.fullWidth && {
+            width: "100%"
+          }),
           ...(ownerState.readOnly === true && {
             backgroundColor: theme.palette.grey[50]
-          })
+          }),
+          [`&:hover`]: {
+            borderColor: theme.palette.grey[900]
+          },
+          [`&.${inputBaseClasses.focused}`]: {
+            borderColor: theme.palette.primary.main,
+            outlineColor: theme.palette.primary.main,
+            outlineOffset: 0,
+            outlineStyle: "solid",
+            outlineWidth: "1px"
+          },
+          [`&.${inputBaseClasses.error}`]: {
+            borderColor: theme.palette.error.main
+          },
+          [`&.${inputBaseClasses.error}:hover`]: {
+            borderColor: theme.palette.error.dark
+          },
+          [`&.${inputBaseClasses.error}.${inputBaseClasses.focused}`]: {
+            borderColor: theme.palette.error.main,
+            outlineColor: theme.palette.error.main
+          },
+          [`&.${inputBaseClasses.disabled}`]: {
+            color: theme.palette.text.disabled,
+            borderColor: theme.palette.action.disabled,
+            pointerEvents: "auto",
+            backgroundColor: theme.palette.grey[50],
+            cursor: "not-allowed"
+          }
         };
       },
-      input: {
-        boxSizing: "border-box",
-        height: "auto"
+      input: _ref29 => {
+        let {
+          theme
+        } = _ref29;
+        return {
+          boxSizing: "border-box",
+          height: "auto",
+          paddingBlock: 0,
+          paddingInline: 0,
+          [`.${inputBaseClasses.disabled} &`]: {
+            pointerEvents: "auto",
+            cursor: "not-allowed"
+          },
+          [`label[data-shrink=false] + .${inputBaseClasses.formControl} &`]: {
+            "&::placeholder": {
+              color: theme.palette.text.secondary,
+              opacity: "1 !important"
+            }
+          }
+        };
       }
     }
   },
@@ -743,11 +833,14 @@ export const components = {
       shrink: false
     },
     styleOverrides: {
-      root: _ref29 => {
+      root: _ref30 => {
         let {
           ownerState
-        } = _ref29;
-        return { ...(ownerState.formControl && {
+        } = _ref30;
+        return {
+          display: "flex",
+          justifyContent: "space-between",
+          ...(ownerState.formControl && {
             position: "initial",
             transform: "none"
           }),
@@ -765,10 +858,10 @@ export const components = {
   },
   MuiLink: {
     styleOverrides: {
-      root: _ref30 => {
+      root: _ref31 => {
         let {
           theme
-        } = _ref30;
+        } = _ref31;
         return {
           color: theme.palette.primary.main,
           textDecoration: "none",
@@ -811,10 +904,10 @@ export const components = {
       props: {
         variant: "monochrome"
       },
-      style: _ref31 => {
+      style: _ref32 => {
         let {
           theme
-        } = _ref31;
+        } = _ref32;
         return {
           color: theme.palette.text.primary,
           textDecoration: "underline",
@@ -836,86 +929,15 @@ export const components = {
   },
   MuiNativeSelect: {
     defaultProps: {
-      variant: "outlined"
-    },
-    styleOverrides: {
-      icon: _ref32 => {
-        let {
-          theme
-        } = _ref32;
-        return {
-          color: theme.palette.text.primary
-        };
-      }
-    }
-  },
-  MuiOutlinedInput: {
-    defaultProps: {
-      notched: false,
-      minRows: 3
+      variant: "standard"
     },
     styleOverrides: {
-      root: _ref33 => {
+      icon: _ref33 => {
         let {
-          ownerState,
           theme
         } = _ref33;
         return {
-          [`&:hover .${outlinedInputClasses.notchedOutline}`]: {
-            borderColor: theme.palette.text.primary
-          },
-          [`&.${outlinedInputClasses.focused} .${outlinedInputClasses.notchedOutline}`]: {
-            borderColor: theme.palette.primary.main,
-            borderWidth: 2
-          },
-          [`&.${outlinedInputClasses.error} .${outlinedInputClasses.notchedOutline}`]: {
-            borderColor: theme.palette.error.main
-          },
-          [`&.${outlinedInputClasses.error}:hover .${outlinedInputClasses.notchedOutline}`]: {
-            borderColor: theme.palette.error.dark
-          },
-          [`&.${outlinedInputClasses.error}.${outlinedInputClasses.focused} .${outlinedInputClasses.notchedOutline}`]: {
-            borderColor: theme.palette.error.main
-          },
-          [`&.${outlinedInputClasses.disabled} .${outlinedInputClasses.notchedOutline}`]: {
-            borderColor: theme.palette.action.disabled,
-            pointerEvents: "auto"
-          },
-          [`&.${outlinedInputClasses.disabled}`]: {
-            backgroundColor: theme.palette.grey[50],
-            cursor: "not-allowed"
-          },
-          ...(ownerState.startAdornment && {
-            paddingLeft: theme.spacing(3)
-          }),
-          ...(ownerState.endAdornment && {
-            paddingRight: theme.spacing(3)
-          }),
-          ...(ownerState.multiline && {
-            padding: "0",
-            ...(ownerState.size === "small" && {
-              padding: "0"
-            })
-          })
-        };
-      },
-      input: _ref34 => {
-        let {
-          theme
-        } = _ref34;
-        return {
-          padding: `calc(${theme.spacing(3)} - 1px) ${theme.spacing(3)}`,
-          borderWidth: theme.mixins.borderWidth,
-          borderStyle: theme.mixins.borderStyle,
-          borderColor: "transparent"
-        };
-      },
-      notchedOutline: _ref35 => {
-        let {
-          theme
-        } = _ref35;
-        return {
-          borderColor: theme.palette.grey[500]
+          color: theme.palette.text.primary
         };
       }
     }
@@ -925,10 +947,10 @@ export const components = {
       size: "small"
     },
     styleOverrides: {
-      root: _ref36 => {
+      root: _ref34 => {
         let {
           theme
-        } = _ref36;
+        } = _ref34;
         return {
           "&:hover": {
             backgroundColor: "transparent"
@@ -958,6 +980,21 @@ export const components = {
       }
     }
   },
+  MuiSelect: {
+    defaultProps: {
+      variant: "standard"
+    },
+    styleOverrides: {
+      icon: _ref35 => {
+        let {
+          theme
+        } = _ref35;
+        return {
+          color: theme.palette.text.primary
+        };
+      }
+    }
+  },
   MuiSvgIcon: {
     defaultProps: {
       fontSize: "inherit",
@@ -969,11 +1006,11 @@ export const components = {
       iconPosition: "start"
     },
     styleOverrides: {
-      root: _ref37 => {
+      root: _ref36 => {
         let {
           theme,
           ownerState
-        } = _ref37;
+        } = _ref36;
         return {
           maxWidth: `calc(${theme.mixins.maxWidth} / 2)`,
           minWidth: "unset",
@@ -1034,11 +1071,11 @@ export const components = {
   },
   MuiTable: {
     styleOverrides: {
-      root: _ref38 => {
+      root: _ref37 => {
         let {
           theme,
           ownerState
-        } = _ref38;
+        } = _ref37;
         return {
           display: "table",
           width: "auto",
@@ -1061,11 +1098,11 @@ export const components = {
   },
   MuiTableCell: {
     styleOverrides: {
-      root: _ref39 => {
+      root: _ref38 => {
         let {
           theme,
           ownerState
-        } = _ref39;
+        } = _ref38;
         return { ...theme.typography.body1,
           maxWidth: theme.mixins.maxWidth,
           borderBottom: `${theme.mixins.borderWidth} ${theme.mixins.borderStyle} ${theme.palette.grey[100]}`,
@@ -1141,10 +1178,10 @@ export const components = {
   },
   MuiTableContainer: {
     styleOverrides: {
-      root: _ref40 => {
+      root: _ref39 => {
         let {
           theme
-        } = _ref40;
+        } = _ref39;
         return {
           width: "unset",
           maxWidth: "100%",
@@ -1161,10 +1198,10 @@ export const components = {
   },
   MuiTableRow: {
     styleOverrides: {
-      root: _ref41 => {
+      root: _ref40 => {
         let {
           theme
-        } = _ref41;
+        } = _ref40;
         return {
           verticalAlign: "unset",
           [`&.${tableRowClasses.root}:hover`]: {
@@ -1185,10 +1222,10 @@ export const components = {
       IconComponent: ArrowDownIcon
     },
     styleOverrides: {
-      root: _ref42 => {
+      root: _ref41 => {
         let {
           theme
-        } = _ref42;
+        } = _ref41;
         return {
           cursor: "pointer",
           display: "inline-flex",
@@ -1217,11 +1254,11 @@ export const components = {
           }
         };
       },
-      icon: _ref43 => {
+      icon: _ref42 => {
         let {
           theme,
           ownerState
-        } = _ref43;
+        } = _ref42;
         return {
           fontSize: "inherit",
           marginRight: 0,
@@ -1250,19 +1287,19 @@ export const components = {
   },
   MuiTabs: {
     styleOverrides: {
-      root: _ref44 => {
+      root: _ref43 => {
         let {
           theme
-        } = _ref44;
+        } = _ref43;
         return {
           minHeight: "unset",
           marginBottom: theme.spacing(5)
         };
       },
-      flexContainer: _ref45 => {
+      flexContainer: _ref44 => {
         let {
           theme
-        } = _ref45;
+        } = _ref44;
         return {
           gap: theme.spacing(5),
           borderBottom: `${theme.mixins.borderWidth} ${theme.mixins.borderStyle} ${theme.palette.divider}`
@@ -1278,11 +1315,11 @@ export const components = {
       placement: "top"
     },
     styleOverrides: {
-      tooltip: _ref46 => {
+      tooltip: _ref45 => {
         let {
           theme,
           ownerState
-        } = _ref46;
+        } = _ref45;
         return {
           maxWidth: `calc(${theme.mixins.maxWidth} / 2)`,
           paddingBlock: theme.spacing(2),
@@ -1342,10 +1379,10 @@ export const components = {
           }
         };
       },
-      arrow: _ref47 => {
+      arrow: _ref46 => {
         let {
           theme
-        } = _ref47;
+        } = _ref46;
         return {
           color: theme.palette.grey[900],
           "&::before": {
@@ -1385,19 +1422,19 @@ export const components = {
       }
     },
     styleOverrides: {
-      paragraph: _ref48 => {
+      paragraph: _ref47 => {
         let {
           theme
-        } = _ref48;
+        } = _ref47;
         return {
           marginBottom: theme.spacing(4)
         };
       },
-      root: _ref49 => {
+      root: _ref48 => {
         let {
           theme,
           ownerState
-        } = _ref49;
+        } = _ref48;
         return { ...(ownerState.variant === "kbd" && {
             display: "inline-block",
             minWidth: `calc(${theme.typography.subtitle1.fontSize} * ${theme.typography.h5.lineHeight})`,