Unstyled components progress #10

michaldudak · 2021-07-07T16:26:20Z

oliviertassinari · 2021-07-14T16:55:38Z

@michaldudak We heavily use the labels to function with our growing backlog of issues (13,000 at this point). I'm adding a new one.

siriwatknp · 2021-08-24T04:37:30Z

@michaldudak should the list split into something like this to make it transparent to the community?

WIP (prioritized)

These components are prioritized based on the page views from analytics.
...

Done

...

The rest
...

michaldudak · 2021-08-24T07:17:58Z

Yeah, I think it may be a good idea to highlight the ones we'd like to tackle first. I marked these high-priority components with ⭐. As for WIP and Done - this information is there already. The ones with a PR but not completed are in progress, and checked ones are done.

imrishabh18 · 2021-09-19T15:41:44Z

@oliviertassinari I really want to contribute to this. Can you please assign me a component which is beginner friendly?

michaldudak · 2021-09-21T08:45:13Z

@imrishabh18 There are few components in @mui/material that don't have any styles:

TextareaAutosize
ClickAwayListener
Portal

Moving them to @mui/core should be pretty simple. Take NoSSR as an example (#27356)

akashshyamdev · 2021-09-23T06:01:28Z

@michaldudak @oliviertassinari I'd like to contribute to this... could you assign a beginner friendly component?

oliviertassinari · 2023-07-26T22:44:45Z

Drawer, SwipeableDrawer

Shouldn't we have this one cover as well? 2k likes https://twitter.com/emilkowalski_/status/1683832539490942978, https://twitter.com/devongovett/status/1674470185783402496

michaldudak · 2023-07-27T07:57:23Z

Shouldn't we have this one cover as well?

Let's find out: #38

[![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [@mui/joy](https://mui.com/) ([source](https://togithub.com/mui/material-ui)) | [`5.0.0-beta.0` -> `5.0.0-beta.1`](https://renovatebot.com/diffs/npm/@mui%2fjoy/5.0.0-beta.0/5.0.0-beta.1) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@mui%2fjoy/5.0.0-beta.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@mui%2fjoy/5.0.0-beta.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@mui%2fjoy/5.0.0-beta.0/5.0.0-beta.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@mui%2fjoy/5.0.0-beta.0/5.0.0-beta.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes <details> <summary>mui/material-ui (@mui/joy)</summary> ### [`v5.0.0-beta.1`](https://togithub.com/mui/material-ui/blob/HEAD/CHANGELOG.md#500-beta1) [Compare Source](https://togithub.com/mui/material-ui/compare/v5.0.0-beta.0...v5.0.0-beta.1)  *Jul 14, 2021* A big thanks to the 17 contributors who made this release possible. Here are some highlights ✨: - ✨ We have introduced a new unstyled component: the Switch ([#26688](https://togithub.com/mui/material-ui/issues/26688)) [@michaldudak](https://togithub.com/michaldudak) You can find two new versions of the Switch. A component without any styles: [`SwitchUnstyled`](https://mui.com/components/switches/#unstyled), and a hook: [`useSwitch`](https://mui.com/components/switches/#useswitch-hook). <a href="https://mui.com/components/switches/#unstyled"><img width="832" alt="switch" src="https://user-images.githubusercontent.com/3165635/125192249-236f8a80-e247-11eb-9df9-17d476379a32.png"></a> You can follow our progress at [https://github.com/mui/material-ui/issues/27170](https://togithub.com/mui/material-ui/issues/27170). - 💄 We have updated the default `info` `success` `warning` color to be more accessible ([#26817](https://togithub.com/mui/material-ui/issues/26817)) [@siriwatknp](https://togithub.com/siriwatknp). You can find the new [default values](https://mui.com/material-ui/customization/palette/#default-values) in the documentation. <a href="https://mui.com/customization/palette/#default-values"><img width="780" alt="colors" src="https://user-images.githubusercontent.com/3165635/125192657-4864fd00-e249-11eb-9dc1-44857b25b3b8.png"></a> ##### `@material-ui/core@5.0.0-beta.1` ##### Breaking changes - \[Fab] Remove no longer necessary span wrapper ([#27112](https://togithub.com/mui/material-ui/issues/27112)) [@siriwatknp](https://togithub.com/siriwatknp) - \[ToggleButton] Remove no longer necessary span wrapper ([#27111](https://togithub.com/mui/material-ui/issues/27111)) [@siriwatknp](https://togithub.com/siriwatknp) ##### Changes - \[Autocomplete] Add componentsProps ([#27183](https://togithub.com/mui/material-ui/issues/27183)) [@michal-perlakowski](https://togithub.com/michal-perlakowski) - \[Avatar] Fix support for crossOrigin ([#27013](https://togithub.com/mui/material-ui/issues/27013)) [@ShirasawaSama](https://togithub.com/ShirasawaSama) - \[ButtonBase] Correct `disableRipple` API description ([#27187](https://togithub.com/mui/material-ui/issues/27187)) [@michaldudak](https://togithub.com/michaldudak) - \[ButtonGroup] Add color palette types ([#27215](https://togithub.com/mui/material-ui/issues/27215)) [@ShirasawaSama](https://togithub.com/ShirasawaSama) - \[SwitchBase] Bring back `checked` and mark as deprecated ([#27047](https://togithub.com/mui/material-ui/issues/27047)) [@siriwatknp](https://togithub.com/siriwatknp) - \[TextField] Remove redundant useFormControl implementation ([#27197](https://togithub.com/mui/material-ui/issues/27197)) [@michaldudak](https://togithub.com/michaldudak) - \[theme] Add missing MuiRating types to components.d.ts ([#27086](https://togithub.com/mui/material-ui/issues/27086)) [@rajzik](https://togithub.com/rajzik) - \[theme] Remove `createV4Spacing` from `adaptV4Theme` ([#27072](https://togithub.com/mui/material-ui/issues/27072)) [@siriwatknp](https://togithub.com/siriwatknp) - \[theme] Update default `info` `success` `warning` color ([#26817](https://togithub.com/mui/material-ui/issues/26817)) [@siriwatknp](https://togithub.com/siriwatknp) - \[ToggleButton] Add color palette types ([#27046](https://togithub.com/mui/material-ui/issues/27046)) [@ShirasawaSama](https://togithub.com/ShirasawaSama) - \[ToggleButton] Fix the api page ([#27164](https://togithub.com/mui/material-ui/issues/27164)) [@oliviertassinari](https://togithub.com/oliviertassinari) ##### `@material-ui/unstyled@5.0.0-alpha.40` - \[Switch] Create SwitchUnstyled and useSwitch ([#26688](https://togithub.com/mui/material-ui/issues/26688)) [@michaldudak](https://togithub.com/michaldudak) ##### `@material-ui/codemod@5.0.0-beta.1` - \[codemod] Add v5 important migration ([#27032](https://togithub.com/mui/material-ui/issues/27032)) [@siriwatknp](https://togithub.com/siriwatknp) - \[codemod] Fix v5 codemods on Windows ([#27254](https://togithub.com/mui/material-ui/issues/27254)) [@michaldudak](https://togithub.com/michaldudak) ##### `@material-ui/system@5.0.0-beta.1` - \[Box] Add breakpoint value support to maxWidth prop ([#26984](https://togithub.com/mui/material-ui/issues/26984)) [@ansh-saini](https://togithub.com/ansh-saini) ##### `@material-ui/lab@5.0.0-alpha.40` - \[CalendarPicker] Fix slide transition regression ([#27273](https://togithub.com/mui/material-ui/issues/27273)) [@eps1lon](https://togithub.com/eps1lon) - \[CalendarPicker] Use transition components from core instead of a custom implementation ([#27043](https://togithub.com/mui/material-ui/issues/27043)) [@eps1lon](https://togithub.com/eps1lon) - \[pickers] Fix default value of text keys ([#26990](https://togithub.com/mui/material-ui/issues/26990)) [@oliviertassinari](https://togithub.com/oliviertassinari) - \[TimePicker] Change default minutes and seconds to zero ([#27037](https://togithub.com/mui/material-ui/issues/27037)) [@michal-perlakowski](https://togithub.com/michal-perlakowski) ##### Docs - \[blog] Q2 2021 Update ([#27089](https://togithub.com/mui/material-ui/issues/27089)) [@oliviertassinari](https://togithub.com/oliviertassinari) - \[docs] Add information that the label prop in FormControlLabel is now [@michal-perlakowski](https://togithub.com/michal-perlakowski) - \[docs] Don't crash page if an Ad crashes ([#27178](https://togithub.com/mui/material-ui/issues/27178)) [@eps1lon](https://togithub.com/eps1lon) - \[docs] Fix alt description of movavi backer [@oliviertassinari](https://togithub.com/oliviertassinari) - \[docs] Fix import source of hidden component ([#27116](https://togithub.com/mui/material-ui/issues/27116)) [@vimutti77](https://togithub.com/vimutti77) - \[docs] Fix layout regression ([#27272](https://togithub.com/mui/material-ui/issues/27272)) [@oliviertassinari](https://togithub.com/oliviertassinari) - \[docs] Fix syntax error in /styles/api markdown ([#27176](https://togithub.com/mui/material-ui/issues/27176)) [@sahil-blulabs](https://togithub.com/sahil-blulabs) - \[docs] Fix the link for the sx props page ([#27202](https://togithub.com/mui/material-ui/issues/27202)) [@mnajdova](https://togithub.com/mnajdova) - \[docs] Fix theme context example code ([#27053](https://togithub.com/mui/material-ui/issues/27053)) [@moshfeu](https://togithub.com/moshfeu) - \[docs] Fix typo in CONTRIBUTING.md ([#27218](https://togithub.com/mui/material-ui/issues/27218)) Ayush Dubey - \[docs] Fix typos ([#27074](https://togithub.com/mui/material-ui/issues/27074)) [@michaldudak](https://togithub.com/michaldudak) - \[docs] Improve nav semantics ([#27138](https://togithub.com/mui/material-ui/issues/27138)) [@eps1lon](https://togithub.com/eps1lon) - \[docs] Migrate Ad\* components to emotion ([#27159](https://togithub.com/mui/material-ui/issues/27159)) [@mnajdova](https://togithub.com/mnajdova) - \[docs] Migrate rest of the docs to emotion ([#27184](https://togithub.com/mui/material-ui/issues/27184)) [@mnajdova](https://togithub.com/mnajdova) - \[docs] Move versions from \_app PageContext to page-specific context ([#27078](https://togithub.com/mui/material-ui/issues/27078)) [@eps1lon](https://togithub.com/eps1lon) - \[docs] Only bundle one version of the demos in production ([#27020](https://togithub.com/mui/material-ui/issues/27020)) [@eps1lon](https://togithub.com/eps1lon) - \[docs] Reduce layout shift on landing page ([#27251](https://togithub.com/mui/material-ui/issues/27251)) [@eps1lon](https://togithub.com/eps1lon) - \[docs] Remove Ethical Ads ([#27173](https://togithub.com/mui/material-ui/issues/27173)) [@mbrookes](https://togithub.com/mbrookes) - \[docs] Remove unused fs polyfill ([#27069](https://togithub.com/mui/material-ui/issues/27069)) [@eps1lon](https://togithub.com/eps1lon) - \[docs] Remove usage of `url` package ([#27151](https://togithub.com/mui/material-ui/issues/27151)) [@eps1lon](https://togithub.com/eps1lon) - \[docs] Replace react-text-mask with react-imask in integration example ([#27071](https://togithub.com/mui/material-ui/issues/27071)) [@michal-perlakowski](https://togithub.com/michal-perlakowski) - \[docs] Sort the size in a more logical order ([#27186](https://togithub.com/mui/material-ui/issues/27186)) [@oliviertassinari](https://togithub.com/oliviertassinari) - \[docs] Use actual link to paperbase ([#27063](https://togithub.com/mui/material-ui/issues/27063)) [@eps1lon](https://togithub.com/eps1lon) - \[docs] Use custom markdown loader for landing page ([#27065](https://togithub.com/mui/material-ui/issues/27065)) [@eps1lon](https://togithub.com/eps1lon) - \[docs] Use webpack 5 ([#27077](https://togithub.com/mui/material-ui/issues/27077)) [@eps1lon](https://togithub.com/eps1lon) - \[examples] Fix CDN warning ([#27229](https://togithub.com/mui/material-ui/issues/27229)) [@oliviertassinari](https://togithub.com/oliviertassinari) - \[examples] Remove `StyledEngineProvider` as JSS is not used ([#27133](https://togithub.com/mui/material-ui/issues/27133)) [@mnajdova](https://togithub.com/mnajdova) - \[examples] Remove forgotten StyledEngineProvider ([#27163](https://togithub.com/mui/material-ui/issues/27163)) [@oliviertassinari](https://togithub.com/oliviertassinari) ##### Core - \[core] Batch small changes ([#26970](https://togithub.com/mui/material-ui/issues/26970)) [@oliviertassinari](https://togithub.com/oliviertassinari) - \[core] Configure Renovate ([#27003](https://togithub.com/mui/material-ui/issues/27003)) [@renovate](https://togithub.com/renovate)\[bot] - \[core] Migrate remaining mentions of Dependabot to Renovate ([#27118](https://togithub.com/mui/material-ui/issues/27118)) [@eps1lon](https://togithub.com/eps1lon) - \[core] Run yarn deduplicate on Renovate updates ([#27115](https://togithub.com/mui/material-ui/issues/27115)) [@eps1lon](https://togithub.com/eps1lon) - \[test] Document broken React 18 behavior of Autocomplete ([#27242](https://togithub.com/mui/material-ui/issues/27242)) [@eps1lon](https://togithub.com/eps1lon) - \[test] Increase BS timeout to 6min ([#27179](https://togithub.com/mui/material-ui/issues/27179)) [@oliviertassinari](https://togithub.com/oliviertassinari) - \[test] Migrate regressions to emotion ([#27010](https://togithub.com/mui/material-ui/issues/27010)) [@vicasas](https://togithub.com/vicasas) - \[test] Narrow down React 18 compat issues ([#27134](https://togithub.com/mui/material-ui/issues/27134)) [@eps1lon](https://togithub.com/eps1lon) - \[test] Remove StyledEngineProvider usage from regressions and e2e test [@mnajdova](https://togithub.com/mnajdova) - \[test] Run React 18 integration tests with new createRoot API ([#26672](https://togithub.com/mui/material-ui/issues/26672)) [@eps1lon](https://togithub.com/eps1lon) - \[test] Update tests with latest state of StrictMode compatibility ([#27042](https://togithub.com/mui/material-ui/issues/27042)) [@eps1lon](https://togithub.com/eps1lon) - \[test] Use DOM events instead of mocked, partial events ([#27198](https://togithub.com/mui/material-ui/issues/27198)) [@eps1lon](https://togithub.com/eps1lon) - \[website] Open 4 new roles ([#27123](https://togithub.com/mui/material-ui/issues/27123)) [@oliviertassinari](https://togithub.com/oliviertassinari) - \[blog] Danilo Leal joins Material UI ([#27231](https://togithub.com/mui/material-ui/issues/27231)) [@oliviertassinari](https://togithub.com/oliviertassinari) All contributors of this release in alphabetical order: [@eps1lon](https://togithub.com/eps1lon), [@mbrookes](https://togithub.com/mbrookes), [@michal-perlakowski](https://togithub.com/michal-perlakowski), [@michaldudak](https://togithub.com/michaldudak), [@mnajdova](https://togithub.com/mnajdova), [@moshfeu](https://togithub.com/moshfeu), [@oliviertassinari](https://togithub.com/oliviertassinari), [@rajzik](https://togithub.com/rajzik), [@renovate](https://togithub.com/renovate)\[bot], [@sahil-blulabs](https://togithub.com/sahil-blulabs), [@ShirasawaSama](https://togithub.com/ShirasawaSama), [@siriwatknp](https://togithub.com/siriwatknp), [@vimutti77](https://togithub.com/vimutti77) </details> --- ### Configuration 📅 **Schedule**: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Enabled. ♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR has been generated by [Mend Renovate](https://www.mend.io/free-developer-tools/renovate/). View repository job log [here](https://developer.mend.io/github/creatorsgarten/contentsgarten).  Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

michaldudak self-assigned this Jul 7, 2021

This was referenced Jul 11, 2021

Provide a version of the components without any styles mui/material-ui#6218

Open

v5.0.0-beta.1 mui/material-ui#27230

Merged

renovate bot mentioned this issue Jul 14, 2021

Update mui monorepo to v5.0.0-beta.1 zoan-app/zoan#376

Merged

1 task

renovate bot mentioned this issue Jul 14, 2021

Update mui monorepo to v5.0.0-beta.1 - autoclosed blackcoffeecat/dsp-helper#20

Closed

1 task

oliviertassinari mentioned this issue Jul 14, 2021

[Pagination] v5 usePagination requires @emotion mui/material-ui#27282

Closed

2 tasks

This was referenced Jul 14, 2021

Update dependency @material-ui/core to v5.0.0-beta.1 sebkasanzew/profile#164

Merged

Update dependency @material-ui/core to v5.0.0-beta.1 KASTINpl/react-next-starter#306

Merged

oliviertassinari mentioned this issue Jul 14, 2021

[Tooltip] Performance issue when lots of tooltips are used in a table mui/material-ui#27057

Closed

2 tasks

This was referenced Jul 14, 2021

fix(deps): update mui monorepo - autoclosed GoldElysium/hef-website#130

Closed

Update mui monorepo duongdev/kathena#537

Closed

fix(deps): update mui monorepo 4-design/for-ui#33

Merged

This was referenced Jul 20, 2021

[NoSsr] Move NoSsr to the Unstyled package mui/material-ui#27356

Merged

Renovate spam GitHub issues renovatebot/renovate#10902

Closed

oliviertassinari mentioned this issue Jul 28, 2021

[Autocomplete] Move useAutocomplete to the Unstyled package mui/material-ui#27485

Merged

This was referenced Aug 1, 2021

Bump @material-ui/core to ^5.0.0-alpha.4 mui/material-ui#27537

Closed

Bump @material-ui/icons to ^5.0.0-alpha.4 mui/material-ui#27538

Closed

Bump @material-ui/utils to ^5.0.0-alpha.1 mui/material-ui#27539

Closed

Update mui monorepo duongdev/kathena#609

Closed

oliviertassinari mentioned this issue Aug 8, 2021

[Button] Create ButtonUnstyled and useButton mui/material-ui#27600

Merged

oliviertassinari pinned this issue Aug 22, 2021

oliviertassinari mentioned this issue Aug 29, 2021

[SelectUnstyled] Expose headless API (useSelect) mui/material-ui#21022

Closed

bstro mentioned this issue Sep 2, 2021

provide more accurate types for useTextField adobe/react-spectrum#1761

Closed

5 tasks

oliviertassinari changed the title ~~Provide unstyled components~~ Unstyled components progress Sep 12, 2021

martins87 mentioned this issue Jun 6, 2023

Design System: Radio Buttons hicommonwealth/commonwealth#3938

Closed

martins87 mentioned this issue Jul 17, 2023

Design System: Tooltips hicommonwealth/commonwealth#4123

Closed

oliviertassinari mentioned this issue Jul 18, 2023

[docs][base] Add pages for coming soon components mui/material-ui#37575

Merged

1 task

This was referenced Jul 19, 2023

[TextField] Create the unstyled component #36

Closed

[Popover] Implement Popover #35

Closed

oliviertassinari mentioned this issue Jul 19, 2023

[Modal][base-ui] Create the hook mui/material-ui#38056

Closed

michaldudak mentioned this issue Feb 27, 2024

[Drawer] Create the unstyled component #38

Open

renovate bot mentioned this issue Aug 24, 2023

chore(deps): update material-ui monorepo 4-design/for-ui#1381

Closed

1 task

oliviertassinari unpinned this issue Sep 13, 2023

This was referenced Feb 1, 2024

[AlertDialog] Implement AlertDialog #83

Closed

[Collapsible] Implement Collapsible #84

Closed

michaldudak transferred this issue from mui/material-ui Feb 27, 2024

zannager added the package: base-ui label Feb 28, 2024

michaldudak removed the package: base-ui label Sep 10, 2024

zannager added the new feature New feature or request label Sep 10, 2024

oliviertassinari added the umbrella For grouping multiple issues to provide a holistic view label Sep 11, 2024

michaldudak removed their assignment Nov 6, 2024

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Unstyled components progress #10

Unstyled components progress #10

michaldudak commented Jul 7, 2021 •

edited

Loading

oliviertassinari commented Jul 14, 2021

siriwatknp commented Aug 24, 2021

michaldudak commented Aug 24, 2021 •

edited

Loading

imrishabh18 commented Sep 19, 2021

michaldudak commented Sep 21, 2021

akashshyamdev commented Sep 23, 2021

oliviertassinari commented Jul 26, 2023 •

edited

Loading

michaldudak commented Jul 27, 2023 •

edited

Loading

Unstyled components progress #10

Unstyled components progress #10

Comments

michaldudak commented Jul 7, 2021 • edited Loading

oliviertassinari commented Jul 14, 2021

siriwatknp commented Aug 24, 2021

WIP (prioritized)

Done

michaldudak commented Aug 24, 2021 • edited Loading

imrishabh18 commented Sep 19, 2021

michaldudak commented Sep 21, 2021

akashshyamdev commented Sep 23, 2021

oliviertassinari commented Jul 26, 2023 • edited Loading

michaldudak commented Jul 27, 2023 • edited Loading

michaldudak commented Jul 7, 2021 •

edited

Loading

michaldudak commented Aug 24, 2021 •

edited

Loading

oliviertassinari commented Jul 26, 2023 •

edited

Loading

michaldudak commented Jul 27, 2023 •

edited

Loading