@okta/odyssey-react-mui 0.22.0 → 0.23.0

package/dist/src/index.d.ts

@@ -9,20 +9,20 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
-export { Alert, AlertTitle, Box, Chip, createTheme, CssBaseline, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, FormControl, FormControlLabel, FormGroup, FormHelperText, FormLabel, IconButton, 
+export { Alert, AlertTitle, Box, Chip, createTheme, CssBaseline, DialogContentText, Divider, FormControl, FormControlLabel, FormGroup, FormHelperText, FormLabel, IconButton, 
 /** @deprecated Will be removed in a future Odyssey version. Please switch to `TextField`. */
 InputAdornment, 
 /** @deprecated Will be removed in a future Odyssey version. Please switch to `TextField`. */
 InputBase, 
 /** @deprecated Will be removed in a future Odyssey version. Please switch to `TextField`. */
-InputLabel, List, ListItem, ListItemIcon, ListItemText, ListSubheader, Menu, MenuList, Paper, ScopedCssBaseline, Select, Snackbar, Stack, SvgIcon, Tab, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TableSortLabel, ThemeProvider as MuiThemeProvider, Tooltip, Typography, } from "@mui/material";
-export type { AlertProps, AlertTitleProps, BoxProps, ChipProps, CssBaselineProps, DialogProps, DialogActionsProps, DialogContentProps, DialogContentTextProps, DialogTitleProps, DividerProps, FormControlLabelProps, FormControlProps, FormGroupProps, FormHelperTextProps, FormLabelProps, IconButtonProps, 
+InputLabel, List, ListItem, ListItemIcon, ListItemText, ListSubheader, Menu, MenuList, Paper, ScopedCssBaseline, Select, Snackbar, Stack, SvgIcon, Tab, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TableSortLabel, ThemeProvider as MuiThemeProvider, Typography, } from "@mui/material";
+export type { AlertProps, AlertTitleProps, BoxProps, ChipProps, CssBaselineProps, DividerProps, FormControlLabelProps, FormControlProps, FormGroupProps, FormHelperTextProps, FormLabelProps, IconButtonProps, 
 /** @deprecated Will be removed in a future Odyssey version. Please switch to `TextFieldProps`. */
 InputAdornmentProps, 
 /** @deprecated Will be removed in a future Odyssey version. Please switch to `TextFieldProps`. */
 InputBaseProps, 
 /** @deprecated Will be removed in a future Odyssey version. Please switch to `TextFieldProps`. */
-InputLabelProps, ListProps, ListItemProps, ListItemIconProps, ListItemTextProps, ListSubheaderProps, MenuProps, MenuListProps, PaperProps, ScopedCssBaselineProps, SelectChangeEvent, SelectProps, SnackbarProps, StackProps, SvgIconProps, TabProps, TableBodyProps, TableCellProps, TableContainerProps, TableHeadProps, TableProps, TableRowProps, TableSortLabelProps, ThemeOptions, TooltipProps, TypographyProps, } from "@mui/material";
+InputLabelProps, ListProps, ListItemProps, ListItemIconProps, ListItemTextProps, ListSubheaderProps, MenuProps, MenuListProps, PaperProps, ScopedCssBaselineProps, SelectChangeEvent, SelectProps, SnackbarProps, StackProps, SvgIconProps, TabProps, TableBodyProps, TableCellProps, TableContainerProps, TableHeadProps, TableProps, TableRowProps, TableSortLabelProps, ThemeOptions, TypographyProps, } from "@mui/material";
 export { TabContext, TabList, TabPanel } from "@mui/lab";
 export type { TabContextProps, TabListProps, TabPanelProps } from "@mui/lab";
 export { default as FavoriteIcon } from "@mui/icons-material/Favorite";
@@ -34,9 +34,7 @@ export * from "./Checkbox";
 export * from "./CheckboxGroup";
 export * from "./CircularProgress";
 export * from "./createUniqueId";
-export * from "./FieldError";
-export * from "./FieldHint";
-export * from "./FieldLabel";
+export * from "./Dialog";
 export * from "./Icon";
 export * from "./iconDictionary";
 export * from "./Infobox";
@@ -56,5 +54,8 @@ export * from "./TagList";
 export * from "./TextField";
 export * from "./theme";
 export * from "./ThemeProvider";
+export * from "./Tooltip";
+export * from "./Toast";
+export * from "./ToastStack";
 export * from "./useUniqueId";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EACL,KAAK,EACL,UAAU,EACV,GAAG,EACH,IAAI,EACJ,WAAW,EACX,WAAW,EACX,MAAM,EACN,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,SAAS,EACT,UAAU;AACV,6FAA6F;AAC7F,cAAc;AACd,6FAA6F;AAC7F,SAAS;AACT,6FAA6F;AAC7F,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,iBAAiB,EACjB,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,GACX,MAAM,eAAe,CAAC;AAEvB,YAAY,EACV,UAAU,EACV,eAAe,EACf,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,gBAAgB,EAChB,YAAY,EACZ,qBAAqB,EACrB,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,cAAc,EACd,eAAe;AACf,kGAAkG;AAClG,mBAAmB;AACnB,kGAAkG;AAClG,cAAc;AACd,kGAAkG;AAClG,eAAe,EACf,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,SAAS,EACT,aAAa,EACb,UAAU,EACV,sBAAsB,EACtB,iBAAiB,EACjB,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,YAAY,EACZ,eAAe,GAChB,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,OAAO,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEvD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EACL,KAAK,EACL,UAAU,EACV,GAAG,EACH,IAAI,EACJ,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,SAAS,EACT,UAAU;AACV,6FAA6F;AAC7F,cAAc;AACd,6FAA6F;AAC7F,SAAS;AACT,6FAA6F;AAC7F,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,iBAAiB,EACjB,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,UAAU,GACX,MAAM,eAAe,CAAC;AAEvB,YAAY,EACV,UAAU,EACV,eAAe,EACf,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,qBAAqB,EACrB,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,cAAc,EACd,eAAe;AACf,kGAAkG;AAClG,mBAAmB;AACnB,kGAAkG;AAClG,cAAc;AACd,kGAAkG;AAClG,eAAe,EACf,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,SAAS,EACT,aAAa,EACb,UAAU,EACV,sBAAsB,EACtB,iBAAiB,EACjB,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,GAChB,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,OAAO,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEvD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}

package/dist/src/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,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AA+B7C,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CA09DjD,CAAC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AA+B7C,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CAi/DjD,CAAC"}

package/dist/theme/components.js

@@ -284,7 +284,8 @@ export const components = {
           },
           "&:disabled": {
             color: theme.palette.common.white,
-            backgroundColor: theme.palette.primary.light
+            backgroundColor: theme.palette.primary.light,
+            pointerEvents: "initial"
           }
         };
       }
@@ -458,7 +459,10 @@ export const components = {
           },
           "&:disabled": {
             cursor: "not-allowed",
-            pointerEvents: "inherit"
+            pointerEvents: "initial"
+          },
+          "&:disabled:active": {
+            pointerEvents: "none"
           },
           [`.${buttonClasses.startIcon}, .${buttonClasses.endIcon}`]: {
             "& > *:nth-of-type(1)": {
@@ -528,8 +532,6 @@ export const components = {
           }),
           ".MuiSvgIcon-root": {
             color: theme.palette.common.white,
-            width: "0.5em",
-            height: "0.5em",
             transition: theme.transitions.create(["color"], {
               duration: theme.transitions.duration.short
             })
@@ -1031,6 +1033,9 @@ export const components = {
           padding: 0,
           paddingBlock: theme.spacing(4),
           paddingInline: theme.spacing(6),
+          "&:last-child": {
+            paddingBlockEnd: theme.spacing(6)
+          },
           ...(ownerState.dividers === false && {
             [`& + .${dialogActionsClasses.root}`]: {
               paddingBlockStart: theme.spacing(4)
@@ -1395,7 +1400,10 @@ export const components = {
             ...(ownerState.size === "small" && {
               transform: "none"
             })
-          })
+          }),
+          "& > .MuiTypography-root": {
+            lineHeight: "unset"
+          }
         };
       }
     }
@@ -1409,6 +1417,7 @@ export const components = {
         return {
           color: theme.palette.primary.main,
           textDecoration: "underline",
+          cursor: "pointer",
           "&:hover": {
             color: theme.palette.primary.dark,
             textDecoration: "underline"
@@ -1641,9 +1650,6 @@ export const components = {
           },
           ".Mui-error > &": {
             borderColor: theme.palette.error.main,
-            "&::before": {
-              backgroundColor: theme.palette.error.main
-            },
             "&.Mui-focusVisible": {
               boxShadow: `0 0 0 2px ${theme.palette.background.default}, 0 0 0 4px ${theme.palette.error.main}`
             }
@@ -1666,7 +1672,7 @@ export const components = {
           "&.Mui-disabled": {
             backgroundColor: theme.palette.grey[50],
             borderColor: theme.palette.grey[300],
-            "&::before": {
+            "&.Mui-checked::before": {
               backgroundColor: theme.palette.grey[300]
             }
           }
@@ -1680,6 +1686,13 @@ export const components = {
         vertical: "bottom",
         horizontal: "right"
       }
+    },
+    styleOverrides: {
+      root: {
+        "&.Toast": {
+          position: "static"
+        }
+      }
     }
   },
   MuiSelect: {
@@ -1726,10 +1739,17 @@ export const components = {
     styleOverrides: {
       root: _ref52 => {
         let {
-          theme
+          theme,
+          ownerState
         } = _ref52;
         return {
-          fontSize: `${theme.typography.ui.lineHeight}rem`
+          fontSize: `${theme.typography.ui.lineHeight}rem`,
+          ...(ownerState.fontSize === "small" && {
+            fontSize: `${Number(theme.typography.ui.lineHeight) * 0.75}rem`
+          }),
+          ...(ownerState.fontSize === "large" && {
+            fontSize: `${Number(theme.typography.ui.lineHeight) * 1.25}rem`
+          })
         };
       }
     }
@@ -2151,7 +2171,7 @@ export const components = {
   },
   MuiTypography: {
     defaultProps: {
-      fontFamily: "'Public Sans', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', 'Noto Sans Arabic', sans-serif",
+      fontFamily: "'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', 'Noto Sans Arabic', sans-serif",
       variantMapping: {
         h1: "h1",
         h2: "h2",