@okta/odyssey-react-mui 1.6.21 → 1.7.0

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@okta/odyssey-react-mui",
3
- "version": "1.6.21",
3
+ "version": "1.7.0",
4
4
  "description": "React MUI components for Odyssey, Okta's design system",
5
5
  "author": "Okta, Inc.",
6
6
  "license": "Apache-2.0",
@@ -51,7 +51,7 @@
51
51
  "@mui/system": "^5.14.9",
52
52
  "@mui/utils": "^5.11.2",
53
53
  "@mui/x-date-pickers": "^5.0.15",
54
- "@okta/odyssey-design-tokens": "1.6.21",
54
+ "@okta/odyssey-design-tokens": "1.7.0",
55
55
  "date-fns": "^2.30.0",
56
56
  "i18next": "^23.5.1",
57
57
  "material-react-table": "^2.0.2",
@@ -63,5 +63,5 @@
63
63
  "react": ">=17 <19",
64
64
  "react-dom": ">=17 <19"
65
65
  },
66
- "gitHead": "861d33eb34adc8249600d31cb1d8a8edff728e06"
66
+ "gitHead": "edc15e98af7428f68d2cd4bf68bbb81a520a7cb8"
67
67
  }
@@ -456,7 +456,9 @@ const DataTable = ({
456
456
  onSortingChange: handleSortingChange,
457
457
  onRowSelectionChange: handleRowSelectionChange,
458
458
  enableRowActions:
459
- hasRowReordering || rowActionButtons || rowActionMenuItems ? true : false,
459
+ hasRowReordering === true || rowActionButtons || rowActionMenuItems
460
+ ? true
461
+ : false,
460
462
  positionActionsColumn: "last",
461
463
 
462
464
  muiTableHeadCellProps: ({ column }) => ({
@@ -2208,7 +2208,6 @@ export const components = ({
2208
2208
  styleOverrides: {
2209
2209
  root: ({ theme, ownerState }) => ({
2210
2210
  ...theme.typography.body1,
2211
- maxWidth: odysseyTokens.TypographyLineLengthMax,
2212
2211
  borderBottom: `${odysseyTokens.BorderWidthMain} ${odysseyTokens.BorderStyleMain} ${odysseyTokens.HueNeutral100}`,
2213
2212
  textAlign: "start",
2214
2213
  verticalAlign: "baseline",
@@ -2333,8 +2332,10 @@ export const components = ({
2333
2332
  },
2334
2333
 
2335
2334
  [`& .${dividerClasses.vertical}`]: {
2336
- borderStyle: "dotted",
2335
+ borderStyle: "none none none dotted",
2337
2336
  borderWidth: 2,
2337
+ borderRadius: 0,
2338
+ marginRight: 2,
2338
2339
  },
2339
2340
  }),
2340
2341
  },
@@ -2352,6 +2353,7 @@ export const components = ({
2352
2353
  marginBlockEnd: odysseyTokens.Spacing4,
2353
2354
  marginInline: 0,
2354
2355
  overflowX: "auto",
2356
+ display: "block !important",
2355
2357
 
2356
2358
  "&:last-child": {
2357
2359
  marginBlock: 0,