Skip to content

Commit

Permalink
Merge branch 'master' into speeddial-classname
Browse files Browse the repository at this point in the history
  • Loading branch information
sai6855 authored Jan 20, 2025
2 parents 0faf516 + a32b12a commit 60436af
Show file tree
Hide file tree
Showing 58 changed files with 896 additions and 117 deletions.
2 changes: 1 addition & 1 deletion apps/pigment-css-vite-app/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@
"playwright": "^1.48.2",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"react-error-boundary": "^4.1.2",
"react-error-boundary": "^5.0.0",
"react-router-dom": "^6.28.1",
"webfontloader": "^1.6.28"
},
Expand Down
8 changes: 3 additions & 5 deletions docs/data/base/components/accordion/accordion.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,10 @@ productId: base-ui
title: React Accordion component
githubLabel: 'component: accordion'
waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/accordion/
newUrl: https://base-ui.com/react/components/accordion
newName: Accordion
---

# Accordion 🚧
# Accordion

<p class="description">Accordions let users show and hide sections of related content on a page.</p>

:::warning
The Base UI Accordion component isn't available yet, but you can upvote [this GitHub issue](https://github.com/mui/base-ui/issues/25) to see it arrive sooner.
:::
8 changes: 3 additions & 5 deletions docs/data/base/components/checkbox/checkbox.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,10 @@ productId: base-ui
title: React Checkbox component
githubLabel: 'component: checkbox'
waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/
newUrl: https://base-ui.com/react/components/checkbox
newName: Checkbox
---

# Checkbox 🚧
# Checkbox

<p class="description">Checkboxes give users binary choices when presented with multiple options in a series.</p>

:::warning
The Base UI Checkbox component isn't available yet, but you can upvote [this GitHub issue](https://github.com/mui/base-ui/issues/24) to see it arrive sooner.
:::
6 changes: 3 additions & 3 deletions docs/data/base/components/drawer/drawer.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,10 @@ title: React Drawer component
githubLabel: 'component: drawer'
---

# Drawer 🚧
# Drawer

<p class="description">Navigation drawers (also known as sidebars) provide ergonomic access to different destinations without taking the user out of context.</p>

:::warning
The Base UI Drawer component isn't available yet, but you can upvote [this GitHub issue](https://github.com/mui/base-ui/issues/38) to see it arrive sooner.
:::error
@mui/base has been deprecated and replaced by Base UI. Please follow [this GitHub issue](https://github.com/mui/base-ui/issues/38) to track the development of the Drawer component.
:::
2 changes: 2 additions & 0 deletions docs/data/base/components/form-control/form-control.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,8 @@ title: React Form Control component and hook
components: FormControl
hooks: useFormControlContext
githubLabel: 'component: FormControl'
newUrl: https://base-ui.com/react/components/field
newName: Field
---

# Form Control
Expand Down
2 changes: 2 additions & 0 deletions docs/data/base/components/input/input.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,8 @@ title: React Input component and hook
components: Input
hooks: useInput
githubLabel: 'component: input'
newUrl: https://base-ui.com/react/components/input
newName: Input
---

# Input
Expand Down
2 changes: 2 additions & 0 deletions docs/data/base/components/menu/menu.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,8 @@ components: Menu, MenuItem, MenuButton, Dropdown
hooks: useMenu, useMenuItem, useMenuButton, useDropdown, useMenuItemContextStabilizer
githubLabel: 'component: menu'
waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/
newUrl: https://base-ui.com/react/components/menu
newName: Menu
---

# Menu
Expand Down
2 changes: 2 additions & 0 deletions docs/data/base/components/modal/modal.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,8 @@ components: Modal
hooks: useModal
githubLabel: 'component: modal'
waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/
newUrl: https://base-ui.com/react/components/dialog
newName: Dialog
---

# Modal
Expand Down
2 changes: 2 additions & 0 deletions docs/data/base/components/number-input/number-input.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,8 @@ title: React Number Input component and hook
components: NumberInput
hooks: useNumberInput
githubLabel: 'component: number input'
newUrl: https://base-ui.com/react/components/number-field
newName: Number Field
---

# Number Input
Expand Down
4 changes: 2 additions & 2 deletions docs/data/base/components/pagination/pagination.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,6 @@ githubLabel: 'component: Pagination'

<p class="description">The Pagination component lets the user select a specific page from a range of pages.</p>

:::warning
The Base UI Pagination component isn't available yet, but you can upvote [this GitHub issue](https://github.com/mui/base-ui/issues/29) to see it arrive sooner.
:::error
@mui/base has been deprecated and replaced by Base UI. Please follow [this GitHub issue](https://github.com/mui/base-ui/issues/29) to track the development of the Pagination component.
:::
2 changes: 2 additions & 0 deletions docs/data/base/components/popper/popper.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,8 @@ title: React Popper component
components: Popper
githubLabel: 'component: Popper'
waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/
newUrl: https://base-ui.com/react/components/popover
newName: Popover
---

# Popper
Expand Down
2 changes: 2 additions & 0 deletions docs/data/base/components/popup/popup.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,8 @@ title: React Popup component
components: Popup
githubLabel: 'component: popup'
waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/
newUrl: https://base-ui.com/react/components/popover
newName: Popover
---

# Popup
Expand Down
8 changes: 3 additions & 5 deletions docs/data/base/components/radio-group/radio-group.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,10 @@ productId: base-ui
title: React Radio Group component
githubLabel: 'component: radio'
waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/radio/
newUrl: https://base-ui.com/react/components/radio
newName: Radio
---

# Radio Group 🚧
# Radio Group

<p class="description">Radio buttons enable the user to select one option from a set.</p>

:::warning
The Base UI Radio Group component isn't available yet, but you can upvote [this GitHub issue](https://github.com/mui/base-ui/issues/26) to see it arrive sooner.
:::
6 changes: 3 additions & 3 deletions docs/data/base/components/rating/rating.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,10 +5,10 @@ githubLabel: 'component: rating'
waiAria: https://www.w3.org/WAI/tutorials/forms/custom-controls/#a-star-rating
---

# Rating 🚧
# Rating

<p class="description">Rating components provide users with a simple action to give feedback as well as assess the opinions of others.</p>

:::warning
The Base UI Rating component isn't available yet, but you can upvote [this GitHub issue](https://github.com/mui/base-ui/issues/30) to see it arrive sooner.
:::error
@mui/base has been deprecated and replaced by Base UI. Please follow [this GitHub issue](https://github.com/mui/base-ui/issues/30) to track the development of the Rating component.
:::
2 changes: 2 additions & 0 deletions docs/data/base/components/select/select.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,8 @@ components: Select, Option, OptionGroup
hooks: useSelect, useOption, useOptionContextStabilizer
githubLabel: 'component: select'
waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
newUrl: https://base-ui.com/react/components/select
newName: Select
---

# Select
Expand Down
2 changes: 2 additions & 0 deletions docs/data/base/components/slider/slider.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,8 @@ components: Slider
hooks: useSlider
githubLabel: 'component: slider'
waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/slider-multithumb/
newUrl: https://base-ui.com/react/components/slider
newName: Slider
---

# Slider
Expand Down
2 changes: 2 additions & 0 deletions docs/data/base/components/switch/switch.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,8 @@ components: Switch
hooks: useSwitch
githubLabel: 'component: switch'
waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/switch/
newUrl: https://base-ui.com/react/components/switch
newName: Switch
---

# Switch
Expand Down
2 changes: 2 additions & 0 deletions docs/data/base/components/tabs/tabs.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,8 @@ components: Tabs, Tab, TabPanel, TabsList
hooks: useTab, useTabPanel, useTabs, useTabsList
githubLabel: 'component: tabs'
waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/tabs/
newUrl: https://base-ui.com/react/components/tabs
newName: Tabs
---

# Tabs
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -2,12 +2,10 @@
productId: base-ui
title: React Toggle Button Group component
githubLabel: 'component: toggle button'
newUrl: https://base-ui.com/react/components/toggle-group
newName: Toggle Group
---

# Toggle Button Group 🚧
# Toggle Button Group

<p class="description">Toggle Button Groups house sets of buttons with mutually exclusive actions.</p>

:::warning
The Base UI Toggle Button Group component isn't available yet, but you can upvote [this GitHub issue](https://github.com/mui/base-ui/issues/31) to see it arrive sooner.
:::
8 changes: 3 additions & 5 deletions docs/data/base/components/tooltip/tooltip.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,10 @@ productId: base-ui
title: React Tooltip component
githubLabel: 'component: tooltip'
waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/
newUrl: https://base-ui.com/react/components/tooltip
newName: Tooltip
---

# Tooltip 🚧
# Tooltip

<p class="description">Tooltips display informative text when users hover over, focus on, or tap an element.</p>

:::warning
The Base UI Tooltip component isn't available yet, but you can upvote [this GitHub issue](https://github.com/mui/base-ui/issues/32) to see it arrive sooner.
:::
18 changes: 8 additions & 10 deletions docs/data/base/pages.ts
Original file line number Diff line number Diff line change
Expand Up @@ -26,18 +26,17 @@ const pages: readonly MuiPage[] = [
children: [
{ pathname: '/base-ui/react-autocomplete', title: 'Autocomplete' },
{ pathname: '/base-ui/react-button', title: 'Button' },
{ pathname: '/base-ui/react-checkbox', title: 'Checkbox', planned: true },
{ pathname: '/base-ui/react-checkbox', title: 'Checkbox' },
{ pathname: '/base-ui/react-input', title: 'Input' },
{ pathname: '/base-ui/react-number-input', title: 'Number Input', unstable: true },
{ pathname: '/base-ui/react-radio-group', title: 'Radio Group', planned: true },
{ pathname: '/base-ui/react-rating', title: 'Rating', planned: true },
{ pathname: '/base-ui/react-number-input', title: 'Number Input' },
{ pathname: '/base-ui/react-radio-group', title: 'Radio Group' },
{ pathname: '/base-ui/react-rating', title: 'Rating' },
{ pathname: '/base-ui/react-select', title: 'Select' },
{ pathname: '/base-ui/react-slider', title: 'Slider' },
{ pathname: '/base-ui/react-switch', title: 'Switch' },
{
pathname: '/base-ui/react-toggle-button-group',
title: 'Toggle Button Group',
planned: true,
},
],
},
Expand All @@ -46,7 +45,7 @@ const pages: readonly MuiPage[] = [
subheader: 'data-display',
children: [
{ pathname: '/base-ui/react-badge', title: 'Badge' },
{ pathname: '/base-ui/react-tooltip', title: 'Tooltip', planned: true },
{ pathname: '/base-ui/react-tooltip', title: 'Tooltip' },
],
},
{
Expand All @@ -66,17 +65,16 @@ const pages: readonly MuiPage[] = [
{
pathname: '/base-ui/react-accordion',
title: 'Accordion',
planned: true,
},
],
},
{
pathname: '/base-ui/components/navigation',
subheader: 'navigation',
children: [
{ pathname: '/base-ui/react-drawer', title: 'Drawer', planned: true },
{ pathname: '/base-ui/react-drawer', title: 'Drawer' },
{ pathname: '/base-ui/react-menu', title: 'Menu' },
{ pathname: '/base-ui/react-pagination', title: 'Pagination', planned: true },
{ pathname: '/base-ui/react-pagination', title: 'Pagination' },
{ pathname: '/base-ui/react-table-pagination', title: 'Table Pagination' },
{ pathname: '/base-ui/react-tabs', title: 'Tabs' },
],
Expand All @@ -91,7 +89,7 @@ const pages: readonly MuiPage[] = [
{ pathname: '/base-ui/react-modal', title: 'Modal' },
{ pathname: '/base-ui/react-no-ssr', title: 'No-SSR' },
{ pathname: '/base-ui/react-popper', title: 'Popper' },
{ pathname: '/base-ui/react-popup', title: 'Popup', unstable: true },
{ pathname: '/base-ui/react-popup', title: 'Popup' },
{ pathname: '/base-ui/react-portal', title: 'Portal' },
{ pathname: '/base-ui/react-textarea-autosize', title: 'Textarea Autosize' },
{ pathname: '/base-ui/react-transitions', title: 'Transitions' },
Expand Down
14 changes: 8 additions & 6 deletions docs/data/material/getting-started/templates/templates.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,17 +14,19 @@ title: New Free React Templates
Our curated collection of free Material UI templates includes a dashboard, a marketing page, a checkout flow, sign-in and sign-up pages, and a blog.
You can download each one directly from the source code or via CodeSandbox or StackBlitz.

:::info
If you're looking to build internal tools and dashboards quickly, head to [Toolpad Core examples](https://mui.com/toolpad/core/introduction/examples/#featured-examples) for functional apps with authentication, routing and theming already integrated.
:::

All templates feature a custom theme and a default Material Design 2 theme, with light and dark modes for both.
You can toggle through each of these style options in the top right corner of the live previews.

Sections of each layout are defined either by comments or use of separate files, so you can extract parts of a page (such as a hero unit or a footer) for reuse in other pages.
These templates can be combined with one of the [example projects](/material-ui/getting-started/example-projects/) to form a complete starter app.

:::info
If you're looking to build internal tools and dashboards quickly, head to [Toolpad Core examples](http://mui.com/toolpad/core/introduction/examples/#featured-examples) for functional apps with authentication, routing and theming already integrated.
:::

If you see any room for improvement, please feel free to open an [issue](https://github.com/mui/material-ui/issues/new/choose) or a [pull request](https://github.com/mui/material-ui/pulls) on GitHub.
:::

{{"component": "modules/components/MaterialFreeTemplatesCollection.js"}}

Expand All @@ -44,13 +46,13 @@ You can find complete templates and themes like those shown below in the <a href

## Toolpad Core (beta)

If you're looking to build internal tools and dashboards fast, but don't want to start building from scratch, you can find examples of functional dashboardswith authentication, routing, and theming already integratedin the [featured examples](http://mui.com/toolpad/core/introduction/examples/#featured-examples) section of the Toolpad Core docs.
If you're looking to build internal tools and dashboards fast, but don't want to start building from scratch, you can find examples of functional dashboardswith authentication, routing, and theming already integratedin the [featured examples section](https://mui.com/toolpad/core/introduction/examples/#featured-examples) of the Toolpad Core docs.

<a href="https://mui.com/toolpad/core/introduction/examples/#featured-examples">
<span class="only-light-mode">
<img src="/static/images/toolpad-core-template-light.png" alt="The Toolpad Core template comes with authentication, navigation and theming integrated" width="2280" height="1200" style="display: block;" />
<img src="/static/images/toolpad-core-template-light.png" loading="lazy" alt="The Toolpad Core template comes with authentication, navigation and theming integrated" width="2400" height="1362" style="display: block;" />
</span>
<span class="only-dark-mode">
<img src="/static/images/toolpad-core-template-dark.png" alt="The Toolpad Core template comes with authentication, navigation and theming integrated" width="2280" height="1200" style="display: block;"/>
<img src="/static/images/toolpad-core-template-dark.png" loading="lazy" alt="The Toolpad Core template comes with authentication, navigation and theming integrated" width="2400" height="1362" style="display: block;"/>
</span>
</a>
Loading

0 comments on commit 60436af

Please sign in to comment.