Convert spacing to px
Signed-off-by: Philipp Hugenroth <philipph@spotify.com>
This commit is contained in:
Philipp Hugenroth
@@ -34,7 +34,8 @@
|
||||
"dependencies": {
|
||||
"@emotion/react": "^11.10.5",
|
||||
"@emotion/styled": "^11.10.5",
|
||||
"@mui/material": "^5.12.2"
|
||||
"@mui/material": "^5.12.2",
|
||||
"@mui/system": "^5.13.6"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@material-ui/core": "^4.12.2",
|
||||
|
||||
@@ -17,6 +17,7 @@
|
||||
import type { Overrides } from '@material-ui/core/styles/overrides';
|
||||
import type { ComponentsProps } from '@material-ui/core/styles/props';
|
||||
import { ComponentsOverrides, Theme, ThemeOptions } from '@mui/material/styles';
|
||||
import { createSpacing } from '@mui/system';
|
||||
import { CSSProperties } from 'react';
|
||||
|
||||
type V5Override = ComponentsOverrides[Exclude<
|
||||
@@ -60,6 +61,9 @@ function adaptV5Override(
|
||||
return Object.fromEntries(
|
||||
Object.entries(overrides).map(([className, style]) => {
|
||||
if (typeof style === 'function') {
|
||||
// Override potential v4 spacing method: https://mui.com/material-ui/migration/v5-style-changes/#%E2%9C%85-remove-px-suffix
|
||||
// `adaptV4Theme as reference: https://github.com/mui/material-ui/blob/v5.x/packages/mui-material/src/styles/adaptV4Theme.js#L54C41-L54C41
|
||||
theme.spacing = createSpacing(theme.spacing);
|
||||
return [className, style({ theme })];
|
||||
}
|
||||
return [className, style];
|
||||
|
||||
@@ -3495,12 +3495,12 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.1.2, @babel/runtime@npm:^7.10.1, @babel/runtime@npm:^7.12.1, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.14.6, @babel/runtime@npm:^7.15.4, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.18.6, @babel/runtime@npm:^7.2.0, @babel/runtime@npm:^7.20.1, @babel/runtime@npm:^7.20.13, @babel/runtime@npm:^7.20.7, @babel/runtime@npm:^7.21.0, @babel/runtime@npm:^7.3.1, @babel/runtime@npm:^7.4.4, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.6.0, @babel/runtime@npm:^7.7.6, @babel/runtime@npm:^7.8.3, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.8.7, @babel/runtime@npm:^7.9.2":
|
||||
version: 7.21.0
|
||||
resolution: "@babel/runtime@npm:7.21.0"
|
||||
"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.1.2, @babel/runtime@npm:^7.10.1, @babel/runtime@npm:^7.12.1, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.14.6, @babel/runtime@npm:^7.15.4, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.18.6, @babel/runtime@npm:^7.2.0, @babel/runtime@npm:^7.20.1, @babel/runtime@npm:^7.20.13, @babel/runtime@npm:^7.20.7, @babel/runtime@npm:^7.21.0, @babel/runtime@npm:^7.22.5, @babel/runtime@npm:^7.3.1, @babel/runtime@npm:^7.4.4, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.6.0, @babel/runtime@npm:^7.7.6, @babel/runtime@npm:^7.8.3, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.8.7, @babel/runtime@npm:^7.9.2":
|
||||
version: 7.22.5
|
||||
resolution: "@babel/runtime@npm:7.22.5"
|
||||
dependencies:
|
||||
regenerator-runtime: ^0.13.11
|
||||
checksum: 7b33e25bfa9e0e1b9e8828bb61b2d32bdd46b41b07ba7cb43319ad08efc6fda8eb89445193e67d6541814627df0ca59122c0ea795e412b99c5183a0540d338ab
|
||||
checksum: 12a50b7de2531beef38840d17af50c55a094253697600cee255311222390c68eed704829308d4fd305e1b3dfbce113272e428e9d9d45b1730e0fede997eaceb1
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
@@ -9973,6 +9973,7 @@ __metadata:
|
||||
"@emotion/react": ^11.10.5
|
||||
"@emotion/styled": ^11.10.5
|
||||
"@mui/material": ^5.12.2
|
||||
"@mui/system": ^5.13.6
|
||||
"@types/react": ^16.13.1 || ^17.0.0
|
||||
peerDependencies:
|
||||
"@material-ui/core": ^4.12.2
|
||||
@@ -10538,16 +10539,16 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@emotion/cache@npm:^11.10.5, @emotion/cache@npm:^11.10.7":
|
||||
version: 11.10.7
|
||||
resolution: "@emotion/cache@npm:11.10.7"
|
||||
"@emotion/cache@npm:^11.10.5, @emotion/cache@npm:^11.11.0":
|
||||
version: 11.11.0
|
||||
resolution: "@emotion/cache@npm:11.11.0"
|
||||
dependencies:
|
||||
"@emotion/memoize": ^0.8.0
|
||||
"@emotion/sheet": ^1.2.1
|
||||
"@emotion/utils": ^1.2.0
|
||||
"@emotion/weak-memoize": ^0.3.0
|
||||
stylis: 4.1.3
|
||||
checksum: 6b1efed2dffc93dac419409d91f6d57a200d858ec5ffa4b7c30080fdbd93db431ff86bb779c5b8830b8373f3c5dd754d9beb386604ed2667c7d55608ff653dfc
|
||||
"@emotion/memoize": ^0.8.1
|
||||
"@emotion/sheet": ^1.2.2
|
||||
"@emotion/utils": ^1.2.1
|
||||
"@emotion/weak-memoize": ^0.3.1
|
||||
stylis: 4.2.0
|
||||
checksum: 8eb1dc22beaa20c21a2e04c284d5a2630a018a9d51fb190e52de348c8d27f4e8ca4bbab003d68b4f6cd9cc1c569ca747a997797e0f76d6c734a660dc29decf08
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
@@ -10574,10 +10575,10 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@emotion/memoize@npm:^0.8.0":
|
||||
version: 0.8.0
|
||||
resolution: "@emotion/memoize@npm:0.8.0"
|
||||
checksum: c87bb110b829edd8e1c13b90a6bc37cebc39af29c7599a1e66a48e06f9bec43e8e53495ba86278cc52e7589549492c8dfdc81d19f4fdec0cee6ba13d2ad2c928
|
||||
"@emotion/memoize@npm:^0.8.0, @emotion/memoize@npm:^0.8.1":
|
||||
version: 0.8.1
|
||||
resolution: "@emotion/memoize@npm:0.8.1"
|
||||
checksum: a19cc01a29fcc97514948eaab4dc34d8272e934466ed87c07f157887406bc318000c69ae6f813a9001c6a225364df04249842a50e692ef7a9873335fbcc141b0
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
@@ -10618,10 +10619,10 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@emotion/sheet@npm:^1.2.1":
|
||||
version: 1.2.1
|
||||
resolution: "@emotion/sheet@npm:1.2.1"
|
||||
checksum: ce78763588ea522438156344d9f592203e2da582d8d67b32e1b0b98eaba26994c6c270f8c7ad46442fc9c0a9f048685d819cd73ca87e544520fd06f0e24a1562
|
||||
"@emotion/sheet@npm:^1.2.2":
|
||||
version: 1.2.2
|
||||
resolution: "@emotion/sheet@npm:1.2.2"
|
||||
checksum: d973273c9c15f1c291ca2269728bf044bd3e92a67bca87943fa9ec6c3cd2b034f9a6bfe95ef1b5d983351d128c75b547b43ff196a00a3875f7e1d269793cecfe
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
@@ -10678,17 +10679,17 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@emotion/utils@npm:^1.2.0":
|
||||
version: 1.2.0
|
||||
resolution: "@emotion/utils@npm:1.2.0"
|
||||
checksum: 55457a49ddd4db6a014ea0454dc09eaa23eedfb837095c8ff90470cb26a303f7ceb5fcc1e2190ef64683e64cfd33d3ba3ca3109cd87d12bc9e379e4195c9a4dd
|
||||
"@emotion/utils@npm:^1.2.0, @emotion/utils@npm:^1.2.1":
|
||||
version: 1.2.1
|
||||
resolution: "@emotion/utils@npm:1.2.1"
|
||||
checksum: e0b44be0705b56b079c55faff93952150be69e79b660ae70ddd5b6e09fc40eb1319654315a9f34bb479d7f4ec94be6068c061abbb9e18b9778ae180ad5d97c73
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@emotion/weak-memoize@npm:^0.3.0":
|
||||
version: 0.3.0
|
||||
resolution: "@emotion/weak-memoize@npm:0.3.0"
|
||||
checksum: f43ef4c8b7de70d9fa5eb3105921724651e4188e895beb71f0c5919dc899a7b8743e1fdd99d38b9092dd5722c7be2312ebb47fbdad0c4e38bea58f6df5885cc0
|
||||
"@emotion/weak-memoize@npm:^0.3.0, @emotion/weak-memoize@npm:^0.3.1":
|
||||
version: 0.3.1
|
||||
resolution: "@emotion/weak-memoize@npm:0.3.1"
|
||||
checksum: b2be47caa24a8122622ea18cd2d650dbb4f8ad37b636dc41ed420c2e082f7f1e564ecdea68122b546df7f305b159bf5ab9ffee872abd0f052e687428459af594
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
@@ -13328,12 +13329,12 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@mui/private-theming@npm:^5.12.0":
|
||||
version: 5.12.0
|
||||
resolution: "@mui/private-theming@npm:5.12.0"
|
||||
"@mui/private-theming@npm:^5.13.1":
|
||||
version: 5.13.1
|
||||
resolution: "@mui/private-theming@npm:5.13.1"
|
||||
dependencies:
|
||||
"@babel/runtime": ^7.21.0
|
||||
"@mui/utils": ^5.12.0
|
||||
"@mui/utils": ^5.13.1
|
||||
prop-types: ^15.8.1
|
||||
peerDependencies:
|
||||
"@types/react": ^17.0.0 || ^18.0.0
|
||||
@@ -13341,16 +13342,16 @@ __metadata:
|
||||
peerDependenciesMeta:
|
||||
"@types/react":
|
||||
optional: true
|
||||
checksum: 761bc7a57e1643c2c4c327886882fa5efc7bacae1c6fffe6be4197f49d337261c916a883d96996445efcdedc0672251725c1e5b264b6250d6c9527fd0cafcc62
|
||||
checksum: 7211eba333a595ebfb964f7f5a561fba89ad06fc3db9e7bba795f9230afd687aa7a66d1a2fddf9dc5a73e1044729f7b3061ae461bb25eed64068ca08e018a38b
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@mui/styled-engine@npm:^5.12.0":
|
||||
version: 5.12.0
|
||||
resolution: "@mui/styled-engine@npm:5.12.0"
|
||||
"@mui/styled-engine@npm:^5.13.2":
|
||||
version: 5.13.2
|
||||
resolution: "@mui/styled-engine@npm:5.13.2"
|
||||
dependencies:
|
||||
"@babel/runtime": ^7.21.0
|
||||
"@emotion/cache": ^11.10.7
|
||||
"@emotion/cache": ^11.11.0
|
||||
csstype: ^3.1.2
|
||||
prop-types: ^15.8.1
|
||||
peerDependencies:
|
||||
@@ -13362,19 +13363,19 @@ __metadata:
|
||||
optional: true
|
||||
"@emotion/styled":
|
||||
optional: true
|
||||
checksum: 4a415473cf62aa05012f667dd2e9b1dc2fb175be5b0c4d0b8df541e2dac3d7db410e920e0d5910c8e2b8996a4fb51f74d79483e2878a9b5c0d334498f5537d74
|
||||
checksum: e99f49755406b55a1595bf5d2727f0c0e3fd9f914dce1ea3b6cac826efe05038f8e4bde52580bd6a5a4c62ad59e5582bdde6c17abc10d80e61a64da168803391
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@mui/system@npm:^5.12.1":
|
||||
version: 5.12.1
|
||||
resolution: "@mui/system@npm:5.12.1"
|
||||
"@mui/system@npm:^5.12.1, @mui/system@npm:^5.13.6":
|
||||
version: 5.13.6
|
||||
resolution: "@mui/system@npm:5.13.6"
|
||||
dependencies:
|
||||
"@babel/runtime": ^7.21.0
|
||||
"@mui/private-theming": ^5.12.0
|
||||
"@mui/styled-engine": ^5.12.0
|
||||
"@babel/runtime": ^7.22.5
|
||||
"@mui/private-theming": ^5.13.1
|
||||
"@mui/styled-engine": ^5.13.2
|
||||
"@mui/types": ^7.2.4
|
||||
"@mui/utils": ^5.12.0
|
||||
"@mui/utils": ^5.13.6
|
||||
clsx: ^1.2.1
|
||||
csstype: ^3.1.2
|
||||
prop-types: ^15.8.1
|
||||
@@ -13390,7 +13391,7 @@ __metadata:
|
||||
optional: true
|
||||
"@types/react":
|
||||
optional: true
|
||||
checksum: b951959bf5e5af581319354c044f441d97849ff120cfec111d2ed5e7fa05efd63721acff96f48093b8e2bdeb5ccbe35c48613fb925be2b58c596447d10dbed3e
|
||||
checksum: 978426ce5f3fe43ab536eec6f03a11845766c3640cc1da00c81e44f1d61f5c1bb53a33a28a70d83338183f818a04bdd8fb7c483824266aa8d46add5724186ae4
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
@@ -13406,18 +13407,18 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@mui/utils@npm:^5.12.0":
|
||||
version: 5.12.0
|
||||
resolution: "@mui/utils@npm:5.12.0"
|
||||
"@mui/utils@npm:^5.12.0, @mui/utils@npm:^5.13.1, @mui/utils@npm:^5.13.6":
|
||||
version: 5.13.6
|
||||
resolution: "@mui/utils@npm:5.13.6"
|
||||
dependencies:
|
||||
"@babel/runtime": ^7.21.0
|
||||
"@babel/runtime": ^7.22.5
|
||||
"@types/prop-types": ^15.7.5
|
||||
"@types/react-is": ^16.7.1 || ^17.0.0
|
||||
"@types/react-is": ^18.2.0
|
||||
prop-types: ^15.8.1
|
||||
react-is: ^18.2.0
|
||||
peerDependencies:
|
||||
react: ^17.0.0 || ^18.0.0
|
||||
checksum: 87b2c7468803b083f50af28d7c215c45291e73fef16570848b596d0f1cde1fc613c20e8951f431217b31451de254744abd50eda5013dedec4982420b5bf1c6b6
|
||||
checksum: b5d3fff9153b6104d732b01363410a6472f06869d48e73d3d1ee38cf2b1255eaafb1afb90c48bb446143d312a434fd30e7b1664bf10941a2c610b7759cfd0a2e
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
@@ -17591,12 +17592,12 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@types/react-is@npm:^16.7.1 || ^17.0.0":
|
||||
version: 17.0.3
|
||||
resolution: "@types/react-is@npm:17.0.3"
|
||||
"@types/react-is@npm:^18.2.0":
|
||||
version: 18.2.1
|
||||
resolution: "@types/react-is@npm:18.2.1"
|
||||
dependencies:
|
||||
"@types/react": "*"
|
||||
checksum: 6abb7c47d54f012272650df8a962a28bd82f219291e5ef8b4dfa7fe0bb98ae243b060bf9fbe8ceff6213141794855a006db194b490b00ffd15842ae19d0ce1f0
|
||||
checksum: b44c3262efa2c68fa6fe2beb9ef86170b18305469461a3f97aa14943cc033cb21a26944f718bdb6434eea6e8f7fcba251c4f45b65b897a3fcf751b5a6003cf82
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
@@ -39447,13 +39448,20 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"stylis@npm:4.1.3, stylis@npm:^4.0.6":
|
||||
"stylis@npm:4.1.3":
|
||||
version: 4.1.3
|
||||
resolution: "stylis@npm:4.1.3"
|
||||
checksum: d04dbffcb9bf2c5ca8d8dc09534203c75df3bf711d33973ea22038a99cc475412a350b661ebd99cbc01daa50d7eedcf0d130d121800eb7318759a197023442a6
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"stylis@npm:4.2.0, stylis@npm:^4.0.6":
|
||||
version: 4.2.0
|
||||
resolution: "stylis@npm:4.2.0"
|
||||
checksum: 0eb6cc1b866dc17a6037d0a82ac7fa877eba6a757443e79e7c4f35bacedbf6421fadcab4363b39667b43355cbaaa570a3cde850f776498e5450f32ed2f9b7584
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"subscriptions-transport-ws@npm:^0.11.0":
|
||||
version: 0.11.0
|
||||
resolution: "subscriptions-transport-ws@npm:0.11.0"
|
||||
|
||||
Reference in New Issue
Block a user