diff --git a/package-lock.json b/package-lock.json index 6bfd592629..2dd509bede 100644 --- a/package-lock.json +++ b/package-lock.json @@ -16,7 +16,6 @@ "@kyper/progressindicators": "^3.1.0", "@kyper/tag": "^3.0.0", "@kyper/tokenprovider": "^4.0.1", - "@kyper/utilityrow": "^2.1.0", "@mui/icons-material": "^6.1.5", "@mui/material": "^6.1.5", "@mxenabled/mxui": "^1.7.0", @@ -1698,19 +1697,6 @@ "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0" } }, - "node_modules/@kyper/utilityrow": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/@kyper/utilityrow/-/utilityrow-2.1.0.tgz", - "integrity": "sha512-KA2sq1TC2SkfQTw8WbfOooLceg5ApUCNl5dW6tRYryGN3ub5Dnm53lV8UcfXu8t/wj8qOJ/ESTxy4nWABuywfA==", - "peerDependencies": { - "@kyper/text": "^3.0.0", - "@kyper/tokenprovider": "^4.0.0", - "@mxenabled/cssinjs": "^0.6.0", - "prop-types": "^15.7.2", - "react": "^16.14.0 || ^17.0.0 || ^18.0.0", - "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0" - } - }, "node_modules/@microsoft/api-extractor": { "version": "7.58.0", "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.58.0.tgz", diff --git a/package.json b/package.json index 5694a6b849..8c3ba05f8d 100644 --- a/package.json +++ b/package.json @@ -49,7 +49,6 @@ "@kyper/progressindicators": "^3.1.0", "@kyper/tag": "^3.0.0", "@kyper/tokenprovider": "^4.0.1", - "@kyper/utilityrow": "^2.1.0", "@mui/icons-material": "^6.1.5", "@mui/material": "^6.1.5", "@mxenabled/mxui": "^1.7.0", diff --git a/src/ConnectedTokenProvider.tsx b/src/ConnectedTokenProvider.tsx index 81b4c1515f..eb3dfdd06f 100644 --- a/src/ConnectedTokenProvider.tsx +++ b/src/ConnectedTokenProvider.tsx @@ -21,8 +21,6 @@ declare module '@mui/material/styles' { } } -export const muiListItemButtonPadding = 12 - const connectThemeOverrides = (palette: Theme['palette']) => ({ components: { MuiTypography: { @@ -146,15 +144,6 @@ const connectThemeOverrides = (palette: Theme['palette']) => ({ }, }, }, - MuiListItemButton: { - styleOverrides: { - root: { - borderRadius: 8, - paddingLeft: muiListItemButtonPadding, - paddingRight: muiListItemButtonPadding, - }, - }, - }, }, // TODO: Remove this custom spacing scale once we are on MXUI v2. spacing: (factor: number) => `${factor * 8}px`, @@ -209,7 +198,6 @@ export const ConnectedTokenProvider = ({ children }: Props): React.ReactNode => { const { selectGeneralSupport } = props @@ -28,13 +29,21 @@ export const SupportMenu = React.forwardRef((props, menuRef) => { - } - subTitle={__('Get help connecting your account')} - title={__('Request support')} - /> + + + + + + + + + + + + ) diff --git a/src/shared/MuiList/FlushListContainer.module.css b/src/shared/MuiList/FlushListContainer.module.css index 034b6b582a..0ec66490a1 100644 --- a/src/shared/MuiList/FlushListContainer.module.css +++ b/src/shared/MuiList/FlushListContainer.module.css @@ -1,4 +1,4 @@ .container { - margin-left: calc(var(--muiListItemButtonPadding) * -1); - margin-right: calc(var(--muiListItemButtonPadding) * -1); + margin-left: calc(var(--spacing-3) * -1); + margin-right: calc(var(--spacing-3) * -1); } diff --git a/typings/kyper.d.ts b/typings/kyper.d.ts index 73e3852f81..9c6f89c6c5 100644 --- a/typings/kyper.d.ts +++ b/typings/kyper.d.ts @@ -12,6 +12,5 @@ declare module '@kyper/icon/Growth' declare module '@kyper/icon/Image' declare module '@kyper/icon/Health' declare module '@kyper/progressindicators' -declare module '@kyper/utilityrow' declare module '@kyper/hooks' declare module '@kyper/icon/CheckmarkFilled'