Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[core] Add debug values to various hooks #19515

Merged
merged 6 commits into from
Mar 22, 2020

Conversation

eps1lon
Copy link
Member

@eps1lon eps1lon commented Feb 1, 2020

  • useTheme displays the theme
  • useMediaQuery displays { query: string, match: boolean }
  • the hook returned from makeStyles now has a name and returns the class keys with their name i.e. Record<string, string>
  • useFocusVisible returns the focus-visible state

Should be visible as soon as facebook/react#18070 is released.

@eps1lon eps1lon added new feature New feature or request package: styles Specific to @mui/styles. Legacy package, @material-ui/styled-engine is taking over in v5. package: material-ui Specific to @mui/material labels Feb 1, 2020
@@ -201,7 +201,7 @@ export default function makeStyles(stylesOrCreator, options = {}) {
classNamePrefix,
};

return (props = {}) => {
const useStyles = (props = {}) => {
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Screenshot from 2020-02-02 00-44-29
vs.
Screenshot from 2020-02-02 00-44-10

We could potentially incorporate the name option into the display name of the hook but that might be confusing if the hook name changes between components. Usually you only have a single useStyles per component and even if you have more than 1 then the name will be reflected in the debug value.

@mui-pr-bot
Copy link

mui-pr-bot commented Feb 1, 2020

Details of bundle changes.

Comparing: 1ee2a0d...70fbc15

Details of page changes
bundle Size Change Size Gzip Change Gzip
/components/toggle-button ▲ +100 B (+0.95% ) 10.6 kB -- -1 B
/components/button-group ▲ +10 B (+0.15% ) 6.66 kB -- -1 B
/customization/density ▲ +10 B (+0.11% ) 9.15 kB -- -1 B
/getting-started/templates/blog ▲ +10 B (+0.13% ) 7.44 kB -- -1 B
/getting-started/templates/dashboard ▲ +10 B (+0.12% ) 8.55 kB -- -1 B
/performance/table-emotion ▼ -10 B (-0.34% ) 2.96 kB -- -1 B
/performance/table-hook ▲ +10 B (+0.45% ) 2.23 kB -- -1 B
/performance/table-mui ▲ +10 B (+0.23% ) 4.42 kB -- -1 B
/system/palette ▲ +10 B (+0.23% ) 4.29 kB -- -1 B
/_app -- 34.3 kB -- -1 B
/api-docs/alert-title -- 1.14 kB -- -1 B
/api-docs/alert -- 2.15 kB -- -1 B
/api-docs/app-bar -- 1.69 kB -- -1 B
/api-docs/autocomplete -- 3.89 kB -- -1 B
/api-docs/avatar-group -- 1.26 kB -- -1 B
/api-docs/avatar -- 1.61 kB -- -1 B
/api-docs/backdrop -- 1.38 kB -- -1 B
/api-docs/badge -- 1.88 kB -- -1 B
/api-docs/bottom-navigation-action -- 1.55 kB -- -1 B
/api-docs/bottom-navigation -- 1.43 kB -- -1 B
/api-docs/breadcrumbs -- 1.59 kB -- -1 B
/api-docs/button-base -- 2.08 kB -- -1 B
/api-docs/button-group -- 1.95 kB -- -1 B
/api-docs/button -- 2.32 kB -- -1 B
/api-docs/card-action-area -- 1.32 kB -- -1 B
/api-docs/card-actions -- 1.22 kB -- -1 B
/api-docs/card-content -- 1.2 kB -- -1 B
/api-docs/card-header -- 1.53 kB -- -1 B
/api-docs/card-media -- 1.43 kB -- -1 B
/api-docs/card -- 1.25 kB -- -1 B
/api-docs/checkbox -- 2.07 kB -- -1 B
/api-docs/chip -- 2.19 kB -- -1 B
/api-docs/circular-progress -- 1.8 kB -- -1 B
/api-docs/click-away-listener -- 1.13 kB -- -1 B
/api-docs/collapse -- 1.76 kB -- -1 B
/api-docs/container -- 1.62 kB -- -1 B
/api-docs/css-baseline -- 1.14 kB -- -1 B
/api-docs/dialog-actions -- 1.22 kB -- -1 B
/api-docs/dialog-content-text -- 1.23 kB -- -1 B
/api-docs/dialog-content -- 1.2 kB -- -1 B
/api-docs/dialog-title -- 1.26 kB -- -1 B
/api-docs/dialog -- 2.48 kB -- -1 B
/api-docs/divider -- 1.55 kB -- -1 B
/api-docs/drawer -- 1.87 kB -- -1 B
/api-docs/expansion-panel-actions -- 1.25 kB -- -1 B
/api-docs/expansion-panel-details -- 1.18 kB -- -1 B
/api-docs/expansion-panel-summary -- 1.46 kB -- -1 B
/api-docs/expansion-panel -- 1.7 kB -- -1 B
/api-docs/fab -- 1.86 kB -- -1 B
/api-docs/fade -- 1.17 kB -- -1 B
/api-docs/filled-input -- 2.65 kB -- -1 B
/api-docs/form-control-label -- 1.73 kB -- -1 B
/api-docs/form-control -- 2.1 kB -- -1 B
/api-docs/form-group -- 1.3 kB -- -1 B
/api-docs/form-helper-text -- 1.66 kB -- -1 B
/api-docs/form-label -- 1.59 kB -- -1 B
/api-docs/grid-list-tile-bar -- 1.54 kB -- -1 B
/api-docs/grid-list-tile -- 1.46 kB -- -1 B
/api-docs/grid-list -- 1.37 kB -- -1 B
/api-docs/grid -- 2.29 kB -- -1 B
/api-docs/grow -- 1.23 kB -- -1 B
/api-docs/hidden -- 1.32 kB -- -1 B
/api-docs/icon-button -- 1.85 kB -- -1 B
/api-docs/icon -- 1.54 kB -- -1 B
/api-docs/input-adornment -- 1.68 kB -- -1 B
/api-docs/input-base -- 2.74 kB -- -1 B
/api-docs/input-label -- 1.82 kB -- -1 B
/api-docs/input -- 2.61 kB -- -1 B
/api-docs/linear-progress -- 1.78 kB -- -1 B
/api-docs/link -- 1.68 kB -- -1 B
/api-docs/list-item-avatar -- 1.25 kB -- -1 B
/api-docs/list-item-icon -- 1.27 kB -- -1 B
/api-docs/list-item-secondary-action -- 1.22 kB -- -1 B
/api-docs/list-item-text -- 1.54 kB -- -1 B
/api-docs/list-item -- 2 kB -- -1 B
/api-docs/list-subheader -- 1.51 kB -- -1 B
/api-docs/list -- 1.44 kB -- -1 B
/api-docs/menu-item -- 1.46 kB -- -1 B
/api-docs/menu-list -- 1.33 kB -- -1 B
/api-docs/menu -- 2.12 kB -- -1 B
/api-docs/mobile-stepper -- 1.67 kB -- -1 B
/api-docs/modal -- 2.14 kB -- -1 B
/api-docs/native-select -- 1.83 kB -- -1 B
/api-docs/no-ssr -- 1.09 kB -- -1 B
/api-docs/outlined-input -- 2.76 kB -- -1 B
/api-docs/pagination-item -- 1.71 kB -- -1 B
/api-docs/pagination -- 1.98 kB -- -1 B
/api-docs/paper -- 1.61 kB -- -1 B
/api-docs/popover -- 2.5 kB -- -1 B
/api-docs/popper -- 1.76 kB -- -1 B
/api-docs/portal -- 1.12 kB -- -1 B
/api-docs/radio-group -- 1.2 kB -- -1 B
/api-docs/radio -- 1.89 kB -- -1 B
/api-docs/rating -- 2.25 kB -- -1 B
/api-docs/root-ref -- 1.2 kB -- -1 B
/api-docs/scoped-css-baseline -- 1.15 kB -- -1 B
/api-docs/select -- 2.65 kB -- -1 B
/api-docs/skeleton -- 1.52 kB -- -1 B
/api-docs/slide -- 1.31 kB -- -1 B
/api-docs/slider -- 2.85 kB -- -1 B
/api-docs/snackbar-content -- 1.36 kB -- -1 B
/api-docs/snackbar -- 2.46 kB -- -1 B
/api-docs/speed-dial-action -- 1.67 kB -- -1 B
/api-docs/speed-dial-icon -- 1.29 kB -- -1 B
/api-docs/speed-dial -- 2.05 kB -- -1 B
/api-docs/step-button -- 1.38 kB -- -1 B
/api-docs/step-connector -- 1.29 kB -- -1 B
/api-docs/step-content -- 1.47 kB -- -1 B
/api-docs/step-icon -- 1.33 kB -- -1 B
/api-docs/step-label -- 1.64 kB -- -1 B
/api-docs/step -- 1.38 kB -- -1 B
/api-docs/stepper -- 1.6 kB -- -1 B
/api-docs/svg-icon -- 2.01 kB -- -1 B
/api-docs/swipeable-drawer -- 1.78 kB -- -1 B
/api-docs/switch -- 2.22 kB -- -1 B
/api-docs/tab -- 1.74 kB -- -1 B
/api-docs/table-body -- 1.21 kB -- -1 B
/api-docs/table-cell -- 1.87 kB -- -1 B
/api-docs/table-container -- 1.22 kB -- -1 B
/api-docs/table-footer -- 1.22 kB -- -1 B
/api-docs/table-head -- 1.21 kB -- -1 B
/api-docs/table-pagination -- 2.21 kB -- -1 B
/api-docs/table-row -- 1.43 kB -- -1 B
/api-docs/table-sort-label -- 1.57 kB -- -1 B
/api-docs/table -- 1.43 kB -- -1 B
/api-docs/tabs -- 2.28 kB -- -1 B
/api-docs/text-field -- 2.94 kB -- -1 B
/api-docs/textarea-autosize -- 908 B -- -1 B
/api-docs/toggle-button-group -- 1.56 kB -- -1 B
/api-docs/toggle-button -- 1.55 kB -- -1 B
/api-docs/toolbar -- 1.4 kB -- -1 B
/api-docs/tooltip -- 2.3 kB -- -1 B
/api-docs/tree-item -- 1.53 kB -- -1 B
/api-docs/tree-view -- 1.67 kB -- -1 B
/api-docs/typography -- 2.33 kB -- -1 B
/api-docs/zoom -- 1.19 kB -- -1 B
/blog/2019-developer-survey-results -- 5.97 kB -- -1 B
/blog/2019 -- 3.86 kB -- -1 B
/blog/april-2019-update -- 2.75 kB -- -1 B
/blog/august-2019-update -- 1.86 kB -- -1 B
/blog/december-2019-update -- 2 kB -- -1 B
/blog/july-2019-update -- 1.75 kB -- -1 B
/blog/june-2019-update -- 1.62 kB -- -1 B
/blog/march-2019-update -- 2.15 kB -- -1 B
/blog/material-ui-v1-is-out -- 6.28 kB -- -1 B
/blog/material-ui-v4-is-out -- 9.31 kB -- -1 B
/blog/may-2019-update -- 1.95 kB -- -1 B
/blog/november-2019-update -- 2.36 kB -- -1 B
/blog/october-2019-update -- 2.1 kB -- -1 B
/blog/september-2019-update -- 2.29 kB -- -1 B
/company/about -- 1.56 kB -- -1 B
/company/contact -- 1.14 kB -- -1 B
/company/jobs -- 1.15 kB -- -1 B
/company/software-engineer -- 5.07 kB -- -1 B
/components/about-the-lab -- 5.55 kB -- -1 B
/components/alert -- 12.5 kB -- -1 B
/components/app-bar -- 30.9 kB -- -1 B
/components/autocomplete -- 110 kB -- -1 B
/components/avatars -- 8.53 kB -- -1 B
/components/backdrop -- 3.2 kB -- -1 B
/components/badges -- 15.1 kB -- -1 B
/components/bottom-navigation -- 6.22 kB -- -1 B
/components/box -- 7.96 kB -- -1 B
/components/breadcrumbs -- 14.3 kB -- -1 B
/components/buttons -- 24.3 kB -- -1 B
/components/cards -- 16.9 kB -- -1 B
/components/checkboxes -- 16.6 kB -- -1 B
/components/chips -- 21.5 kB -- -1 B
/components/click-away-listener -- 3.38 kB -- -1 B
/components/container -- 3.84 kB -- -1 B
/components/css-baseline -- 5.96 kB -- -1 B
/components/dialogs -- 42.1 kB -- -1 B
/components/dividers -- 12.3 kB -- -1 B
/components/drawers -- 29.3 kB -- -1 B
/components/expansion-panels -- 20.1 kB -- -1 B
/components/floating-action-button -- 10.2 kB -- -1 B
/components/grid-list -- 11.9 kB -- -1 B
/components/grid -- 33.9 kB -- -1 B
/components/hidden -- 10.5 kB -- -1 B
/components/icons -- 22.8 kB -- -1 B
/components/links -- 6.82 kB -- -1 B
/components/lists -- 33 kB -- -1 B
/components/material-icons -- 728 kB -- -1 B
/components/menus -- 23.2 kB -- -1 B
/components/modal -- 11.5 kB -- -1 B
/components/no-ssr -- 5.02 kB -- -1 B
/components/pagination -- 8.1 kB -- -1 B
/components/paper -- 3.33 kB -- -1 B
/components/pickers -- 38.2 kB -- -1 B
/components/popover -- 14.7 kB -- -1 B
/components/popper -- 22.5 kB -- -1 B
/components/portal -- 3.29 kB -- -1 B
/components/progress -- 21.7 kB -- -1 B
/components/radio-buttons -- 15.2 kB -- -1 B
/components/rating -- 10.7 kB -- -1 B
/components/selects -- 28.8 kB -- -1 B
/components/skeleton -- 10.1 kB -- -1 B
/components/slider -- 14.6 kB -- -1 B
/components/snackbars -- 24.8 kB -- -1 B
/components/speed-dial -- 14.6 kB -- -1 B
/components/steppers -- 35.9 kB -- -1 B
/components/switches -- 16 kB -- -1 B
/components/tables -- 177 kB -- -1 B
/components/tabs -- 19.2 kB -- -1 B
/components/text-fields -- 54.7 kB -- -1 B
/components/textarea-autosize -- 2.81 kB -- -1 B
/components/tooltips -- 17.3 kB -- -1 B
/components/transfer-list -- 9.28 kB -- -1 B
/components/transitions -- 10.8 kB -- -1 B
/components/tree-view -- 11.2 kB -- -1 B
/components/typography -- 9.7 kB -- -1 B
/components/use-media-query -- 13.1 kB -- -1 B
/customization/breakpoints -- 15.7 kB -- -1 B
/customization/color -- 21.6 kB -- -1 B
/customization/components -- 37.4 kB -- -1 B
/customization/default-theme -- 8 kB -- -1 B
/customization/globals -- 4.65 kB -- -1 B
/customization/palette -- 11.9 kB -- -1 B
/customization/spacing -- 2.49 kB -- -1 B
/customization/theming -- 17.1 kB -- -1 B
/customization/typography -- 11.6 kB -- -1 B
/customization/z-index -- 3.05 kB -- -1 B
/discover-more/backers -- 2.89 kB -- -1 B
/discover-more/changelog -- 1.37 kB -- -1 B
/discover-more/languages -- 3.32 kB -- -1 B
/discover-more/related-projects -- 6.72 kB -- -1 B
/discover-more/roadmap -- 3.67 kB -- -1 B
/discover-more/showcase -- 13.3 kB -- -1 B
/discover-more/team -- 6.51 kB -- -1 B
/discover-more/vision -- 7.03 kB -- -1 B
/getting-started/example-projects -- 6.08 kB -- -1 B
/getting-started/faq -- 31.8 kB -- -1 B
/getting-started/installation -- 7.6 kB -- -1 B
/getting-started/learn -- 8.39 kB -- -1 B
/getting-started/support -- 7.83 kB -- -1 B
/getting-started/supported-components -- 6.19 kB -- -1 B
/getting-started/supported-platforms -- 5.69 kB -- -1 B
/getting-started/templates -- 8.3 kB -- -1 B
/getting-started/templates/album -- 5.65 kB -- -1 B
/getting-started/templates/checkout -- 11.2 kB -- -1 B
/getting-started/templates/pricing -- 7.86 kB -- -1 B
/getting-started/templates/sign-in-side -- 9.31 kB -- -1 B
/getting-started/templates/sign-in -- 9.54 kB -- -1 B
/getting-started/templates/sign-up -- 9.65 kB -- -1 B
/getting-started/templates/sticky-footer -- 1.54 kB -- -1 B
/getting-started/usage -- 9.37 kB -- -1 B
/guides/api -- 17.4 kB -- -1 B
/guides/composition -- 14 kB -- -1 B
/guides/flow -- 2.21 kB -- -1 B
/guides/interoperability -- 14.9 kB -- -1 B
/guides/localization -- 19.7 kB -- -1 B
/guides/migration-v0x -- 7.23 kB -- -1 B
/guides/migration-v3 -- 22.3 kB -- -1 B
/guides/minimizing-bundle-size -- 6.74 kB -- -1 B
/guides/responsive-ui -- 4.18 kB -- -1 B
/guides/right-to-left -- 6.7 kB -- -1 B
/guides/server-rendering -- 8.38 kB -- -1 B
/guides/testing -- 8.33 kB -- -1 B
/guides/typescript -- 13.4 kB -- -1 B
/performance/table-component -- 1.44 kB -- -1 B
/performance/table-raw -- 613 B -- -1 B
/performance/table-styled-components -- 2.61 kB -- -1 B
/premium-themes/onepirate -- 7.11 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/sign-up -- 1.12 kB -- -1 B
/premium-themes/onepirate/terms -- 11.8 kB -- -1 B
/premium-themes/paperbase -- 8.72 kB -- -1 B
/styles/advanced -- 30.2 kB -- -1 B
/styles/api -- 16 kB -- -1 B
/styles/basics -- 17.6 kB -- -1 B
/system/api -- 5.85 kB -- -1 B
/system/basics -- 25.2 kB -- -1 B
/system/borders -- 4.04 kB -- -1 B
/system/display -- 6.51 kB -- -1 B
/system/flexbox -- 5.72 kB -- -1 B
/system/positions -- 2.46 kB -- -1 B
/system/shadows -- 3.44 kB -- -1 B
/system/sizing -- 3.44 kB -- -1 B
/system/spacing -- 5.97 kB -- -1 B
/system/typography -- 4.22 kB -- -1 B
/versions -- 23.1 kB -- -1 B
docs:chunk:shared -- 68.4 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
Popover ▲ +23 B (+0.03% ) 87 kB ▲ +23 B (+0.09% ) 26.9 kB
Tooltip ▲ +23 B (+0.02% ) 105 kB ▲ +23 B (+0.07% ) 33.3 kB
TextField ▲ +23 B (+0.02% ) 128 kB ▲ +21 B (+0.06% ) 37.6 kB
TreeItem ▲ +23 B (+0.03% ) 79.2 kB ▲ +21 B (+0.08% ) 25.1 kB
@material-ui/core ▲ +23 B (+0.01% ) 361 kB ▲ +20 B (+0.02% ) 99.3 kB
Backdrop ▲ +23 B (+0.03% ) 71.9 kB ▲ +20 B (+0.09% ) 22.2 kB
LinearProgress ▲ +23 B (+0.03% ) 69.4 kB ▲ +20 B (+0.09% ) 21.4 kB
OutlinedInput ▲ +23 B (+0.03% ) 78.6 kB ▲ +20 B (+0.08% ) 24.5 kB
Collapse ▲ +23 B (+0.03% ) 72.1 kB ▲ +19 B (+0.09% ) 22.3 kB
Drawer ▲ +23 B (+0.03% ) 88.6 kB ▲ +19 B (+0.07% ) 27 kB
@material-ui/lab ▲ +23 B (+0.01% ) 202 kB ▲ +18 B (+0.03% ) 59.9 kB
Menu ▲ +23 B (+0.02% ) 92.5 kB ▲ +18 B (+0.06% ) 28.5 kB
Rating ▲ +23 B (+0.03% ) 74.5 kB ▲ +18 B (+0.08% ) 23.9 kB
SpeedDial ▲ +23 B (+0.03% ) 90.2 kB ▲ +18 B (+0.06% ) 28.5 kB
Hidden ▲ +23 B (+0.03% ) 70 kB ▲ +17 B (+0.08% ) 22 kB
MobileStepper ▲ +23 B (+0.03% ) 71.9 kB ▲ +17 B (+0.08% ) 22.5 kB
Select ▲ +23 B (+0.02% ) 119 kB ▲ +17 B (+0.05% ) 35.6 kB
Snackbar ▲ +23 B (+0.03% ) 79.3 kB ▲ +17 B (+0.07% ) 24.8 kB
TablePagination ▲ +23 B (+0.02% ) 146 kB ▲ +17 B (+0.04% ) 42.9 kB
Dialog ▲ +23 B (+0.03% ) 86.9 kB ▲ +16 B (+0.06% ) 27.2 kB
ExpansionPanel ▲ +23 B (+0.03% ) 75.6 kB ▲ +16 B (+0.07% ) 23.7 kB
Slider ▲ +23 B (+0.03% ) 79.8 kB ▲ +16 B (+0.06% ) 25.4 kB
SpeedDialAction ▲ +23 B (+0.02% ) 121 kB ▲ +16 B (+0.04% ) 38.6 kB
StepContent ▲ +23 B (+0.03% ) 73.2 kB ▲ +16 B (+0.07% ) 22.8 kB
Tabs ▲ +23 B (+0.03% ) 89.3 kB ▲ +15 B (+0.05% ) 28.5 kB
SwipeableDrawer ▲ +23 B (+0.02% ) 96 kB ▲ +14 B (+0.05% ) 30.1 kB
Tab ▲ +16 B (+0.02% ) 80.3 kB ▲ +18 B (+0.07% ) 25.5 kB
InputBase ▲ +16 B (+0.02% ) 74.7 kB ▲ +15 B (+0.06% ) 23.4 kB
ListItemSecondaryAction ▲ +16 B (+0.02% ) 66.1 kB ▲ +15 B (+0.07% ) 20.6 kB
Autocomplete ▲ +16 B (+0.01% ) 135 kB ▲ +14 B (+0.03% ) 42.5 kB
Avatar ▲ +16 B (+0.02% ) 69.2 kB ▲ +14 B (+0.06% ) 21.6 kB
Button ▲ +16 B (+0.02% ) 83.7 kB ▲ +14 B (+0.05% ) 25.7 kB
FormControl ▲ +16 B (+0.02% ) 68.4 kB ▲ +14 B (+0.07% ) 21.3 kB
FormHelperText ▲ +16 B (+0.02% ) 67.4 kB ▲ +14 B (+0.07% ) 20.9 kB
FormLabel ▲ +16 B (+0.02% ) 67.5 kB ▲ +14 B (+0.07% ) 20.9 kB
GridListTileBar ▲ +16 B (+0.02% ) 67.3 kB ▲ +14 B (+0.07% ) 21 kB
Input ▲ +16 B (+0.02% ) 76.6 kB ▲ +14 B (+0.06% ) 23.9 kB
InputLabel ▲ +16 B (+0.02% ) 69.3 kB ▲ +14 B (+0.07% ) 21.4 kB
List ▲ +16 B (+0.02% ) 66.4 kB ▲ +14 B (+0.07% ) 20.7 kB
ListItem ▲ +16 B (+0.02% ) 81 kB ▲ +14 B (+0.06% ) 25.3 kB
Paper ▲ +16 B (+0.02% ) 66.4 kB ▲ +14 B (+0.07% ) 20.7 kB
RadioGroup ▲ +16 B (+0.02% ) 67.8 kB ▲ +14 B (+0.07% ) 21.1 kB
StepConnector ▲ +16 B (+0.02% ) 66.8 kB ▲ +14 B (+0.07% ) 21 kB
StepIcon ▲ +16 B (+0.02% ) 68.6 kB ▲ +14 B (+0.07% ) 21.4 kB
SvgIcon ▲ +16 B (+0.02% ) 67.1 kB ▲ +14 B (+0.07% ) 20.9 kB
Typography ▲ +16 B (+0.02% ) 67.7 kB ▲ +14 B (+0.07% ) 21.1 kB
BottomNavigation ▲ +16 B (+0.02% ) 66.5 kB ▲ +13 B (+0.06% ) 20.8 kB
CircularProgress ▲ +16 B (+0.02% ) 68.2 kB ▲ +13 B (+0.06% ) 21.4 kB
CssBaseline ▲ +16 B (+0.02% ) 66 kB ▲ +13 B (+0.06% ) 20.7 kB
DialogContent ▲ +16 B (+0.02% ) 66.3 kB ▲ +13 B (+0.06% ) 20.7 kB
DialogContentText ▲ +16 B (+0.02% ) 68.1 kB ▲ +13 B (+0.06% ) 21.3 kB
Divider ▲ +16 B (+0.02% ) 66.8 kB ▲ +13 B (+0.06% ) 20.9 kB
ExpansionPanelActions ▲ +16 B (+0.02% ) 66.1 kB ▲ +13 B (+0.06% ) 20.7 kB
ExpansionPanelDetails ▲ +16 B (+0.02% ) 66 kB ▲ +13 B (+0.06% ) 20.6 kB
Fab ▲ +16 B (+0.02% ) 80.8 kB ▲ +13 B (+0.05% ) 25.1 kB
FilledInput ▲ +16 B (+0.02% ) 77.6 kB ▲ +13 B (+0.05% ) 24.1 kB
FormGroup ▲ +16 B (+0.02% ) 66.1 kB ▲ +13 B (+0.06% ) 20.5 kB
GridListTile ▲ +16 B (+0.02% ) 67.8 kB ▲ +13 B (+0.06% ) 21.2 kB
Icon ▲ +16 B (+0.02% ) 66.9 kB ▲ +13 B (+0.06% ) 20.9 kB
Link ▲ +16 B (+0.02% ) 70.6 kB ▲ +13 B (+0.06% ) 22.3 kB
ListSubheader ▲ +16 B (+0.02% ) 66.8 kB ▲ +13 B (+0.06% ) 21 kB
MenuList ▲ +16 B (+0.02% ) 70 kB ▲ +13 B (+0.06% ) 21.9 kB
Radio ▲ +16 B (+0.02% ) 87.1 kB ▲ +13 B (+0.05% ) 27.5 kB
ScopedCssBaseline ▲ +16 B (+0.02% ) 66.9 kB ▲ +13 B (+0.06% ) 20.9 kB
Skeleton ▲ +16 B (+0.02% ) 67.1 kB ▲ +13 B (+0.06% ) 21.1 kB
SnackbarContent ▲ +16 B (+0.02% ) 67.6 kB ▲ +13 B (+0.06% ) 21 kB
Step ▲ +16 B (+0.02% ) 66.7 kB ▲ +13 B (+0.06% ) 20.9 kB
StepLabel ▲ +16 B (+0.02% ) 72.6 kB ▲ +13 B (+0.06% ) 22.5 kB
Stepper ▲ +16 B (+0.02% ) 68.9 kB ▲ +13 B (+0.06% ) 21.7 kB
Table ▲ +16 B (+0.02% ) 66.6 kB ▲ +13 B (+0.06% ) 20.9 kB
TableBody ▲ +16 B (+0.02% ) 66.2 kB ▲ +13 B (+0.06% ) 20.7 kB
Toolbar ▲ +16 B (+0.02% ) 66.4 kB ▲ +13 B (+0.06% ) 20.8 kB
AlertTitle ▲ +16 B (+0.02% ) 68.2 kB ▲ +12 B (+0.06% ) 21.4 kB
AppBar ▲ +16 B (+0.02% ) 68.1 kB ▲ +12 B (+0.06% ) 21.3 kB
AvatarGroup ▲ +16 B (+0.02% ) 70.2 kB ▲ +12 B (+0.05% ) 22.2 kB
ButtonBase ▲ +16 B (+0.02% ) 78 kB ▲ +12 B (+0.05% ) 24.4 kB
Card ▲ +16 B (+0.02% ) 66.9 kB ▲ +12 B (+0.06% ) 20.9 kB
CardActions ▲ +16 B (+0.02% ) 66.1 kB ▲ +12 B (+0.06% ) 20.7 kB
CardContent ▲ +16 B (+0.02% ) 66 kB ▲ +12 B (+0.06% ) 20.6 kB
CardHeader ▲ +16 B (+0.02% ) 69.1 kB ▲ +12 B (+0.06% ) 21.7 kB
CardMedia ▲ +16 B (+0.02% ) 66.4 kB ▲ +12 B (+0.06% ) 20.8 kB
Chip ▲ +16 B (+0.02% ) 86.6 kB ▲ +12 B (+0.05% ) 26.6 kB
Container ▲ +16 B (+0.02% ) 67.2 kB ▲ +12 B (+0.06% ) 21 kB
DialogActions ▲ +16 B (+0.02% ) 66.2 kB ▲ +12 B (+0.06% ) 20.7 kB
DialogTitle ▲ +16 B (+0.02% ) 68.3 kB ▲ +12 B (+0.06% ) 21.4 kB
FormControlLabel ▲ +16 B (+0.02% ) 69.5 kB ▲ +12 B (+0.06% ) 21.8 kB
Grid ▲ +16 B (+0.02% ) 69.2 kB ▲ +12 B (+0.06% ) 21.7 kB
GridList ▲ +16 B (+0.02% ) 66.5 kB ▲ +12 B (+0.06% ) 20.8 kB
IconButton ▲ +16 B (+0.02% ) 80.1 kB ▲ +12 B (+0.05% ) 25 kB
InputAdornment ▲ +16 B (+0.02% ) 69.1 kB ▲ +12 B (+0.06% ) 21.8 kB
ListItemAvatar ▲ +16 B (+0.02% ) 66.2 kB ▲ +12 B (+0.06% ) 20.7 kB
ListItemIcon ▲ +16 B (+0.02% ) 66.2 kB ▲ +12 B (+0.06% ) 20.7 kB
MenuItem ▲ +16 B (+0.02% ) 82.1 kB ▲ +12 B (+0.05% ) 25.7 kB
PaginationItem ▲ +16 B (+0.02% ) 84.7 kB ▲ +12 B (+0.05% ) 26.1 kB
SpeedDialIcon ▲ +16 B (+0.02% ) 68.6 kB ▲ +12 B (+0.06% ) 21.5 kB
TableCell ▲ +16 B (+0.02% ) 68.1 kB ▲ +12 B (+0.06% ) 21.4 kB
TableContainer ▲ +16 B (+0.02% ) 66 kB ▲ +12 B (+0.06% ) 20.6 kB
TableFooter ▲ +16 B (+0.02% ) 66.2 kB ▲ +12 B (+0.06% ) 20.7 kB
TableHead ▲ +16 B (+0.02% ) 66.2 kB ▲ +12 B (+0.06% ) 20.7 kB
TableRow ▲ +16 B (+0.02% ) 66.5 kB ▲ +12 B (+0.06% ) 20.8 kB
ToggleButtonGroup ▲ +16 B (+0.02% ) 67.3 kB ▲ +12 B (+0.06% ) 21.1 kB
TreeView ▲ +16 B (+0.02% ) 72.2 kB ▲ +12 B (+0.05% ) 22.7 kB
Alert ▲ +16 B (+0.02% ) 87.3 kB ▲ +11 B (+0.04% ) 27.6 kB
BottomNavigationAction ▲ +16 B (+0.02% ) 79.5 kB ▲ +11 B (+0.04% ) 25.1 kB
Box ▲ +16 B (+0.02% ) 73 kB ▲ +11 B (+0.05% ) 22.1 kB
ButtonGroup ▲ +16 B (+0.02% ) 87.2 kB ▲ +11 B (+0.04% ) 26.9 kB
ListItemText ▲ +16 B (+0.02% ) 69 kB ▲ +11 B (+0.05% ) 21.7 kB
NativeSelect ▲ +16 B (+0.02% ) 80.8 kB ▲ +11 B (+0.04% ) 25.6 kB
Pagination ▲ +16 B (+0.02% ) 88.3 kB ▲ +11 B (+0.04% ) 27.2 kB
StepButton ▲ +16 B (+0.02% ) 86.3 kB ▲ +11 B (+0.04% ) 27.2 kB
ToggleButton ▲ +16 B (+0.02% ) 80.1 kB ▲ +11 B (+0.04% ) 25.4 kB
Badge ▲ +16 B (+0.02% ) 69.4 kB ▲ +10 B (+0.05% ) 21.5 kB
CardActionArea ▲ +16 B (+0.02% ) 79.1 kB ▲ +10 B (+0.04% ) 25 kB
Switch ▲ +16 B (+0.02% ) 85.3 kB ▲ +10 B (+0.04% ) 26.8 kB
TableSortLabel ▲ +16 B (+0.02% ) 81.4 kB ▲ +10 B (+0.04% ) 25.7 kB
@material-ui/styles ▲ +16 B (+0.03% ) 52 kB ▲ +9 B (+0.06% ) 15.6 kB
Checkbox ▲ +16 B (+0.02% ) 86.1 kB ▲ +9 B (+0.03% ) 27.2 kB
ExpansionPanelSummary ▲ +16 B (+0.02% ) 82.1 kB ▲ +9 B (+0.03% ) 26 kB
Breadcrumbs ▲ +16 B (+0.02% ) 84.4 kB ▲ +8 B (+0.03% ) 26.7 kB
@material-ui/core[umd] ▲ +16 B (+0.01% ) 319 kB ▲ +4 B (0.00% ) 92.6 kB
Fade ▲ +7 B (+0.03% ) 27.8 kB ▲ +6 B (+0.07% ) 9.23 kB
Grow ▲ +7 B (+0.02% ) 28.4 kB ▲ +6 B (+0.06% ) 9.44 kB
Slide ▲ +7 B (+0.02% ) 29.8 kB ▲ +6 B (+0.06% ) 9.84 kB
Zoom ▲ +7 B (+0.03% ) 27.8 kB ▲ +6 B (+0.06% ) 9.35 kB
@material-ui/system -- 17.2 kB -- 4.52 kB
ClickAwayListener -- 3.84 kB -- 1.54 kB
colorManipulator -- 3.88 kB -- 1.52 kB
docs:/ -- 10.7 kB -- -1 B
docs:/_app -- 34.3 kB -- -1 B
Modal -- 14.9 kB -- 5.23 kB
NoSsr -- 2.18 kB -- 1.03 kB
Popper -- 28.8 kB -- 10.3 kB
Portal -- 2.87 kB -- 1.29 kB
RootRef -- 4.61 kB -- 1.77 kB
styles/createMuiTheme -- 21.6 kB -- 7.46 kB
TextareaAutosize -- 5.19 kB -- 2.17 kB
useAutocomplete -- 15.7 kB -- 5.61 kB
useMediaQuery -- 2.56 kB -- 1.06 kB

Generated by 🚫 dangerJS against 70fbc15

@eps1lon eps1lon force-pushed the feat/styles-hook-devtools-name branch from 18a4214 to 1d1ee90 Compare March 17, 2020 21:11
@eps1lon eps1lon marked this pull request as ready for review March 17, 2020 21:14
// skip
// import * as React from 'react'
// if (__DEV__) React.useDebugValue()
ignoreWarning = true;
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@TrySound Is this expected from rollup? Feels like it should not warn here but remove the import. Or is this terser territory?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let's leave this as a console.warn as opposed to throwing as a reminder that this isn't fully dce'd (Dead Code Elimination). It's only 23Bytes anyway.

@eps1lon
Copy link
Member Author

eps1lon commented Apr 27, 2020

This is now available:

Screenshot from 2020-04-27 14-58-20

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
new feature New feature or request package: material-ui Specific to @mui/material package: styles Specific to @mui/styles. Legacy package, @material-ui/styled-engine is taking over in v5.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants