Skip to content

[Box] Deprecate css prop in favor of sx#23480

Merged
mnajdova merged 14 commits into
mui:masterfrom
mnajdova:feat/deprecate-css-in-favor-of-sx
Nov 13, 2020
Merged

[Box] Deprecate css prop in favor of sx#23480
mnajdova merged 14 commits into
mui:masterfrom
mnajdova:feat/deprecate-css-in-favor-of-sx

Conversation

@mnajdova

@mnajdova mnajdova commented Nov 11, 2020 •
edited
Loading

Copy link
Copy Markdown
Member

This PR deprecates the css Box prop in favor of the new sx. It also deprecates the css system style function in favor of styleFunctionSx.

Add deprecation for #23454

@mnajdova mnajdova changed the title wip [Box] deprecate css prop in favor of sx Nov 11, 2020
@mnajdova mnajdova changed the title [Box] deprecate css prop in favor of sx [Box] Deprecate css prop in favor of sx Nov 11, 2020
@mui-pr-bot

mui-pr-bot commented Nov 11, 2020 •
edited
Loading

Copy link
Copy Markdown
Details of bundle changes.

Comparing: 3e93f0d...9bfca24

Details of page changes
bundle Size Change Size Gzip Change Gzip
/system/basics ▲ +200 B (+0.74% ) 27.2 kB -- -1 B
/getting-started/templates/pricing ▲ +20 B (+0.26% ) 7.8 kB -- -1 B
/getting-started/templates/sign-in-side ▲ +20 B (+0.24% ) 8.22 kB -- -1 B
/getting-started/templates/sign-in ▲ +20 B (+0.24% ) 8.46 kB -- -1 B
/getting-started/templates/sign-up ▲ +20 B (+0.23% ) 8.56 kB -- -1 B
/getting-started/templates/blog ▼ -10 B (-0.13% ) 7.43 kB -- -1 B
/premium-themes/onepirate/sign-up ▲ +10 B (+0.89% ) 1.13 kB -- -1 B
/_app -- 36.9 kB -- -1 B
/api-docs/accordion-actions -- 1.48 kB -- -1 B
/api-docs/accordion-details -- 1.4 kB -- -1 B
/api-docs/accordion-summary -- 1.7 kB -- -1 B
/api-docs/accordion -- 1.97 kB -- -1 B
/api-docs/alert-title -- 1.4 kB -- -1 B
/api-docs/alert -- 2.4 kB -- -1 B
/api-docs/app-bar -- 1.94 kB -- -1 B
/api-docs/autocomplete -- 4.62 kB -- -1 B
/api-docs/avatar-group -- 1.51 kB -- -1 B
/api-docs/avatar -- 1.88 kB -- -1 B
/api-docs/backdrop -- 1.73 kB -- -1 B
/api-docs/badge -- 2.25 kB -- -1 B
/api-docs/bottom-navigation-action -- 1.81 kB -- -1 B
/api-docs/bottom-navigation -- 1.7 kB -- -1 B
/api-docs/breadcrumbs -- 1.79 kB -- -1 B
/api-docs/button-base -- 2.22 kB -- -1 B
/api-docs/button-group -- 2.22 kB -- -1 B
/api-docs/button -- 2.53 kB -- -1 B
/api-docs/card-action-area -- 1.58 kB -- -1 B
/api-docs/card-actions -- 1.47 kB -- -1 B
/api-docs/card-content -- 1.45 kB -- -1 B
/api-docs/card-header -- 1.78 kB -- -1 B
/api-docs/card-media -- 1.69 kB -- -1 B
/api-docs/card -- 1.5 kB -- -1 B
/api-docs/checkbox -- 2.3 kB -- -1 B
/api-docs/chip -- 2.46 kB -- -1 B
/api-docs/circular-progress -- 2.09 kB -- -1 B
/api-docs/click-away-listener -- 1.45 kB -- -1 B
/api-docs/collapse -- 2.13 kB -- -1 B
/api-docs/container -- 1.83 kB -- -1 B
/api-docs/css-baseline -- 1.4 kB -- -1 B
/api-docs/dialog-actions -- 1.47 kB -- -1 B
/api-docs/dialog-content-text -- 1.48 kB -- -1 B
/api-docs/dialog-content -- 1.45 kB -- -1 B
/api-docs/dialog-title -- 1.49 kB -- -1 B
/api-docs/dialog -- 2.79 kB -- -1 B
/api-docs/divider -- 1.81 kB -- -1 B
/api-docs/drawer -- 2.13 kB -- -1 B
/api-docs/expansion-panel-actions -- 1.55 kB -- -1 B
/api-docs/expansion-panel-details -- 1.47 kB -- -1 B
/api-docs/expansion-panel-summary -- 1.84 kB -- -1 B
/api-docs/expansion-panel -- 2.04 kB -- -1 B
/api-docs/fab -- 2.1 kB -- -1 B
/api-docs/fade -- 1.5 kB -- -1 B
/api-docs/filled-input -- 2.87 kB -- -1 B
/api-docs/form-control-label -- 1.99 kB -- -1 B
/api-docs/form-control -- 2.36 kB -- -1 B
/api-docs/form-group -- 1.55 kB -- -1 B
/api-docs/form-helper-text -- 1.91 kB -- -1 B
/api-docs/form-label -- 1.84 kB -- -1 B
/api-docs/grid-list-tile-bar -- 1.87 kB -- -1 B
/api-docs/grid-list-tile -- 1.79 kB -- -1 B
/api-docs/grid-list -- 1.7 kB -- -1 B
/api-docs/grid -- 2.56 kB -- -1 B
/api-docs/grow -- 1.55 kB -- -1 B
/api-docs/hidden -- 1.53 kB -- -1 B
/api-docs/icon-button -- 2.07 kB -- -1 B
/api-docs/icon -- 1.78 kB -- -1 B
/api-docs/image-list-item-bar -- 1.85 kB -- -1 B
/api-docs/image-list-item -- 1.65 kB -- -1 B
/api-docs/image-list -- 1.7 kB -- -1 B
/api-docs/input-adornment -- 1.95 kB -- -1 B
/api-docs/input-base -- 2.95 kB -- -1 B
/api-docs/input-label -- 2.07 kB -- -1 B
/api-docs/input -- 2.83 kB -- -1 B
/api-docs/linear-progress -- 2.03 kB -- -1 B
/api-docs/link -- 1.94 kB -- -1 B
/api-docs/list-item-avatar -- 1.51 kB -- -1 B
/api-docs/list-item-icon -- 1.51 kB -- -1 B
/api-docs/list-item-secondary-action -- 1.47 kB -- -1 B
/api-docs/list-item-text -- 1.79 kB -- -1 B
/api-docs/list-item -- 2.25 kB -- -1 B
/api-docs/list-subheader -- 1.75 kB -- -1 B
/api-docs/list -- 1.68 kB -- -1 B
/api-docs/menu-item -- 1.74 kB -- -1 B
/api-docs/menu-list -- 1.57 kB -- -1 B
/api-docs/menu -- 2.54 kB -- -1 B
/api-docs/mobile-stepper -- 1.94 kB -- -1 B
/api-docs/modal -- 2.43 kB -- -1 B
/api-docs/native-select -- 2.11 kB -- -1 B
/api-docs/no-ssr -- 1.3 kB -- -1 B
/api-docs/outlined-input -- 2.98 kB -- -1 B
/api-docs/pagination-item -- 1.97 kB -- -1 B
/api-docs/pagination -- 2.24 kB -- -1 B
/api-docs/paper -- 1.87 kB -- -1 B
/api-docs/popover -- 2.75 kB -- -1 B
/api-docs/popper -- 1.92 kB -- -1 B
/api-docs/portal -- 1.34 kB -- -1 B
/api-docs/radio-group -- 1.45 kB -- -1 B
/api-docs/radio -- 2.12 kB -- -1 B
/api-docs/rating -- 2.49 kB -- -1 B
/api-docs/root-ref -- 1.42 kB -- -1 B
/api-docs/scoped-css-baseline -- 1.4 kB -- -1 B
/api-docs/select -- 2.96 kB -- -1 B
/api-docs/skeleton -- 1.87 kB -- -1 B
/api-docs/slide -- 1.54 kB -- -1 B
/api-docs/slider -- 3.11 kB -- -1 B
/api-docs/snackbar-content -- 1.61 kB -- -1 B
/api-docs/snackbar -- 2.77 kB -- -1 B
/api-docs/speed-dial-action -- 2.04 kB -- -1 B
/api-docs/speed-dial-icon -- 1.55 kB -- -1 B
/api-docs/speed-dial -- 2.32 kB -- -1 B
/api-docs/step-button -- 1.63 kB -- -1 B
/api-docs/step-connector -- 1.54 kB -- -1 B
/api-docs/step-content -- 1.72 kB -- -1 B
/api-docs/step-icon -- 1.57 kB -- -1 B
/api-docs/step-label -- 1.9 kB -- -1 B
/api-docs/step -- 1.64 kB -- -1 B
/api-docs/stepper -- 1.84 kB -- -1 B
/api-docs/svg-icon -- 2.26 kB -- -1 B
/api-docs/swipeable-drawer -- 2.01 kB -- -1 B
/api-docs/switch -- 2.46 kB -- -1 B
/api-docs/tab-context -- 1.08 kB -- -1 B
/api-docs/tab-list -- 1.09 kB -- -1 B
/api-docs/tab-panel -- 1.48 kB -- -1 B
/api-docs/tab-scroll-button -- 1.62 kB -- -1 B
/api-docs/tab -- 1.97 kB -- -1 B
/api-docs/table-body -- 1.47 kB -- -1 B
/api-docs/table-cell -- 2.13 kB -- -1 B
/api-docs/table-container -- 1.48 kB -- -1 B
/api-docs/table-footer -- 1.47 kB -- -1 B
/api-docs/table-head -- 1.46 kB -- -1 B
/api-docs/table-pagination -- 2.47 kB -- -1 B
/api-docs/table-row -- 1.69 kB -- -1 B
/api-docs/table-sort-label -- 1.83 kB -- -1 B
/api-docs/table -- 1.7 kB -- -1 B
/api-docs/tabs -- 2.68 kB -- -1 B
/api-docs/text-field -- 3.18 kB -- -1 B
/api-docs/textarea-autosize -- 1.13 kB -- -1 B
/api-docs/timeline-connector -- 1.4 kB -- -1 B
/api-docs/timeline-content -- 1.43 kB -- -1 B
/api-docs/timeline-dot -- 1.63 kB -- -1 B
/api-docs/timeline-item -- 1.54 kB -- -1 B
/api-docs/timeline-opposite-content -- 1.44 kB -- -1 B
/api-docs/timeline-separator -- 1.4 kB -- -1 B
/api-docs/timeline -- 1.52 kB -- -1 B
/api-docs/toggle-button-group -- 1.92 kB -- -1 B
/api-docs/toggle-button -- 1.79 kB -- -1 B
/api-docs/toolbar -- 1.65 kB -- -1 B
/api-docs/tooltip -- 2.57 kB -- -1 B
/api-docs/tree-item -- 1.89 kB -- -1 B
/api-docs/tree-view -- 1.92 kB -- -1 B
/api-docs/typography -- 2.59 kB -- -1 B
/api-docs/unstable-trap-focus -- 1.46 kB -- -1 B
/api-docs/zoom -- 1.52 kB -- -1 B
/blog/2019-developer-survey-results -- 7.56 kB -- -1 B
/blog/2019 -- 5.41 kB -- -1 B
/blog/2020-developer-survey-results -- 9.46 kB -- -1 B
/blog/2020-introducing-sketch -- 4.68 kB -- -1 B
/blog/2020-q1-update -- 5.51 kB -- -1 B
/blog/2020-q2-update -- 5.56 kB -- -1 B
/blog/2020-q3-update -- 7.31 kB -- -1 B
/blog/april-2019-update -- 4.3 kB -- -1 B
/blog/august-2019-update -- 3.41 kB -- -1 B
/blog/danail-hadjiatanasov-joining -- 3.37 kB -- -1 B
/blog/december-2019-update -- 3.55 kB -- -1 B
/blog/july-2019-update -- 3.31 kB -- -1 B
/blog/june-2019-update -- 3.19 kB -- -1 B
/blog/march-2019-update -- 3.72 kB -- -1 B
/blog/marija-najdova-joining -- 3.27 kB -- -1 B
/blog/material-ui-v1-is-out -- 7.88 kB -- -1 B
/blog/material-ui-v4-is-out -- 10.8 kB -- -1 B
/blog/may-2019-update -- 3.53 kB -- -1 B
/blog/november-2019-update -- 3.93 kB -- -1 B
/blog/october-2019-update -- 3.69 kB -- -1 B
/blog/september-2019-update -- 3.87 kB -- -1 B
/blog/spotlight-damien-tassone -- 3.25 kB -- -1 B
/company/about -- 1.75 kB -- -1 B
/company/contact -- 1.34 kB -- -1 B
/company/jobs -- 1.33 kB -- -1 B
/company/software-engineer -- 5.33 kB -- -1 B
/components/about-the-lab -- 11.1 kB -- -1 B
/components/accordion -- 22.6 kB -- -1 B
/components/alert -- 14 kB -- -1 B
/components/app-bar -- 30.2 kB -- -1 B
/components/autocomplete -- 102 kB -- -1 B
/components/avatars -- 9.99 kB -- -1 B
/components/backdrop -- 3.12 kB -- -1 B
/components/badges -- 15.4 kB -- -1 B
/components/bottom-navigation -- 6.16 kB -- -1 B
/components/box -- 8.32 kB -- -1 B
/components/breadcrumbs -- 14.5 kB -- -1 B
/components/button-group -- 7.83 kB -- -1 B
/components/buttons -- 27.2 kB -- -1 B
/components/cards -- 17.4 kB -- -1 B
/components/checkboxes -- 16.6 kB -- -1 B
/components/chips -- 21.6 kB -- -1 B
/components/click-away-listener -- 5.5 kB -- -1 B
/components/container -- 3.92 kB -- -1 B
/components/css-baseline -- 7.12 kB -- -1 B
/components/dialogs -- 43 kB -- -1 B
/components/dividers -- 12.6 kB -- -1 B
/components/drawers -- 31.1 kB -- -1 B
/components/floating-action-button -- 10.9 kB -- -1 B
/components/grid -- 32.5 kB -- -1 B
/components/hidden -- 10.3 kB -- -1 B
/components/icons -- 28 kB -- -1 B
/components/image-list -- 12.1 kB -- -1 B
/components/links -- 7.34 kB -- -1 B
/components/lists -- 26.2 kB -- -1 B
/components/material-icons -- 729 kB -- -1 B
/components/menus -- 24.3 kB -- -1 B
/components/modal -- 12 kB -- -1 B
/components/no-ssr -- 5.5 kB -- -1 B
/components/pagination -- 8.26 kB -- -1 B
/components/paper -- 3.37 kB -- -1 B
/components/pickers -- 37.7 kB -- -1 B
/components/popover -- 17.5 kB -- -1 B
/components/popper -- 22.8 kB -- -1 B
/components/portal -- 3.32 kB -- -1 B
/components/progress -- 19.5 kB -- -1 B
/components/radio-buttons -- 15.4 kB -- -1 B
/components/rating -- 10.7 kB -- -1 B
/components/selects -- 32.7 kB -- -1 B
/components/skeleton -- 13.9 kB -- -1 B
/components/slider -- 16.2 kB -- -1 B
/components/snackbars -- 23.2 kB -- -1 B
/components/speed-dial -- 15.3 kB -- -1 B
/components/steppers -- 37.2 kB -- -1 B
/components/switches -- 17.2 kB -- -1 B
/components/tables -- 108 kB -- -1 B
/components/tabs -- 24.8 kB -- -1 B
/components/text-fields -- 56.1 kB -- -1 B
/components/textarea-autosize -- 3.02 kB -- -1 B
/components/timeline -- 7.47 kB -- -1 B
/components/toggle-button -- 11.7 kB -- -1 B
/components/tooltips -- 17.9 kB -- -1 B
/components/transfer-list -- 9.77 kB -- -1 B
/components/transitions -- 12 kB -- -1 B
/components/tree-view -- 11.5 kB -- -1 B
/components/typography -- 12.5 kB -- -1 B
/components/use-media-query -- 13.6 kB -- -1 B
/customization/breakpoints -- 17.1 kB -- -1 B
/customization/color -- 19.1 kB -- -1 B
/customization/components -- 37.3 kB -- -1 B
/customization/default-theme -- 8.8 kB -- -1 B
/customization/density -- 10.2 kB -- -1 B
/customization/globals -- 5.1 kB -- -1 B
/customization/palette -- 15.1 kB -- -1 B
/customization/spacing -- 2.87 kB -- -1 B
/customization/theming -- 19.3 kB -- -1 B
/customization/typography -- 13.4 kB -- -1 B
/customization/z-index -- 3.5 kB -- -1 B
/discover-more/backers -- 3.11 kB -- -1 B
/discover-more/changelog -- 1.39 kB -- -1 B
/discover-more/languages -- 3.4 kB -- -1 B
/discover-more/related-projects -- 9.08 kB -- -1 B
/discover-more/roadmap -- 3.72 kB -- -1 B
/discover-more/showcase -- 15.4 kB -- -1 B
/discover-more/team -- 7.18 kB -- -1 B
/discover-more/vision -- 6.74 kB -- -1 B
/getting-started/example-projects -- 7.28 kB -- -1 B
/getting-started/faq -- 40.1 kB -- -1 B
/getting-started/installation -- 8.63 kB -- -1 B
/getting-started/learn -- 8.49 kB -- -1 B
/getting-started/support -- 11.1 kB -- -1 B
/getting-started/supported-components -- 7.89 kB -- -1 B
/getting-started/supported-platforms -- 5.96 kB -- -1 B
/getting-started/templates -- 8.81 kB -- -1 B
/getting-started/templates/album -- 5.56 kB -- -1 B
/getting-started/templates/checkout -- 10.2 kB -- -1 B
/getting-started/templates/dashboard -- 8.85 kB -- -1 B
/getting-started/templates/sticky-footer -- 1.54 kB -- -1 B
/getting-started/usage -- 9.31 kB -- -1 B
/guides/api -- 14.8 kB -- -1 B
/guides/composition -- 15.6 kB -- -1 B
/guides/flow -- 2.36 kB -- -1 B
/guides/interoperability -- 16 kB -- -1 B
/guides/localization -- 10.1 kB -- -1 B
/guides/migration-v0x -- 7.78 kB -- -1 B
/guides/migration-v3 -- 18.7 kB -- -1 B
/guides/minimizing-bundle-size -- 14.9 kB -- -1 B
/guides/responsive-ui -- 4.22 kB -- -1 B
/guides/right-to-left -- 5.37 kB -- -1 B
/guides/server-rendering -- 9.92 kB -- -1 B
/guides/testing -- 8.18 kB -- -1 B
/guides/typescript -- 15.8 kB -- -1 B
/performance/table-component -- 1.44 kB -- -1 B
/performance/table-emotion -- 8.49 kB -- -1 B
/performance/table-hook -- 2.24 kB -- -1 B
/performance/table-mui -- 4.49 kB -- -1 B
/performance/table-raw -- 613 B -- -1 B
/performance/table-styled-components -- 2.61 kB -- -1 B
/premium-themes/onepirate -- 7.34 kB -- -1 B
/premium-themes/onepirate/forgot-password -- 1.01 kB -- -1 B
/premium-themes/onepirate/privacy -- 4.44 kB -- -1 B
/premium-themes/onepirate/sign-in -- 1.07 kB -- -1 B
/premium-themes/onepirate/terms -- 11.8 kB -- -1 B
/premium-themes/paperbase -- 7.7 kB -- -1 B
/production-error -- 3.71 kB -- -1 B
/styles/advanced -- 32.5 kB -- -1 B
/styles/api -- 16.4 kB -- -1 B
/styles/basics -- 15.9 kB -- -1 B
/system/api -- 3.57 kB -- -1 B
/system/borders -- 3.71 kB -- -1 B
/system/display -- 6.19 kB -- -1 B
/system/flexbox -- 5.39 kB -- -1 B
/system/palette -- 4.16 kB -- -1 B
/system/positions -- 2.27 kB -- -1 B
/system/shadows -- 3.69 kB -- -1 B
/system/sizing -- 3.35 kB -- -1 B
/system/spacing -- 6.25 kB -- -1 B
/system/typography -- 4.03 kB -- -1 B
/versions -- 22.8 kB -- -1 B
docs:chunk:shared -- 64 kB -- -1 B
docs:shared:chunk/commons -- 5.99 kB -- -1 B
docs:shared:chunk/framework -- 42.3 kB -- -1 B
docs:shared:runtime/main -- 6.78 kB -- -1 B
docs:shared:runtime/webpack -- 1.24 kB -- -1 B
bundle Size Change Size Gzip Change Gzip
@material-ui/system ▲ +218 B (+1.26% ) 17.5 kB ▲ +46 B (+1.02% ) 4.55 kB
Box ▲ +168 B (+0.23% ) 73.9 kB ▲ +89 B (+0.40% ) 22.4 kB
@material-ui/core ▲ +168 B (+0.04% ) 382 kB ▲ +31 B (+0.03% ) 103 kB
packages/material-ui/material-ui.production.min.js ▲ +79 B (+0.02% ) 336 kB ▲ +11 B (+0.01% ) 96 kB
FilledInput ▲ +1 B (0.00% ) 78.4 kB ▼ -1 B (-0.00% ) 24.3 kB
OutlinedInput ▲ +1 B (0.00% ) 79.5 kB ▲ +1 B (0.00% ) 24.7 kB
Select ▲ +1 B (0.00% ) 122 kB ▼ -1 B (-0.00% ) 36.3 kB
Tabs ▲ +1 B (0.00% ) 90.7 kB ▲ +1 B (0.00% ) 28.3 kB
Avatar ▲ +1 B (0.00% ) 70.1 kB -- 21.9 kB
FormControl ▲ +1 B (0.00% ) 69.3 kB -- 21.6 kB
FormLabel ▲ +1 B (0.00% ) 68.4 kB -- 21.2 kB
ListItem ▲ +1 B (0.00% ) 81.5 kB -- 25.6 kB
PaginationItem ▲ +1 B (0.00% ) 85.4 kB -- 26.3 kB
StepIcon ▲ +1 B (0.00% ) 69.5 kB -- 21.6 kB
TabScrollButton ▲ +1 B (0.00% ) 81.5 kB -- 25.5 kB
Tooltip ▲ +1 B (0.00% ) 107 kB -- 34 kB
TabList -- 91.9 kB ▲ +5 B (+0.02% ) 29.4 kB
StepButton -- 86.8 kB ▲ +3 B (+0.01% ) 27.4 kB
TextField -- 131 kB ▼ -3 B (-0.01% ) 38.4 kB
LinearProgress -- 70.3 kB ▼ -2 B (-0.01% ) 21.9 kB
ListSubheader -- 67.7 kB ▲ +2 B (+0.01% ) 21.2 kB
SpeedDialAction -- 123 kB ▲ +2 B (+0.01% ) 39.2 kB
@material-ui/lab -- 223 kB ▼ -1 B (-0.00% ) 65.8 kB
ClickAwayListener -- 4.16 kB ▲ +1 B (+0.06% ) 1.67 kB
Drawer -- 90.8 kB ▲ +1 B (0.00% ) 27.7 kB
NoSsr -- 2.18 kB ▲ +1 B (+0.10% ) 1.03 kB
ScopedCssBaseline -- 67.7 kB ▲ +1 B (0.00% ) 21.2 kB
Slide -- 31.1 kB ▼ -1 B (-0.01% ) 10.4 kB
SpeedDial -- 91.5 kB ▲ +1 B (0.00% ) 29.1 kB
StepLabel -- 73.5 kB ▲ +1 B (0.00% ) 22.7 kB
SwipeableDrawer -- 98.2 kB ▼ -1 B (-0.00% ) 30.9 kB
Toolbar -- 67.2 kB ▼ -1 B (-0.00% ) 21.1 kB
@material-ui/styles -- 52.1 kB -- 15.6 kB
@material-ui/utils -- 7.19 kB -- 2.61 kB
Accordion -- 77.6 kB -- 24.3 kB
AccordionActions -- 66.9 kB -- 20.9 kB
AccordionDetails -- 66.8 kB -- 20.9 kB
AccordionSummary -- 82.7 kB -- 26.1 kB
Alert -- 87.8 kB -- 27.7 kB
AlertTitle -- 69.1 kB -- 21.7 kB
AppBar -- 68.9 kB -- 21.6 kB
Autocomplete -- 136 kB -- 42.9 kB
AvatarGroup -- 71.2 kB -- 22.5 kB
Backdrop -- 73.6 kB -- 22.8 kB
Badge -- 71.7 kB -- 22 kB
BottomNavigation -- 67.3 kB -- 21.1 kB
BottomNavigationAction -- 80 kB -- 25.3 kB
Breadcrumbs -- 85 kB -- 26.8 kB
Button -- 84.3 kB -- 25.9 kB
ButtonBase -- 78.4 kB -- 24.6 kB
ButtonGroup -- 87.9 kB -- 27.1 kB
Card -- 67.7 kB -- 21.2 kB
CardActionArea -- 79.6 kB -- 25.1 kB
CardActions -- 66.9 kB -- 20.9 kB
CardContent -- 66.8 kB -- 20.9 kB
CardHeader -- 70 kB -- 22 kB
CardMedia -- 67.2 kB -- 21.1 kB
Checkbox -- 86.7 kB -- 27.5 kB
Chip -- 87.2 kB -- 26.8 kB
CircularProgress -- 69 kB -- 21.7 kB
Collapse -- 73.9 kB -- 22.8 kB
colorManipulator -- 4.21 kB -- 1.65 kB
Container -- 68.1 kB -- 21.2 kB
CssBaseline -- 66.8 kB -- 21 kB
Dialog -- 88.8 kB -- 27.8 kB
DialogActions -- 67 kB -- 21 kB
DialogContent -- 67.1 kB -- 21 kB
DialogContentText -- 69 kB -- 21.6 kB
DialogTitle -- 69.2 kB -- 21.7 kB
Divider -- 67.5 kB -- 21.2 kB
docs:/ -- 12.9 kB -- -1 B
docs:/_app -- 36.9 kB -- -1 B
ExpansionPanel -- 77.6 kB -- 24.3 kB
ExpansionPanelActions -- 66.9 kB -- 20.9 kB
ExpansionPanelDetails -- 66.8 kB -- 20.9 kB
ExpansionPanelSummary -- 82.7 kB -- 26.1 kB
Fab -- 81.3 kB -- 25.4 kB
Fade -- 29.4 kB -- 9.8 kB
FormControlLabel -- 70.4 kB -- 22.1 kB
FormGroup -- 66.9 kB -- 20.9 kB
FormHelperText -- 68.2 kB -- 21.2 kB
Grid -- 70 kB -- 21.9 kB
GridList -- 67.3 kB -- 21.1 kB
GridListTile -- 68.6 kB -- 21.5 kB
GridListTileBar -- 68.1 kB -- 21.3 kB
Grow -- 30 kB -- 10 kB
Hidden -- 70.9 kB -- 22.2 kB
Icon -- 67.7 kB -- 21.2 kB
IconButton -- 80.7 kB -- 25.2 kB
ImageList -- 67.4 kB -- 21.1 kB
ImageListItem -- 68.6 kB -- 21.5 kB
ImageListItemBar -- 68.1 kB -- 21.3 kB
Input -- 77.3 kB -- 24.1 kB
InputAdornment -- 70 kB -- 22 kB
InputBase -- 75.5 kB -- 23.6 kB
InputLabel -- 70.2 kB -- 21.6 kB
Link -- 71.5 kB -- 22.6 kB
List -- 67.2 kB -- 20.9 kB
ListItemAvatar -- 67 kB -- 20.9 kB
ListItemIcon -- 67 kB -- 21 kB
ListItemSecondaryAction -- 66.9 kB -- 20.9 kB
ListItemText -- 69.9 kB -- 22 kB
Menu -- 94.5 kB -- 29.1 kB
MenuItem -- 82.6 kB -- 25.9 kB
MenuList -- 70.9 kB -- 22.1 kB
MobileStepper -- 72.8 kB -- 22.8 kB
Modal -- 15.1 kB -- 5.28 kB
NativeSelect -- 81.8 kB -- 25.8 kB
Pagination -- 89 kB -- 27.4 kB
Paper -- 67.2 kB -- 20.9 kB
Popover -- 88.7 kB -- 27.5 kB
Popper -- 28.7 kB -- 10.3 kB
Portal -- 2.87 kB -- 1.29 kB
Radio -- 87.7 kB -- 27.8 kB
RadioGroup -- 68.8 kB -- 21.3 kB
Rating -- 75.8 kB -- 24.3 kB
RootRef -- 4.64 kB -- 1.76 kB
Skeleton -- 68.1 kB -- 21.5 kB
Slider -- 80.8 kB -- 25.7 kB
Snackbar -- 81.3 kB -- 25.5 kB
SnackbarContent -- 68.4 kB -- 21.5 kB
SpeedDialIcon -- 69.5 kB -- 21.8 kB
Step -- 67.6 kB -- 21.2 kB
StepConnector -- 67.6 kB -- 21.2 kB
StepContent -- 75.1 kB -- 23.5 kB
Stepper -- 69.7 kB -- 21.9 kB
styles/createMuiTheme -- 22.3 kB -- 7.71 kB
SvgIcon -- 67.9 kB -- 21.2 kB
Switch -- 85.9 kB -- 27.1 kB
Tab -- 81 kB -- 25.8 kB
TabContext -- 2.65 kB -- 1.15 kB
Table -- 67.4 kB -- 21.1 kB
TableBody -- 67 kB -- 20.9 kB
TableCell -- 69 kB -- 21.7 kB
TableContainer -- 66.8 kB -- 20.9 kB
TableFooter -- 67 kB -- 20.9 kB
TableHead -- 67 kB -- 20.9 kB
TablePagination -- 149 kB -- 43.7 kB
TableRow -- 67.4 kB -- 21.1 kB
TableSortLabel -- 81.9 kB -- 25.9 kB
TabPanel -- 67.7 kB -- 21.2 kB
TextareaAutosize -- 5.23 kB -- 2.19 kB
Timeline -- 67.3 kB -- 21.1 kB
TimelineConnector -- 66.8 kB -- 20.9 kB
TimelineContent -- 67.3 kB -- 21 kB
TimelineDot -- 67.9 kB -- 21.2 kB
TimelineItem -- 68 kB -- 21.3 kB
TimelineOppositeContent -- 67.4 kB -- 21.1 kB
TimelineSeparator -- 66.8 kB -- 20.9 kB
ToggleButton -- 80.6 kB -- 25.5 kB
ToggleButtonGroup -- 68.3 kB -- 21.4 kB
TreeItem -- 81 kB -- 25.7 kB
TreeView -- 73.2 kB -- 23 kB
Typography -- 68.6 kB -- 21.4 kB
Unstable_TrapFocus -- 3.87 kB -- 1.59 kB
useAutocomplete -- 14.7 kB -- 5.27 kB
useMediaQuery -- 2.56 kB -- 1.06 kB
useScrollTrigger -- 2.66 kB -- 1.08 kB
Zoom -- 29.4 kB -- 9.94 kB

Generated by 🚫 dangerJS against 9bfca24

@github-actions github-actions Bot mentioned this pull request Nov 11, 2020
Closed
@oliviertassinari oliviertassinari added the deprecation New deprecation message. label Nov 11, 2020
@mnajdova
mnajdova marked this pull request as ready for review November 11, 2020 18:37
oliviertassinari
oliviertassinari reviewed Nov 11, 2020
View reviewed changes
Comment thread packages/material-ui-styles/src/styled/styled.js Outdated
eps1lon
eps1lon reviewed Nov 12, 2020
View reviewed changes
Comment thread packages/material-ui-styles/src/styled/styled.js Outdated
Comment thread packages/material-ui-system/src/styleFunctionSx.js
@oliviertassinari oliviertassinari added component: Box The React component. scope: system The system, the design tokens / styling foundations used across components. eg. @mui/system with MUI labels Nov 12, 2020
mbrookes
mbrookes reviewed Nov 12, 2020
View reviewed changes
Comment thread packages/material-ui/src/Box/Box.test.js Outdated
mbrookes
mbrookes reviewed Nov 12, 2020
View reviewed changes
Comment thread packages/material-ui-system/src/styleFunctionSx.js Outdated
mnajdova
mnajdova commented Nov 12, 2020
View reviewed changes
Comment thread packages/material-ui-system/src/styleFunctionSx.js Outdated
@mnajdova
mnajdova requested review from eps1lon and mbrookes November 13, 2020 12:58
mbrookes
mbrookes previously requested changes Nov 13, 2020
View reviewed changes
Comment thread packages/material-ui-system/src/index.spec.tsx Outdated
Comment thread packages/material-ui-system/src/index.spec.tsx
@mnajdova
mnajdova requested a review from mbrookes November 13, 2020 14:25
mbrookes
mbrookes reviewed Nov 13, 2020
View reviewed changes
Comment thread packages/material-ui-system/src/index.spec.tsx Outdated
@mnajdova
mnajdova merged commit c3de8e5 into mui:master Nov 13, 2020
oliviertassinari added a commit that referenced this pull request Nov 24, 2020
@oliviertassinari
Revert "[Box] Deprecate css prop in favor of sx (#23480)"
d5b607d 
This reverts commit c3de8e5.
oliviertassinari pushed a commit that referenced this pull request Nov 24, 2020
@mnajdova @oliviertassinari
[Box] Deprecate css prop in favor of sx (#23480)
2b1413b
oliviertassinari pushed a commit that referenced this pull request Nov 24, 2020
@mnajdova @oliviertassinari
[Box] Deprecate css prop in favor of sx (#23480)
558d25f
@mnajdova mnajdova mentioned this pull request Nov 30, 2020
Closed
42 tasks
oliviertassinari pushed a commit that referenced this pull request Jan 24, 2021
@mnajdova @oliviertassinari
[Box] Deprecate css prop in favor of sx (#23480)
69f667b
oliviertassinari pushed a commit that referenced this pull request Jan 25, 2021
@mnajdova @oliviertassinari
[Box] Deprecate css prop in favor of sx (#23480)
8da39e4
anhdd-kuro pushed a commit to anhdd-kuro/material-ui that referenced this pull request Apr 8, 2026
@mnajdova @oliviertassinari
[Box] Deprecate css prop in favor of sx (mui#23480)
a6dfc1d
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@oliviertassinari oliviertassinari oliviertassinari approved these changes
@mbrookes mbrookes mbrookes approved these changes
@eps1lon eps1lon Awaiting requested review from eps1lon

Assignees

No one assigned

Labels

component: Box The React component. deprecation New deprecation message. scope: system The system, the design tokens / styling foundations used across components. eg. @mui/system with MUI

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

5 participants

@mnajdova @mui-pr-bot @mbrookes @oliviertassinari @eps1lon