oliviertassinari
released this
Feb 27, 2021
Big thanks to the 26 contributors who made this release possible. Here are some highlights
👩🎤 Convert 11 components to emotion (#24696, #24631, #24857, #25048, #24693, #24663, #25007, #24688, #24665, #24878, #24571) @praveenkuma @natac13 @xs9627 @povilass @m4theushw @natac13 @natac13 @DanailH @duganbrett @duganbrett @praveenkumar-kalidass @vinyldarkscratch.
75% of the components have been migrated so far, thanks to the help of the community.🦴 Convert 4 components to the unstyled pattern (#24985, #24857, #24890, #24957) @povilass.
This change doesn't introduce any breaking changes. Hence, most of the conversion effort will be done post v5-stable.📚 Fix the generation of the API pages for the date pickers (#25101, #25100, #25086, #25089, #25085, #25084) @eps1lon.
This is a follow-up effort after we have mergedmaterial-ui-pickers
. The components are written in TypeScript which required us to upgrade our infra.👌 Improve the Slider thumb and track animation (#24968) @remyoudemans.
The thumb is now moving with a light transition between different values unless it's dragged.
💅 Convert 5 components with custom colors support (#25099, #25088) @mngu.
This change makes it easier to leverage custom palettes- And many more
🐛 bug fixes and📚 improvements.
@material-ui/core@5.0.0-alpha.26
Breaking changes
-
[Tabs] Change the default indicatorColor and textColor prop values to "primary" (#25063) @Dripcoding
This is done to match the most common use cases with Material Design. You can restore the previous behavior with:
-<Tabs /> +<Tabs indicatorColor="primary" textColor="inherit" />
Changes
- [AppBar][CircularProgress][LinearProgress] Support custom colors (#25099) @mngu
- [Autocomplete] Prevent closing on no-option text click (#25103) @silver-snoopy
- [Autocomplete] Fix ListboxComponent slot regression (#25102) @oliviertassinari
- [Autocomplete] Fix the return type of AutocompleteGetTagProps (#24950) @joemaffei
- [Autocomplete] Migrate to emotion (#24696) @natac13
- [Button] Fix ripple stuck after displaying the context menu (#25004) @DanailH
- [Button] Fix forward classes to ButtonBase (#25072) @praveenkumar-kalidass
- [Chip] Normalize Material Design States (#24915) @oliviertassinari
- [Chip] Fix focus-visible regression (#24906) @oliviertassinari
- [CircularProgress] Make source easier to read (#24893) @oliviertassinari
- [Menu] Migrate MenuItem to emotion (#24631) @xs9627
- [Paper] Fix type support of overridable component (#25059) @mngu
- [Skeleton] Fix global theme customization (#24983) @glocore
- [Slider] Improve thumb and track animation (#24968) @remyoudemans
- [Slider] Fix override of event.target when preparing change events (#24782) @praveenkumar-kalidass
- [Snackbar] Migrate SnackbarContent to emotion (#25048) @m4theushw
- [SwipeableDrawer] Fix detection of native scroll container (#24903) @oliviertassinari
- [Switch] Migrate to emotion (#24693) @natac13
- [Switch] Update to follow current MD guidelines (#24954) @hxqlin
- [Table] Migrate TableCell to emotion (#24663) @natac13
- [TextField] Support custom color and size (#25088) @mngu
- [TextField] Fix input adornment color (#25090) @manziEric
- [TextField] Fix FilledInput AA contrast issue (#25046) @Dripcoding
- [TextField] Migrate FormControlLabel to emotion (#25007) @DanailH
- [TextField] Fix label wrap, display an ellipsis instead (#25012) @NekoApocalypse
- [TextField] Migrate OutlinedInput to emotion (#24688) @duganbrett
- [TextField] Fix focused={true} disabled={true} infinite render (#24961) @oliviertassinari
- [TextField] Migrate FormLabel and InputLabel to emotion (#24665) @duganbrett
- [theme] Update theme.palette.text.secondary to match the spec (#25060) @Dripcoding
- [ToggleButton] Migrate ToggleButtonGroup to emotion (#24878) @praveenkumar-kalidass
- [Tooltip] Migrate to emotion (#24571) @vinyldarkscratch
@material-ui/unstyled@5.0.0-alpha.26
- [Portal] Migrate to unstyled (#24890) @povilass
- [TrapFocus] Migrate to unstyled (#24957) @povilass
- [Backdrop] Migrate to unstyled (#24985) @povilass
- [Modal] Migrate to emotion + unstyled (#24857) @povilass
@material-ui/lab@5.0.0-alpha.26
- [Pickers] Fix scroll-jump when opening with a selected value (#25010) @eps1lon
- [Pickers] Rework keyboard navigation implementation (#24315) @eps1lon
- [Pickers] Fix picker components not opening on click in React 17 (#24981) @eps1lon
- [Pickers] Fix outdated link to PickersDay (#24883) @oliviertassinari
@material-ui/icons@5.0.0-alpha.26
-
[icons] Synchronize icons (#25055) @eps1lon
The icons were synchronized with https://material.io/resources/icons/. This change increases the number of supported icons from 1,349 to 1,781 per theme (we support 5 themes). The breaking changes:
// AmpStories -> Download -AmpStories +Download -AmpStoriesOutlined +DownloadOutlined -AmpStoriesRounded +DownloadRounded -AmpStoriesSharp +DownloadSharp -AmpStoriesTwoTone +DownloadTwoTone // Outbond -> Outbound -Outbond +Outbound -OutbondOutlined +OutboundOutlined -OutbondRounded +OutboundRounded -OutbondSharp +OutboundSharp -OutbondTwoTone +OutboundTwoTone
We are getting closer to the maximum number of icons our infrastructure can support. In the future, we might remove the least popular icons in favor of the most frequently used ones.
@material-ui/system@5.0.0-alpha.26
- [system] Fix gap, rowGap, columnGap, borderRadius reponsive support (#24994) @oliviertassinari
@material-ui/utils@5.0.0-alpha.26
- [utils] Fix isMuiElement types (#24936) @oliviertassinari
Docs
- [docs] Add DateRangePickerDay, PickersDay, PickersCalendarSkeleton, MontherPicker API (#25101) @eps1lon
- [docs] Add DayPicker API (#25100) @eps1lon
- [docs] Improve description of builderbook (#25086) @klyburke
- [docs] Add API of ClockPicker (#25089) @eps1lon
- [docs] Add API of *DateRangePicker components (#25085) @eps1lon
- [docs] Add API of *DateTimePicker components (#25084) @eps1lon
- [docs] Add graphql-starter to Example Projects (#25068) @koistya
- [docs] Migrate Alert demos to emotion (#25074) @m4theushw
- [docs] Add codesandbox example for styled-components (#25050) @jony89
- [docs] Wrong link @oliviertassinari
- [docs] Improve error message when GitHub API fail (#24976) @oliviertassinari
- [docs] Separate simple and nested modal demos (#24938) @ydubinskyi
- [docs] Remove under construction icons from DataGrid feature pages (#24946) @DanailH
- [docs] Fix prefers-color-scheme switch (#24902) @oliviertassinari
- [docs] Add yarn install step, safer @oliviertassinari
- [examples] Fix code sandbox link GitHub branch (#24996) @kevbarns
Core
- [core] Prevent out-of-memory in test_types_next (#25079) @eps1lon
- [core] Pin playwright image to known working version (#25080) @eps1lon
- [core] Remove need to reinject backdrop (#25071) @oliviertassinari
- [core] Batch small changes (#25015) @oliviertassinari
- [core] More cleanup on Pickers code (#25020) @dborstelmann
- [core] Allow running full pipeline with various React versions (#25005) @eps1lon
- [core] Fix missing codecov report (#25006) @eps1lon
- [core] Fix release:tag pushing to first push remote (#24960) @eps1lon
- [core] Fix cache miss when using playwright docker images (#24942) @eps1lon
- [core] Prevent out-of-memory when type-checking in CI (#24933) @eps1lon
- [core] Disable page size tracking (#24932) @eps1lon
- [core] Extract linting into separate CI job (#24930) @eps1lon
- [core] Only clone props if needed (#24892) @oliviertassinari
- [core] listChangedFiles returns an empty list with no changed files (#24879) @eps1lon
- [core] Remove dead code in docs:dev (#24880) @oliviertassinari
- [core] Fix a few stylelint error (#24885) @oliviertassinari
- [core] Fix name of Safari target (#24881) @oliviertassinari
- [core] Prefer return over throw in chainPropTypes (#24882) @oliviertassinari
- [core] Support /r/issue-template back (#24870) @oliviertassinari
- [core] Simplify xxxClasses types (#24736) @oliviertassinari
- [test] Improve BrowserStack configuration (#25049) @oliviertassinari
- [test] Track bundle size of unstyled components (#25047) @oliviertassinari
- [test] Make `render` required with describeConformanceV5 (#25003) @oliviertassinari
- [test] Move a11y tree exclusion to appropriate document (#24998) @eps1lon
- [test] Test with ClickAwayListener mount on onClickCapture (#25001) @eps1lon
- [test] Improve various timer related issues (#24963) @eps1lon
- [test] Avoid Rate Limit Exceeded (#24931) @oliviertassinari
- [test] Remove internal icons smoke test (#24969) @eps1lon
- [test] Reduce compile time of test:karma in watchmode drastically (#24967) @eps1lon
- [test] Dedupe missing act warnings for HoC (#24949) @eps1lon
- [test] Consolidate on a single API (#24884) @oliviertassinari
- [test] Update react next patch (#24934) @eps1lon
- [test] Link CircleCI URL in BS (#24935) @oliviertassinari
- [test] Run more tests at the same time (#24886) @oliviertassinari
- [test] Dedupe missing act warnings by component name (#24871) @eps1lon
- [test] Enable type-unaware versions of disabled typed-aware lint rules (#24873) @eps1lon
- [test] Initial workspace definition (#24869) @eps1lon
- [test] Add current behavior of focus during mount in Popper (#24863) @eps1lon
- [test] Increase BrowserStack timeout to 6min (#24861) @oliviertassinari
All contributors of this release in alphabetical order: @DanailH, @dborstelmann, @Dripcoding, @duganbrett, @eps1lon, @glocore, @hxqlin, @joemaffei, @jony89, @kevbarns, @klyburke, @koistya, @m4theushw, @manziEric, @mngu, @natac13, @NekoApocalypse, @oliviertassinari, @povilass, @praveenkumar-kalidass, @remyoudemans, @silver-snoopy, @vinyldarkscratch, @xs9627, @ydubinskyi
Assets
2
oliviertassinari
released this
Feb 11, 2021
Big thanks to the 30 contributors who made this release possible. Here are some highlights
-
👩🎤 Convert 32 components to emotion. Around 64% of the components have been migrated so far, thanks to the help of the community. We aim to migrate them all before the end of Q1 2021.
The podium of the most active community members in the migration🏆 : -
📐 Add a subset of the system as flattened props onTypography
(#24496) @mnajdova.
Now, you can do:<Typography padding={2} color="text.secondary" />
-
📅 Focus on the date pickers, 5 fixes and 3 docs improvements. -
💅 Provide a newdarkScrollbar()
CSS utility to improve the native scrollbar in dark mode. The documentation uses it.
@material-ui/core@5.0.0-alpha.25
Breaking changes
-
Increase the minimum version of TypeScript supported from v3.2 to v3.5. (#24795) @petyosi
We try to align with types released from DefinitelyTyped (i.e. packages published on npm under the
@types
namespace).
We will not change the minimum supported version in a major version of Material-UI.
However, we generally recommend to not use a TypeScript version older than the lowest supported version of DefinitelyTyped.
Changes
- [ImageList] Migrate to emotion (#24615) @kodai3
- [Dialog] Migrate DialogTitle to emotion (#24623) @vicasas
- [TextField] Prepare removal of labelWidth prop (#24595) @oliviertassinari
- [ImageList] Migrate ImageListItem to emotion (#24619) @kodai3
- [Card] Migrate CardMedia to emotion (#24625) @natac13
- [Card] Migrate CardHeader to emotion (#24626) @natac13
- [TextField] Migrate FilledInput to emotion (#24634) @mnajdova
- [Fab] Migrate to emotion (#24618) @natac13
- [ClickAwayListener] Fix `children` and `onClickAway` types (#24565) @eps1lon
- [List] Migrate ListItemIcon to emotion (#24630) @vicasas
- [Card] Migrate CardActionArea to emotion (#24636) @natac13
- [DataTable] Add example in docs for data table (#24428) @DanailH
- [CircularProgress] Migrate to emotion (#24622) @natac13
- [ImageList] Migrate ImageListItemBar to emotion (#24632) @kodai3
- [TextField] Migrate Input component to emotion (#24638) @duganbrett
- [Tab] Migrate to emotion (#24651) @natac13
- [Table] Migrate to emotion (#24657) @natac13
- [List] Migrate ListItemAvatar to emotion (#24656) @vicasas
- [TextField] Migrate FormControl to emotion (#24659) @duganbrett
- [Table] Migrate TableContainer to emotion (#24666) @natac13
- [Tab] Migrate TabScrollButton to emotion (#24654) @natac13
- [Card] Warn on raised + outlined (#24648) @sumarlidason
- [TextField] Migrate FormHelperText to emotion (#24661) @duganbrett
- [Dialog] Migrate DialogContent to emotion (#24670) @vicasas
- [Typography] Add system props (#24496) @mnajdova
- [Paper] Improve warning on invalid combinations of variant and elevation (#24667) @eps1lon
- [Chip] Migrate to emotion (#24649) @natac13
- [ToggleButton] Migrate to emotion (#24674) @natac13
- [Step] Migrate to emotion (#24678) @natac13
- [Link] Fix CSS prefix property casing with emotion (#24701) @idanrozin
- [Card] Use the default elevation (#24733) @oliviertassinari
- [Typography] Remove align inherit noise (#24717) @oliviertassinari
- [Dialog] Convert role `none presentation` to `presentation` (#24500) @hallzac2
- [TextField] Improve baseline alignment with start adornment (#24742) @praveenkumar-kalidass
- [Popper] Fix usage of ownerDocument with anchorEl (#24753) @ruppysuppy
- [Table] Migrate TableBody to emotion (#24703) @natac13
- [Table] Migrate TableRow to emotion (#24687) @natac13
- [TextField] Migrate FormGroup to emotion (#24685) @vicasas
- [CssBaseline] Make dark mode scrollbar overrides an optional function (#24780) @dborstelmann
- [ButtonGroup] Migrate ButtonGroup to emotion (#24775) @mirefly
- [Checkbox] Migrate to emotion (#24702) @natac13
- [Table] Migrate TableHead to emotion (#24686) @natac13
- [Table] Migrate TableFooter to emotion (#24684) @natac13
- [Skeleton] Migrate to emotion (#24652) @kodai3
@material-ui/system@5.0.0-alpha.25
Breaking changes
-
[system] Use spacing unit in `gap`, `rowGap`, and `columnGap` (#24794) @ruppysuppy
If you were using a number previously, you need to provide the value in
px
to bypass the new transformation withtheme.spacing
. The change was done for consistency with the Grid spacing prop and the other system spacing properties, e.g.<Box padding={2}>
.<Box - gap={2} + gap="2px" >
@material-ui/styled-engine@5.0.0-alpha.25
@material-ui/types@5.0.0-alpha.25
Breaking changes
-
[types] Rename the exported `Omit` type in `@material-ui/types`. (#24795) @petyosi
The module is now called
DistributiveOmit
. The change removes the confusion with the built-inOmit
helper introduced in TypeScript v3.5. The built-inOmit
, while similar, is non-distributive. This leads to differences when applied to union types. See this StackOverflow answer for further details.
-import { Omit } from '@material-ui/types';
+import { DistributiveOmit } from '@material-ui/types';
Changes
@material-ui/lab@5.0.0-alpha.25
- [Pickers] Fix role attribute (#24621) @EkaterinaMozheiko
- [Pickers] Fix `showTodayButton` not returning the current time (#24650) @anthonyraymond
- [Pickers] Ensure components have a display name in DEV (#24676) @eps1lon
- [Pickers] Fix more name inconsistencies (#24734) @oliviertassinari
- [Pickers] Dismiss on clickaway when using the desktop variant (#24653) @eps1lon
- [Pickers] Add missing periods at end of some descriptions (#24791) @fulin426
- [Pickers] Enable YearPicker documentation (#24830) @oliviertassinari
- [Pickers] Fix useState related console warnings in examples (#24848) @ydubinskyi
Docs
- [docs] Add sorting section (#24637) @dtassone
- [docs] Include in docs directive to silence `eslint` erroneous warning (#24644) @silviot
- [docs] Clarifying the documentation about Chip behavior (#24645) @KarimOurrai
- [docs] Update Typography in migration guide (#24662) @mbrookes
- [examples] Update examples to use StyledEngineProvider (#24489) @mnajdova
- [docs] Add API documentation for *DatePicker components (#24655) @eps1lon
- [docs] Add HoodieBees to sponsors (#24735) @mbrookes
- [docs] Fix indent @oliviertassinari
- [docs] Make responsive to font size (#24531) @eps1lon
- [docs] Follow similar demo pattern for date and time pickers (#24739) @eps1lon
- [docs] Add information about local dev environment (#24771) @plug-n-play
- [docs] Add tcespal to Showcase (#24793) @ArnaultNouvel
- [docs] Fix CssBaseline typography description (#24802) @xiaoyu-tamu
- [docs] Add 'playlist' synonym to 'menu' (#24754) @Lagicrus
- [docs] Add more similar icons (#24799) @oliviertassinari
- [docs] Fix typo in the error message generated by createMuiTheme (#24827) @mbrookes
- [examples] Align more with the v5 recommended approach (#24798) @Tejaswiangotu123
- [docs] Update ButtonGroup demos to match v5 (#24797) @SCollinA
- [docs] Fix formatting of `mask` prop description (#24842) @eps1lon
- [docs] Add read synonym to drafts (#24854) @Lagicrus
Core
- [core] Fix release:tag pushing to material-ui-docs (#24633) @eps1lon
- [core] Fix `next` using stale pages (#24635) @eps1lon
- [test] Skip JSDOM in style related conformance tests (#24668) @mnajdova
- [test] Conformance to handle wrapped elements (#24679) @natac13
- [core] Batch small changes (#24705) @oliviertassinari
- [test] Run more tests in Strict Mode (#24646) @oliviertassinari
- [test] Avoid visual flakiness (#24737) @oliviertassinari
- [core] Remove deprecated SimplifiedPropsOf/Simplify types (#24750) @petyosi
- [core] Disable type-checking of .propTypes (#24747) @eps1lon
- [test] Allow setting react-dist-tag via pipeline parameter (#24755) @eps1lon
- [test] Don't run dev CI for dependabot pushes (#24833) @eps1lon
- [test] Isolate Tooltip tests more (#24834) @eps1lon
- [test] Clear emotion cache between tests (#24837) @eps1lon
- [core] Save/restore actual yarn cache folder (#24844) @eps1lon
- [test] Increase timeout to 4000ms for screenshots (#24850) @oliviertassinari
All contributors of this release in alphabetical order: @anthonyraymond, @ArnaultNouvel, @DanailH, @dborstelmann, @dtassone, @duganbrett, @EkaterinaMozheiko, @eps1lon, @fulin426, @hallzac2, @idanrozin, @KarimOurrai, @kodai3, @Lagicrus, @mbrookes, @mirefly, @mnajdova, @natac13, @oliviertassinari, @petyosi, @plug-n-play, @praveenkumar-kalidass, @ruppysuppy, @SCollinA, @silviot, @sumarlidason, @Tejaswiangotu123, @vicasas, @xiaoyu-tamu, @ydubinskyi
Assets
2
eps1lon
released this
Jan 26, 2021
Big thanks to the 23 contributors who made this release possible. Here are some highlights
-
👩🎤 Convert 31 components to emotion. Around 40% of the components have been migrated so far thanks to the help of the community. See #24405 for more details. -
🐛 Fix two long-standing issues with the Grid. Solve the horizontal scrollbar as well as dimensions when nesting (#24332) @greguintow. -
📚 Fix various display issues on API documentation pages (#24526, #24503, #24504. #24517, #24417). -
📐 Add a subset of the system as flatten props on the CSS utility components (Grid
andBox
so far,Typography
andStack
coming later) (#24485, #24499) @mnajdova.<Box m={2}>
@material-ui/core@5.0.0-alpha.24
- [Dialog] Migrate DialogActions to emotion (#24613) @vicasas
- [Toolbar] Migrate to emotion (#24567) @natac13
- [Hidden] Fix unsupported props warning when sx prop is used (#24624) @mnajdova
- [List] Migrate ListItemText to emotion (#24602) @natac13
- [List] Migrate ListItemSecondaryAction to emotion (#24593) @xs9627
- [BottomNavigation] Migrate to emotion (#24556) @vinyldarkscratch
- [Card] Fix CardActions wrong classes export name (#24609) @mnajdova
- [Card] Migrate CardContent to emotion (#24600) @vicasas
- [Card] Migrate to emotion (#24597) @povilass
- [TextField] Migrate InputBase to emotion (#24555) @duganbrett
- [Accordion] Allow to disable gutter/spacing (#24532) @TimonPllkrn
- [List] Migrate to emotion (#24560) @vinyldarkscratch
- [Card] Migrate CardActions to emotion (#24604) @vicasas
- [List] Migrate ListSubheader to emotion (#24561) @vinyldarkscratch
- [Breadcrumbs] Migrate to emotion (#24522) @vinyldarkscratch
- [Divider] Migrate to emotion (#24558) @vinyldarkscratch
- [Switch] Migrate SwitchBase to emotion (#24552) @vinyldarkscratch
- [Hidden] Migrate to emotion (#24544) @vinyldarkscratch
- [List] Migrate ListItem to emotion (#24543) @xs9627
- [TextField] Fix Google Translate zero-width space issue (#24563) @d3mp
- [Table] Separate classes for different labels (#24568) @tonysepia
- [Accordion] Migrate AccordionSummary to emotion (#24540) @vinyldarkscratch
- [IconButton] Migrate to emotion (#24542) @vinyldarkscratch
- [Accordion] Migrate AccordionActions to emotion (#24538) @vinyldarkscratch
- [Accordion] Migrate AccordionDetails to emotion (#24539) @vinyldarkscratch
- [Link] Migrate to emotion (#24529) @praveenkumar-kalidass
- [Accordion] Migrate to emotion (#24518) @vinyldarkscratch
- [Backdrop] Migrate to emotion (#24523) @vinyldarkscratch
- [Grid] Add system props (#24499) @mnajdova
- [Icon] Migrate to emotion (#24516) @vinyldarkscratch
- [Collapse] Migrate to emotion (#24501) @vinyldarkscratch
- [SvgIcon] Migrate to emotion (#24506) @oliviertassinari
- [Avatar] Migrate AvatarGroup to emotion (#24452) @praveenkumar-kalidass
- [Box] Add back system props (#24485) @mnajdova
- [Alert] Migrate AlertTitle to emotion (#24448) @povilass
- [Alert] Migrate to emotion (#24442) @kutnickclose
- [l10n] Improve Hebrew translation (#24449) @eladmotola
- [Checkbox][Switch] Document defaultChecked (#24446) @praveenkumar-kalidass
- [AppBar] Migrate to emotion (#24439) @povilass
- [l10n] Improve German translation (#24436) @lukaselmer
- [Button][Badge] Support custom colors and sizes (#24408) @mnajdova
- [Grid] Fix horizontal scrollbar and nested dimensions (#24332) @greguintow
- [Grid] Migrate to emotion (#24395) @mnajdova
- [Badge] Fix TS custom variants (#24407) @mnajdova
@material-ui/lab@5.0.0-alpha.24
- [DatePicker] Remove unnecessary wrapping dom node (#24533) @mxsph
- [DateRangePicker] Remove variant prop override for Textfield (#24433) @praveenkumar-kalidass
- [lab] Reflect draft pattern of picker value in implementation (#24367) @eps1lon
@material-ui/styled-engine@5.0.0-alpha.24
@material-ui/system@5.0.0-alpha.24
- [system] Fix handling of null-ish values (#24530) @oliviertassinari
@material-ui/unstyled@5.0.0-alpha.24
@material-ui/utils@5.0.0-alpha.24
- [utils] `useEventCallback` `args` defaults to `unknown[]` (#24564) @eps1lon
- [utils] Fix requirePropFactory to merge validators (#24423) @mnajdova
Docs
- [examples] Patch preact example not working (#24616)
- [docs] Add missing newline in component JSDOC (#24610) @eps1lon
- [docs] Add API of picker components (#24497) @eps1lon
- [examples] Add `locale` prop to the Nextjs Link component (#24596) @CyanoFresh
- [docs] List required props first in /api/* (#24526) @eps1lon
- [docs] Mention the system props when available in the API pages (#24503) @mnajdova
- [docs] Improve system properties page (#24524) @mnajdova
- [docs] Fix malformed component API description (#24504) @eps1lon
- [docs] Fix ToC "Component name" fragment link on /api/* (#24517) @eps1lon
- [docs] Fix ToC on /api pages linking to api-docs (#24515) @eps1lon
- [docs] Add comment explaining specificity bump on Select (#24509) @KarimMokhtar
- [docs] Compute spreadable from tests (#24490) @eps1lon
- [docs] Fix label bug in stepper vertical demo (#24491) @artola
- [docs] Update Divjoy URL (#24447) @mbrookes
- [docs] Improve packages description (#24330) @oliviertassinari
- [docs] Fix content-layout-shift (#24418) @oliviertassinari
- [docs] Document default values of external props (#24417) @eps1lon
- [docs] Update in-house ads (#24410) @mbrookes @ewldev
Core
- [core] Skip downloading browser binaries in codesandbox/ci (#24628) @eps1lon
- [core] Batch small changes (#24599) @oliviertassinari
- [test] Simplify DatePicker tests (#24545) @eps1lon
- [core] Improve pseudo classes overrides error (#24535) @mnajdova
- [core] Fix styleProps to always contain all props (#24505) @mnajdova
- [test] Fix AvatarGroup failing test (#24512) @mnajdova
- [pickers] Sort tests (#24481) @eps1lon
- [test] Split tests in describeConformanceV5 to isolate them (#24479) @mnajdova
- [core] Do not forward classes prop by default in experimentalStyled (#24451) @mnajdova
- [core] Pass styleProps on all slots in the styled() components (#24454) @mnajdova
- [core] Batch small changes (#24445) @oliviertassinari
- [core] Normalize generating declaration files (#24411) @eps1lon
All contributors of this release in alphabetical order: @artola, @CyanoFresh, @d3mp, @duganbrett, @eladmotola, @eps1lon, @ewldev, @greguintow, @KarimMokhtar, @kutnickclose, @lukaselmer, @mbrookes, @mnajdova, @mxsph, @natac13, @oliviertassinari, @povilass, @praveenkumar-kalidass, @TimonPllkrn, @tonysepia, @vicasas, @vinyldarkscratch, @xs9627
Assets
2
oliviertassinari
released this
Jan 26, 2021
Fix a version resolution issue reported in #24620.
You can install this release with the npm tag:
"@material-ui/core": "deprecations"
or the pre-release semver:
"@material-ui/core": "^4.11.3-deprecations.1"
Assets
2
oliviertassinari
released this
Jan 24, 2021
This release fixes an important issue with Chrome 88. The usage of NaN
as a CSS property's value with JSS throws an exception.
Those wanting to anticipate the breaking changes coming in v5, on top of benefiting from this release, can install 4.11.3-deprecations.0. This pre-release includes deprecations with an upgrade path.
@material-ui/core@v4.11.3
- [styles] Upgrade jss to 10.5.1 (#24570) @oliviertassinari
@material-ui/styles@v4.11.3
- [styles] Upgrade jss to 10.5.1 (#24570) @oliviertassinari
@material-ui/system@v4.11.3
- [system] Fix handling of null-ish values (#24527) @oliviertassinari"
Docs
- [blog] 2020 in review and beyond (#24130) @oliviertassinari
- [docs] Add ELEVATOR to backers (#23977) @mbrookes
- [docs] Add eslint rule to docs (#23843) @jens-ox
- [docs] Add notification for Adobe XD design assets (#23979) @mbrookes
- [docs] Allow codesandbox deploy for demos in X (#23644) @oliviertassinari
- [docs] Fix codesandbox datagrid demo (#24218) @brno32
- [docs] Improve displayed versions (#24051) @oliviertassinari
- [docs] Mention Adobe XD (#23978) @oliviertassinari
- [docs] Sync tranlations (#23981) @l10nbot
- [docs] Sync translation (#23719) @l10nbot
- [docs] Sync translations (#23836) @l10nbot
- [docs] Sync translations (#24039) @l10nbot
- [docs] Update Divjoy URL (#24447) @mbrookes
- [docs] Update in-house ads (#24410) @mbrookes
Core
- [core] Batch small changes (#24224) @oliviertassinari
Assets
2
oliviertassinari
released this
Jan 24, 2021
This release is intended to help prepare the migration to Material-UI v5.
We have started to add deprecations in anticipation of v5. We plan to add a deprecation for any breaking change in v5 that allows it. Each warning comes with a simple message that explains how to handle the deprecation. If no warnings are reported in the console, you are set for this first batch.
Please report issues with the deprecations on #22074 (wrong instructions, false-positives, floods in the console, etc.).
You can expect similar pre-releases like this one in the coming months. Once v5 reaches the beta phase (no more breaking changes), the below deprecations will be included in the v4 stable release.
You can install this release with the npm tag:
"@material-ui/core": "deprecations"
or the pre-release semver:
"@material-ui/core": "^4.11.3-deprecations.1"
Deprecations
- [Accordion] Deprecate classes.focused (#24083) @oliviertassinari
- [Badge] Add overlap circular and rectangular (#22076) @eps1lon
- [Box] Deprecate css prop in favor of sx (#23480) @mnajdova
- [Collapse] Deprecate classes.container (#24084) @oliviertassinari
- [Collapse] Deprecate collapsedHeight (#24079) @oliviertassinari
- [Dialog] Add deprecation warning for withMobileDialog (#23570) @RDIL
- [Dialog] Deprecate the transition onX props (#22114) @mbrookes
- [Fab] Deprecate variant="round" (#24080) @oliviertassinari
- [Grid] Add deprecation for justify prop rename (#24078) @oliviertassinari
- [GridList] Rename to ImageList & add deprecation warnings (#22363) @mbrookes
- [Icons] Deprecate fontSize value of default, add medium (#23971) @mbrookes
- [Menu] Deprecate transition onX props (#22213) @mbrookes
- [Modal][Dialog] Deprecate duplicate props with onChange (#24081) @oliviertassinari
- [Modal][Portal] Deprecate onRendered (#24082) @oliviertassinari
- [Popover] Deprecate transition onX props (#22202) @mbrookes
- [RootRef] Deprecate component (#24075) @oliviertassinari
- [Snackbar] Deprecate transition onX props (#22206) @mbrookes
- [Table] Add deprecation for renamed TablePagination props (#23789) @mnajdova
- [test] Deprecate test-utils (#24099) @eps1lon
- [TextareaAutosize] Deprecate rowsMax->maxRows & rowsMin->minRows (#23530) @mhayk
- [theme] Deprecate
fade
color utility in favor ofalpha
(#22837) @mnajdova - [theme] Deprecate theme.mixins.gutters (#22245) @joshwooding
Assets
2
mnajdova
released this
Jan 14, 2021
Big thanks to the 15 contributors who made this release possible. Here are some highlights
-
📚 Only document public paths in module augmentation (#24267) @eps1lon -
👩🎤 Migrate the Paper and CssBaseline to emotion (#24397, #24176) @povilass @mnajdovaWe have reached a point where we feel confident that the new approach should make it to v5 stable. An issue has been created to track the progress with the migration to emotion: #24405. Your contribution to this effort and the ones from the community are welcome
🙌 . -
📅 Various improvements on the date picker components (#24301, #24309, #24275, #24298, #24319) @m4theushw @eps1lon @huzaima @praveenkumar-kalidass -
And many more
🐛 bug fixes and📚 improvements.
@material-ui/core@v5.0.0-alpha.23
/@material-ui/unstyled@v5.0.0-alpha.23
- [Container] Fix disableGutters style not applied (#24284) @povilass
- [Paper] Migrate to emotion (#24397) @povilass
- [Slider] Allow mobile VO users to interact with Sliders (#23902) @CodySchaaf
- [SwipeableDrawer] Add bleeding demo (#24268) @vicasas
- [SwipeableDrawer] Fix overflow scroll computation logic (#24225) @yann120
- [Table] Fix "more than" translation in es-ES (#24356) @vicasas
- [TextField] Fix error color for form input with secondary color (#24290) @praveenkumar-kalidass
- [Button] Fix resolution of default props (#24253) @oliviertassinari
@material-ui/lab@v5.0.0-alpha.23
Breaking changes
-
[DateRangePicker] Remove DateRangDelimiter (#24298) @huzaima
You can migrate away from it with:
diff --git a/docs/src/pages/components/date-range-picker/BasicDateRangePicker.tsx b/docs/src/pages/components/date-range-picker/BasicDateRangePicker.tsx index 72a89f9a11..2742fa6811 100644 --- a/docs/src/pages/components/date-range-picker/BasicDateRangePicker.tsx +++ b/docs/src/pages/components/date-range-picker/BasicDateRangePicker.tsx @@ -3,7 +3,7 @@ import TextField from '@material-ui/core/TextField'; import DateRangePicker, { DateRange } from '@material-ui/lab/DateRangePicker'; import AdapterDateFns from '@material-ui/lab/AdapterDateFns'; import LocalizationProvider from '@material-ui/lab/LocalizationProvider'; -import DateRangeDelimiter from '@material-ui/lab/DateRangeDelimiter'; +import Box from '@material-ui/core/Box'; export default function BasicDateRangePicker() { const [value, setValue] = React.useState<DateRange<Date>>([null, null]); @@ -20,7 +20,7 @@ export default function BasicDateRangePicker() { renderInput={(startProps, endProps) => ( <React.Fragment> <TextField {...startProps} variant="standard" /> - <DateRangeDelimiter> to </DateRangeDelimiter> + <Box sx={{ mx: 2 }}>to</Box> <TextField {...endProps} variant="standard" /> </React.Fragment> )}
Changes
- [DatePicker] Fix out of range month selection (#24301) @m4theushw
- [DatePicker] Replace withDefaultProps with useThemeProps (#24309) @m4theushw
- [DatePicker] Simplify ExtendWrapper type (#24275) @eps1lon
- [DatePicker] Reduce coupling of parsing picker input value and props (#24319) @eps1lon
- [TimePicker] Add pointer cursor for clock in desktop (#24276) @praveenkumar-kalidass
- [lab] Drop usage of createStyles (#24158) @eps1lon
- [lab] Fix import paths in generated declaration files (#24380) @eps1lon
- [lab] Prevent possible null pointer in useValidation (#24318) @eps1lon
@material-ui/styled-engine@v5.0.0-alpha.23
/@material-ui/styled-engine-sc@v5.0.0-alpha.23
Docs
- [docs] Add example perfomance Stepper vertical (#24292) @vicasas
- [docs] Change Link example from JS to TS (#24291) @vicasas
- [docs] Do not show 'Add' if user input matches existing option (#24333) @ramdog
- [docs] Focus docs search input when the shortcut is clicked (#24296) @eps1lon
- [docs] Further template the CSS API descriptions (#24360) @mbrookes
- [docs] Improve Next.js Link integration (#24258) @oliviertassinari
- [docs] Misc API fixes (#24357) @mbrookes
- [docs] Prevent kbd to wrap (#24269) @oliviertassinari
- [docs] Simplify icon button docs (#24317) @baharalidurrani
- [docs] Standardize some API descriptions (#24274) @mbrookes
- [docs] Sync AppSearch.tsx with AppSearch.js (#24363) @Lagicrus
- [docs] Update CONTRIBUTING being accepted (#24306) @vicasas
- [docs] Update right to left compatibility plugin version (#24370) @mnajdova
- [docs] Widen example datetime-local picker so it's not clipped (#24324) @ramdog
- [website] Add BrandingFooter (#24095) @mnajdova
- [website] Add Discover more (#24327) @oliviertassinari
- [website] Add newsletter (#24322) @oliviertassinari
- [website] Fix regressions @oliviertassinari
- [website] Improve typography theme (#24386) @oliviertassinari
Core
- [core] Create issue labeled (#24283) @xrkffgg
- [core] Fix eslint @oliviertassinari
- [core] Skip downloading browser binaries when building docs (#24393) @eps1lon
- [core] Small changes (#24329) @oliviertassinari
- [core] Support public paths in module augmentation (#24267) @eps1lon
- [core] Update classes generation logic (#24371) @mnajdova
- [core] Update issue mark duplicate (#24311) @xrkffgg
- [core] Update issues helper version (#24379) @xrkffgg
- [test] Add pipeline task for performance monitoring (#24289) @eps1lon
- [test] Compensate for Circle CI's low performance (#24358) @oliviertassinari
- [test] Debug expensive GH actions still runing for l10nbot (#24392) @eps1lon
- [test] Move callback args to right side of assertion (#24366) @eps1lon
- [test] Persist new declaration files in CI cache (#24313) @eps1lon
- [test] Reduce download times of playwright binaries (#24364) @eps1lon
- [test] Skip expensive GitHub actions on l10nbot commits (#24303) @eps1lon
- [test] Test declaration files in TS nightly (#24391) @eps1lon
- [styles] Define useThemeProps as unstable and fix TS issues (#24383) @mnajdova
Assets
2
oliviertassinari
released this
Jan 4, 2021
Big thanks to the 14 contributors who made this release possible. Here are some highlights
♿️ Fix major accessibility issue with the Autocomplete (#24213) @inform880👩🎤 Migrate the Container to emotion (#24227) @oliviertassinari🐛 Fix Next.js regression and other cross-platform issues with the build (#24200, #24223)- And many more
🐛 bug fixes and📚 improvements.
@material-ui/core@v5.0.0-alpha.22
/@material-ui/unstyled@v5.0.0-alpha.22
- [Autocomplete] Fix VoiceOver not reading the correct activedescendant (#24213) @inform880
- [Autocomplete] Warn when value is invalid (#24202) @Sandeep0695
- [Button] Fix disableElevation regression (#24251) @oliviertassinari
- [Container] Migrate to emotion (#24227) @oliviertassinari
- [Pagination] Fix className forwarding when type is ellipsis (#24256) @andrelmlins
- [Select] Improve description on how it extends the Input components (#24180) @azza85
- [styled] Fix missing types for
sx
(#24211) @mnajdova - [styled] Remove unused type parameters from StyledOptions (#24255) @eps1lon
- [styled] Support components without theme (#24214) @mnajdova
- [styles] Fix classes logic (#24250) @oliviertassinari
- [styles] Improve the classes structure (#24249) @oliviertassinari
@material-ui/lab@v5.0.0-alpha.22
- [DatePicker] Fix year only view, hide the current month (#24205) @hyeonhong
- [DatePicker] Nested imports for better DX (#24147) @oliviertassinari
- [DatePicker] Remove unused type parameters (#24257) @eps1lon
- [TimePicker] Prevent conflicting type parameter in
ClockProps#getClockLabelText
(#24193) @eps1lon
Docs
- [docs] Accept pages written in TypeScript (#24230) @oliviertassinari
- [docs] Document emotion migration breaking changes (#24229) @luminaxster
- [docs] Fix broken benchmark link (#24210) @jalaj-k
- [docs] Fix codesandbox datagrid demo (#24218) @brno32
- [docs] Fix iframe demos with emotion (#24232) @oliviertassinari
- [docs] Sync translations (#24161) @l10nbot
Core
- [test] More granular progress tracking of relative type imports (#24233) @eps1lon
- [core] Add missing sx typings on the components migrated to emotion (#24208) @mnajdova
- [core] Batch small changes (#24224) @oliviertassinari
- [core] Create issue mark duplicate (#24184) @xrkffgg
- [core] Fix generation of package.json (#24223) @oliviertassinari
- [core] Fix relative import of types (#24248) @oliviertassinari
- [core] Platform agnostic build script for envinfo (#24200) @eps1lon
- [core] Remove unused generics from experimentalStyled (#24192) @eps1lon
Assets
2
mnajdova
released this
Dec 30, 2020
Big thanks to the 14 contributors who made this release possible. Here are some highlights
👩🎤 Migrate the Avatar to emotion (#24114) @oliviertassinari👩🎤 Migrate the Button to emotion (#24107, #24100) @mnajdova♿️ Improve TrapFocus behavior, ignore the container as a tabbable element (#23364) @gregnb
In rare cases, an element might not longer be tabbable when looping, e.g. overflow container in Firefox.
You can work around the problem by adding atabIndex={0}
or customizing thegetTabbable
prop.- And many more
🐛 bug fixes and📚 improvements.
@material-ui/core@v5.0.0-alpha.21
/@material-ui/unstyled@v5.0.0-alpha.21
- [Avatar] Migrate to emotion (#24114) @oliviertassinari
- [ButtonBase] Migrate styles to emotion (#24100) @mnajdova
- [Button] Migrate styles to emotion (#24107) @mnajdova
- [unstyled] Add utils for generating utility classes (#24126) @mnajdova
- [TrapFocus] Fix trap to only focus on tabbable elements (#23364) @gregnb
- [Link] Improve integration with Next.js (#24121) @kelvinsanchez15
- [Select] Fix overflow showing scrollbar (#24085) @Segebre
- [Slider] Fix circular type reference in SliderValueLabel (#24190) @eps1lon
- [Skeleton] Fix default TypeScript component type (#24191) @eps1lon
@material-ui/system@v5.0.0-alpha.21
- [system] Fix sx prop typings to support grid gap props (#24093) @mnajdova
- [system] Improve the SxProp typings structure, by splitting them in a separate module. (#24090) @mnajdova
- [system] Replace grid gap properties (#24094) @mnajdova
@material-ui/lab@v5.0.0-alpha.21
- [DatePicker] Allow to customize icons (#24017) @jackcwu
- [DatePicker] Fix missing component for theme augmentation (#24092) @rajzik
- [DatePicker] Hide outline on container (#24108) @oliviertassinari
- [DatePicker] Fix accessibility issue with heading (#24183) @gracektay
- [TimePicker] Improve the design to fit on smaller screens (#23855) @marianayap
- [TreeView] Add preventScroll for tree focus (#24105) @praveenkumar-kalidass
@material-ui/styles@v5.0.0-alpha.21
@material-ui/styled-engine@v5.0.0-alpha.21
/@material-ui/styled-engine-sc@v5.0.0-alpha.21
Docs
- [docs] Add examples for adding and removing Typography variants (#24088) @mnajdova
- [docs] Fix typo (#24123) @ajonp
- [docs] Fix warning about wrong prop type (#24117) @mnajdova
- [docs] Rename "Customization > Theme > Global" to "Customization > Theme > Components" (#24115) @mnajdova
- [docs] Rename customization/components to customization/how-to-customize (#24089) @mnajdova
- [docs] Replace process.browser with typeof navigator (#24122) @softshipper
- [docs] Sync translations (#24152) @l10nbot
- [docs] Update Fontsource install instructions (#24120) @DecliningLotus
- [docs] Add system grid page (#24119) @mnajdova
- [blog] 2020 in review and beyond (#24130) @oliviertassinari
- [docs] Improve naming and structure of the Customization and Guide pages (#24175) @mnajdova
Core
- [core] Batch small changes (#24131) @oliviertassinari
- [core] Fix overridesResolver on the core components and added tests (#24125) @mnajdova
- [core] Reduce number of files included in language server (#24165) @eps1lon
- [core] Reduce response time of initial PR bot comment (#24168) @eps1lon
- [core] Refactor styled() components to ease out the migration process (#24124) @mnajdova
- [test] Add more packages to browser test suite (#24155) @eps1lon
- [core] Monitor progress of fixing type imports (#24188) @eps1lon
- [core] Fix build on Windows (#24187) @oliviertassinari
Assets
2
oliviertassinari
released this
Dec 21, 2020
Big thanks to the 13 contributors who made this release possible. Here are some highlights
-
👩🎤 Migrate the Typography to emotion (#23841) @DanailHThis change allows to add typography variants in the theme and to use them directly:
const theme = createMuiTheme({ typography: { poster: { color: 'red', }, }, }); <Typography variant="poster">poster</Typography>;
-
📚 Add a shortcut to open the Algolia search (#23959) @hmaddisb. -
And many more
🐛 bug fixes and📚 improvements.
@material-ui/core@v5.0.0-alpha.20
/@material-ui/unstyled@v5.0.0-alpha.20
Breaking changes
-
[CssBaseline] Change body font size to body1 (1rem) (#24018) @mbrookes
The new default matches the variant used by the Typography component. To return to the previous size, you can override it in the theme:
const theme = createMuiTheme({ typography: { body1: { fontSize: '0.875rem', }, }, });
Changes
- [Badge] Fix the classes description to reflect the correct component (#24035) @mnajdova
- [Select] Fix aria-describedby attribute (#24027) @HVish
- [Skeleton] Fix Circle border radius on Safari (#24054) @anatolzak
- [Slider][badge] Fix classes prop not working (#24034) @mnajdova
- [Typography] Migrate styles to emotion (#23841) @DanailH
@material-ui/styled-engine@v5.0.0-alpha.20
/@material-ui/styled-engine-sc@v5.0.0-alpha.20
- [styled-engine] Add name and slot options (#23964) @mnajdova
- [styled-engine] Add StylesProvider with injectFirst option (#23934) @mnajdova
@material-ui/system@v5.0.0-alpha.20
Docs
- [docs] Add a shortcut to access the search bar (#23959) @hmaddisb
- [docs] Animate component's mounting and unmounting (#24049) @cjoecker
- [docs] Fix collapse API docs description of 'hidden' style condition (#24053) @jaiwanth-v
- [docs] Improve color demo snippet spacing (#24009) @yukinoda
- [docs] Improve displayed versions (#24051) @oliviertassinari
- [docs] Show a better file on codesandbox (#24052) @oliviertassinari
- [docs] Update customization/components and customization/global pages (#24016) @mnajdova
- [docs] Update the CSS injection guide (#24020) @mnajdova