From 27f1c282cf4a8c5b5aa175b8b594d3a726a8474b Mon Sep 17 00:00:00 2001 From: Siriwat K Date: Fri, 4 Feb 2022 11:13:15 +0700 Subject: [PATCH 01/16] [docs] Migrate content to the new location (#30757) --- benchmark/server/scenarios/docs.js | 4 +- benchmark/server/scenarios/server.js | 2 +- docs/data/base/pagesApi.js | 26 +- .../material}/components/.eslintrc.js | 0 .../about-the-lab/about-the-lab-pt.md | 0 .../about-the-lab/about-the-lab-zh.md | 2 +- .../components/about-the-lab/about-the-lab.md | 0 .../components/accordion/BasicAccordion.js | 0 .../components/accordion/BasicAccordion.tsx | 0 .../accordion/ControlledAccordions.js | 0 .../accordion/ControlledAccordions.tsx | 0 .../accordion/CustomizedAccordions.js | 0 .../accordion/CustomizedAccordions.tsx | 0 .../components/accordion/accordion-pt.md | 7 +- .../components/accordion/accordion-zh.md | 7 +- .../components/accordion/accordion.md | 7 +- .../components/alert/ActionAlerts.js | 0 .../components/alert/ActionAlerts.tsx | 0 .../components/alert/ActionAlerts.tsx.preview | 0 .../material}/components/alert/BasicAlerts.js | 0 .../components/alert/BasicAlerts.tsx | 0 .../components/alert/BasicAlerts.tsx.preview | 0 .../material}/components/alert/ColorAlerts.js | 0 .../components/alert/ColorAlerts.tsx | 0 .../components/alert/ColorAlerts.tsx.preview | 0 .../components/alert/DescriptionAlerts.js | 0 .../components/alert/DescriptionAlerts.tsx | 0 .../alert/DescriptionAlerts.tsx.preview | 0 .../components/alert/FilledAlerts.js | 0 .../components/alert/FilledAlerts.tsx | 0 .../components/alert/FilledAlerts.tsx.preview | 0 .../material}/components/alert/IconAlerts.js | 0 .../material}/components/alert/IconAlerts.tsx | 0 .../components/alert/IconAlerts.tsx.preview | 0 .../components/alert/OutlinedAlerts.js | 0 .../components/alert/OutlinedAlerts.tsx | 0 .../alert/OutlinedAlerts.tsx.preview | 0 .../components/alert/TransitionAlerts.js | 0 .../components/alert/TransitionAlerts.tsx | 0 .../material}/components/alert/alert-pt.md | 17 +- .../material}/components/alert/alert-zh.md | 19 +- .../material}/components/alert/alert.md | 17 +- .../material}/components/app-bar/BackToTop.js | 0 .../components/app-bar/BackToTop.tsx | 0 .../components/app-bar/BottomAppBar.js | 0 .../components/app-bar/BottomAppBar.tsx | 0 .../components/app-bar/ButtonAppBar.js | 0 .../components/app-bar/ButtonAppBar.tsx | 0 .../components/app-bar/DenseAppBar.js | 0 .../components/app-bar/DenseAppBar.tsx | 0 .../app-bar/DenseAppBar.tsx.preview | 0 .../components/app-bar/ElevateAppBar.js | 0 .../components/app-bar/ElevateAppBar.tsx | 0 .../app-bar/EnableColorOnDarkAppBar.js | 0 .../app-bar/EnableColorOnDarkAppBar.tsx | 0 .../EnableColorOnDarkAppBar.tsx.preview | 0 .../components/app-bar/HideAppBar.js | 0 .../components/app-bar/HideAppBar.tsx | 0 .../components/app-bar/MenuAppBar.js | 0 .../components/app-bar/MenuAppBar.tsx | 0 .../components/app-bar/PrimarySearchAppBar.js | 0 .../app-bar/PrimarySearchAppBar.tsx | 0 .../components/app-bar/ProminentAppBar.js | 0 .../components/app-bar/ProminentAppBar.tsx | 0 .../components/app-bar/ResponsiveAppBar.js | 0 .../components/app-bar/ResponsiveAppBar.tsx | 0 .../components/app-bar/SearchAppBar.js | 0 .../components/app-bar/SearchAppBar.tsx | 0 .../components/app-bar/app-bar-pt.md | 25 +- .../components/app-bar/app-bar-zh.md | 27 +- .../material}/components/app-bar/app-bar.md | 25 +- .../components/autocomplete/Asynchronous.js | 0 .../components/autocomplete/Asynchronous.tsx | 0 .../components/autocomplete/CheckboxesTags.js | 0 .../autocomplete/CheckboxesTags.tsx | 0 .../components/autocomplete/ComboBox.js | 0 .../components/autocomplete/ComboBox.tsx | 0 .../autocomplete/ComboBox.tsx.preview | 0 .../autocomplete/ControllableStates.js | 0 .../autocomplete/ControllableStates.tsx | 0 .../components/autocomplete/CountrySelect.js | 0 .../components/autocomplete/CountrySelect.tsx | 0 .../autocomplete/CustomInputAutocomplete.js | 0 .../autocomplete/CustomInputAutocomplete.tsx | 0 .../components/autocomplete/CustomizedHook.js | 0 .../autocomplete/CustomizedHook.tsx | 0 .../autocomplete/DisabledOptions.js | 0 .../autocomplete/DisabledOptions.tsx | 0 .../autocomplete/DisabledOptions.tsx.preview | 0 .../components/autocomplete/Filter.js | 0 .../components/autocomplete/Filter.tsx | 0 .../autocomplete/Filter.tsx.preview | 0 .../components/autocomplete/FixedTags.js | 0 .../components/autocomplete/FixedTags.tsx | 0 .../components/autocomplete/FreeSolo.js | 0 .../components/autocomplete/FreeSolo.tsx | 0 .../autocomplete/FreeSoloCreateOption.js | 0 .../autocomplete/FreeSoloCreateOption.tsx | 0 .../FreeSoloCreateOptionDialog.js | 0 .../FreeSoloCreateOptionDialog.tsx | 0 .../components/autocomplete/GitHubLabel.js | 0 .../components/autocomplete/GitHubLabel.tsx | 0 .../components/autocomplete/GoogleMaps.js | 0 .../components/autocomplete/GoogleMaps.tsx | 0 .../components/autocomplete/Grouped.js | 0 .../components/autocomplete/Grouped.tsx | 0 .../autocomplete/Grouped.tsx.preview | 0 .../components/autocomplete/Highlights.js | 0 .../components/autocomplete/Highlights.tsx | 0 .../components/autocomplete/LimitTags.js | 0 .../components/autocomplete/LimitTags.tsx | 0 .../autocomplete/LimitTags.tsx.preview | 0 .../components/autocomplete/Playground.js | 0 .../components/autocomplete/Playground.tsx | 0 .../components/autocomplete/Sizes.js | 0 .../components/autocomplete/Sizes.tsx | 0 .../material}/components/autocomplete/Tags.js | 0 .../components/autocomplete/Tags.tsx | 0 .../autocomplete/UseAutocomplete.js | 0 .../autocomplete/UseAutocomplete.tsx | 0 .../autocomplete/UseAutocomplete.tsx.preview | 0 .../components/autocomplete/Virtualize.js | 0 .../components/autocomplete/Virtualize.tsx | 0 .../autocomplete/Virtualize.tsx.preview | 0 .../autocomplete/autocomplete-pt.md | 53 +-- .../autocomplete/autocomplete-zh.md | 61 +-- .../components/autocomplete/autocomplete.md | 47 +-- .../avatars/BackgroundLetterAvatars.js | 0 .../avatars/BackgroundLetterAvatars.tsx | 0 .../BackgroundLetterAvatars.tsx.preview | 0 .../components/avatars/BadgeAvatars.js | 0 .../components/avatars/BadgeAvatars.tsx | 0 .../avatars/BadgeAvatars.tsx.preview | 0 .../components/avatars/FallbackAvatars.js | 0 .../components/avatars/FallbackAvatars.tsx | 0 .../avatars/FallbackAvatars.tsx.preview | 0 .../components/avatars/GroupAvatars.js | 0 .../components/avatars/GroupAvatars.tsx | 0 .../avatars/GroupAvatars.tsx.preview | 0 .../components/avatars/IconAvatars.js | 0 .../components/avatars/IconAvatars.tsx | 0 .../avatars/IconAvatars.tsx.preview | 0 .../components/avatars/ImageAvatars.js | 0 .../components/avatars/ImageAvatars.tsx | 0 .../avatars/ImageAvatars.tsx.preview | 0 .../components/avatars/LetterAvatars.js | 0 .../components/avatars/LetterAvatars.tsx | 0 .../avatars/LetterAvatars.tsx.preview | 0 .../components/avatars/SizeAvatars.js | 0 .../components/avatars/SizeAvatars.tsx | 0 .../avatars/SizeAvatars.tsx.preview | 0 .../components/avatars/TotalAvatars.js | 0 .../components/avatars/TotalAvatars.tsx | 0 .../avatars/TotalAvatars.tsx.preview | 0 .../components/avatars/VariantAvatars.js | 0 .../components/avatars/VariantAvatars.tsx | 0 .../avatars/VariantAvatars.tsx.preview | 0 .../components/avatars/avatars-pt.md | 23 +- .../components/avatars/avatars-zh.md | 21 +- .../material}/components/avatars/avatars.md | 21 +- .../components/backdrop/SimpleBackdrop.js | 0 .../components/backdrop/SimpleBackdrop.tsx | 0 .../backdrop/SimpleBackdrop.tsx.preview | 0 .../components/backdrop/backdrop-pt.md | 3 +- .../components/backdrop/backdrop-zh.md | 3 +- .../material}/components/backdrop/backdrop.md | 3 +- .../components/badges/AccessibleBadges.js | 0 .../components/badges/AccessibleBadges.tsx | 0 .../badges/AccessibleBadges.tsx.preview | 0 .../components/badges/BadgeAlignment.js | 0 .../material}/components/badges/BadgeMax.js | 0 .../material}/components/badges/BadgeMax.tsx | 0 .../components/badges/BadgeMax.tsx.preview | 0 .../components/badges/BadgeOverlap.js | 0 .../components/badges/BadgeOverlap.tsx | 0 .../badges/BadgeOverlap.tsx.preview | 0 .../components/badges/BadgeVisibility.js | 0 .../components/badges/BadgeVisibility.tsx | 0 .../material}/components/badges/ColorBadge.js | 0 .../components/badges/ColorBadge.tsx | 0 .../components/badges/ColorBadge.tsx.preview | 0 .../components/badges/CustomizedBadges.js | 0 .../components/badges/CustomizedBadges.tsx | 0 .../badges/CustomizedBadges.tsx.preview | 0 .../material}/components/badges/DotBadge.js | 0 .../material}/components/badges/DotBadge.tsx | 0 .../components/badges/DotBadge.tsx.preview | 0 .../components/badges/ShowZeroBadge.js | 0 .../components/badges/ShowZeroBadge.tsx | 0 .../badges/ShowZeroBadge.tsx.preview | 0 .../components/badges/SimpleBadge.js | 0 .../components/badges/SimpleBadge.tsx | 0 .../components/badges/SimpleBadge.tsx.preview | 0 .../components/badges/UnstyledBadge.js | 0 .../components/badges/UnstyledBadge.tsx | 0 .../badges/UnstyledBadge.tsx.preview | 0 .../material}/components/badges/badges-pt.md | 23 +- .../material}/components/badges/badges-zh.md | 25 +- .../material}/components/badges/badges.md | 23 +- .../FixedBottomNavigation.js | 0 .../FixedBottomNavigation.tsx | 0 .../LabelBottomNavigation.js | 0 .../LabelBottomNavigation.tsx | 0 .../SimpleBottomNavigation.js | 0 .../SimpleBottomNavigation.tsx | 0 .../SimpleBottomNavigation.tsx.preview | 0 .../bottom-navigation/bottom-navigation-pt.md | 7 +- .../bottom-navigation/bottom-navigation-zh.md | 7 +- .../bottom-navigation/bottom-navigation.md | 7 +- .../material}/components/box/BoxComponent.js | 0 .../material}/components/box/BoxComponent.tsx | 0 .../components/box/BoxComponent.tsx.preview | 0 .../material}/components/box/BoxSx.js | 0 .../material}/components/box/BoxSx.tsx | 0 .../components/box/BoxSx.tsx.preview | 0 .../material}/components/box/box-pt.md | 13 +- .../material}/components/box/box-zh.md | 15 +- .../material}/components/box/box.md | 5 +- .../breadcrumbs/ActiveLastBreadcrumb.js | 0 .../breadcrumbs/ActiveLastBreadcrumb.tsx | 0 .../breadcrumbs/BasicBreadcrumbs.js | 0 .../breadcrumbs/BasicBreadcrumbs.tsx | 0 .../breadcrumbs/BasicBreadcrumbs.tsx.preview | 0 .../breadcrumbs/CollapsedBreadcrumbs.js | 0 .../breadcrumbs/CollapsedBreadcrumbs.tsx | 0 .../CollapsedBreadcrumbs.tsx.preview | 0 .../components/breadcrumbs/CustomSeparator.js | 0 .../breadcrumbs/CustomSeparator.tsx | 0 .../breadcrumbs/CustomSeparator.tsx.preview | 0 .../breadcrumbs/CustomizedBreadcrumbs.js | 0 .../breadcrumbs/CustomizedBreadcrumbs.tsx | 0 .../CustomizedBreadcrumbs.tsx.preview | 0 .../components/breadcrumbs/IconBreadcrumbs.js | 0 .../breadcrumbs/IconBreadcrumbs.tsx | 0 .../breadcrumbs/RouterBreadcrumbs.js | 0 .../breadcrumbs/RouterBreadcrumbs.tsx | 0 .../components/breadcrumbs/breadcrumbs-pt.md | 15 +- .../components/breadcrumbs/breadcrumbs-zh.md | 15 +- .../components/breadcrumbs/breadcrumbs.md | 15 +- .../button-group/BasicButtonGroup.js | 0 .../button-group/BasicButtonGroup.tsx | 0 .../button-group/BasicButtonGroup.tsx.preview | 0 .../button-group/DisableElevation.js | 0 .../button-group/DisableElevation.tsx | 0 .../button-group/DisableElevation.tsx.preview | 0 .../button-group/GroupOrientation.js | 0 .../button-group/GroupOrientation.tsx | 0 .../button-group/GroupSizesColors.js | 0 .../button-group/GroupSizesColors.tsx | 0 .../button-group/GroupSizesColors.tsx.preview | 0 .../components/button-group/SplitButton.js | 0 .../components/button-group/SplitButton.tsx | 0 .../button-group/VariantButtonGroup.js | 0 .../button-group/VariantButtonGroup.tsx | 0 .../VariantButtonGroup.tsx.preview | 0 .../button-group/button-group-pt.md | 13 +- .../button-group/button-group-zh.md | 15 +- .../components/button-group/button-group.md | 13 +- .../components/buttons/BasicButtons.js | 0 .../components/buttons/BasicButtons.tsx | 0 .../buttons/BasicButtons.tsx.preview | 0 .../components/buttons/ButtonBase.js | 0 .../components/buttons/ButtonBase.tsx | 0 .../components/buttons/ButtonSizes.js | 0 .../components/buttons/ButtonSizes.tsx | 0 .../components/buttons/ColorButtons.js | 0 .../components/buttons/ColorButtons.tsx | 0 .../buttons/ColorButtons.tsx.preview | 0 .../components/buttons/ContainedButtons.js | 0 .../components/buttons/ContainedButtons.tsx | 0 .../buttons/ContainedButtons.tsx.preview | 0 .../components/buttons/CustomizedButtons.js | 0 .../components/buttons/CustomizedButtons.tsx | 0 .../buttons/CustomizedButtons.tsx.preview | 0 .../components/buttons/DisableElevation.js | 0 .../components/buttons/DisableElevation.tsx | 0 .../buttons/DisableElevation.tsx.preview | 0 .../components/buttons/IconButtonColors.js | 0 .../components/buttons/IconButtonColors.tsx | 0 .../buttons/IconButtonColors.tsx.preview | 0 .../components/buttons/IconButtonSizes.js | 0 .../components/buttons/IconButtonSizes.tsx | 0 .../buttons/IconButtonSizes.tsx.preview | 0 .../components/buttons/IconButtons.js | 0 .../components/buttons/IconButtons.tsx | 0 .../buttons/IconButtons.tsx.preview | 0 .../components/buttons/IconLabelButtons.js | 0 .../components/buttons/IconLabelButtons.tsx | 0 .../buttons/IconLabelButtons.tsx.preview | 0 .../components/buttons/LoadingButtons.js | 0 .../components/buttons/LoadingButtons.tsx | 0 .../buttons/LoadingButtons.tsx.preview | 0 .../buttons/LoadingButtonsTransition.js | 0 .../buttons/LoadingButtonsTransition.tsx | 0 .../components/buttons/OutlinedButtons.js | 0 .../components/buttons/OutlinedButtons.tsx | 0 .../buttons/OutlinedButtons.tsx.preview | 0 .../components/buttons/TextButtons.js | 0 .../components/buttons/TextButtons.tsx | 0 .../buttons/TextButtons.tsx.preview | 0 .../buttons/UnstyledButtonCustom.js | 0 .../buttons/UnstyledButtonCustom.tsx | 0 .../buttons/UnstyledButtonCustom.tsx.preview | 0 .../buttons/UnstyledButtonsSimple.js | 0 .../buttons/UnstyledButtonsSimple.tsx | 0 .../buttons/UnstyledButtonsSimple.tsx.preview | 0 .../components/buttons/UnstyledButtonsSpan.js | 0 .../buttons/UnstyledButtonsSpan.tsx | 0 .../buttons/UnstyledButtonsSpan.tsx.preview | 0 .../components/buttons/UploadButtons.js | 0 .../components/buttons/UploadButtons.tsx | 0 .../buttons/UploadButtons.tsx.preview | 0 .../material}/components/buttons/UseButton.js | 0 .../components/buttons/UseButton.tsx | 0 .../components/buttons/UseButton.tsx.preview | 0 .../components/buttons/buttons-pt.md | 57 +-- .../components/buttons/buttons-zh.md | 43 +-- .../material}/components/buttons/buttons.md | 41 +- .../components/cards/ActionAreaCard.js | 0 .../components/cards/ActionAreaCard.tsx | 0 .../material}/components/cards/BasicCard.js | 0 .../material}/components/cards/BasicCard.tsx | 0 .../components/cards/ImgMediaCard.js | 0 .../components/cards/ImgMediaCard.tsx | 0 .../material}/components/cards/MediaCard.js | 0 .../material}/components/cards/MediaCard.tsx | 0 .../components/cards/MediaControlCard.js | 0 .../components/cards/MediaControlCard.tsx | 0 .../components/cards/MultiActionAreaCard.js | 0 .../components/cards/MultiActionAreaCard.tsx | 0 .../components/cards/OutlinedCard.js | 0 .../components/cards/OutlinedCard.tsx | 0 .../components/cards/OutlinedCard.tsx.preview | 0 .../components/cards/RecipeReviewCard.js | 0 .../components/cards/RecipeReviewCard.tsx | 0 .../material}/components/cards/cards-pt.md | 19 +- .../material}/components/cards/cards-zh.md | 17 +- .../material}/components/cards/cards.md | 17 +- .../components/checkboxes/CheckboxLabels.js | 0 .../components/checkboxes/CheckboxLabels.tsx | 0 .../checkboxes/CheckboxLabels.tsx.preview | 0 .../components/checkboxes/Checkboxes.js | 0 .../components/checkboxes/Checkboxes.tsx | 0 .../checkboxes/Checkboxes.tsx.preview | 0 .../components/checkboxes/CheckboxesGroup.js | 0 .../components/checkboxes/CheckboxesGroup.tsx | 0 .../components/checkboxes/ColorCheckboxes.js | 0 .../components/checkboxes/ColorCheckboxes.tsx | 0 .../checkboxes/ColorCheckboxes.tsx.preview | 0 .../checkboxes/ControlledCheckbox.js | 0 .../checkboxes/ControlledCheckbox.tsx | 0 .../checkboxes/ControlledCheckbox.tsx.preview | 0 .../checkboxes/CustomizedCheckbox.js | 0 .../checkboxes/CustomizedCheckbox.tsx | 0 .../checkboxes/CustomizedCheckbox.tsx.preview | 0 .../checkboxes/FormControlLabelPosition.js | 0 .../checkboxes/FormControlLabelPosition.tsx | 0 .../components/checkboxes/IconCheckboxes.js | 0 .../components/checkboxes/IconCheckboxes.tsx | 0 .../checkboxes/IconCheckboxes.tsx.preview | 0 .../checkboxes/IndeterminateCheckbox.js | 0 .../checkboxes/IndeterminateCheckbox.tsx | 0 .../IndeterminateCheckbox.tsx.preview | 0 .../components/checkboxes/SizeCheckboxes.js | 0 .../components/checkboxes/SizeCheckboxes.tsx | 0 .../checkboxes/SizeCheckboxes.tsx.preview | 0 .../components/checkboxes/checkboxes-pt.md | 26 +- .../components/checkboxes/checkboxes-zh.md | 23 +- .../components/checkboxes/checkboxes.md | 21 +- .../material}/components/chips/AvatarChips.js | 0 .../components/chips/AvatarChips.tsx | 0 .../components/chips/AvatarChips.tsx.preview | 0 .../material}/components/chips/BasicChips.js | 0 .../material}/components/chips/BasicChips.tsx | 0 .../components/chips/BasicChips.tsx.preview | 0 .../material}/components/chips/ChipsArray.js | 0 .../material}/components/chips/ChipsArray.tsx | 0 .../components/chips/ChipsPlayground.js | 0 .../chips/ClickableAndDeletableChips.js | 0 .../chips/ClickableAndDeletableChips.tsx | 0 .../ClickableAndDeletableChips.tsx.preview | 0 .../components/chips/ClickableChips.js | 0 .../components/chips/ClickableChips.tsx | 0 .../chips/ClickableChips.tsx.preview | 0 .../components/chips/ClickableLinkChips.js | 0 .../components/chips/ClickableLinkChips.tsx | 0 .../chips/ClickableLinkChips.tsx.preview | 0 .../material}/components/chips/ColorChips.js | 0 .../material}/components/chips/ColorChips.tsx | 0 .../components/chips/ColorChips.tsx.preview | 0 .../components/chips/CustomDeleteIconChips.js | 0 .../chips/CustomDeleteIconChips.tsx | 0 .../chips/CustomDeleteIconChips.tsx.preview | 0 .../components/chips/DeletableChips.js | 0 .../components/chips/DeletableChips.tsx | 0 .../chips/DeletableChips.tsx.preview | 0 .../material}/components/chips/IconChips.js | 0 .../material}/components/chips/IconChips.tsx | 0 .../components/chips/IconChips.tsx.preview | 0 .../material}/components/chips/SizesChips.js | 0 .../material}/components/chips/SizesChips.tsx | 0 .../components/chips/SizesChips.tsx.preview | 0 .../material}/components/chips/chips-pt.md | 25 +- .../material}/components/chips/chips-zh.md | 25 +- .../material}/components/chips/chips.md | 25 +- .../click-away-listener/ClickAway.js | 0 .../click-away-listener/ClickAway.tsx | 0 .../click-away-listener/ClickAway.tsx.preview | 0 .../click-away-listener/LeadingClickAway.js | 0 .../click-away-listener/LeadingClickAway.tsx | 0 .../LeadingClickAway.tsx.preview | 0 .../click-away-listener/PortalClickAway.js | 0 .../click-away-listener/PortalClickAway.tsx | 0 .../PortalClickAway.tsx.preview | 0 .../click-away-listener-pt.md | 7 +- .../click-away-listener-zh.md | 7 +- .../click-away-listener.md | 7 +- .../components/container/FixedContainer.js | 0 .../components/container/FixedContainer.tsx | 0 .../container/FixedContainer.tsx.preview | 0 .../components/container/SimpleContainer.js | 0 .../components/container/SimpleContainer.tsx | 0 .../container/SimpleContainer.tsx.preview | 0 .../components/container/container-pt.md | 5 +- .../components/container/container-zh.md | 5 +- .../components/container/container.md | 5 +- .../css-baseline/css-baseline-pt.md | 5 +- .../css-baseline/css-baseline-zh.md | 3 +- .../components/css-baseline/css-baseline.md | 1 + .../components/date-picker/BasicDatePicker.js | 0 .../date-picker/BasicDatePicker.tsx | 0 .../date-picker/BasicDatePicker.tsx.preview | 0 .../components/date-picker/CustomDay.js | 0 .../components/date-picker/CustomDay.tsx | 0 .../date-picker/CustomDay.tsx.preview | 0 .../components/date-picker/CustomInput.js | 0 .../components/date-picker/CustomInput.tsx | 0 .../date-picker/CustomInput.tsx.preview | 0 .../date-picker/FormPropsDatePickers.js | 0 .../date-picker/FormPropsDatePickers.tsx | 0 .../components/date-picker/HelperText.js | 0 .../components/date-picker/HelperText.tsx | 0 .../date-picker/HelperText.tsx.preview | 0 .../date-picker/JalaliDatePicker.js | 0 .../date-picker/JalaliDatePicker.tsx | 0 .../date-picker/JalaliDatePicker.tsx.preview | 0 .../date-picker/LocalizedDatePicker.js | 0 .../date-picker/LocalizedDatePicker.tsx | 0 .../date-picker/ResponsiveDatePickers.js | 0 .../date-picker/ResponsiveDatePickers.tsx | 0 .../date-picker/ServerRequestDatePicker.js | 0 .../date-picker/ServerRequestDatePicker.tsx | 0 .../date-picker/StaticDatePickerDemo.js | 0 .../date-picker/StaticDatePickerDemo.tsx | 0 .../StaticDatePickerDemo.tsx.preview | 0 .../date-picker/StaticDatePickerLandscape.js | 0 .../date-picker/StaticDatePickerLandscape.tsx | 0 .../StaticDatePickerLandscape.tsx.preview | 0 .../date-picker/SubComponentsPickers.js | 0 .../date-picker/SubComponentsPickers.tsx | 0 .../components/date-picker/ViewsDatePicker.js | 0 .../date-picker/ViewsDatePicker.tsx | 0 .../components/date-picker/date-picker-pt.md | 29 +- .../components/date-picker/date-picker-zh.md | 27 +- .../components/date-picker/date-picker.md | 27 +- .../date-range-picker/BasicDateRangePicker.js | 0 .../BasicDateRangePicker.tsx | 0 .../CalendarsDateRangePicker.js | 0 .../CalendarsDateRangePicker.tsx | 0 .../CustomDateRangeInputs.js | 0 .../CustomDateRangeInputs.tsx | 0 .../CustomDateRangePickerDay.js | 0 .../CustomDateRangePickerDay.tsx | 0 .../CustomDateRangePickerDay.tsx.preview | 0 .../FormPropsDateRangePickers.js | 0 .../FormPropsDateRangePickers.tsx | 0 .../MinMaxDateRangePicker.js | 0 .../MinMaxDateRangePicker.tsx | 0 .../ResponsiveDateRangePicker.js | 0 .../ResponsiveDateRangePicker.tsx | 0 .../StaticDateRangePickerDemo.js | 0 .../StaticDateRangePickerDemo.tsx | 0 .../StaticDateRangePickerDemo.tsx.preview | 0 .../date-range-picker/date-range-picker-pt.md | 19 +- .../date-range-picker/date-range-picker-zh.md | 17 +- .../date-range-picker/date-range-picker.md | 17 +- .../date-time-picker/BasicDateTimePicker.js | 0 .../date-time-picker/BasicDateTimePicker.tsx | 0 .../BasicDateTimePicker.tsx.preview | 0 .../date-time-picker/CustomDateTimePicker.js | 0 .../date-time-picker/CustomDateTimePicker.tsx | 0 .../date-time-picker/DateTimeValidation.js | 0 .../date-time-picker/DateTimeValidation.tsx | 0 .../FormPropsDateTimePickers.js | 0 .../FormPropsDateTimePickers.tsx | 0 .../ResponsiveDateTimePickers.js | 0 .../ResponsiveDateTimePickers.tsx | 0 .../StaticDateTimePickerDemo.js | 0 .../StaticDateTimePickerDemo.tsx | 0 .../StaticDateTimePickerDemo.tsx.preview | 0 .../date-time-picker/date-time-picker-pt.md | 13 +- .../date-time-picker/date-time-picker-zh.md | 13 +- .../date-time-picker/date-time-picker.md | 13 +- .../components/dialogs/AlertDialog.js | 0 .../components/dialogs/AlertDialog.tsx | 0 .../components/dialogs/AlertDialogSlide.js | 0 .../components/dialogs/AlertDialogSlide.tsx | 0 .../components/dialogs/ConfirmationDialog.js | 0 .../components/dialogs/ConfirmationDialog.tsx | 0 .../components/dialogs/CustomizedDialogs.js | 0 .../components/dialogs/CustomizedDialogs.tsx | 0 .../components/dialogs/DraggableDialog.js | 0 .../components/dialogs/DraggableDialog.tsx | 0 .../components/dialogs/FormDialog.js | 0 .../components/dialogs/FormDialog.tsx | 0 .../components/dialogs/FullScreenDialog.js | 0 .../components/dialogs/FullScreenDialog.tsx | 0 .../components/dialogs/MaxWidthDialog.js | 0 .../components/dialogs/MaxWidthDialog.tsx | 0 .../components/dialogs/ResponsiveDialog.js | 0 .../components/dialogs/ResponsiveDialog.tsx | 0 .../components/dialogs/ScrollDialog.js | 0 .../components/dialogs/ScrollDialog.tsx | 0 .../components/dialogs/SimpleDialog.js | 0 .../components/dialogs/SimpleDialog.tsx | 0 .../dialogs/SimpleDialog.tsx.preview | 0 .../components/dialogs/dialogs-pt.md | 25 +- .../components/dialogs/dialogs-zh.md | 23 +- .../material}/components/dialogs/dialogs.md | 23 +- .../components/dividers/DividerText.js | 0 .../components/dividers/DividerText.tsx | 0 .../dividers/DividerText.tsx.preview | 0 .../components/dividers/InsetDividers.js | 0 .../components/dividers/InsetDividers.tsx | 0 .../components/dividers/ListDividers.js | 0 .../components/dividers/ListDividers.tsx | 0 .../dividers/ListDividers.tsx.preview | 0 .../components/dividers/MiddleDividers.js | 0 .../components/dividers/MiddleDividers.tsx | 0 .../components/dividers/SubheaderDividers.js | 0 .../components/dividers/SubheaderDividers.tsx | 0 .../dividers/VerticalDividerMiddle.js | 0 .../dividers/VerticalDividerMiddle.tsx | 0 .../dividers/VerticalDividerText.js | 0 .../dividers/VerticalDividerText.tsx | 0 .../dividers/VerticalDividerText.tsx.preview | 0 .../components/dividers/VerticalDividers.js | 0 .../components/dividers/VerticalDividers.tsx | 0 .../components/dividers/dividers-pt.md | 17 +- .../components/dividers/dividers-zh.md | 17 +- .../material}/components/dividers/dividers.md | 17 +- .../components/drawers/ClippedDrawer.js | 0 .../components/drawers/ClippedDrawer.tsx | 0 .../components/drawers/MiniDrawer.js | 0 .../components/drawers/MiniDrawer.tsx | 0 .../components/drawers/PermanentDrawerLeft.js | 0 .../drawers/PermanentDrawerLeft.tsx | 0 .../drawers/PermanentDrawerRight.js | 0 .../drawers/PermanentDrawerRight.tsx | 0 .../drawers/PersistentDrawerLeft.js | 0 .../drawers/PersistentDrawerLeft.tsx | 0 .../drawers/PersistentDrawerRight.js | 0 .../drawers/PersistentDrawerRight.tsx | 0 .../components/drawers/ResponsiveDrawer.js | 0 .../components/drawers/ResponsiveDrawer.tsx | 0 .../components/drawers/SwipeableEdgeDrawer.js | 0 .../drawers/SwipeableEdgeDrawer.tsx | 0 .../drawers/SwipeableTemporaryDrawer.js | 0 .../drawers/SwipeableTemporaryDrawer.tsx | 0 .../SwipeableTemporaryDrawer.tsx.preview | 0 .../components/drawers/TemporaryDrawer.js | 0 .../components/drawers/TemporaryDrawer.tsx | 0 .../drawers/TemporaryDrawer.tsx.preview | 0 .../components/drawers/drawers-pt.md | 21 +- .../components/drawers/drawers-zh.md | 23 +- .../material}/components/drawers/drawers.md | 21 +- .../FloatingActionButtonExtendedSize.js | 0 .../FloatingActionButtonExtendedSize.tsx | 0 ...oatingActionButtonExtendedSize.tsx.preview | 0 .../FloatingActionButtonSize.js | 0 .../FloatingActionButtonSize.tsx | 0 .../FloatingActionButtonSize.tsx.preview | 0 .../FloatingActionButtonZoom.js | 0 .../FloatingActionButtonZoom.tsx | 0 .../FloatingActionButtons.js | 0 .../FloatingActionButtons.tsx | 0 .../FloatingActionButtons.tsx.preview | 0 .../floating-action-button-pt.md | 9 +- .../floating-action-button-zh.md | 9 +- .../floating-action-button.md | 9 +- .../material}/components/grid/AutoGrid.js | 0 .../material}/components/grid/AutoGrid.tsx | 0 .../components/grid/AutoGrid.tsx.preview | 0 .../components/grid/AutoGridNoWrap.js | 0 .../components/grid/AutoGridNoWrap.tsx | 0 .../material}/components/grid/BasicGrid.js | 0 .../material}/components/grid/BasicGrid.tsx | 0 .../components/grid/BasicGrid.tsx.preview | 0 .../material}/components/grid/CSSGrid.js | 0 .../material}/components/grid/CSSGrid.tsx | 0 .../components/grid/CSSGrid.tsx.preview | 0 .../material}/components/grid/ColumnsGrid.js | 0 .../material}/components/grid/ColumnsGrid.tsx | 0 .../components/grid/ColumnsGrid.tsx.preview | 0 .../material}/components/grid/ComplexGrid.js | 0 .../material}/components/grid/ComplexGrid.tsx | 0 .../components/grid/FullWidthGrid.js | 0 .../components/grid/FullWidthGrid.tsx | 0 .../components/grid/FullWidthGrid.tsx.preview | 0 .../components/grid/InteractiveGrid.js | 0 .../components/grid/InteractiveGrid.tsx | 0 .../material}/components/grid/NestedGrid.js | 0 .../material}/components/grid/NestedGrid.tsx | 0 .../components/grid/NestedGrid.tsx.preview | 0 .../components/grid/ResponsiveGrid.js | 0 .../components/grid/ResponsiveGrid.tsx | 0 .../grid/ResponsiveGrid.tsx.preview | 0 .../components/grid/RowAndColumnSpacing.js | 0 .../components/grid/RowAndColumnSpacing.tsx | 0 .../grid/RowAndColumnSpacing.tsx.preview | 0 .../material}/components/grid/SpacingGrid.js | 0 .../material}/components/grid/SpacingGrid.tsx | 0 .../components/grid/VariableWidthGrid.js | 0 .../components/grid/VariableWidthGrid.tsx | 0 .../grid/VariableWidthGrid.tsx.preview | 0 .../material}/components/grid/grid-pt.md | 51 +-- .../material}/components/grid/grid-zh.md | 33 +- .../material}/components/grid/grid.md | 27 +- .../material}/components/hidden/hidden-pt.md | 1 + .../material}/components/hidden/hidden-zh.md | 1 + .../material}/components/hidden/hidden.md | 1 + .../components/icons/CreateSvgIcon.js | 0 .../components/icons/CreateSvgIcon.tsx | 0 .../icons/CreateSvgIcon.tsx.preview | 0 .../components/icons/FontAwesomeIcon.js | 0 .../components/icons/FontAwesomeIcon.tsx | 0 .../icons/FontAwesomeIcon.tsx.preview | 0 .../components/icons/FontAwesomeIconSize.js | 0 .../components/icons/FontAwesomeIconSize.tsx | 0 .../icons/FontAwesomeIconSize.tsx.preview | 0 .../icons/FontAwesomeSvgIconDemo.js | 0 .../icons/FontAwesomeSvgIconDemo.tsx | 0 .../icons/FontAwesomeSvgIconDemo.tsx.preview | 0 .../material}/components/icons/Icons.js | 0 .../material}/components/icons/Icons.tsx | 0 .../components/icons/Icons.tsx.preview | 0 .../components/icons/SvgIconsColor.js | 0 .../components/icons/SvgIconsColor.tsx | 0 .../icons/SvgIconsColor.tsx.preview | 0 .../components/icons/SvgIconsSize.js | 0 .../components/icons/SvgIconsSize.tsx | 0 .../components/icons/SvgIconsSize.tsx.preview | 0 .../components/icons/SvgMaterialIcons.js | 0 .../components/icons/SvgMaterialIcons.tsx | 0 .../components/icons/TwoToneIcons.js | 0 .../components/icons/TwoToneIcons.tsx | 0 .../components/icons/TwoToneIcons.tsx.preview | 0 .../material}/components/icons/icons-pt.md | 26 +- .../material}/components/icons/icons-zh.md | 26 +- .../material}/components/icons/icons.md | 19 +- .../components/image-list/CustomImageList.js | 0 .../components/image-list/CustomImageList.tsx | 0 .../components/image-list/MasonryImageList.js | 0 .../image-list/MasonryImageList.tsx | 0 .../image-list/MasonryImageList.tsx.preview | 0 .../components/image-list/QuiltedImageList.js | 0 .../image-list/QuiltedImageList.tsx | 0 .../image-list/QuiltedImageList.tsx.preview | 0 .../image-list/StandardImageList.js | 0 .../image-list/StandardImageList.tsx | 0 .../image-list/StandardImageList.tsx.preview | 0 .../image-list/TitlebarBelowImageList.js | 0 .../image-list/TitlebarBelowImageList.tsx | 0 .../TitlebarBelowMasonryImageList.js | 0 .../TitlebarBelowMasonryImageList.tsx | 0 .../TitlebarBelowMasonryImageList.tsx.preview | 0 .../image-list/TitlebarImageList.js | 0 .../image-list/TitlebarImageList.tsx | 0 .../components/image-list/WovenImageList.js | 0 .../components/image-list/WovenImageList.tsx | 0 .../image-list/WovenImageList.tsx.preview | 0 .../components/image-list/image-list-pt.md | 17 +- .../components/image-list/image-list-zh.md | 17 +- .../components/image-list/image-list.md | 17 +- .../components/image-list/itemData.d.ts | 0 .../components/image-list/tslint.json | 0 .../material}/components/links/ButtonLink.js | 0 .../material}/components/links/ButtonLink.tsx | 0 .../components/links/ButtonLink.tsx.preview | 0 .../material}/components/links/Links.js | 0 .../material}/components/links/Links.tsx | 0 .../components/links/Links.tsx.preview | 0 .../components/links/UnderlineLink.js | 0 .../components/links/UnderlineLink.tsx | 0 .../links/UnderlineLink.tsx.preview | 0 .../material}/components/links/links-pt.md | 9 +- .../material}/components/links/links-zh.md | 7 +- .../material}/components/links/links.md | 7 +- .../components/lists/AlignItemsList.js | 0 .../components/lists/AlignItemsList.tsx | 0 .../material}/components/lists/BasicList.js | 0 .../material}/components/lists/BasicList.tsx | 0 .../components/lists/CheckboxList.js | 0 .../components/lists/CheckboxList.tsx | 0 .../components/lists/CheckboxListSecondary.js | 0 .../lists/CheckboxListSecondary.tsx | 0 .../components/lists/CustomizedList.js | 0 .../components/lists/CustomizedList.tsx | 0 .../material}/components/lists/FolderList.js | 0 .../material}/components/lists/FolderList.tsx | 0 .../components/lists/GutterlessList.js | 0 .../components/lists/GutterlessList.tsx | 0 .../lists/GutterlessList.tsx.preview | 0 .../material}/components/lists/InsetList.js | 0 .../material}/components/lists/InsetList.tsx | 0 .../components/lists/InteractiveList.js | 0 .../components/lists/InteractiveList.tsx | 0 .../material}/components/lists/NestedList.js | 0 .../material}/components/lists/NestedList.tsx | 0 .../components/lists/PinnedSubheaderList.js | 0 .../components/lists/PinnedSubheaderList.tsx | 0 .../components/lists/SelectedListItem.js | 0 .../components/lists/SelectedListItem.tsx | 0 .../components/lists/SwitchListSecondary.js | 0 .../components/lists/SwitchListSecondary.tsx | 0 .../components/lists/VirtualizedList.js | 0 .../components/lists/VirtualizedList.tsx | 0 .../lists/VirtualizedList.tsx.preview | 0 .../material}/components/lists/lists-pt.md | 29 +- .../material}/components/lists/lists-zh.md | 33 +- .../material}/components/lists/lists.md | 29 +- .../components/masonry/BasicMasonry.js | 0 .../components/masonry/BasicMasonry.tsx | 0 .../masonry/BasicMasonry.tsx.preview | 0 .../components/masonry/FixedColumns.js | 0 .../components/masonry/FixedColumns.tsx | 0 .../masonry/FixedColumns.tsx.preview | 0 .../components/masonry/FixedSpacing.js | 0 .../components/masonry/FixedSpacing.tsx | 0 .../masonry/FixedSpacing.tsx.preview | 0 .../components/masonry/ImageMasonry.js | 0 .../components/masonry/ImageMasonry.tsx | 0 .../masonry/ImageMasonry.tsx.preview | 0 .../masonry/MasonryWithVariableHeightItems.js | 0 .../MasonryWithVariableHeightItems.tsx | 0 ...MasonryWithVariableHeightItems.tsx.preview | 0 .../components/masonry/ResponsiveColumns.js | 0 .../components/masonry/ResponsiveColumns.tsx | 0 .../masonry/ResponsiveColumns.tsx.preview | 0 .../components/masonry/ResponsiveSpacing.js | 0 .../components/masonry/ResponsiveSpacing.tsx | 0 .../masonry/ResponsiveSpacing.tsx.preview | 0 .../components/masonry/SSRMasonry.js | 0 .../components/masonry/SSRMasonry.tsx | 0 .../components/masonry/SSRMasonry.tsx.preview | 0 .../components/masonry/masonry-pt.md | 15 +- .../components/masonry/masonry-zh.md | 15 +- .../material}/components/masonry/masonry.md | 17 +- .../components/material-icons/SearchIcons.js | 0 .../material-icons/material-icons-pt.md | 3 +- .../material-icons/material-icons-zh.md | 3 +- .../material-icons/material-icons.md | 3 +- .../components/material-icons/synonyms.js | 0 .../material}/components/menus/AccountMenu.js | 0 .../components/menus/AccountMenu.tsx | 0 .../material}/components/menus/BasicMenu.js | 0 .../material}/components/menus/BasicMenu.tsx | 0 .../material}/components/menus/ContextMenu.js | 0 .../components/menus/ContextMenu.tsx | 0 .../components/menus/CustomizedMenus.js | 0 .../components/menus/CustomizedMenus.tsx | 0 .../material}/components/menus/DenseMenu.js | 0 .../material}/components/menus/DenseMenu.tsx | 0 .../material}/components/menus/FadeMenu.js | 0 .../material}/components/menus/FadeMenu.tsx | 0 .../material}/components/menus/IconMenu.js | 0 .../material}/components/menus/IconMenu.tsx | 0 .../material}/components/menus/LongMenu.js | 0 .../material}/components/menus/LongMenu.tsx | 0 .../components/menus/MenuListComposition.js | 0 .../components/menus/MenuListComposition.tsx | 0 .../components/menus/MenuPopupState.js | 0 .../components/menus/MenuPopupState.tsx | 0 .../menus/MenuPopupState.tsx.preview | 0 .../components/menus/PositionedMenu.js | 0 .../components/menus/PositionedMenu.tsx | 0 .../components/menus/SimpleListMenu.js | 0 .../components/menus/SimpleListMenu.tsx | 0 .../components/menus/TypographyMenu.js | 0 .../components/menus/TypographyMenu.tsx | 0 .../material}/components/menus/menus-pt.md | 27 +- .../material}/components/menus/menus-zh.md | 27 +- .../material}/components/menus/menus.md | 27 +- .../material}/components/modal/BasicModal.js | 0 .../material}/components/modal/BasicModal.tsx | 0 .../components/modal/BasicModal.tsx.preview | 0 .../components/modal/KeepMountedModal.js | 0 .../components/modal/KeepMountedModal.tsx | 0 .../components/modal/ModalUnstyled.js | 0 .../components/modal/ModalUnstyled.tsx | 0 .../modal/ModalUnstyled.tsx.preview | 0 .../material}/components/modal/NestedModal.js | 0 .../components/modal/NestedModal.tsx | 0 .../components/modal/NestedModal.tsx.preview | 0 .../material}/components/modal/ServerModal.js | 0 .../components/modal/ServerModal.tsx | 0 .../material}/components/modal/SpringModal.js | 0 .../components/modal/SpringModal.tsx | 0 .../components/modal/TransitionsModal.js | 0 .../components/modal/TransitionsModal.tsx | 0 .../material}/components/modal/modal-pt.md | 30 +- .../material}/components/modal/modal-zh.md | 19 +- .../material}/components/modal/modal.md | 15 +- .../components/no-ssr/FrameDeferring.js | 0 .../components/no-ssr/FrameDeferring.tsx | 0 .../components/no-ssr/SimpleNoSsr.js | 0 .../components/no-ssr/SimpleNoSsr.tsx | 0 .../components/no-ssr/SimpleNoSsr.tsx.preview | 0 .../material}/components/no-ssr/no-ssr-pt.md | 5 +- .../material}/components/no-ssr/no-ssr-zh.md | 7 +- .../material}/components/no-ssr/no-ssr.md | 5 +- .../components/pagination/BasicPagination.js | 0 .../components/pagination/BasicPagination.tsx | 0 .../pagination/BasicPagination.tsx.preview | 0 .../components/pagination/CustomIcons.js | 0 .../components/pagination/CustomIcons.tsx | 0 .../pagination/CustomIcons.tsx.preview | 0 .../pagination/PaginationButtons.js | 0 .../pagination/PaginationButtons.tsx | 0 .../pagination/PaginationButtons.tsx.preview | 0 .../pagination/PaginationControlled.js | 0 .../pagination/PaginationControlled.tsx | 0 .../PaginationControlled.tsx.preview | 0 .../components/pagination/PaginationLink.js | 0 .../components/pagination/PaginationLink.tsx | 0 .../pagination/PaginationLink.tsx.preview | 0 .../pagination/PaginationOutlined.js | 0 .../pagination/PaginationOutlined.tsx | 0 .../pagination/PaginationOutlined.tsx.preview | 0 .../components/pagination/PaginationRanges.js | 0 .../pagination/PaginationRanges.tsx | 0 .../pagination/PaginationRanges.tsx.preview | 0 .../pagination/PaginationRounded.js | 0 .../pagination/PaginationRounded.tsx | 0 .../pagination/PaginationRounded.tsx.preview | 0 .../components/pagination/PaginationSize.js | 0 .../components/pagination/PaginationSize.tsx | 0 .../pagination/PaginationSize.tsx.preview | 0 .../components/pagination/TablePagination.js | 0 .../components/pagination/TablePagination.tsx | 0 .../pagination/TablePagination.tsx.preview | 0 .../components/pagination/UsePagination.js | 0 .../components/pagination/UsePagination.tsx | 0 .../components/pagination/pagination-pt.md | 25 +- .../components/pagination/pagination-zh.md | 25 +- .../components/pagination/pagination.md | 23 +- .../material}/components/paper/Elevation.js | 0 .../material}/components/paper/Elevation.tsx | 0 .../material}/components/paper/SimplePaper.js | 0 .../components/paper/SimplePaper.tsx | 0 .../components/paper/SimplePaper.tsx.preview | 0 .../material}/components/paper/Variants.js | 0 .../material}/components/paper/Variants.tsx | 0 .../components/paper/Variants.tsx.preview | 0 .../material}/components/paper/paper-pt.md | 7 +- .../material}/components/paper/paper-zh.md | 7 +- .../material}/components/paper/paper.md | 7 +- .../components/pickers/MaterialUIPickers.js | 0 .../components/pickers/MaterialUIPickers.tsx | 0 .../components/pickers/NativePickers.js | 0 .../components/pickers/NativePickers.tsx | 0 .../components/pickers/pickers-pt.md | 7 +- .../components/pickers/pickers-zh.md | 9 +- .../material}/components/pickers/pickers.md | 5 +- .../components/popover/AnchorPlayground.js | 0 .../components/popover/BasicPopover.js | 0 .../components/popover/BasicPopover.tsx | 0 .../popover/BasicPopover.tsx.preview | 0 .../components/popover/MouseOverPopover.js | 0 .../components/popover/MouseOverPopover.tsx | 0 .../components/popover/PopoverPopupState.js | 0 .../components/popover/PopoverPopupState.tsx | 0 .../components/popover/popover-pt.md | 9 +- .../components/popover/popover-zh.md | 11 +- .../material}/components/popover/popover.md | 9 +- .../components/popper/PopperPopupState.js | 0 .../components/popper/PopperPopupState.tsx | 0 .../components/popper/PositionedPopper.js | 0 .../components/popper/PositionedPopper.tsx | 0 .../components/popper/ScrollPlayground.js | 0 .../components/popper/SimplePopper.js | 0 .../components/popper/SimplePopper.tsx | 0 .../popper/SimplePopper.tsx.preview | 0 .../components/popper/SpringPopper.js | 0 .../components/popper/SpringPopper.tsx | 0 .../popper/SpringPopper.tsx.preview | 0 .../components/popper/TransitionsPopper.js | 0 .../components/popper/TransitionsPopper.tsx | 0 .../popper/TransitionsPopper.tsx.preview | 0 .../components/popper/VirtualElementPopper.js | 0 .../popper/VirtualElementPopper.tsx | 0 .../material}/components/popper/popper-pt.md | 17 +- .../material}/components/popper/popper-zh.md | 19 +- .../material}/components/popper/popper.md | 15 +- .../components/portal/SimplePortal.js | 0 .../components/portal/SimplePortal.tsx | 0 .../portal/SimplePortal.tsx.preview | 0 .../material}/components/portal/portal-pt.md | 3 +- .../material}/components/portal/portal-zh.md | 3 +- .../material}/components/portal/portal.md | 3 +- .../components/progress/CircularColor.js | 0 .../components/progress/CircularColor.tsx | 0 .../progress/CircularColor.tsx.preview | 0 .../progress/CircularDeterminate.js | 0 .../progress/CircularDeterminate.tsx | 0 .../progress/CircularDeterminate.tsx.preview | 0 .../progress/CircularIndeterminate.js | 0 .../progress/CircularIndeterminate.tsx | 0 .../CircularIndeterminate.tsx.preview | 0 .../progress/CircularIntegration.js | 0 .../progress/CircularIntegration.tsx | 0 .../components/progress/CircularUnderLoad.js | 0 .../components/progress/CircularUnderLoad.tsx | 0 .../progress/CircularUnderLoad.tsx.preview | 0 .../progress/CircularWithValueLabel.js | 0 .../progress/CircularWithValueLabel.tsx | 0 .../CircularWithValueLabel.tsx.preview | 0 .../progress/CustomizedProgressBars.js | 0 .../progress/CustomizedProgressBars.tsx | 0 .../CustomizedProgressBars.tsx.preview | 0 .../components/progress/DelayingAppearance.js | 0 .../progress/DelayingAppearance.tsx | 0 .../components/progress/LinearBuffer.js | 0 .../components/progress/LinearBuffer.tsx | 0 .../progress/LinearBuffer.tsx.preview | 0 .../components/progress/LinearColor.js | 0 .../components/progress/LinearColor.tsx | 0 .../progress/LinearColor.tsx.preview | 0 .../components/progress/LinearDeterminate.js | 0 .../components/progress/LinearDeterminate.tsx | 0 .../progress/LinearDeterminate.tsx.preview | 0 .../progress/LinearIndeterminate.js | 0 .../progress/LinearIndeterminate.tsx | 0 .../progress/LinearIndeterminate.tsx.preview | 0 .../progress/LinearWithValueLabel.js | 0 .../progress/LinearWithValueLabel.tsx | 0 .../progress/LinearWithValueLabel.tsx.preview | 0 .../components/progress/progress-pt.md | 37 +- .../components/progress/progress-zh.md | 29 +- .../material}/components/progress/progress.md | 27 +- .../radio-buttons/ColorRadioButtons.js | 0 .../radio-buttons/ColorRadioButtons.tsx | 0 .../ColorRadioButtons.tsx.preview | 0 .../ControlledRadioButtonsGroup.js | 0 .../ControlledRadioButtonsGroup.tsx | 0 .../ControlledRadioButtonsGroup.tsx.preview | 0 .../radio-buttons/CustomizedRadios.js | 0 .../radio-buttons/CustomizedRadios.tsx | 0 .../components/radio-buttons/ErrorRadios.js | 0 .../components/radio-buttons/ErrorRadios.tsx | 0 .../FormControlLabelPlacement.js | 0 .../FormControlLabelPlacement.tsx | 0 .../components/radio-buttons/RadioButtons.js | 0 .../components/radio-buttons/RadioButtons.tsx | 0 .../radio-buttons/RadioButtons.tsx.preview | 0 .../radio-buttons/RadioButtonsGroup.js | 0 .../radio-buttons/RadioButtonsGroup.tsx | 0 .../RadioButtonsGroup.tsx.preview | 0 .../radio-buttons/RowRadioButtonsGroup.js | 0 .../radio-buttons/RowRadioButtonsGroup.tsx | 0 .../radio-buttons/SizeRadioButtons.js | 0 .../radio-buttons/SizeRadioButtons.tsx | 0 .../SizeRadioButtons.tsx.preview | 0 .../components/radio-buttons/UseRadioGroup.js | 0 .../radio-buttons/UseRadioGroup.tsx | 0 .../radio-buttons/UseRadioGroup.tsx.preview | 0 .../radio-buttons/radio-buttons-pt.md | 21 +- .../radio-buttons/radio-buttons-zh.md | 21 +- .../components/radio-buttons/radio-buttons.md | 21 +- .../components/rating/BasicRating.js | 0 .../components/rating/BasicRating.tsx | 0 .../components/rating/BasicRating.tsx.preview | 0 .../components/rating/CustomizedRating.js | 0 .../components/rating/CustomizedRating.tsx | 0 .../rating/CustomizedRating.tsx.preview | 0 .../material}/components/rating/HalfRating.js | 0 .../components/rating/HalfRating.tsx | 0 .../components/rating/HalfRating.tsx.preview | 0 .../components/rating/HoverRating.js | 0 .../components/rating/HoverRating.tsx | 0 .../components/rating/HoverRating.tsx.preview | 0 .../components/rating/RadioGroupRating.js | 0 .../components/rating/RadioGroupRating.tsx | 0 .../rating/RadioGroupRating.tsx.preview | 0 .../material}/components/rating/RatingSize.js | 0 .../components/rating/RatingSize.tsx | 0 .../components/rating/RatingSize.tsx.preview | 0 .../material}/components/rating/TextRating.js | 0 .../components/rating/TextRating.tsx | 0 .../components/rating/TextRating.tsx.preview | 0 .../material}/components/rating/rating-pt.md | 15 +- .../material}/components/rating/rating-zh.md | 17 +- .../material}/components/rating/rating.md | 15 +- .../components/selects/BasicSelect.js | 0 .../components/selects/BasicSelect.tsx | 0 .../selects/BasicSelect.tsx.preview | 0 .../selects/ControlledOpenSelect.js | 0 .../selects/ControlledOpenSelect.tsx | 0 .../components/selects/CustomizedSelects.js | 0 .../components/selects/CustomizedSelects.tsx | 0 .../components/selects/DialogSelect.js | 0 .../components/selects/DialogSelect.tsx | 0 .../components/selects/GroupedSelect.js | 0 .../components/selects/GroupedSelect.tsx | 0 .../components/selects/MultipleSelect.js | 0 .../components/selects/MultipleSelect.tsx | 0 .../selects/MultipleSelectCheckmarks.js | 0 .../selects/MultipleSelectCheckmarks.tsx | 0 .../components/selects/MultipleSelectChip.js | 0 .../components/selects/MultipleSelectChip.tsx | 0 .../selects/MultipleSelectNative.js | 0 .../selects/MultipleSelectNative.tsx | 0 .../selects/MultipleSelectPlaceholder.js | 0 .../selects/MultipleSelectPlaceholder.tsx | 0 .../components/selects/NativeSelect.js | 0 .../components/selects/NativeSelect.tsx | 0 .../selects/NativeSelect.tsx.preview | 0 .../components/selects/SelectAutoWidth.js | 0 .../components/selects/SelectAutoWidth.tsx | 0 .../components/selects/SelectLabels.js | 0 .../components/selects/SelectLabels.tsx | 0 .../components/selects/SelectOtherProps.js | 0 .../components/selects/SelectOtherProps.tsx | 0 .../components/selects/SelectVariants.js | 0 .../components/selects/SelectVariants.tsx | 0 .../selects/UnstyledSelectControlled.js | 0 .../selects/UnstyledSelectControlled.tsx | 0 .../UnstyledSelectControlled.tsx.preview | 0 .../UnstyledSelectCustomRenderValue.js | 0 .../UnstyledSelectCustomRenderValue.tsx | 0 ...nstyledSelectCustomRenderValue.tsx.preview | 0 .../selects/UnstyledSelectGrouping.js | 0 .../selects/UnstyledSelectGrouping.tsx | 0 .../UnstyledSelectGrouping.tsx.preview | 0 .../selects/UnstyledSelectMultiple.js | 0 .../selects/UnstyledSelectMultiple.tsx | 0 .../UnstyledSelectMultiple.tsx.preview | 0 .../selects/UnstyledSelectObjectValues.js | 0 .../selects/UnstyledSelectObjectValues.tsx | 0 .../UnstyledSelectObjectValues.tsx.preview | 0 .../selects/UnstyledSelectRichOptions.js | 0 .../selects/UnstyledSelectRichOptions.tsx | 0 .../UnstyledSelectRichOptions.tsx.preview | 0 .../selects/UnstyledSelectSimple.js | 0 .../selects/UnstyledSelectSimple.tsx | 0 .../selects/UnstyledSelectSimple.tsx.preview | 0 .../material}/components/selects/UseSelect.js | 0 .../components/selects/UseSelect.tsx | 0 .../components/selects/UseSelect.tsx.preview | 0 .../components/selects/selects-pt.md | 33 +- .../components/selects/selects-zh.md | 31 +- .../material}/components/selects/selects.md | 47 +-- .../components/skeleton/Animations.js | 0 .../components/skeleton/Animations.tsx | 0 .../skeleton/Animations.tsx.preview | 0 .../material}/components/skeleton/Facebook.js | 0 .../components/skeleton/Facebook.tsx | 0 .../components/skeleton/Facebook.tsx.preview | 0 .../components/skeleton/SkeletonChildren.js | 0 .../components/skeleton/SkeletonChildren.tsx | 0 .../skeleton/SkeletonChildren.tsx.preview | 0 .../components/skeleton/SkeletonColor.js | 0 .../components/skeleton/SkeletonColor.tsx | 0 .../skeleton/SkeletonColor.tsx.preview | 0 .../components/skeleton/SkeletonTypography.js | 0 .../skeleton/SkeletonTypography.tsx | 0 .../skeleton/SkeletonTypography.tsx.preview | 0 .../material}/components/skeleton/Variants.js | 0 .../components/skeleton/Variants.tsx | 0 .../components/skeleton/Variants.tsx.preview | 0 .../material}/components/skeleton/YouTube.js | 0 .../material}/components/skeleton/YouTube.tsx | 0 .../components/skeleton/YouTube.tsx.preview | 0 .../components/skeleton/skeleton-pt.md | 41 +- .../components/skeleton/skeleton-zh.md | 15 +- .../material}/components/skeleton/skeleton.md | 15 +- .../components/slider/ColorSlider.js | 0 .../components/slider/ColorSlider.tsx | 0 .../components/slider/ColorSlider.tsx.preview | 0 .../components/slider/ContinuousSlider.js | 0 .../components/slider/ContinuousSlider.tsx | 0 .../slider/ContinuousSlider.tsx.preview | 0 .../components/slider/CustomizedSlider.js | 0 .../components/slider/CustomizedSlider.tsx | 0 .../components/slider/DiscreteSlider.js | 0 .../components/slider/DiscreteSlider.tsx | 0 .../slider/DiscreteSlider.tsx.preview | 0 .../components/slider/DiscreteSliderLabel.js | 0 .../components/slider/DiscreteSliderLabel.tsx | 0 .../slider/DiscreteSliderLabel.tsx.preview | 0 .../components/slider/DiscreteSliderMarks.js | 0 .../components/slider/DiscreteSliderMarks.tsx | 0 .../slider/DiscreteSliderMarks.tsx.preview | 0 .../components/slider/DiscreteSliderSteps.js | 0 .../components/slider/DiscreteSliderSteps.tsx | 0 .../slider/DiscreteSliderSteps.tsx.preview | 0 .../components/slider/DiscreteSliderValues.js | 0 .../slider/DiscreteSliderValues.tsx | 0 .../slider/DiscreteSliderValues.tsx.preview | 0 .../components/slider/InputSlider.js | 0 .../components/slider/InputSlider.tsx | 0 .../slider/MinimumDistanceSlider.js | 0 .../slider/MinimumDistanceSlider.tsx | 0 .../slider/MinimumDistanceSlider.tsx.preview | 0 .../components/slider/MusicPlayerSlider.js | 0 .../components/slider/MusicPlayerSlider.tsx | 0 .../components/slider/NonLinearSlider.js | 0 .../components/slider/NonLinearSlider.tsx | 0 .../slider/NonLinearSlider.tsx.preview | 0 .../components/slider/RangeSlider.js | 0 .../components/slider/RangeSlider.tsx | 0 .../components/slider/RangeSlider.tsx.preview | 0 .../components/slider/SliderSizes.js | 0 .../components/slider/SliderSizes.tsx | 0 .../components/slider/SliderSizes.tsx.preview | 0 .../components/slider/TrackFalseSlider.js | 0 .../components/slider/TrackFalseSlider.tsx | 0 .../components/slider/TrackInvertedSlider.js | 0 .../components/slider/TrackInvertedSlider.tsx | 0 .../components/slider/UnstyledSlider.js | 0 .../components/slider/UnstyledSlider.tsx | 0 .../slider/UnstyledSlider.tsx.preview | 0 .../slider/VerticalAccessibleSlider.js | 0 .../slider/VerticalAccessibleSlider.tsx | 0 .../VerticalAccessibleSlider.tsx.preview | 0 .../components/slider/VerticalSlider.js | 0 .../components/slider/VerticalSlider.tsx | 0 .../material}/components/slider/slider-pt.md | 41 +- .../material}/components/slider/slider-zh.md | 41 +- .../material}/components/slider/slider.md | 39 +- .../snackbars/ConsecutiveSnackbars.js | 0 .../snackbars/ConsecutiveSnackbars.tsx | 0 .../snackbars/CustomizedSnackbars.js | 0 .../snackbars/CustomizedSnackbars.tsx | 0 .../snackbars/CustomizedSnackbars.tsx.preview | 0 .../components/snackbars/DirectionSnackbar.js | 0 .../snackbars/DirectionSnackbar.tsx | 0 .../snackbars/DirectionSnackbar.tsx.preview | 0 .../snackbars/FabIntegrationSnackbar.js | 0 .../snackbars/FabIntegrationSnackbar.tsx | 0 .../snackbars/IntegrationNotistack.js | 0 .../snackbars/IntegrationNotistack.tsx | 0 .../IntegrationNotistack.tsx.preview | 0 .../components/snackbars/LongTextSnackbar.js | 0 .../components/snackbars/LongTextSnackbar.tsx | 0 .../snackbars/PositionedSnackbar.js | 0 .../snackbars/PositionedSnackbar.tsx | 0 .../snackbars/PositionedSnackbar.tsx.preview | 0 .../components/snackbars/SimpleSnackbar.js | 0 .../components/snackbars/SimpleSnackbar.tsx | 0 .../snackbars/SimpleSnackbar.tsx.preview | 0 .../snackbars/TransitionsSnackbar.js | 0 .../snackbars/TransitionsSnackbar.tsx | 0 .../snackbars/TransitionsSnackbar.tsx.preview | 0 .../components/snackbars/snackbars-pt.md | 19 +- .../components/snackbars/snackbars-zh.md | 21 +- .../components/snackbars/snackbars.md | 19 +- .../components/speed-dial/BasicSpeedDial.js | 0 .../components/speed-dial/BasicSpeedDial.tsx | 0 .../speed-dial/BasicSpeedDial.tsx.preview | 0 .../speed-dial/ControlledOpenSpeedDial.js | 0 .../speed-dial/ControlledOpenSpeedDial.tsx | 0 .../speed-dial/OpenIconSpeedDial.js | 0 .../speed-dial/OpenIconSpeedDial.tsx | 0 .../speed-dial/OpenIconSpeedDial.tsx.preview | 0 .../speed-dial/PlaygroundSpeedDial.js | 0 .../speed-dial/PlaygroundSpeedDial.tsx | 0 .../speed-dial/SpeedDialTooltipOpen.js | 0 .../speed-dial/SpeedDialTooltipOpen.tsx | 0 .../components/speed-dial/speed-dial-pt.md | 11 +- .../components/speed-dial/speed-dial-zh.md | 11 +- .../components/speed-dial/speed-dial.md | 11 +- .../material}/components/stack/BasicStack.js | 0 .../material}/components/stack/BasicStack.tsx | 0 .../components/stack/BasicStack.tsx.preview | 0 .../components/stack/DirectionStack.js | 0 .../components/stack/DirectionStack.tsx | 0 .../stack/DirectionStack.tsx.preview | 0 .../components/stack/DividerStack.js | 0 .../components/stack/DividerStack.tsx | 0 .../components/stack/DividerStack.tsx.preview | 0 .../components/stack/InteractiveStack.js | 0 .../components/stack/InteractiveStack.tsx | 0 .../components/stack/ResponsiveStack.js | 0 .../components/stack/ResponsiveStack.tsx | 0 .../stack/ResponsiveStack.tsx.preview | 0 .../material}/components/stack/stack-pt.md | 13 +- .../material}/components/stack/stack-zh.md | 13 +- .../material}/components/stack/stack.md | 11 +- .../components/steppers/CustomizedSteppers.js | 0 .../steppers/CustomizedSteppers.tsx | 0 .../steppers/CustomizedSteppers.tsx.preview | 0 .../components/steppers/DotsMobileStepper.js | 0 .../components/steppers/DotsMobileStepper.tsx | 0 ...HorizontalLinearAlternativeLabelStepper.js | 0 ...orizontalLinearAlternativeLabelStepper.tsx | 0 ...lLinearAlternativeLabelStepper.tsx.preview | 0 .../steppers/HorizontalLinearStepper.js | 0 .../steppers/HorizontalLinearStepper.tsx | 0 .../steppers/HorizontalNonLinearStepper.js | 0 .../steppers/HorizontalNonLinearStepper.tsx | 0 .../steppers/HorizontalStepperWithError.js | 0 .../steppers/HorizontalStepperWithError.tsx | 0 .../steppers/ProgressMobileStepper.js | 0 .../steppers/ProgressMobileStepper.tsx | 0 .../steppers/SwipeableTextMobileStepper.js | 0 .../steppers/SwipeableTextMobileStepper.tsx | 0 .../components/steppers/TextMobileStepper.js | 0 .../components/steppers/TextMobileStepper.tsx | 0 .../steppers/VerticalLinearStepper.js | 0 .../steppers/VerticalLinearStepper.tsx | 0 .../components/steppers/steppers-pt.md | 21 +- .../components/steppers/steppers-zh.md | 21 +- .../material}/components/steppers/steppers.md | 21 +- .../components/switches/BasicSwitches.js | 0 .../components/switches/BasicSwitches.tsx | 0 .../switches/BasicSwitches.tsx.preview | 0 .../components/switches/ColorSwitches.js | 0 .../components/switches/ColorSwitches.tsx | 0 .../switches/ColorSwitches.tsx.preview | 0 .../components/switches/ControlledSwitches.js | 0 .../switches/ControlledSwitches.tsx | 0 .../switches/ControlledSwitches.tsx.preview | 0 .../components/switches/CustomizedSwitches.js | 0 .../switches/CustomizedSwitches.tsx | 0 .../switches/FormControlLabelPosition.js | 0 .../switches/FormControlLabelPosition.tsx | 0 .../components/switches/SwitchLabels.js | 0 .../components/switches/SwitchLabels.tsx | 0 .../switches/SwitchLabels.tsx.preview | 0 .../components/switches/SwitchesGroup.js | 0 .../components/switches/SwitchesGroup.tsx | 0 .../components/switches/SwitchesSize.js | 0 .../components/switches/SwitchesSize.tsx | 0 .../switches/SwitchesSize.tsx.preview | 0 .../components/switches/UnstyledSwitches.js | 0 .../components/switches/UnstyledSwitches.tsx | 0 .../switches/UnstyledSwitches.tsx.preview | 0 .../components/switches/UseSwitchesBasic.js | 0 .../components/switches/UseSwitchesBasic.tsx | 0 .../switches/UseSwitchesBasic.tsx.preview | 0 .../components/switches/UseSwitchesCustom.js | 0 .../components/switches/UseSwitchesCustom.tsx | 0 .../switches/UseSwitchesCustom.tsx.preview | 0 .../components/switches/switches-pt.md | 27 +- .../components/switches/switches-zh.md | 23 +- .../material}/components/switches/switches.md | 23 +- .../components/tables/AcccessibleTable.js | 0 .../components/tables/AcccessibleTable.tsx | 0 .../material}/components/tables/BasicTable.js | 0 .../components/tables/BasicTable.tsx | 0 .../components/tables/CollapsibleTable.js | 0 .../components/tables/CollapsibleTable.tsx | 0 .../components/tables/ColumnGroupingTable.js | 0 .../components/tables/ColumnGroupingTable.tsx | 0 .../tables/CustomPaginationActionsTable.js | 0 .../tables/CustomPaginationActionsTable.tsx | 0 .../components/tables/CustomizedTables.js | 0 .../components/tables/CustomizedTables.tsx | 0 .../material}/components/tables/DataTable.js | 0 .../material}/components/tables/DataTable.tsx | 0 .../components/tables/DataTable.tsx.preview | 0 .../material}/components/tables/DenseTable.js | 0 .../components/tables/DenseTable.tsx | 0 .../components/tables/EnhancedTable.js | 0 .../components/tables/EnhancedTable.tsx | 0 .../tables/ReactVirtualizedTable.js | 0 .../tables/ReactVirtualizedTable.tsx | 0 .../components/tables/SpanningTable.js | 0 .../components/tables/SpanningTable.tsx | 0 .../components/tables/StickyHeadTable.js | 0 .../components/tables/StickyHeadTable.tsx | 0 .../components/tables/TableCustomized.js | 0 .../components/tables/TableCustomized.tsx | 0 .../components/tables/TableUnstyled.js | 0 .../components/tables/TableUnstyled.tsx | 0 .../material}/components/tables/tables-pt.md | 29 +- .../material}/components/tables/tables-zh.md | 31 +- .../material}/components/tables/tables.md | 29 +- .../components/tabs/AccessibleTabs1.js | 0 .../components/tabs/AccessibleTabs1.tsx | 0 .../tabs/AccessibleTabs1.tsx.preview | 0 .../components/tabs/AccessibleTabs2.js | 0 .../components/tabs/AccessibleTabs2.tsx | 0 .../tabs/AccessibleTabs2.tsx.preview | 0 .../material}/components/tabs/BasicTabs.js | 0 .../material}/components/tabs/BasicTabs.tsx | 0 .../components/tabs/BasicTabs.tsx.preview | 0 .../material}/components/tabs/CenteredTabs.js | 0 .../components/tabs/CenteredTabs.tsx | 0 .../components/tabs/CenteredTabs.tsx.preview | 0 .../material}/components/tabs/ColorTabs.js | 0 .../material}/components/tabs/ColorTabs.tsx | 0 .../components/tabs/ColorTabs.tsx.preview | 0 .../components/tabs/CustomizedTabs.js | 0 .../components/tabs/CustomizedTabs.tsx | 0 .../material}/components/tabs/DisabledTabs.js | 0 .../components/tabs/DisabledTabs.tsx | 0 .../components/tabs/DisabledTabs.tsx.preview | 0 .../components/tabs/FullWidthTabs.js | 0 .../components/tabs/FullWidthTabs.tsx | 0 .../components/tabs/IconLabelTabs.js | 0 .../components/tabs/IconLabelTabs.tsx | 0 .../components/tabs/IconLabelTabs.tsx.preview | 0 .../components/tabs/IconPositionTabs.js | 0 .../components/tabs/IconPositionTabs.tsx | 0 .../tabs/IconPositionTabs.tsx.preview | 0 .../material}/components/tabs/IconTabs.js | 0 .../material}/components/tabs/IconTabs.tsx | 0 .../components/tabs/IconTabs.tsx.preview | 0 .../material}/components/tabs/LabTabs.js | 0 .../material}/components/tabs/LabTabs.tsx | 0 .../components/tabs/LabTabs.tsx.preview | 0 .../material}/components/tabs/NavTabs.js | 0 .../material}/components/tabs/NavTabs.tsx | 0 .../components/tabs/NavTabs.tsx.preview | 0 .../tabs/ScrollableTabsButtonAuto.js | 0 .../tabs/ScrollableTabsButtonAuto.tsx | 0 .../tabs/ScrollableTabsButtonAuto.tsx.preview | 0 .../tabs/ScrollableTabsButtonForce.js | 0 .../tabs/ScrollableTabsButtonForce.tsx | 0 .../ScrollableTabsButtonForce.tsx.preview | 0 .../tabs/ScrollableTabsButtonPrevent.js | 0 .../tabs/ScrollableTabsButtonPrevent.tsx | 0 .../ScrollableTabsButtonPrevent.tsx.preview | 0 .../tabs/ScrollableTabsButtonVisible.js | 0 .../tabs/ScrollableTabsButtonVisible.tsx | 0 .../components/tabs/TabsWrappedLabel.js | 0 .../components/tabs/TabsWrappedLabel.tsx | 0 .../tabs/TabsWrappedLabel.tsx.preview | 0 .../components/tabs/UnstyledTabsBasic.js | 0 .../components/tabs/UnstyledTabsBasic.tsx | 0 .../tabs/UnstyledTabsBasic.tsx.preview | 0 .../components/tabs/UnstyledTabsCustomized.js | 0 .../tabs/UnstyledTabsCustomized.tsx | 0 .../tabs/UnstyledTabsCustomized.tsx.preview | 0 .../material}/components/tabs/VerticalTabs.js | 0 .../components/tabs/VerticalTabs.tsx | 0 .../material}/components/tabs/tabs-pt.md | 43 +-- .../material}/components/tabs/tabs-zh.md | 45 +-- .../material}/components/tabs/tabs.md | 43 +-- .../components/text-fields/BasicTextFields.js | 0 .../text-fields/BasicTextFields.tsx | 0 .../text-fields/BasicTextFields.tsx.preview | 0 .../components/text-fields/ColorTextFields.js | 0 .../text-fields/ColorTextFields.tsx | 0 .../text-fields/ColorTextFields.tsx.preview | 0 .../text-fields/ComposedTextField.js | 0 .../text-fields/ComposedTextField.tsx | 0 .../text-fields/CustomizedInputBase.js | 0 .../text-fields/CustomizedInputBase.tsx | 0 .../text-fields/CustomizedInputs.js | 0 .../text-fields/CustomizedInputs.tsx | 0 .../text-fields/FormPropsTextFields.js | 0 .../text-fields/FormPropsTextFields.tsx | 0 .../components/text-fields/FormattedInputs.js | 0 .../text-fields/FormattedInputs.tsx | 0 .../text-fields/FullWidthTextField.js | 0 .../text-fields/FullWidthTextField.tsx | 0 .../FullWidthTextField.tsx.preview | 0 .../text-fields/HelperTextAligned.js | 0 .../text-fields/HelperTextAligned.tsx | 0 .../text-fields/HelperTextAligned.tsx.preview | 0 .../text-fields/HelperTextMisaligned.js | 0 .../text-fields/HelperTextMisaligned.tsx | 0 .../HelperTextMisaligned.tsx.preview | 0 .../components/text-fields/InputAdornments.js | 0 .../text-fields/InputAdornments.tsx | 0 .../components/text-fields/InputWithIcon.js | 0 .../components/text-fields/InputWithIcon.tsx | 0 .../components/text-fields/Inputs.js | 0 .../components/text-fields/Inputs.tsx | 0 .../components/text-fields/Inputs.tsx.preview | 0 .../text-fields/LayoutTextFields.js | 0 .../text-fields/LayoutTextFields.tsx | 0 .../text-fields/LayoutTextFields.tsx.preview | 0 .../text-fields/MultilineTextFields.js | 0 .../text-fields/MultilineTextFields.tsx | 0 .../text-fields/SelectTextFields.js | 0 .../text-fields/SelectTextFields.tsx | 0 .../components/text-fields/StateTextFields.js | 0 .../text-fields/StateTextFields.tsx | 0 .../text-fields/StateTextFields.tsx.preview | 0 .../text-fields/TextFieldHiddenLabel.js | 0 .../text-fields/TextFieldHiddenLabel.tsx | 0 .../TextFieldHiddenLabel.tsx.preview | 0 .../components/text-fields/TextFieldSizes.js | 0 .../components/text-fields/TextFieldSizes.tsx | 0 .../components/text-fields/UnstyledInput.js | 0 .../components/text-fields/UnstyledInput.tsx | 0 .../text-fields/UnstyledInput.tsx.preview | 0 .../components/text-fields/UseFormControl.js | 0 .../components/text-fields/UseFormControl.tsx | 0 .../text-fields/UseFormControl.tsx.preview | 0 .../components/text-fields/UseInput.js | 0 .../components/text-fields/UseInput.tsx | 0 .../text-fields/UseInput.tsx.preview | 0 .../text-fields/ValidationTextFields.js | 0 .../text-fields/ValidationTextFields.tsx | 0 .../components/text-fields/text-fields-pt.md | 51 ++- .../components/text-fields/text-fields-zh.md | 47 +-- .../components/text-fields/text-fields.md | 47 +-- .../textarea-autosize/EmptyTextarea.js | 0 .../textarea-autosize/EmptyTextarea.tsx | 0 .../EmptyTextarea.tsx.preview | 0 .../textarea-autosize/MaxHeightTextarea.js | 0 .../textarea-autosize/MaxHeightTextarea.tsx | 0 .../MaxHeightTextarea.tsx.preview | 0 .../textarea-autosize/MinHeightTextarea.js | 0 .../textarea-autosize/MinHeightTextarea.tsx | 0 .../MinHeightTextarea.tsx.preview | 0 .../textarea-autosize/textarea-autosize-pt.md | 7 +- .../textarea-autosize/textarea-autosize-zh.md | 9 +- .../textarea-autosize/textarea-autosize.md | 7 +- .../components/time-picker/BasicTimePicker.js | 0 .../time-picker/BasicTimePicker.tsx | 0 .../time-picker/BasicTimePicker.tsx.preview | 0 .../time-picker/FormPropsTimePickers.js | 0 .../time-picker/FormPropsTimePickers.tsx | 0 .../time-picker/LocalizedTimePicker.js | 0 .../time-picker/LocalizedTimePicker.tsx | 0 .../time-picker/ResponsiveTimePickers.js | 0 .../time-picker/ResponsiveTimePickers.tsx | 0 .../time-picker/SecondsTimePicker.js | 0 .../time-picker/SecondsTimePicker.tsx | 0 .../time-picker/StaticTimePickerDemo.js | 0 .../time-picker/StaticTimePickerDemo.tsx | 0 .../StaticTimePickerDemo.tsx.preview | 0 .../time-picker/StaticTimePickerLandscape.js | 0 .../time-picker/StaticTimePickerLandscape.tsx | 0 .../StaticTimePickerLandscape.tsx.preview | 0 .../time-picker/SubComponentsTimePickers.js | 0 .../time-picker/SubComponentsTimePickers.tsx | 0 .../SubComponentsTimePickers.tsx.preview | 0 .../time-picker/TimeValidationTimePicker.js | 0 .../time-picker/TimeValidationTimePicker.tsx | 0 .../components/time-picker/time-picker-pt.md | 21 +- .../components/time-picker/time-picker-zh.md | 19 +- .../components/time-picker/time-picker.md | 19 +- .../components/timeline/AlternateTimeline.js | 0 .../components/timeline/AlternateTimeline.tsx | 0 .../components/timeline/BasicTimeline.js | 0 .../components/timeline/BasicTimeline.tsx | 0 .../components/timeline/ColorsTimeline.js | 0 .../components/timeline/ColorsTimeline.tsx | 0 .../timeline/ColorsTimeline.tsx.preview | 0 .../components/timeline/CustomizedTimeline.js | 0 .../timeline/CustomizedTimeline.tsx | 0 .../timeline/LeftPositionedTimeline.js | 0 .../timeline/LeftPositionedTimeline.tsx | 0 .../timeline/OppositeContentTimeline.js | 0 .../timeline/OppositeContentTimeline.tsx | 0 .../components/timeline/OutlinedTimeline.js | 0 .../components/timeline/OutlinedTimeline.tsx | 0 .../components/timeline/timeline-pt.md | 15 +- .../components/timeline/timeline-zh.md | 15 +- .../material}/components/timeline/timeline.md | 15 +- .../toggle-button/ColorToggleButton.js | 0 .../toggle-button/ColorToggleButton.tsx | 0 .../ColorToggleButton.tsx.preview | 0 .../toggle-button/CustomizedDividers.js | 0 .../toggle-button/CustomizedDividers.tsx | 0 .../toggle-button/StandaloneToggleButton.js | 0 .../toggle-button/StandaloneToggleButton.tsx | 0 .../StandaloneToggleButton.tsx.preview | 0 .../toggle-button/ToggleButtonNotEmpty.js | 0 .../toggle-button/ToggleButtonNotEmpty.tsx | 0 .../toggle-button/ToggleButtonSizes.js | 0 .../toggle-button/ToggleButtonSizes.tsx | 0 .../ToggleButtonSizes.tsx.preview | 0 .../components/toggle-button/ToggleButtons.js | 0 .../toggle-button/ToggleButtons.tsx | 0 .../toggle-button/ToggleButtonsMultiple.js | 0 .../toggle-button/ToggleButtonsMultiple.tsx | 0 .../toggle-button/VerticalToggleButtons.js | 0 .../toggle-button/VerticalToggleButtons.tsx | 0 .../VerticalToggleButtons.tsx.preview | 0 .../toggle-button/toggle-button-pt.md | 17 +- .../toggle-button/toggle-button-zh.md | 17 +- .../components/toggle-button/toggle-button.md | 17 +- .../tooltips/AccessibilityTooltips.js | 0 .../tooltips/AccessibilityTooltips.tsx | 0 .../AccessibilityTooltips.tsx.preview | 0 .../components/tooltips/AnchorElTooltips.js | 0 .../components/tooltips/AnchorElTooltips.tsx | 0 .../components/tooltips/ArrowTooltips.js | 0 .../components/tooltips/ArrowTooltips.tsx | 0 .../tooltips/ArrowTooltips.tsx.preview | 0 .../components/tooltips/BasicTooltip.js | 0 .../components/tooltips/BasicTooltip.tsx | 0 .../tooltips/BasicTooltip.tsx.preview | 0 .../components/tooltips/ControlledTooltips.js | 0 .../tooltips/ControlledTooltips.tsx | 0 .../tooltips/ControlledTooltips.tsx.preview | 0 .../components/tooltips/CustomizedTooltips.js | 0 .../tooltips/CustomizedTooltips.tsx | 0 .../components/tooltips/DelayTooltips.js | 0 .../components/tooltips/DelayTooltips.tsx | 0 .../tooltips/DelayTooltips.tsx.preview | 0 .../components/tooltips/DisabledTooltips.js | 0 .../components/tooltips/DisabledTooltips.tsx | 0 .../tooltips/DisabledTooltips.tsx.preview | 0 .../tooltips/FollowCursorTooltips.js | 0 .../tooltips/FollowCursorTooltips.tsx | 0 .../tooltips/FollowCursorTooltips.tsx.preview | 0 .../tooltips/NonInteractiveTooltips.js | 0 .../tooltips/NonInteractiveTooltips.tsx | 0 .../NonInteractiveTooltips.tsx.preview | 0 .../components/tooltips/PositionedTooltips.js | 0 .../tooltips/PositionedTooltips.tsx | 0 .../tooltips/TransitionsTooltips.js | 0 .../tooltips/TransitionsTooltips.tsx | 0 .../tooltips/TransitionsTooltips.tsx.preview | 0 .../components/tooltips/TriggersTooltips.js | 0 .../components/tooltips/TriggersTooltips.tsx | 0 .../components/tooltips/VariableWidth.js | 0 .../components/tooltips/VariableWidth.tsx | 0 .../tooltips/VariableWidth.tsx.preview | 0 .../components/tooltips/tooltips-pt.md | 31 +- .../components/tooltips/tooltips-zh.md | 35 +- .../material}/components/tooltips/tooltips.md | 29 +- .../transfer-list/SelectAllTransferList.js | 0 .../transfer-list/SelectAllTransferList.tsx | 0 .../components/transfer-list/TransferList.js | 0 .../components/transfer-list/TransferList.tsx | 0 .../transfer-list/transfer-list-pt.md | 5 +- .../transfer-list/transfer-list-zh.md | 5 +- .../components/transfer-list/transfer-list.md | 5 +- .../components/transitions/SimpleCollapse.js | 0 .../components/transitions/SimpleCollapse.tsx | 0 .../components/transitions/SimpleFade.js | 0 .../components/transitions/SimpleFade.tsx | 0 .../transitions/SimpleFade.tsx.preview | 0 .../components/transitions/SimpleGrow.js | 0 .../components/transitions/SimpleGrow.tsx | 0 .../transitions/SimpleGrow.tsx.preview | 0 .../components/transitions/SimpleSlide.js | 0 .../components/transitions/SimpleSlide.tsx | 0 .../transitions/SimpleSlide.tsx.preview | 0 .../components/transitions/SimpleZoom.js | 0 .../components/transitions/SimpleZoom.tsx | 0 .../transitions/SimpleZoom.tsx.preview | 0 .../transitions/SlideFromContainer.js | 0 .../transitions/SlideFromContainer.tsx | 0 .../SlideFromContainer.tsx.preview | 0 .../transitions/TransitionGroupExample.js | 0 .../transitions/TransitionGroupExample.tsx | 0 .../TransitionGroupExample.tsx.preview | 0 .../components/transitions/transitions-pt.md | 13 +- .../components/transitions/transitions-zh.md | 13 +- .../components/transitions/transitions.md | 15 +- .../components/trap-focus/BasicTrapFocus.js | 0 .../components/trap-focus/BasicTrapFocus.tsx | 0 .../trap-focus/BasicTrapFocus.tsx.preview | 0 .../trap-focus/DisableEnforceFocus.js | 0 .../trap-focus/DisableEnforceFocus.tsx | 0 .../DisableEnforceFocus.tsx.preview | 0 .../components/trap-focus/LazyTrapFocus.js | 0 .../components/trap-focus/LazyTrapFocus.tsx | 0 .../trap-focus/LazyTrapFocus.tsx.preview | 0 .../components/trap-focus/PortalTrapFocus.js | 0 .../components/trap-focus/PortalTrapFocus.tsx | 0 .../components/trap-focus/trap-focus-pt.md | 11 +- .../components/trap-focus/trap-focus-zh.md | 9 +- .../components/trap-focus/trap-focus.md | 9 +- .../components/tree-view/BarTreeView.js | 0 .../components/tree-view/BarTreeView.tsx | 0 .../tree-view/ControlledTreeView.js | 0 .../tree-view/ControlledTreeView.tsx | 0 .../tree-view/CustomizedTreeView.js | 0 .../tree-view/CustomizedTreeView.tsx | 0 .../components/tree-view/DisabledTreeItems.js | 0 .../tree-view/DisabledTreeItems.tsx | 0 .../tree-view/FileSystemNavigator.js | 0 .../tree-view/FileSystemNavigator.tsx | 0 .../tree-view/FileSystemNavigator.tsx.preview | 0 .../components/tree-view/GmailTreeView.js | 0 .../components/tree-view/GmailTreeView.tsx | 0 .../tree-view/IconExpansionTreeView.js | 0 .../tree-view/IconExpansionTreeView.tsx | 0 .../tree-view/MultiSelectTreeView.js | 0 .../tree-view/MultiSelectTreeView.tsx | 0 .../tree-view/RichObjectTreeView.js | 0 .../tree-view/RichObjectTreeView.tsx | 0 .../tree-view/RichObjectTreeView.tsx.preview | 0 .../components/tree-view/tree-view-pt.md | 19 +- .../components/tree-view/tree-view-zh.md | 19 +- .../components/tree-view/tree-view.md | 19 +- .../material}/components/typography/Types.js | 0 .../material}/components/typography/Types.tsx | 0 .../components/typography/TypographyTheme.js | 0 .../components/typography/TypographyTheme.tsx | 0 .../typography/TypographyTheme.tsx.preview | 0 .../components/typography/typography-pt.md | 12 +- .../components/typography/typography-zh.md | 9 +- .../components/typography/typography.md | 5 +- .../use-media-query/JavaScriptMedia.js | 0 .../use-media-query/JavaScriptMedia.tsx | 0 .../JavaScriptMedia.tsx.preview | 0 .../components/use-media-query/ServerSide.js | 0 .../components/use-media-query/ServerSide.tsx | 0 .../use-media-query/ServerSide.tsx.preview | 0 .../use-media-query/SimpleMediaQuery.js | 0 .../use-media-query/SimpleMediaQuery.tsx | 0 .../SimpleMediaQuery.tsx.preview | 0 .../components/use-media-query/ThemeHelper.js | 0 .../use-media-query/ThemeHelper.tsx | 0 .../use-media-query/ThemeHelper.tsx.preview | 0 .../components/use-media-query/UseWidth.js | 0 .../components/use-media-query/UseWidth.tsx | 0 .../use-media-query/UseWidth.tsx.preview | 0 .../use-media-query/use-media-query-pt.md | 15 +- .../use-media-query/use-media-query-zh.md | 15 +- .../use-media-query/use-media-query.md | 11 +- .../customization/breakpoints/MediaQuery.js | 0 .../customization/breakpoints/MediaQuery.tsx | 0 .../breakpoints/MediaQuery.tsx.preview | 0 .../breakpoints/breakpoints-pt.md | 7 +- .../breakpoints/breakpoints-zh.md | 2 +- .../customization/breakpoints/breakpoints.md | 2 +- .../material}/customization/color/Color.js | 0 .../customization/color/ColorDemo.js | 0 .../customization/color/ColorTool.js | 0 .../material}/customization/color/color-pt.md | 8 +- .../material}/customization/color/color-zh.md | 8 +- .../material}/customization/color/color.md | 4 +- .../customization/dark-mode/DarkTheme.js | 0 .../dark-mode/DarkThemeWithCustomPalette.js | 0 .../dark-mode/DarkThemeWithCustomPalette.tsx | 0 .../DarkThemeWithCustomPalette.tsx.preview | 0 .../dark-mode/ToggleColorMode.js | 0 .../dark-mode/ToggleColorMode.tsx | 0 .../dark-mode/ToggleColorMode.tsx.preview | 0 .../customization/dark-mode/dark-mode-pt.md | 8 +- .../customization/dark-mode/dark-mode-zh.md | 6 +- .../customization/dark-mode/dark-mode.md | 6 +- .../default-theme/DefaultTheme.js | 0 .../default-theme/default-theme-pt.md | 2 +- .../default-theme/default-theme-zh.md | 2 +- .../default-theme/default-theme.md | 2 +- .../customization/density/DensityTool.js | 0 .../customization/density/density-pt.md | 4 +- .../customization/density/density-zh.md | 2 +- .../customization/density/density.md | 2 +- .../how-to-customize/DevTools.js | 0 .../how-to-customize/DevTools.tsx | 0 .../how-to-customize/DevTools.tsx.preview | 0 .../how-to-customize/DynamicCSS.js | 0 .../how-to-customize/DynamicCSS.tsx | 0 .../how-to-customize/DynamicCSS.tsx.preview | 0 .../how-to-customize/DynamicCSSVariables.js | 0 .../how-to-customize/DynamicCSSVariables.tsx | 0 .../DynamicCSSVariables.tsx.preview | 0 .../how-to-customize/GlobalCssOverride.js | 0 .../how-to-customize/GlobalCssOverride.tsx | 0 .../GlobalCssOverride.tsx.preview | 0 .../how-to-customize/OverrideCssBaseline.js | 0 .../how-to-customize/OverrideCssBaseline.tsx | 0 .../OverrideCssBaseline.tsx.preview | 0 .../how-to-customize/StyledCustomization.js | 0 .../how-to-customize/StyledCustomization.tsx | 0 .../StyledCustomization.tsx.preview | 0 .../customization/how-to-customize/SxProp.js | 0 .../customization/how-to-customize/SxProp.tsx | 0 .../how-to-customize/SxProp.tsx.preview | 0 .../how-to-customize/how-to-customize-pt.md | 54 +-- .../how-to-customize/how-to-customize-zh.md | 53 +-- .../how-to-customize/how-to-customize.md | 15 +- .../customization/palette/CustomColor.js | 0 .../customization/palette/CustomColor.tsx | 0 .../palette/CustomColor.tsx.preview | 0 .../customization/palette/Intentions.js | 0 .../customization/palette/Palette.js | 0 .../customization/palette/Palette.tsx | 0 .../customization/palette/Palette.tsx.preview | 0 .../palette/ToggleColorMode.tsx.preview | 0 .../customization/palette/palette-pt.md | 38 +- .../customization/palette/palette-zh.md | 8 +- .../customization/palette/palette.md | 6 +- .../customization/spacing/spacing-pt.md | 0 .../customization/spacing/spacing-zh.md | 2 +- .../customization/spacing/spacing.md | 0 .../theme-components/DefaultProps.js | 0 .../theme-components/DefaultProps.tsx | 0 .../theme-components/DefaultProps.tsx.preview | 0 .../theme-components/GlobalCss.js | 0 .../theme-components/GlobalCss.tsx | 0 .../theme-components/GlobalThemeOverride.js | 0 .../theme-components/GlobalThemeOverride.tsx | 0 .../GlobalThemeOverride.tsx.preview | 0 .../GlobalThemeOverrideCallback.js | 0 .../GlobalThemeOverrideCallback.tsx | 0 .../theme-components/GlobalThemeOverrideSx.js | 0 .../GlobalThemeOverrideSx.tsx | 0 .../GlobalThemeOverrideSx.tsx.preview | 0 .../theme-components/GlobalThemeVariants.js | 0 .../theme-components/GlobalThemeVariants.tsx | 0 .../GlobalThemeVariants.tsx.preview | 0 .../theme-components/ThemeVariables.js | 0 .../theme-components/ThemeVariables.tsx | 0 .../ThemeVariables.tsx.preview | 0 .../theme-components/theme-components-pt.md | 8 +- .../theme-components/theme-components-zh.md | 18 +- .../theme-components/theme-components.md | 12 +- .../customization/theming/CustomStyles.js | 0 .../customization/theming/CustomStyles.tsx | 0 .../theming/CustomStyles.tsx.preview | 0 .../customization/theming/ThemeNesting.js | 0 .../customization/theming/ThemeNesting.tsx | 0 .../theming/ThemeNesting.tsx.preview | 0 .../theming/ThemeNestingExtend.js | 0 .../theming/ThemeNestingExtend.tsx | 0 .../customization/theming/theming-pt.md | 17 +- .../customization/theming/theming-zh.md | 19 +- .../customization/theming/theming.md | 15 +- .../transitions/TransitionHover.js | 0 .../transitions/TransitionHover.tsx | 0 .../transitions/TransitionHover.tsx.preview | 0 .../transitions/transitions-pt.md | 2 +- .../transitions/transitions-zh.md | 3 +- .../customization/transitions/transitions.md | 2 +- .../typography/CustomResponsiveFontSizes.js | 0 .../typography/CustomResponsiveFontSizes.tsx | 0 .../CustomResponsiveFontSizes.tsx.preview | 0 .../customization/typography/FontSizeTheme.js | 0 .../typography/FontSizeTheme.tsx | 0 .../typography/FontSizeTheme.tsx.preview | 0 .../typography/ResponsiveFontSizes.js | 0 .../typography/ResponsiveFontSizes.tsx | 0 .../ResponsiveFontSizes.tsx.preview | 0 .../typography/ResponsiveFontSizesChart.js | 0 .../typography/TypographyCustomVariant.js | 0 .../typography/TypographyCustomVariant.tsx | 0 .../TypographyCustomVariant.tsx.preview | 0 .../typography/TypographyVariants.js | 0 .../typography/TypographyVariants.tsx | 0 .../typography/TypographyVariants.tsx.preview | 0 .../customization/typography/typography-pt.md | 14 +- .../customization/typography/typography-zh.md | 18 +- .../customization/typography/typography.md | 12 +- .../unstyled-components/StylingCustomCss.js | 0 .../unstyled-components/StylingCustomCss.tsx | 0 .../StylingCustomCss.tsx.preview | 0 .../unstyled-components/StylingHooks.js | 0 .../unstyled-components/StylingHooks.tsx | 0 .../StylingHooks.tsx.preview | 0 .../unstyled-components/StylingSlots.js | 0 .../unstyled-components/StylingSlots.tsx | 0 .../StylingSlots.tsx.preview | 0 .../unstyled-components-pt.md | 6 +- .../unstyled-components-zh.md | 6 +- .../unstyled-components.md | 6 +- .../customization/z-index/z-index-pt.md | 0 .../customization/z-index/z-index-zh.md | 0 .../customization/z-index/z-index.md | 0 .../discover-more/backers/backers.md | 0 .../discover-more/changelog/changelog-pt.md | 0 .../discover-more/changelog/changelog-zh.md | 0 .../discover-more/changelog/changelog.md | 0 .../discover-more/languages/Languages.js | 0 .../discover-more/languages/languages-pt.md | 2 +- .../discover-more/languages/languages-zh.md | 2 +- .../discover-more/languages/languages.md | 2 +- .../related-projects/related-projects-pt.md | 0 .../related-projects/related-projects-zh.md | 2 +- .../related-projects/related-projects.md | 0 .../discover-more/roadmap/roadmap.md | 63 ++-- .../discover-more/showcase/Showcase.js | 0 .../discover-more/showcase/appList.js | 0 .../discover-more/showcase/showcase-pt.md | 2 +- .../discover-more/showcase/showcase-zh.md | 4 +- .../discover-more/showcase/showcase.md | 2 +- .../discover-more/vision/vision-pt.md | 0 .../discover-more/vision/vision-zh.md | 0 .../material}/discover-more/vision/vision.md | 0 .../example-projects/example-projects-pt.md | 0 .../example-projects/example-projects-zh.md | 2 +- .../example-projects/example-projects.md | 0 .../material}/getting-started/faq/faq-pt.md | 20 +- .../material}/getting-started/faq/faq-zh.md | 0 .../material}/getting-started/faq/faq.md | 0 .../installation/installation-pt.md | 10 +- .../installation/installation-zh.md | 11 +- .../installation/installation.md | 0 .../getting-started/learn/learn-pt.md | 0 .../getting-started/learn/learn-zh.md | 2 +- .../material}/getting-started/learn/learn.md | 0 .../getting-started/support/support-pt.md | 0 .../getting-started/support/support-zh.md | 4 +- .../getting-started/support/support.md | 0 .../supported-components-pt.md | 12 +- .../supported-components-zh.md | 14 +- .../supported-components.md | 0 .../supported-platforms-pt.md | 7 +- .../supported-platforms-zh.md | 9 +- .../supported-platforms.md | 7 +- .../getting-started/templates/.eslintrc.js | 0 .../getting-started/templates/Templates.js | 18 +- .../getting-started/templates/album/Album.js | 0 .../getting-started/templates/album/Album.tsx | 0 .../getting-started/templates/album/README.md | 0 .../getting-started/templates/blog/Blog.js | 0 .../getting-started/templates/blog/Blog.tsx | 0 .../templates/blog/FeaturedPost.js | 0 .../templates/blog/FeaturedPost.tsx | 0 .../getting-started/templates/blog/Footer.js | 0 .../getting-started/templates/blog/Footer.tsx | 0 .../templates/blog/Footer.tsx.preview | 0 .../getting-started/templates/blog/Header.js | 0 .../getting-started/templates/blog/Header.tsx | 0 .../getting-started/templates/blog/Main.js | 0 .../getting-started/templates/blog/Main.tsx | 0 .../templates/blog/MainFeaturedPost.js | 0 .../templates/blog/MainFeaturedPost.tsx | 0 .../templates/blog/Markdown.js | 0 .../templates/blog/Markdown.tsx | 0 .../templates/blog/Markdown.tsx.preview | 0 .../getting-started/templates/blog/README.md | 0 .../getting-started/templates/blog/Sidebar.js | 0 .../templates/blog/Sidebar.tsx | 0 .../templates/blog/blog-post.1.md | 0 .../templates/blog/blog-post.2.md | 0 .../templates/blog/blog-post.3.md | 0 .../templates/checkout/AddressForm.js | 0 .../templates/checkout/AddressForm.tsx | 0 .../templates/checkout/Checkout.js | 0 .../templates/checkout/Checkout.tsx | 0 .../templates/checkout/PaymentForm.js | 0 .../templates/checkout/PaymentForm.tsx | 0 .../templates/checkout/README.md | 0 .../templates/checkout/Review.js | 0 .../templates/checkout/Review.tsx | 0 .../templates/dashboard/Chart.js | 0 .../templates/dashboard/Chart.tsx | 0 .../templates/dashboard/Dashboard.js | 0 .../templates/dashboard/Dashboard.tsx | 0 .../templates/dashboard/Dashboard.tsx.preview | 0 .../templates/dashboard/Deposits.js | 0 .../templates/dashboard/Deposits.tsx | 0 .../templates/dashboard/Deposits.tsx.preview | 0 .../templates/dashboard/Orders.js | 0 .../templates/dashboard/Orders.tsx | 0 .../templates/dashboard/README.md | 0 .../templates/dashboard/Title.js | 0 .../templates/dashboard/Title.tsx | 0 .../templates/dashboard/Title.tsx.preview | 0 .../templates/dashboard/listItems.js | 0 .../templates/dashboard/listItems.tsx | 0 .../templates/pricing/Pricing.js | 0 .../templates/pricing/Pricing.tsx | 0 .../templates/pricing/Pricing.tsx.preview | 0 .../templates/pricing/README.md | 0 .../templates/sign-in-side/README.md | 0 .../templates/sign-in-side/SignInSide.js | 0 .../templates/sign-in-side/SignInSide.tsx | 0 .../templates/sign-in/README.md | 0 .../templates/sign-in/SignIn.js | 0 .../templates/sign-in/SignIn.tsx | 0 .../templates/sign-up/README.md | 0 .../templates/sign-up/SignUp.js | 0 .../templates/sign-up/SignUp.tsx | 0 .../templates/sticky-footer/README.md | 0 .../templates/sticky-footer/StickyFooter.js | 0 .../templates/sticky-footer/StickyFooter.tsx | 0 .../getting-started/templates/templates-pt.md | 3 +- .../getting-started/templates/templates-zh.md | 5 +- .../getting-started/templates/templates.md | 3 +- .../material}/getting-started/usage/Usage.js | 0 .../getting-started/usage/usage-pt.md | 2 +- .../getting-started/usage/usage-zh.md | 4 +- .../material}/getting-started/usage/usage.md | 2 +- .../material}/guides/api/api-pt.md | 18 +- .../material}/guides/api/api-zh.md | 21 +- .../pages => data/material}/guides/api/api.md | 0 .../classname-generator-pt.md | 0 .../classname-generator-zh.md | 16 +- .../classname-generator.md | 0 .../guides/composition/Composition.js | 0 .../guides/composition/Composition.tsx | 0 .../composition/Composition.tsx.preview | 0 .../guides/composition/composition-pt.md | 13 +- .../guides/composition/composition-zh.md | 14 +- .../guides/composition/composition.md | 2 +- .../content-security-policy-pt.md | 0 .../content-security-policy-zh.md | 4 +- .../content-security-policy.md | 0 .../material}/guides/flow/flow-pt.md | 0 .../material}/guides/flow/flow-zh.md | 0 .../material}/guides/flow/flow.md | 0 .../guides/interoperability/EmotionCSS.js | 0 .../guides/interoperability/EmotionCSS.tsx | 0 .../interoperability/EmotionCSS.tsx.preview | 0 .../interoperability/StyledComponents.js | 0 .../interoperability/StyledComponents.tsx | 0 .../StyledComponents.tsx.preview | 0 .../interoperability/StyledComponentsDeep.js | 0 .../interoperability/StyledComponentsDeep.tsx | 0 .../StyledComponentsDeep.tsx.preview | 0 .../StyledComponentsPortal.js | 0 .../StyledComponentsPortal.tsx | 0 .../StyledComponentsPortal.tsx.preview | 0 .../interoperability/StyledComponentsTheme.js | 0 .../StyledComponentsTheme.tsx | 0 .../StyledComponentsTheme.tsx.preview | 0 .../interoperability/interoperability-pt.md | 22 +- .../interoperability/interoperability-zh.md | 26 +- .../interoperability/interoperability.md | 20 +- .../material}/guides/localization/Locales.js | 0 .../material}/guides/localization/Locales.tsx | 0 .../guides/localization/localization-pt.md | 93 +++++ .../guides/localization/localization-zh.md | 93 +++++ .../guides/localization/localization.md | 98 +++++ .../guides/migration-v0x/migration-v0x-pt.md | 2 +- .../guides/migration-v0x/migration-v0x-zh.md | 6 +- .../guides/migration-v0x/migration-v0x.md | 0 .../guides/migration-v3/migration-v3-pt.md | 6 +- .../guides/migration-v3/migration-v3-zh.md | 24 +- .../guides/migration-v3/migration-v3.md | 0 .../guides/migration-v4/migration-v4-pt.md | 316 ++++++++-------- .../guides/migration-v4/migration-v4-zh.md | 354 +++++++++--------- .../guides/migration-v4/migration-v4.md | 0 .../minimizing-bundle-size-pt.md | 0 .../minimizing-bundle-size-zh.md | 10 +- .../minimizing-bundle-size.md | 0 .../pickers-migration/pickers-migration-pt.md | 3 +- .../pickers-migration/pickers-migration-zh.md | 7 +- .../pickers-migration/pickers-migration.md | 0 .../guides/responsive-ui/responsive-ui-pt.md | 0 .../guides/responsive-ui/responsive-ui-zh.md | 0 .../guides/responsive-ui/responsive-ui.md | 0 .../guides/right-to-left/Direction.js | 0 .../guides/right-to-left/Direction.tsx | 0 .../right-to-left/Direction.tsx.preview | 0 .../guides/right-to-left/RtlOptOutStylis.js | 0 .../guides/right-to-left/RtlOptOutStylis.tsx | 0 .../right-to-left/RtlOptOutStylis.tsx.preview | 0 .../guides/right-to-left/right-to-left-pt.md | 4 +- .../guides/right-to-left/right-to-left-zh.md | 6 +- .../guides/right-to-left/right-to-left.md | 4 +- .../material}/guides/routing/ButtonDemo.js | 0 .../material}/guides/routing/ButtonDemo.tsx | 0 .../guides/routing/ButtonDemo.tsx.preview | 0 .../material}/guides/routing/ButtonRouter.js | 0 .../material}/guides/routing/ButtonRouter.tsx | 0 .../guides/routing/ButtonRouter.tsx.preview | 0 .../material}/guides/routing/LinkDemo.js | 0 .../material}/guides/routing/LinkDemo.tsx | 0 .../guides/routing/LinkDemo.tsx.preview | 0 .../material}/guides/routing/LinkRouter.js | 0 .../material}/guides/routing/LinkRouter.tsx | 0 .../guides/routing/LinkRouter.tsx.preview | 0 .../guides/routing/LinkRouterWithTheme.js | 0 .../guides/routing/LinkRouterWithTheme.tsx | 0 .../routing/LinkRouterWithTheme.tsx.preview | 0 .../material}/guides/routing/ListRouter.js | 0 .../material}/guides/routing/ListRouter.tsx | 0 .../material}/guides/routing/TabsRouter.js | 0 .../material}/guides/routing/TabsRouter.tsx | 0 .../guides/routing/TabsRouter.tsx.preview | 0 .../material}/guides/routing/routing-pt.md | 14 +- .../material}/guides/routing/routing-zh.md | 17 +- .../material}/guides/routing/routing.md | 14 +- .../server-rendering/server-rendering-pt.md | 5 +- .../server-rendering/server-rendering-zh.md | 0 .../server-rendering/server-rendering.md | 0 .../guides/styled-engine/styled-engine-pt.md | 0 .../guides/styled-engine/styled-engine-zh.md | 5 +- .../guides/styled-engine/styled-engine.md | 0 .../material}/guides/testing/testing-pt.md | 0 .../material}/guides/testing/testing-zh.md | 0 .../material}/guides/testing/testing.md | 0 .../guides/typescript/typescript-pt.md | 0 .../guides/typescript/typescript-zh.md | 0 .../material}/guides/typescript/typescript.md | 0 .../understand-mui-packages-pt.md | 6 +- .../understand-mui-packages-zh.md | 6 +- .../understand-mui-packages.md | 2 + docs/data/material/pages.ts | 2 +- docs/data/material/pagesApi.js | 163 +++++++- .../styles/advanced/GlobalCss.js | 0 .../styles/advanced/GlobalCss.tsx | 0 .../styles/advanced/GlobalCss.tsx.preview | 0 .../styles/advanced/HybridGlobalCss.js | 0 .../styles/advanced/HybridGlobalCss.tsx | 0 .../advanced/HybridGlobalCss.tsx.preview | 0 .../styles/advanced/StringTemplates.js | 0 .../styles/advanced/ThemeNesting.js | 0 .../styles/advanced/ThemeNesting.tsx | 0 .../pages => data}/styles/advanced/Theming.js | 0 .../styles/advanced/Theming.tsx | 0 .../styles/advanced/Theming.tsx.preview | 0 .../styles/advanced/UseTheme.js | 0 .../styles/advanced/UseTheme.tsx | 0 .../styles/advanced/UseTheme.tsx.preview | 0 .../styles/advanced/WithTheme.js | 0 .../styles/advanced/WithTheme.tsx | 0 .../styles/advanced/advanced-pt.md | 74 ++-- .../styles/advanced/advanced-zh.md | 19 +- .../styles/advanced/advanced.md | 14 +- docs/{src/pages => data}/styles/api/api-pt.md | 50 +-- docs/{src/pages => data}/styles/api/api-zh.md | 52 +-- docs/{src/pages => data}/styles/api/api.md | 0 .../styles/basics/AdaptingHOC.js | 0 .../styles/basics/AdaptingHOC.tsx | 0 .../styles/basics/AdaptingHOC.tsx.preview | 0 .../styles/basics/AdaptingHook.js | 0 .../styles/basics/AdaptingHook.tsx | 0 .../styles/basics/AdaptingHook.tsx.preview | 0 .../styles/basics/AdaptingStyledComponents.js | 0 .../basics/AdaptingStyledComponents.tsx | 0 .../AdaptingStyledComponents.tsx.preview | 0 .../styles/basics/HigherOrderComponent.js | 0 .../styles/basics/HigherOrderComponent.tsx | 0 .../{src/pages => data}/styles/basics/Hook.js | 0 .../pages => data}/styles/basics/Hook.tsx | 0 .../styles/basics/Hook.tsx.preview | 0 .../styles/basics/NestedStylesHook.js | 0 .../styles/basics/NestedStylesHook.tsx | 0 .../basics/NestedStylesHook.tsx.preview | 0 .../styles/basics/StressTest.js | 0 .../styles/basics/StressTest.tsx | 0 .../styles/basics/StyledComponents.js | 0 .../styles/basics/StyledComponents.tsx | 0 .../basics/StyledComponents.tsx.preview | 0 .../pages => data}/styles/basics/basics-pt.md | 29 +- .../pages => data}/styles/basics/basics-zh.md | 24 +- .../pages => data}/styles/basics/basics.md | 16 +- .../styles/typescript/typescript-pt.md | 0 .../styles/typescript/typescript-zh.md | 0 .../styles/typescript/typescript.md | 0 .../advanced/CombiningStyleFunctionsDemo.js | 0 .../advanced/CombiningStyleFunctionsDemo.tsx | 0 .../CombiningStyleFunctionsDemo.tsx.preview | 0 .../system/advanced/StyleFunctionSxDemo.js | 0 .../system/advanced/StyleFunctionSxDemo.tsx | 0 .../advanced/StyleFunctionSxDemo.tsx.preview | 0 .../system/advanced/advanced-pt.md | 4 +- .../system/advanced/advanced-zh.md | 4 +- .../system/advanced/advanced.md | 4 +- .../system/basics/BreakpointsAsArray.js | 0 .../system/basics/BreakpointsAsArray.tsx | 0 .../basics/BreakpointsAsArray.tsx.preview | 0 .../system/basics/BreakpointsAsObject.js | 0 .../system/basics/BreakpointsAsObject.tsx | 0 .../basics/BreakpointsAsObject.tsx.preview | 0 .../{src/pages => data}/system/basics/Demo.js | 0 .../pages => data}/system/basics/Demo.tsx | 0 .../system/basics/SxProp.tsx.preview | 0 .../system/basics/ValueAsFunction.js | 0 .../system/basics/ValueAsFunction.tsx | 0 .../system/basics/ValueAsFunction.tsx.preview | 0 docs/{src/pages => data}/system/basics/Why.js | 0 .../{src/pages => data}/system/basics/Why.tsx | 0 .../pages => data}/system/basics/basics-pt.md | 18 +- .../pages => data}/system/basics/basics-zh.md | 40 +- .../pages => data}/system/basics/basics.md | 10 +- .../system/borders/BorderAdditive.js | 0 .../system/borders/BorderAdditive.tsx | 0 .../system/borders/BorderAdditive.tsx.preview | 0 .../system/borders/BorderColor.js | 0 .../system/borders/BorderColor.tsx | 0 .../system/borders/BorderColor.tsx.preview | 0 .../system/borders/BorderRadius.js | 0 .../system/borders/BorderRadius.tsx | 0 .../system/borders/BorderRadius.tsx.preview | 0 .../system/borders/BorderSubtractive.js | 0 .../system/borders/BorderSubtractive.tsx | 0 .../borders/BorderSubtractive.tsx.preview | 0 .../system/borders/borders-pt.md | 10 +- .../system/borders/borders-zh.md | 12 +- .../pages => data}/system/borders/borders.md | 8 +- .../pages => data}/system/box/BoxComponent.js | 0 .../system/box/BoxComponent.tsx | 0 .../system/box/BoxComponent.tsx.preview | 0 docs/{src/pages => data}/system/box/BoxSx.js | 0 docs/{src/pages => data}/system/box/BoxSx.tsx | 0 docs/{src/pages => data}/system/box/box-pt.md | 12 +- docs/{src/pages => data}/system/box/box-zh.md | 12 +- docs/{src/pages => data}/system/box/box.md | 4 +- .../pages => data}/system/display/Block.js | 0 .../pages => data}/system/display/Block.tsx | 0 .../pages => data}/system/display/Hiding.js | 0 .../pages => data}/system/display/Hiding.tsx | 0 .../pages => data}/system/display/Inline.js | 0 .../pages => data}/system/display/Inline.tsx | 0 .../pages => data}/system/display/Overflow.js | 0 .../system/display/Overflow.tsx | 0 .../pages => data}/system/display/Print.js | 0 .../pages => data}/system/display/Print.tsx | 0 .../system/display/TextOverflow.js | 0 .../system/display/TextOverflow.tsx | 0 .../system/display/Visibility.js | 0 .../system/display/Visibility.tsx | 0 .../system/display/WhiteSpace.js | 0 .../system/display/WhiteSpace.tsx | 0 .../system/display/display-pt.md | 20 +- .../system/display/display-zh.md | 36 +- .../pages => data}/system/display/display.md | 16 +- .../system/flexbox/AlignContent.js | 0 .../system/flexbox/AlignContent.tsx | 0 .../system/flexbox/AlignItems.js | 0 .../system/flexbox/AlignItems.tsx | 0 .../system/flexbox/AlignSelf.js | 0 .../system/flexbox/AlignSelf.tsx | 0 .../system/flexbox/AlignSelf.tsx.preview | 0 .../pages => data}/system/flexbox/Display.js | 0 .../pages => data}/system/flexbox/Display.tsx | 0 .../system/flexbox/FlexDirection.js | 0 .../system/flexbox/FlexDirection.tsx | 0 .../pages => data}/system/flexbox/FlexGrow.js | 0 .../system/flexbox/FlexGrow.tsx | 0 .../system/flexbox/FlexGrow.tsx.preview | 0 .../system/flexbox/FlexShrink.js | 0 .../system/flexbox/FlexShrink.tsx | 0 .../system/flexbox/FlexShrink.tsx.preview | 0 .../pages => data}/system/flexbox/FlexWrap.js | 0 .../system/flexbox/FlexWrap.tsx | 0 .../system/flexbox/JustifyContent.js | 0 .../system/flexbox/JustifyContent.tsx | 0 .../pages => data}/system/flexbox/Order.js | 0 .../pages => data}/system/flexbox/Order.tsx | 0 .../system/flexbox/Order.tsx.preview | 0 .../system/flexbox/flexbox-pt.md | 22 +- .../system/flexbox/flexbox-zh.md | 24 +- .../pages => data}/system/flexbox/flexbox.md | 20 +- .../pages => data}/system/grid/Display.js | 0 .../pages => data}/system/grid/Display.tsx | 0 docs/{src/pages => data}/system/grid/Gap.js | 0 docs/{src/pages => data}/system/grid/Gap.tsx | 0 .../system/grid/Gap.tsx.preview | 0 .../system/grid/GridAutoColumns.js | 0 .../system/grid/GridAutoColumns.tsx | 0 .../system/grid/GridAutoColumns.tsx.preview | 0 .../system/grid/GridAutoFlow.js | 0 .../system/grid/GridAutoFlow.tsx | 0 .../system/grid/GridAutoFlow.tsx.preview | 0 .../system/grid/GridAutoRows.js | 0 .../system/grid/GridAutoRows.tsx | 0 .../system/grid/GridAutoRows.tsx.preview | 0 .../system/grid/GridTemplateAreas.js | 0 .../system/grid/GridTemplateAreas.tsx | 0 .../system/grid/GridTemplateAreas.tsx.preview | 0 .../system/grid/GridTemplateColumns.js | 0 .../system/grid/GridTemplateColumns.tsx | 0 .../grid/GridTemplateColumns.tsx.preview | 0 .../system/grid/GridTemplateRows.js | 0 .../system/grid/GridTemplateRows.tsx | 0 .../system/grid/GridTemplateRows.tsx.preview | 0 .../system/grid/RowAndColumnGap.js | 0 .../system/grid/RowAndColumnGap.tsx | 0 .../system/grid/RowAndColumnGap.tsx.preview | 0 .../pages => data}/system/grid/grid-pt.md | 20 +- .../pages => data}/system/grid/grid-zh.md | 22 +- docs/{src/pages => data}/system/grid/grid.md | 18 +- .../system/palette/BackgroundColor.js | 0 .../system/palette/BackgroundColor.tsx | 0 .../pages => data}/system/palette/Color.js | 0 .../pages => data}/system/palette/Color.tsx | 0 .../system/palette/Color.tsx.preview | 0 .../system/palette/palette-pt.md | 6 +- .../system/palette/palette-zh.md | 8 +- .../pages => data}/system/palette/palette.md | 4 +- .../pages => data}/system/positions/ZIndex.js | 0 .../system/positions/ZIndex.tsx | 0 .../system/positions/positions-pt.md | 4 +- .../system/positions/positions-zh.md | 6 +- .../system/positions/positions.md | 2 +- .../system/properties/properties-pt.md | 4 +- .../system/properties/properties-zh.md | 8 +- .../system/properties/properties.md | 0 .../screen-readers/VisuallyHiddenUsage.js | 0 .../screen-readers/VisuallyHiddenUsage.tsx | 0 .../VisuallyHiddenUsage.tsx.preview | 0 .../screen-readers/screen-readers-pt.md | 2 +- .../screen-readers/screen-readers-zh.md | 2 +- .../system/screen-readers/screen-readers.md | 2 +- .../pages => data}/system/shadows/Demo.js | 0 .../pages => data}/system/shadows/Demo.tsx | 0 .../system/shadows/shadows-pt.md | 4 +- .../system/shadows/shadows-zh.md | 8 +- .../pages => data}/system/shadows/shadows.md | 2 +- .../pages => data}/system/sizing/Height.js | 0 .../pages => data}/system/sizing/Height.tsx | 0 .../pages => data}/system/sizing/Values.js | 0 .../pages => data}/system/sizing/Values.tsx | 0 .../pages => data}/system/sizing/Width.js | 0 .../pages => data}/system/sizing/Width.tsx | 0 .../pages => data}/system/sizing/sizing-pt.md | 8 +- .../pages => data}/system/sizing/sizing-zh.md | 10 +- .../pages => data}/system/sizing/sizing.md | 6 +- .../pages => data}/system/spacing/Demo.js | 0 .../pages => data}/system/spacing/Demo.tsx | 0 .../system/spacing/HorizontalCentering.js | 0 .../system/spacing/HorizontalCentering.tsx | 0 .../system/spacing/spacing-pt.md | 26 +- .../system/spacing/spacing-zh.md | 24 +- .../pages => data}/system/spacing/spacing.md | 4 +- .../system/styled/BasicUsage.js | 0 .../system/styled/BasicUsage.tsx | 0 .../system/styled/BasicUsage.tsx.preview | 0 .../system/styled/ThemeUsage.js | 0 .../system/styled/ThemeUsage.tsx | 0 .../system/styled/ThemeUsage.tsx.preview | 0 .../system/styled/UsingOptions.js | 0 .../system/styled/UsingOptions.tsx | 0 .../system/styled/UsingOptions.tsx.preview | 0 .../system/styled/UsingWithSx.js | 0 .../system/styled/UsingWithSx.tsx | 0 .../system/styled/UsingWithSx.tsx.preview | 0 .../pages => data}/system/styled/styled-pt.md | 8 +- .../pages => data}/system/styled/styled-zh.md | 16 +- .../pages => data}/system/styled/styled.md | 8 +- .../system/the-sx-prop/Example.js | 0 .../system/the-sx-prop/Example.tsx | 0 .../system/the-sx-prop/PassingSxProp.js | 0 .../system/the-sx-prop/PassingSxProp.tsx | 0 .../the-sx-prop/PassingSxProp.tsx.preview | 0 .../system/the-sx-prop/the-sx-prop-pt.md | 6 +- .../system/the-sx-prop/the-sx-prop-zh.md | 10 +- .../system/the-sx-prop/the-sx-prop.md | 4 +- .../system/typography/FontFamily.js | 0 .../system/typography/FontFamily.tsx | 0 .../system/typography/FontFamily.tsx.preview | 0 .../system/typography/FontSize.js | 0 .../system/typography/FontSize.tsx | 0 .../system/typography/FontSize.tsx.preview | 0 .../system/typography/FontStyle.js | 0 .../system/typography/FontStyle.tsx | 0 .../system/typography/FontStyle.tsx.preview | 0 .../system/typography/FontWeight.js | 0 .../system/typography/FontWeight.tsx | 0 .../system/typography/FontWeight.tsx.preview | 0 .../system/typography/LetterSpacing.js | 0 .../system/typography/LetterSpacing.tsx | 0 .../typography/LetterSpacing.tsx.preview | 0 .../system/typography/LineHeight.js | 0 .../system/typography/LineHeight.tsx | 0 .../system/typography/LineHeight.tsx.preview | 0 .../system/typography/TextAlignment.js | 0 .../system/typography/TextAlignment.tsx | 0 .../typography/TextAlignment.tsx.preview | 0 .../system/typography/TextTransform.js | 0 .../system/typography/TextTransform.tsx | 0 .../typography/TextTransform.tsx.preview | 0 .../system/typography/Variant.js | 0 .../system/typography/Variant.tsx | 0 .../system/typography/Variant.tsx.preview | 0 .../system/typography/typography-pt.md | 18 +- .../system/typography/typography-zh.md | 20 +- .../system/typography/typography.md | 18 +- docs/pages/_app.js | 15 +- docs/pages/base/api/backdrop-unstyled.js | 23 ++ docs/pages/base/api/backdrop-unstyled.json | 28 ++ docs/pages/base/api/badge-unstyled.js | 23 ++ docs/pages/base/api/badge-unstyled.json | 59 +++ docs/pages/base/api/button-unstyled.js | 23 ++ docs/pages/base/api/button-unstyled.json | 24 ++ docs/pages/base/api/click-away-listener.js | 23 ++ docs/pages/base/api/click-away-listener.json | 28 ++ docs/pages/base/api/form-control-unstyled.js | 23 ++ .../pages/base/api/form-control-unstyled.json | 23 ++ docs/pages/base/api/input-unstyled.js | 23 ++ docs/pages/base/api/input-unstyled.json | 43 +++ docs/pages/base/api/modal-unstyled.js | 23 ++ docs/pages/base/api/modal-unstyled.json | 42 +++ docs/pages/base/api/multi-select-unstyled.js | 23 ++ .../pages/base/api/multi-select-unstyled.json | 35 ++ docs/pages/base/api/no-ssr.js | 19 + docs/pages/base/api/no-ssr.json | 14 + docs/pages/base/api/option-group-unstyled.js | 23 ++ .../pages/base/api/option-group-unstyled.json | 29 ++ docs/pages/base/api/option-unstyled.js | 23 ++ docs/pages/base/api/option-unstyled.json | 23 ++ docs/pages/base/api/popper-unstyled.js | 23 ++ docs/pages/base/api/popper-unstyled.json | 49 +++ docs/pages/base/api/portal.js | 19 + docs/pages/base/api/portal.json | 14 + docs/pages/base/api/select-unstyled.js | 23 ++ docs/pages/base/api/select-unstyled.json | 35 ++ docs/pages/base/api/slider-unstyled.js | 23 ++ docs/pages/base/api/slider-unstyled.json | 122 ++++++ docs/pages/base/api/switch-unstyled.js | 23 ++ docs/pages/base/api/switch-unstyled.json | 34 ++ docs/pages/base/api/tab-panel-unstyled.js | 23 ++ docs/pages/base/api/tab-panel-unstyled.json | 26 ++ docs/pages/base/api/tab-unstyled.js | 23 ++ docs/pages/base/api/tab-unstyled.json | 30 ++ .../base/api/table-pagination-unstyled.js | 23 ++ .../base/api/table-pagination-unstyled.json | 48 +++ docs/pages/base/api/tabs-list-unstyled.js | 23 ++ docs/pages/base/api/tabs-list-unstyled.json | 22 ++ docs/pages/base/api/tabs-unstyled.js | 23 ++ docs/pages/base/api/tabs-unstyled.json | 44 +++ docs/pages/base/api/textarea-autosize.js | 23 ++ docs/pages/base/api/textarea-autosize.json | 17 + docs/pages/base/api/unstable-trap-focus.js | 23 ++ docs/pages/base/api/unstable-trap-focus.json | 21 ++ docs/pages/blog/2021.md | 6 +- docs/pages/components/about-the-lab.js | 2 +- docs/pages/components/accordion.js | 2 +- docs/pages/components/alert.js | 2 +- docs/pages/components/app-bar.js | 2 +- docs/pages/components/autocomplete.js | 2 +- docs/pages/components/avatars.js | 2 +- docs/pages/components/backdrop.js | 2 +- docs/pages/components/badges.js | 2 +- docs/pages/components/bottom-navigation.js | 2 +- docs/pages/components/box.js | 6 +- docs/pages/components/breadcrumbs.js | 2 +- docs/pages/components/button-group.js | 2 +- docs/pages/components/buttons.js | 2 +- docs/pages/components/cards.js | 2 +- docs/pages/components/checkboxes.js | 2 +- docs/pages/components/chips.js | 2 +- docs/pages/components/click-away-listener.js | 2 +- docs/pages/components/container.js | 2 +- docs/pages/components/css-baseline.js | 2 +- docs/pages/components/date-picker.js | 2 +- docs/pages/components/date-range-picker.js | 2 +- docs/pages/components/date-time-picker.js | 2 +- docs/pages/components/dialogs.js | 2 +- docs/pages/components/dividers.js | 2 +- docs/pages/components/drawers.js | 2 +- .../components/floating-action-button.js | 2 +- docs/pages/components/grid.js | 6 +- docs/pages/components/hidden.js | 2 +- docs/pages/components/icons.js | 2 +- docs/pages/components/image-list.js | 2 +- docs/pages/components/links.js | 2 +- docs/pages/components/lists.js | 2 +- docs/pages/components/masonry.js | 2 +- docs/pages/components/material-icons.js | 2 +- docs/pages/components/menus.js | 2 +- docs/pages/components/modal.js | 2 +- docs/pages/components/no-ssr.js | 2 +- docs/pages/components/pagination.js | 2 +- docs/pages/components/paper.js | 2 +- docs/pages/components/pickers.js | 2 +- docs/pages/components/popover.js | 2 +- docs/pages/components/popper.js | 2 +- docs/pages/components/portal.js | 2 +- docs/pages/components/progress.js | 2 +- docs/pages/components/radio-buttons.js | 2 +- docs/pages/components/rating.js | 2 +- docs/pages/components/selects.js | 2 +- docs/pages/components/skeleton.js | 2 +- docs/pages/components/slider.js | 2 +- docs/pages/components/snackbars.js | 2 +- docs/pages/components/speed-dial.js | 2 +- docs/pages/components/stack.js | 2 +- docs/pages/components/steppers.js | 2 +- docs/pages/components/switches.js | 2 +- docs/pages/components/tables.js | 2 +- docs/pages/components/tabs.js | 6 +- docs/pages/components/text-fields.js | 2 +- docs/pages/components/textarea-autosize.js | 2 +- docs/pages/components/time-picker.js | 2 +- docs/pages/components/timeline.js | 2 +- docs/pages/components/toggle-button.js | 2 +- docs/pages/components/tooltips.js | 2 +- docs/pages/components/transfer-list.js | 2 +- docs/pages/components/transitions.js | 2 +- docs/pages/components/trap-focus.js | 2 +- docs/pages/components/tree-view.js | 2 +- docs/pages/components/typography.js | 2 +- docs/pages/components/use-media-query.js | 2 +- docs/pages/customization/breakpoints.js | 2 +- docs/pages/customization/color.js | 2 +- docs/pages/customization/dark-mode.js | 2 +- docs/pages/customization/default-theme.js | 2 +- docs/pages/customization/density.js | 2 +- docs/pages/customization/how-to-customize.js | 2 +- docs/pages/customization/palette.js | 2 +- docs/pages/customization/spacing.js | 2 +- docs/pages/customization/theme-components.js | 2 +- docs/pages/customization/theming.js | 2 +- docs/pages/customization/transitions.js | 2 +- docs/pages/customization/typography.js | 2 +- .../customization/unstyled-components.js | 2 +- docs/pages/customization/z-index.js | 2 +- docs/pages/discover-more/backers.js | 2 +- docs/pages/discover-more/changelog.js | 2 +- docs/pages/discover-more/languages.js | 2 +- docs/pages/discover-more/related-projects.js | 2 +- docs/pages/discover-more/roadmap.js | 2 +- docs/pages/discover-more/showcase.js | 2 +- docs/pages/discover-more/vision.js | 2 +- .../pages/getting-started/example-projects.js | 2 +- docs/pages/getting-started/faq.js | 2 +- docs/pages/getting-started/installation.js | 2 +- docs/pages/getting-started/learn.js | 2 +- docs/pages/getting-started/support.js | 2 +- .../getting-started/supported-components.js | 2 +- .../getting-started/supported-platforms.js | 2 +- docs/pages/getting-started/templates.js | 2 +- docs/pages/getting-started/templates/album.js | 2 +- docs/pages/getting-started/templates/blog.js | 2 +- .../getting-started/templates/checkout.js | 2 +- .../getting-started/templates/dashboard.js | 2 +- .../getting-started/templates/pricing.js | 2 +- .../getting-started/templates/sign-in-side.js | 2 +- .../getting-started/templates/sign-in.js | 2 +- .../getting-started/templates/sign-up.js | 2 +- .../templates/sticky-footer.js | 2 +- docs/pages/getting-started/usage.js | 2 +- docs/pages/guides/api.js | 2 +- docs/pages/guides/classname-generator.js | 2 +- docs/pages/guides/composition.js | 2 +- docs/pages/guides/content-security-policy.js | 2 +- docs/pages/guides/flow.js | 2 +- docs/pages/guides/interoperability.js | 2 +- docs/pages/guides/localization.js | 2 +- docs/pages/guides/migration-v0x.js | 2 +- docs/pages/guides/migration-v3.js | 2 +- docs/pages/guides/migration-v4.js | 2 +- docs/pages/guides/minimizing-bundle-size.js | 2 +- docs/pages/guides/pickers-migration.js | 2 +- docs/pages/guides/responsive-ui.js | 2 +- docs/pages/guides/right-to-left.js | 2 +- docs/pages/guides/routing.js | 2 +- docs/pages/guides/server-rendering.js | 2 +- docs/pages/guides/styled-engine.js | 2 +- docs/pages/guides/testing.js | 2 +- docs/pages/guides/typescript.js | 2 +- docs/pages/guides/understand-mui-packages.js | 2 +- docs/pages/material.tsx | 2 +- docs/pages/material/about-the-lab.js | 11 + docs/pages/material/api/accordion-actions.js | 23 ++ .../pages/material/api/accordion-actions.json | 21 ++ docs/pages/material/api/accordion-details.js | 23 ++ .../pages/material/api/accordion-details.json | 20 + docs/pages/material/api/accordion-summary.js | 23 ++ .../pages/material/api/accordion-summary.json | 39 ++ docs/pages/material/api/accordion.js | 19 + docs/pages/material/api/accordion.json | 32 ++ docs/pages/material/api/alert-title.js | 23 ++ docs/pages/material/api/alert-title.json | 20 + docs/pages/material/api/alert.js | 19 + docs/pages/material/api/alert.json | 75 ++++ docs/pages/material/api/app-bar.js | 19 + docs/pages/material/api/app-bar.json | 51 +++ docs/pages/material/api/autocomplete.js | 23 ++ docs/pages/material/api/autocomplete.json | 131 +++++++ docs/pages/material/api/avatar-group.js | 23 ++ docs/pages/material/api/avatar-group.json | 40 ++ docs/pages/material/api/avatar.js | 19 + docs/pages/material/api/avatar.json | 37 ++ docs/pages/material/api/backdrop.js | 19 + docs/pages/material/api/backdrop.json | 37 ++ docs/pages/material/api/badge.js | 19 + docs/pages/material/api/badge.json | 88 +++++ .../material/api/bottom-navigation-action.js | 23 ++ .../api/bottom-navigation-action.json | 28 ++ docs/pages/material/api/bottom-navigation.js | 23 ++ .../pages/material/api/bottom-navigation.json | 24 ++ docs/pages/material/api/breadcrumbs.js | 23 ++ docs/pages/material/api/breadcrumbs.json | 36 ++ docs/pages/material/api/button-base.js | 23 ++ docs/pages/material/api/button-base.json | 35 ++ docs/pages/material/api/button-group.js | 23 ++ docs/pages/material/api/button-group.json | 82 ++++ docs/pages/material/api/button.js | 19 + docs/pages/material/api/button.json | 90 +++++ .../material/api/calendar-picker-skeleton.js | 23 ++ .../api/calendar-picker-skeleton.json | 23 ++ docs/pages/material/api/calendar-picker.js | 23 ++ docs/pages/material/api/calendar-picker.json | 55 +++ docs/pages/material/api/card-action-area.js | 23 ++ docs/pages/material/api/card-action-area.json | 24 ++ docs/pages/material/api/card-actions.js | 23 ++ docs/pages/material/api/card-actions.json | 21 ++ docs/pages/material/api/card-content.js | 23 ++ docs/pages/material/api/card-content.json | 21 ++ docs/pages/material/api/card-header.js | 23 ++ docs/pages/material/api/card-header.json | 31 ++ docs/pages/material/api/card-media.js | 19 + docs/pages/material/api/card-media.json | 23 ++ docs/pages/material/api/card.js | 19 + docs/pages/material/api/card.json | 21 ++ docs/pages/material/api/checkbox.js | 19 + docs/pages/material/api/checkbox.json | 51 +++ docs/pages/material/api/chip.js | 19 + docs/pages/material/api/chip.json | 91 +++++ docs/pages/material/api/circular-progress.js | 23 ++ .../pages/material/api/circular-progress.json | 52 +++ docs/pages/material/api/clock-picker.js | 23 ++ docs/pages/material/api/clock-picker.json | 53 +++ docs/pages/material/api/collapse.js | 19 + docs/pages/material/api/collapse.json | 51 +++ docs/pages/material/api/container.js | 19 + docs/pages/material/api/container.json | 42 +++ docs/pages/material/api/css-baseline.js | 23 ++ docs/pages/material/api/css-baseline.json | 13 + docs/pages/material/api/date-picker.js | 23 ++ docs/pages/material/api/date-picker.json | 121 ++++++ .../material/api/date-range-picker-day.js | 23 ++ .../material/api/date-range-picker-day.json | 46 +++ docs/pages/material/api/date-range-picker.js | 23 ++ .../pages/material/api/date-range-picker.json | 117 ++++++ docs/pages/material/api/date-time-picker.js | 23 ++ docs/pages/material/api/date-time-picker.json | 137 +++++++ .../pages/material/api/desktop-date-picker.js | 23 ++ .../material/api/desktop-date-picker.json | 110 ++++++ .../material/api/desktop-date-range-picker.js | 23 ++ .../api/desktop-date-range-picker.json | 106 ++++++ .../material/api/desktop-date-time-picker.js | 23 ++ .../api/desktop-date-time-picker.json | 126 +++++++ .../pages/material/api/desktop-time-picker.js | 23 ++ .../material/api/desktop-time-picker.json | 88 +++++ docs/pages/material/api/dialog-actions.js | 23 ++ docs/pages/material/api/dialog-actions.json | 21 ++ .../pages/material/api/dialog-content-text.js | 23 ++ .../material/api/dialog-content-text.json | 20 + docs/pages/material/api/dialog-content.js | 23 ++ docs/pages/material/api/dialog-content.json | 21 ++ docs/pages/material/api/dialog-title.js | 23 ++ docs/pages/material/api/dialog-title.json | 20 + docs/pages/material/api/dialog.js | 19 + docs/pages/material/api/dialog.json | 74 ++++ docs/pages/material/api/divider.js | 19 + docs/pages/material/api/divider.json | 61 +++ docs/pages/material/api/drawer.js | 19 + docs/pages/material/api/drawer.json | 65 ++++ docs/pages/material/api/fab.js | 19 + docs/pages/material/api/fab.json | 61 +++ docs/pages/material/api/fade.js | 19 + docs/pages/material/api/fade.json | 32 ++ docs/pages/material/api/filled-input.js | 23 ++ docs/pages/material/api/filled-input.json | 81 ++++ docs/pages/material/api/form-control-label.js | 23 ++ .../material/api/form-control-label.json | 56 +++ docs/pages/material/api/form-control.js | 23 ++ docs/pages/material/api/form-control.json | 59 +++ docs/pages/material/api/form-group.js | 19 + docs/pages/material/api/form-group.json | 25 ++ docs/pages/material/api/form-helper-text.js | 23 ++ docs/pages/material/api/form-helper-text.json | 51 +++ docs/pages/material/api/form-label.js | 19 + docs/pages/material/api/form-label.json | 50 +++ docs/pages/material/api/global-styles.js | 23 ++ docs/pages/material/api/global-styles.json | 17 + docs/pages/material/api/grid.js | 19 + docs/pages/material/api/grid.json | 137 +++++++ docs/pages/material/api/grow.js | 19 + docs/pages/material/api/grow.json | 32 ++ docs/pages/material/api/hidden.js | 19 + docs/pages/material/api/hidden.json | 38 ++ docs/pages/material/api/icon-button.js | 23 ++ docs/pages/material/api/icon-button.json | 59 +++ docs/pages/material/api/icon.js | 19 + docs/pages/material/api/icon.json | 50 +++ .../pages/material/api/image-list-item-bar.js | 23 ++ .../material/api/image-list-item-bar.json | 50 +++ docs/pages/material/api/image-list-item.js | 23 ++ docs/pages/material/api/image-list-item.json | 27 ++ docs/pages/material/api/image-list.js | 19 + docs/pages/material/api/image-list.json | 38 ++ docs/pages/material/api/input-adornment.js | 23 ++ docs/pages/material/api/input-adornment.json | 47 +++ docs/pages/material/api/input-base.js | 19 + docs/pages/material/api/input-base.json | 92 +++++ docs/pages/material/api/input-label.js | 23 ++ docs/pages/material/api/input-label.json | 62 +++ docs/pages/material/api/input.js | 19 + docs/pages/material/api/input.json | 77 ++++ docs/pages/material/api/linear-progress.js | 23 ++ docs/pages/material/api/linear-progress.json | 58 +++ docs/pages/material/api/link.js | 19 + docs/pages/material/api/link.json | 48 +++ docs/pages/material/api/list-item-avatar.js | 23 ++ docs/pages/material/api/list-item-avatar.json | 24 ++ docs/pages/material/api/list-item-button.js | 23 ++ docs/pages/material/api/list-item-button.json | 49 +++ docs/pages/material/api/list-item-icon.js | 23 ++ docs/pages/material/api/list-item-icon.json | 24 ++ .../api/list-item-secondary-action.js | 23 ++ .../api/list-item-secondary-action.json | 24 ++ docs/pages/material/api/list-item-text.js | 23 ++ docs/pages/material/api/list-item-text.json | 30 ++ docs/pages/material/api/list-item.js | 19 + docs/pages/material/api/list-item.json | 85 +++++ docs/pages/material/api/list-subheader.js | 23 ++ docs/pages/material/api/list-subheader.json | 35 ++ docs/pages/material/api/list.js | 19 + docs/pages/material/api/list.json | 28 ++ docs/pages/material/api/loading-button.js | 23 ++ docs/pages/material/api/loading-button.json | 87 +++++ docs/pages/material/api/masonry.js | 19 + docs/pages/material/api/masonry.json | 38 ++ docs/pages/material/api/menu-item.js | 19 + docs/pages/material/api/menu-item.json | 34 ++ docs/pages/material/api/menu-list.js | 19 + docs/pages/material/api/menu-list.json | 21 ++ docs/pages/material/api/menu.js | 19 + docs/pages/material/api/menu.json | 39 ++ docs/pages/material/api/mobile-date-picker.js | 23 ++ .../material/api/mobile-date-picker.json | 114 ++++++ .../material/api/mobile-date-range-picker.js | 23 ++ .../api/mobile-date-range-picker.json | 110 ++++++ .../material/api/mobile-date-time-picker.js | 23 ++ .../material/api/mobile-date-time-picker.json | 130 +++++++ docs/pages/material/api/mobile-stepper.js | 23 ++ docs/pages/material/api/mobile-stepper.json | 51 +++ docs/pages/material/api/mobile-time-picker.js | 23 ++ .../material/api/mobile-time-picker.json | 92 +++++ docs/pages/material/api/modal.js | 19 + docs/pages/material/api/modal.json | 47 +++ docs/pages/material/api/month-picker.js | 23 ++ docs/pages/material/api/month-picker.json | 28 ++ docs/pages/material/api/native-select.js | 23 ++ docs/pages/material/api/native-select.json | 49 +++ docs/pages/material/api/outlined-input.js | 23 ++ docs/pages/material/api/outlined-input.json | 75 ++++ docs/pages/material/api/pagination-item.js | 23 ++ docs/pages/material/api/pagination-item.json | 89 +++++ docs/pages/material/api/pagination.js | 19 + docs/pages/material/api/pagination.json | 64 ++++ docs/pages/material/api/paper.js | 19 + docs/pages/material/api/paper.json | 64 ++++ docs/pages/material/api/pickers-day.js | 23 ++ docs/pages/material/api/pickers-day.json | 41 ++ docs/pages/material/api/popover.js | 19 + docs/pages/material/api/popover.json | 64 ++++ docs/pages/material/api/popper.js | 19 + docs/pages/material/api/popper.json | 49 +++ docs/pages/material/api/radio-group.js | 23 ++ docs/pages/material/api/radio-group.json | 17 + docs/pages/material/api/radio.js | 19 + docs/pages/material/api/radio.json | 49 +++ docs/pages/material/api/rating.js | 19 + docs/pages/material/api/rating.json | 69 ++++ .../pages/material/api/scoped-css-baseline.js | 23 ++ .../material/api/scoped-css-baseline.json | 16 + docs/pages/material/api/select.js | 19 + docs/pages/material/api/select.json | 64 ++++ docs/pages/material/api/skeleton.js | 19 + docs/pages/material/api/skeleton.json | 51 +++ docs/pages/material/api/slide.js | 19 + docs/pages/material/api/slide.json | 43 +++ docs/pages/material/api/slider.js | 19 + docs/pages/material/api/slider.json | 130 +++++++ docs/pages/material/api/snackbar-content.js | 23 ++ docs/pages/material/api/snackbar-content.json | 26 ++ docs/pages/material/api/snackbar.js | 19 + docs/pages/material/api/snackbar.json | 58 +++ docs/pages/material/api/speed-dial-action.js | 23 ++ .../pages/material/api/speed-dial-action.json | 46 +++ docs/pages/material/api/speed-dial-icon.js | 23 ++ docs/pages/material/api/speed-dial-icon.json | 25 ++ docs/pages/material/api/speed-dial.js | 19 + docs/pages/material/api/speed-dial.json | 57 +++ docs/pages/material/api/stack.js | 19 + docs/pages/material/api/stack.json | 35 ++ docs/pages/material/api/static-date-picker.js | 23 ++ .../material/api/static-date-picker.json | 111 ++++++ .../material/api/static-date-range-picker.js | 23 ++ .../api/static-date-range-picker.json | 107 ++++++ .../material/api/static-date-time-picker.js | 23 ++ .../material/api/static-date-time-picker.json | 127 +++++++ docs/pages/material/api/static-time-picker.js | 23 ++ .../material/api/static-time-picker.json | 89 +++++ docs/pages/material/api/step-button.js | 23 ++ docs/pages/material/api/step-button.json | 26 ++ docs/pages/material/api/step-connector.js | 23 ++ docs/pages/material/api/step-connector.json | 38 ++ docs/pages/material/api/step-content.js | 23 ++ docs/pages/material/api/step-content.json | 33 ++ docs/pages/material/api/step-icon.js | 19 + docs/pages/material/api/step-icon.json | 27 ++ docs/pages/material/api/step-label.js | 19 + docs/pages/material/api/step-label.json | 50 +++ docs/pages/material/api/step.js | 19 + docs/pages/material/api/step.json | 30 ++ docs/pages/material/api/stepper.js | 19 + docs/pages/material/api/stepper.json | 32 ++ docs/pages/material/api/svg-icon.js | 19 + docs/pages/material/api/svg-icon.json | 54 +++ docs/pages/material/api/swipeable-drawer.js | 23 ++ docs/pages/material/api/swipeable-drawer.json | 33 ++ docs/pages/material/api/switch.js | 19 + docs/pages/material/api/switch.json | 70 ++++ docs/pages/material/api/tab-context.js | 23 ++ docs/pages/material/api/tab-context.json | 13 + docs/pages/material/api/tab-list.js | 19 + docs/pages/material/api/tab-list.json | 11 + docs/pages/material/api/tab-panel.js | 19 + docs/pages/material/api/tab-panel.json | 21 ++ docs/pages/material/api/tab-scroll-button.js | 23 ++ .../pages/material/api/tab-scroll-button.json | 33 ++ docs/pages/material/api/tab.js | 19 + docs/pages/material/api/tab.json | 49 +++ docs/pages/material/api/table-body.js | 19 + docs/pages/material/api/table-body.json | 21 ++ docs/pages/material/api/table-cell.js | 19 + docs/pages/material/api/table-cell.json | 63 ++++ docs/pages/material/api/table-container.js | 23 ++ docs/pages/material/api/table-container.json | 21 ++ docs/pages/material/api/table-footer.js | 23 ++ docs/pages/material/api/table-footer.json | 21 ++ docs/pages/material/api/table-head.js | 19 + docs/pages/material/api/table-head.json | 21 ++ docs/pages/material/api/table-pagination.js | 23 ++ docs/pages/material/api/table-pagination.json | 63 ++++ docs/pages/material/api/table-row.js | 19 + docs/pages/material/api/table-row.json | 27 ++ docs/pages/material/api/table-sort-label.js | 23 ++ docs/pages/material/api/table-sort-label.json | 31 ++ docs/pages/material/api/table.js | 19 + docs/pages/material/api/table.json | 36 ++ docs/pages/material/api/tabs.js | 19 + docs/pages/material/api/tabs.json | 77 ++++ docs/pages/material/api/text-field.js | 19 + docs/pages/material/api/text-field.json | 72 ++++ docs/pages/material/api/time-picker.js | 23 ++ docs/pages/material/api/time-picker.json | 99 +++++ docs/pages/material/api/timeline-connector.js | 23 ++ .../material/api/timeline-connector.json | 20 + docs/pages/material/api/timeline-content.js | 23 ++ docs/pages/material/api/timeline-content.json | 24 ++ docs/pages/material/api/timeline-dot.js | 23 ++ docs/pages/material/api/timeline-dot.json | 48 +++ docs/pages/material/api/timeline-item.js | 23 ++ docs/pages/material/api/timeline-item.json | 31 ++ .../material/api/timeline-opposite-content.js | 23 ++ .../api/timeline-opposite-content.json | 24 ++ docs/pages/material/api/timeline-separator.js | 23 ++ .../material/api/timeline-separator.json | 20 + docs/pages/material/api/timeline.js | 19 + docs/pages/material/api/timeline.json | 32 ++ .../pages/material/api/toggle-button-group.js | 23 ++ .../material/api/toggle-button-group.json | 47 +++ docs/pages/material/api/toggle-button.js | 23 ++ docs/pages/material/api/toggle-button.json | 54 +++ docs/pages/material/api/toolbar.js | 19 + docs/pages/material/api/toolbar.json | 33 ++ docs/pages/material/api/tooltip.js | 19 + docs/pages/material/api/tooltip.json | 79 ++++ docs/pages/material/api/tree-item.js | 19 + docs/pages/material/api/tree-item.json | 54 +++ docs/pages/material/api/tree-view.js | 19 + docs/pages/material/api/tree-view.json | 43 +++ docs/pages/material/api/typography.js | 19 + docs/pages/material/api/typography.json | 69 ++++ docs/pages/material/api/year-picker.js | 23 ++ docs/pages/material/api/year-picker.json | 14 + docs/pages/material/api/zoom.js | 19 + docs/pages/material/api/zoom.json | 32 ++ .../material/customization/breakpoints.js | 11 + docs/pages/material/customization/color.js | 11 + .../pages/material/customization/dark-mode.js | 11 + .../material/customization/default-theme.js | 11 + docs/pages/material/customization/density.js | 11 + .../customization/how-to-customize.js | 11 + docs/pages/material/customization/palette.js | 11 + docs/pages/material/customization/spacing.js | 11 + .../customization/theme-components.js | 11 + docs/pages/material/customization/theming.js | 11 + .../material/customization/transitions.js | 11 + .../material/customization/typography.js | 11 + .../customization/unstyled-components.js | 11 + docs/pages/material/customization/z-index.js | 11 + docs/pages/material/discover-more/backers.js | 11 + .../pages/material/discover-more/changelog.js | 11 + .../pages/material/discover-more/languages.js | 11 + .../discover-more/related-projects.js | 11 + docs/pages/material/discover-more/roadmap.js | 11 + docs/pages/material/discover-more/showcase.js | 11 + docs/pages/material/discover-more/vision.js | 11 + .../getting-started/example-projects.js | 11 + docs/pages/material/getting-started/faq.js | 11 + .../material/getting-started/installation.js | 11 + docs/pages/material/getting-started/learn.js | 11 + .../pages/material/getting-started/support.js | 11 + .../getting-started/supported-components.js | 11 + .../getting-started/supported-platforms.js | 11 + .../material/getting-started/templates.js | 11 + .../getting-started/templates/album.js | 11 + .../getting-started/templates/blog.js | 11 + .../getting-started/templates/checkout.js | 11 + .../getting-started/templates/dashboard.js | 11 + .../getting-started/templates/pricing.js | 11 + .../getting-started/templates/sign-in-side.js | 11 + .../getting-started/templates/sign-in.js | 11 + .../getting-started/templates/sign-up.js | 11 + .../templates/sticky-footer.js | 11 + docs/pages/material/getting-started/usage.js | 11 + docs/pages/material/guides/api.js | 7 + .../material/guides/classname-generator.js | 11 + docs/pages/material/guides/composition.js | 11 + .../guides/content-security-policy.js | 11 + docs/pages/material/guides/flow.js | 7 + .../pages/material/guides/interoperability.js | 11 + docs/pages/material/guides/localization.js | 11 + docs/pages/material/guides/migration-v0x.js | 11 + docs/pages/material/guides/migration-v3.js | 11 + docs/pages/material/guides/migration-v4.js | 11 + .../material/guides/minimizing-bundle-size.js | 11 + .../material/guides/pickers-migration.js | 11 + docs/pages/material/guides/responsive-ui.js | 11 + docs/pages/material/guides/right-to-left.js | 11 + docs/pages/material/guides/routing.js | 11 + .../pages/material/guides/server-rendering.js | 11 + docs/pages/material/guides/styled-engine.js | 11 + docs/pages/material/guides/testing.js | 11 + docs/pages/material/guides/typescript.js | 11 + .../guides/understand-mui-packages.js | 11 + docs/pages/material/icons.js | 11 + docs/pages/material/material-icons.js | 11 + docs/pages/material/pickers.js | 11 + docs/pages/material/react-accordion.js | 11 + docs/pages/material/react-alert.js | 11 + docs/pages/material/react-app-bar.js | 11 + docs/pages/material/react-autocomplete.js | 11 + docs/pages/material/react-avatar.js | 11 + docs/pages/material/react-backdrop.js | 11 + docs/pages/material/react-badge.js | 11 + .../pages/material/react-bottom-navigation.js | 11 + docs/pages/material/react-box.js | 11 + docs/pages/material/react-breadcrumbs.js | 11 + docs/pages/material/react-button-group.js | 11 + docs/pages/material/react-button.js | 11 + docs/pages/material/react-card.js | 11 + docs/pages/material/react-checkbox.js | 11 + docs/pages/material/react-chip.js | 11 + .../material/react-click-away-listener.js | 11 + docs/pages/material/react-container.js | 11 + docs/pages/material/react-css-baseline.js | 11 + docs/pages/material/react-date-picker.js | 11 + .../pages/material/react-date-range-picker.js | 11 + docs/pages/material/react-date-time-picker.js | 11 + docs/pages/material/react-dialog.js | 11 + docs/pages/material/react-divider.js | 11 + docs/pages/material/react-drawer.js | 11 + .../material/react-floating-action-button.js | 11 + docs/pages/material/react-grid.js | 11 + docs/pages/material/react-hidden.js | 11 + docs/pages/material/react-image-list.js | 11 + docs/pages/material/react-link.js | 11 + docs/pages/material/react-list.js | 11 + docs/pages/material/react-masonry.js | 11 + docs/pages/material/react-menu.js | 11 + docs/pages/material/react-modal.js | 11 + docs/pages/material/react-no-ssr.js | 11 + docs/pages/material/react-pagination.js | 11 + docs/pages/material/react-paper.js | 11 + docs/pages/material/react-popover.js | 11 + docs/pages/material/react-popper.js | 11 + docs/pages/material/react-portal.js | 11 + docs/pages/material/react-progress.js | 11 + docs/pages/material/react-radio-button.js | 11 + docs/pages/material/react-rating.js | 11 + docs/pages/material/react-select.js | 11 + docs/pages/material/react-skeleton.js | 11 + docs/pages/material/react-slider.js | 11 + docs/pages/material/react-snackbar.js | 11 + docs/pages/material/react-speed-dial.js | 11 + docs/pages/material/react-stack.js | 11 + docs/pages/material/react-stepper.js | 11 + docs/pages/material/react-switch.js | 11 + docs/pages/material/react-table.js | 11 + docs/pages/material/react-tabs.js | 11 + docs/pages/material/react-text-field.js | 11 + .../pages/material/react-textarea-autosize.js | 11 + docs/pages/material/react-time-picker.js | 11 + docs/pages/material/react-timeline.js | 11 + docs/pages/material/react-toggle-button.js | 11 + docs/pages/material/react-tooltip.js | 11 + docs/pages/material/react-transfer-list.js | 11 + docs/pages/material/react-trap-focus.js | 11 + docs/pages/material/react-tree-view.js | 11 + docs/pages/material/react-typography.js | 11 + docs/pages/material/react-use-media-query.js | 11 + docs/pages/material/transitions.js | 11 + docs/pages/styles/advanced.js | 6 +- docs/pages/styles/api.js | 2 +- docs/pages/styles/basics.js | 2 +- docs/pages/system/advanced.js | 6 +- docs/pages/system/basics.js | 2 +- docs/pages/system/borders.js | 6 +- docs/pages/system/box.js | 2 +- docs/pages/system/display.js | 6 +- docs/pages/system/flexbox.js | 6 +- docs/pages/system/grid.js | 2 +- docs/pages/system/palette.js | 6 +- docs/pages/system/positions.js | 6 +- docs/pages/system/properties.js | 2 +- docs/pages/system/screen-readers.js | 2 +- docs/pages/system/shadows.js | 6 +- docs/pages/system/sizing.js | 2 +- docs/pages/system/spacing.js | 6 +- docs/pages/system/styled.js | 2 +- docs/pages/system/styles/advanced.js | 7 + docs/pages/system/styles/api.js | 7 + docs/pages/system/styles/basics.js | 7 + docs/pages/system/the-sx-prop.js | 2 +- docs/pages/system/typography.js | 2 +- docs/scripts/buildApiUtils.ts | 4 +- docs/scripts/i18n.js | 11 +- docs/scripts/postMigration.ts | 104 ++++- docs/scripts/restructure.ts | 1 + docs/scripts/restructureUtils.test.ts | 253 +++++++++++-- docs/scripts/restructureUtils.ts | 34 +- docs/scripts/updateIconSynonyms.js | 4 +- docs/src/featureToggle.js | 2 +- docs/src/modules/components/AppLayoutDocs.js | 16 +- docs/src/modules/components/AppNavDrawer.js | 5 +- .../modules/utils/replaceHtmlLinks.test.js | 6 + docs/src/modules/utils/replaceHtmlLinks.ts | 10 +- .../utils/replaceMarkdownLinks.test.js | 12 + .../src/modules/utils/replaceMarkdownLinks.ts | 7 +- docs/src/modules/utils/replaceUrl.test.js | 7 + docs/src/modules/utils/replaceUrl.ts | 15 +- .../guides/localization/localization-pt.md | 92 ----- .../guides/localization/localization-zh.md | 92 ----- .../pages/guides/localization/localization.md | 97 ----- docs/translations/translations.json | 138 ++++++- test/e2e-website/products-drawer.spec.ts | 4 +- test/regressions/README.md | 2 +- .../fixtures/Tooltip/PositionedTooltips.js | 2 +- test/regressions/index.js | 2 +- 2930 files changed, 18842 insertions(+), 3504 deletions(-) rename docs/{src/pages => data/material}/components/.eslintrc.js (100%) rename docs/{src/pages => data/material}/components/about-the-lab/about-the-lab-pt.md (100%) rename docs/{src/pages => data/material}/components/about-the-lab/about-the-lab-zh.md (85%) rename docs/{src/pages => data/material}/components/about-the-lab/about-the-lab.md (100%) rename docs/{src/pages => data/material}/components/accordion/BasicAccordion.js (100%) rename docs/{src/pages => data/material}/components/accordion/BasicAccordion.tsx (100%) rename docs/{src/pages => data/material}/components/accordion/ControlledAccordions.js (100%) rename docs/{src/pages => data/material}/components/accordion/ControlledAccordions.tsx (100%) rename docs/{src/pages => data/material}/components/accordion/CustomizedAccordions.js (100%) rename docs/{src/pages => data/material}/components/accordion/CustomizedAccordions.tsx (100%) rename docs/{src/pages => data/material}/components/accordion/accordion-pt.md (91%) rename docs/{src/pages => data/material}/components/accordion/accordion-zh.md (90%) rename docs/{src/pages => data/material}/components/accordion/accordion.md (90%) rename docs/{src/pages => data/material}/components/alert/ActionAlerts.js (100%) rename docs/{src/pages => data/material}/components/alert/ActionAlerts.tsx (100%) rename docs/{src/pages => data/material}/components/alert/ActionAlerts.tsx.preview (100%) rename docs/{src/pages => data/material}/components/alert/BasicAlerts.js (100%) rename docs/{src/pages => data/material}/components/alert/BasicAlerts.tsx (100%) rename docs/{src/pages => data/material}/components/alert/BasicAlerts.tsx.preview (100%) rename docs/{src/pages => data/material}/components/alert/ColorAlerts.js (100%) rename docs/{src/pages => data/material}/components/alert/ColorAlerts.tsx (100%) rename docs/{src/pages => data/material}/components/alert/ColorAlerts.tsx.preview (100%) rename docs/{src/pages => data/material}/components/alert/DescriptionAlerts.js (100%) rename docs/{src/pages => data/material}/components/alert/DescriptionAlerts.tsx (100%) rename docs/{src/pages => data/material}/components/alert/DescriptionAlerts.tsx.preview (100%) rename docs/{src/pages => data/material}/components/alert/FilledAlerts.js (100%) rename docs/{src/pages => data/material}/components/alert/FilledAlerts.tsx (100%) rename docs/{src/pages => data/material}/components/alert/FilledAlerts.tsx.preview (100%) rename docs/{src/pages => data/material}/components/alert/IconAlerts.js (100%) rename docs/{src/pages => data/material}/components/alert/IconAlerts.tsx (100%) rename docs/{src/pages => data/material}/components/alert/IconAlerts.tsx.preview (100%) rename docs/{src/pages => data/material}/components/alert/OutlinedAlerts.js (100%) rename docs/{src/pages => data/material}/components/alert/OutlinedAlerts.tsx (100%) rename docs/{src/pages => data/material}/components/alert/OutlinedAlerts.tsx.preview (100%) rename docs/{src/pages => data/material}/components/alert/TransitionAlerts.js (100%) rename docs/{src/pages => data/material}/components/alert/TransitionAlerts.tsx (100%) rename docs/{src/pages => data/material}/components/alert/alert-pt.md (87%) rename docs/{src/pages => data/material}/components/alert/alert-zh.md (85%) rename docs/{src/pages => data/material}/components/alert/alert.md (85%) rename docs/{src/pages => data/material}/components/app-bar/BackToTop.js (100%) rename docs/{src/pages => data/material}/components/app-bar/BackToTop.tsx (100%) rename docs/{src/pages => data/material}/components/app-bar/BottomAppBar.js (100%) rename docs/{src/pages => data/material}/components/app-bar/BottomAppBar.tsx (100%) rename docs/{src/pages => data/material}/components/app-bar/ButtonAppBar.js (100%) rename docs/{src/pages => data/material}/components/app-bar/ButtonAppBar.tsx (100%) rename docs/{src/pages => data/material}/components/app-bar/DenseAppBar.js (100%) rename docs/{src/pages => data/material}/components/app-bar/DenseAppBar.tsx (100%) rename docs/{src/pages => data/material}/components/app-bar/DenseAppBar.tsx.preview (100%) rename docs/{src/pages => data/material}/components/app-bar/ElevateAppBar.js (100%) rename docs/{src/pages => data/material}/components/app-bar/ElevateAppBar.tsx (100%) rename docs/{src/pages => data/material}/components/app-bar/EnableColorOnDarkAppBar.js (100%) rename docs/{src/pages => data/material}/components/app-bar/EnableColorOnDarkAppBar.tsx (100%) rename docs/{src/pages => data/material}/components/app-bar/EnableColorOnDarkAppBar.tsx.preview (100%) rename docs/{src/pages => data/material}/components/app-bar/HideAppBar.js (100%) rename docs/{src/pages => data/material}/components/app-bar/HideAppBar.tsx (100%) rename docs/{src/pages => data/material}/components/app-bar/MenuAppBar.js (100%) rename docs/{src/pages => data/material}/components/app-bar/MenuAppBar.tsx (100%) rename docs/{src/pages => data/material}/components/app-bar/PrimarySearchAppBar.js (100%) rename docs/{src/pages => data/material}/components/app-bar/PrimarySearchAppBar.tsx (100%) rename docs/{src/pages => data/material}/components/app-bar/ProminentAppBar.js (100%) rename docs/{src/pages => data/material}/components/app-bar/ProminentAppBar.tsx (100%) rename docs/{src/pages => data/material}/components/app-bar/ResponsiveAppBar.js (100%) rename docs/{src/pages => data/material}/components/app-bar/ResponsiveAppBar.tsx (100%) rename docs/{src/pages => data/material}/components/app-bar/SearchAppBar.js (100%) rename docs/{src/pages => data/material}/components/app-bar/SearchAppBar.tsx (100%) rename docs/{src/pages => data/material}/components/app-bar/app-bar-pt.md (80%) rename docs/{src/pages => data/material}/components/app-bar/app-bar-zh.md (77%) rename docs/{src/pages => data/material}/components/app-bar/app-bar.md (79%) rename docs/{src/pages => data/material}/components/autocomplete/Asynchronous.js (100%) rename docs/{src/pages => data/material}/components/autocomplete/Asynchronous.tsx (100%) rename docs/{src/pages => data/material}/components/autocomplete/CheckboxesTags.js (100%) rename docs/{src/pages => data/material}/components/autocomplete/CheckboxesTags.tsx (100%) rename docs/{src/pages => data/material}/components/autocomplete/ComboBox.js (100%) rename docs/{src/pages => data/material}/components/autocomplete/ComboBox.tsx (100%) rename docs/{src/pages => data/material}/components/autocomplete/ComboBox.tsx.preview (100%) rename docs/{src/pages => data/material}/components/autocomplete/ControllableStates.js (100%) rename docs/{src/pages => data/material}/components/autocomplete/ControllableStates.tsx (100%) rename docs/{src/pages => data/material}/components/autocomplete/CountrySelect.js (100%) rename docs/{src/pages => data/material}/components/autocomplete/CountrySelect.tsx (100%) rename docs/{src/pages => data/material}/components/autocomplete/CustomInputAutocomplete.js (100%) rename docs/{src/pages => data/material}/components/autocomplete/CustomInputAutocomplete.tsx (100%) rename docs/{src/pages => data/material}/components/autocomplete/CustomizedHook.js (100%) rename docs/{src/pages => data/material}/components/autocomplete/CustomizedHook.tsx (100%) rename docs/{src/pages => data/material}/components/autocomplete/DisabledOptions.js (100%) rename docs/{src/pages => data/material}/components/autocomplete/DisabledOptions.tsx (100%) rename docs/{src/pages => data/material}/components/autocomplete/DisabledOptions.tsx.preview (100%) rename docs/{src/pages => data/material}/components/autocomplete/Filter.js (100%) rename docs/{src/pages => data/material}/components/autocomplete/Filter.tsx (100%) rename docs/{src/pages => data/material}/components/autocomplete/Filter.tsx.preview (100%) rename docs/{src/pages => data/material}/components/autocomplete/FixedTags.js (100%) rename docs/{src/pages => data/material}/components/autocomplete/FixedTags.tsx (100%) rename docs/{src/pages => data/material}/components/autocomplete/FreeSolo.js (100%) rename docs/{src/pages => data/material}/components/autocomplete/FreeSolo.tsx (100%) rename docs/{src/pages => data/material}/components/autocomplete/FreeSoloCreateOption.js (100%) rename docs/{src/pages => data/material}/components/autocomplete/FreeSoloCreateOption.tsx (100%) rename docs/{src/pages => data/material}/components/autocomplete/FreeSoloCreateOptionDialog.js (100%) rename docs/{src/pages => data/material}/components/autocomplete/FreeSoloCreateOptionDialog.tsx (100%) rename docs/{src/pages => data/material}/components/autocomplete/GitHubLabel.js (100%) rename docs/{src/pages => data/material}/components/autocomplete/GitHubLabel.tsx (100%) rename docs/{src/pages => data/material}/components/autocomplete/GoogleMaps.js (100%) rename docs/{src/pages => data/material}/components/autocomplete/GoogleMaps.tsx (100%) rename docs/{src/pages => data/material}/components/autocomplete/Grouped.js (100%) rename docs/{src/pages => data/material}/components/autocomplete/Grouped.tsx (100%) rename docs/{src/pages => data/material}/components/autocomplete/Grouped.tsx.preview (100%) rename docs/{src/pages => data/material}/components/autocomplete/Highlights.js (100%) rename docs/{src/pages => data/material}/components/autocomplete/Highlights.tsx (100%) rename docs/{src/pages => data/material}/components/autocomplete/LimitTags.js (100%) rename docs/{src/pages => data/material}/components/autocomplete/LimitTags.tsx (100%) rename docs/{src/pages => data/material}/components/autocomplete/LimitTags.tsx.preview (100%) rename docs/{src/pages => data/material}/components/autocomplete/Playground.js (100%) rename docs/{src/pages => data/material}/components/autocomplete/Playground.tsx (100%) rename docs/{src/pages => data/material}/components/autocomplete/Sizes.js (100%) rename docs/{src/pages => data/material}/components/autocomplete/Sizes.tsx (100%) rename docs/{src/pages => data/material}/components/autocomplete/Tags.js (100%) rename docs/{src/pages => data/material}/components/autocomplete/Tags.tsx (100%) rename docs/{src/pages => data/material}/components/autocomplete/UseAutocomplete.js (100%) rename docs/{src/pages => data/material}/components/autocomplete/UseAutocomplete.tsx (100%) rename docs/{src/pages => data/material}/components/autocomplete/UseAutocomplete.tsx.preview (100%) rename docs/{src/pages => data/material}/components/autocomplete/Virtualize.js (100%) rename docs/{src/pages => data/material}/components/autocomplete/Virtualize.tsx (100%) rename docs/{src/pages => data/material}/components/autocomplete/Virtualize.tsx.preview (100%) rename docs/{src/pages => data/material}/components/autocomplete/autocomplete-pt.md (87%) rename docs/{src/pages => data/material}/components/autocomplete/autocomplete-zh.md (83%) rename docs/{src/pages => data/material}/components/autocomplete/autocomplete.md (88%) rename docs/{src/pages => data/material}/components/avatars/BackgroundLetterAvatars.js (100%) rename docs/{src/pages => data/material}/components/avatars/BackgroundLetterAvatars.tsx (100%) rename docs/{src/pages => data/material}/components/avatars/BackgroundLetterAvatars.tsx.preview (100%) rename docs/{src/pages => data/material}/components/avatars/BadgeAvatars.js (100%) rename docs/{src/pages => data/material}/components/avatars/BadgeAvatars.tsx (100%) rename docs/{src/pages => data/material}/components/avatars/BadgeAvatars.tsx.preview (100%) rename docs/{src/pages => data/material}/components/avatars/FallbackAvatars.js (100%) rename docs/{src/pages => data/material}/components/avatars/FallbackAvatars.tsx (100%) rename docs/{src/pages => data/material}/components/avatars/FallbackAvatars.tsx.preview (100%) rename docs/{src/pages => data/material}/components/avatars/GroupAvatars.js (100%) rename docs/{src/pages => data/material}/components/avatars/GroupAvatars.tsx (100%) rename docs/{src/pages => data/material}/components/avatars/GroupAvatars.tsx.preview (100%) rename docs/{src/pages => data/material}/components/avatars/IconAvatars.js (100%) rename docs/{src/pages => data/material}/components/avatars/IconAvatars.tsx (100%) rename docs/{src/pages => data/material}/components/avatars/IconAvatars.tsx.preview (100%) rename docs/{src/pages => data/material}/components/avatars/ImageAvatars.js (100%) rename docs/{src/pages => data/material}/components/avatars/ImageAvatars.tsx (100%) rename docs/{src/pages => data/material}/components/avatars/ImageAvatars.tsx.preview (100%) rename docs/{src/pages => data/material}/components/avatars/LetterAvatars.js (100%) rename docs/{src/pages => data/material}/components/avatars/LetterAvatars.tsx (100%) rename docs/{src/pages => data/material}/components/avatars/LetterAvatars.tsx.preview (100%) rename docs/{src/pages => data/material}/components/avatars/SizeAvatars.js (100%) rename docs/{src/pages => data/material}/components/avatars/SizeAvatars.tsx (100%) rename docs/{src/pages => data/material}/components/avatars/SizeAvatars.tsx.preview (100%) rename docs/{src/pages => data/material}/components/avatars/TotalAvatars.js (100%) rename docs/{src/pages => data/material}/components/avatars/TotalAvatars.tsx (100%) rename docs/{src/pages => data/material}/components/avatars/TotalAvatars.tsx.preview (100%) rename docs/{src/pages => data/material}/components/avatars/VariantAvatars.js (100%) rename docs/{src/pages => data/material}/components/avatars/VariantAvatars.tsx (100%) rename docs/{src/pages => data/material}/components/avatars/VariantAvatars.tsx.preview (100%) rename docs/{src/pages => data/material}/components/avatars/avatars-pt.md (68%) rename docs/{src/pages => data/material}/components/avatars/avatars-zh.md (72%) rename docs/{src/pages => data/material}/components/avatars/avatars.md (70%) rename docs/{src/pages => data/material}/components/backdrop/SimpleBackdrop.js (100%) rename docs/{src/pages => data/material}/components/backdrop/SimpleBackdrop.tsx (100%) rename docs/{src/pages => data/material}/components/backdrop/SimpleBackdrop.tsx.preview (100%) rename docs/{src/pages => data/material}/components/backdrop/backdrop-pt.md (93%) rename docs/{src/pages => data/material}/components/backdrop/backdrop-zh.md (93%) rename docs/{src/pages => data/material}/components/backdrop/backdrop.md (92%) rename docs/{src/pages => data/material}/components/badges/AccessibleBadges.js (100%) rename docs/{src/pages => data/material}/components/badges/AccessibleBadges.tsx (100%) rename docs/{src/pages => data/material}/components/badges/AccessibleBadges.tsx.preview (100%) rename docs/{src/pages => data/material}/components/badges/BadgeAlignment.js (100%) rename docs/{src/pages => data/material}/components/badges/BadgeMax.js (100%) rename docs/{src/pages => data/material}/components/badges/BadgeMax.tsx (100%) rename docs/{src/pages => data/material}/components/badges/BadgeMax.tsx.preview (100%) rename docs/{src/pages => data/material}/components/badges/BadgeOverlap.js (100%) rename docs/{src/pages => data/material}/components/badges/BadgeOverlap.tsx (100%) rename docs/{src/pages => data/material}/components/badges/BadgeOverlap.tsx.preview (100%) rename docs/{src/pages => data/material}/components/badges/BadgeVisibility.js (100%) rename docs/{src/pages => data/material}/components/badges/BadgeVisibility.tsx (100%) rename docs/{src/pages => data/material}/components/badges/ColorBadge.js (100%) rename docs/{src/pages => data/material}/components/badges/ColorBadge.tsx (100%) rename docs/{src/pages => data/material}/components/badges/ColorBadge.tsx.preview (100%) rename docs/{src/pages => data/material}/components/badges/CustomizedBadges.js (100%) rename docs/{src/pages => data/material}/components/badges/CustomizedBadges.tsx (100%) rename docs/{src/pages => data/material}/components/badges/CustomizedBadges.tsx.preview (100%) rename docs/{src/pages => data/material}/components/badges/DotBadge.js (100%) rename docs/{src/pages => data/material}/components/badges/DotBadge.tsx (100%) rename docs/{src/pages => data/material}/components/badges/DotBadge.tsx.preview (100%) rename docs/{src/pages => data/material}/components/badges/ShowZeroBadge.js (100%) rename docs/{src/pages => data/material}/components/badges/ShowZeroBadge.tsx (100%) rename docs/{src/pages => data/material}/components/badges/ShowZeroBadge.tsx.preview (100%) rename docs/{src/pages => data/material}/components/badges/SimpleBadge.js (100%) rename docs/{src/pages => data/material}/components/badges/SimpleBadge.tsx (100%) rename docs/{src/pages => data/material}/components/badges/SimpleBadge.tsx.preview (100%) rename docs/{src/pages => data/material}/components/badges/UnstyledBadge.js (100%) rename docs/{src/pages => data/material}/components/badges/UnstyledBadge.tsx (100%) rename docs/{src/pages => data/material}/components/badges/UnstyledBadge.tsx.preview (100%) rename docs/{src/pages => data/material}/components/badges/badges-pt.md (75%) rename docs/{src/pages => data/material}/components/badges/badges-zh.md (70%) rename docs/{src/pages => data/material}/components/badges/badges.md (72%) rename docs/{src/pages => data/material}/components/bottom-navigation/FixedBottomNavigation.js (100%) rename docs/{src/pages => data/material}/components/bottom-navigation/FixedBottomNavigation.tsx (100%) rename docs/{src/pages => data/material}/components/bottom-navigation/LabelBottomNavigation.js (100%) rename docs/{src/pages => data/material}/components/bottom-navigation/LabelBottomNavigation.tsx (100%) rename docs/{src/pages => data/material}/components/bottom-navigation/SimpleBottomNavigation.js (100%) rename docs/{src/pages => data/material}/components/bottom-navigation/SimpleBottomNavigation.tsx (100%) rename docs/{src/pages => data/material}/components/bottom-navigation/SimpleBottomNavigation.tsx.preview (100%) rename docs/{src/pages => data/material}/components/bottom-navigation/bottom-navigation-pt.md (83%) rename docs/{src/pages => data/material}/components/bottom-navigation/bottom-navigation-zh.md (83%) rename docs/{src/pages => data/material}/components/bottom-navigation/bottom-navigation.md (81%) rename docs/{src/pages => data/material}/components/box/BoxComponent.js (100%) rename docs/{src/pages => data/material}/components/box/BoxComponent.tsx (100%) rename docs/{src/pages => data/material}/components/box/BoxComponent.tsx.preview (100%) rename docs/{src/pages => data/material}/components/box/BoxSx.js (100%) rename docs/{src/pages => data/material}/components/box/BoxSx.tsx (100%) rename docs/{src/pages => data/material}/components/box/BoxSx.tsx.preview (100%) rename docs/{src/pages => data/material}/components/box/box-pt.md (75%) rename docs/{src/pages => data/material}/components/box/box-zh.md (74%) rename docs/{src/pages => data/material}/components/box/box.md (95%) rename docs/{src/pages => data/material}/components/breadcrumbs/ActiveLastBreadcrumb.js (100%) rename docs/{src/pages => data/material}/components/breadcrumbs/ActiveLastBreadcrumb.tsx (100%) rename docs/{src/pages => data/material}/components/breadcrumbs/BasicBreadcrumbs.js (100%) rename docs/{src/pages => data/material}/components/breadcrumbs/BasicBreadcrumbs.tsx (100%) rename docs/{src/pages => data/material}/components/breadcrumbs/BasicBreadcrumbs.tsx.preview (100%) rename docs/{src/pages => data/material}/components/breadcrumbs/CollapsedBreadcrumbs.js (100%) rename docs/{src/pages => data/material}/components/breadcrumbs/CollapsedBreadcrumbs.tsx (100%) rename docs/{src/pages => data/material}/components/breadcrumbs/CollapsedBreadcrumbs.tsx.preview (100%) rename docs/{src/pages => data/material}/components/breadcrumbs/CustomSeparator.js (100%) rename docs/{src/pages => data/material}/components/breadcrumbs/CustomSeparator.tsx (100%) rename docs/{src/pages => data/material}/components/breadcrumbs/CustomSeparator.tsx.preview (100%) rename docs/{src/pages => data/material}/components/breadcrumbs/CustomizedBreadcrumbs.js (100%) rename docs/{src/pages => data/material}/components/breadcrumbs/CustomizedBreadcrumbs.tsx (100%) rename docs/{src/pages => data/material}/components/breadcrumbs/CustomizedBreadcrumbs.tsx.preview (100%) rename docs/{src/pages => data/material}/components/breadcrumbs/IconBreadcrumbs.js (100%) rename docs/{src/pages => data/material}/components/breadcrumbs/IconBreadcrumbs.tsx (100%) rename docs/{src/pages => data/material}/components/breadcrumbs/RouterBreadcrumbs.js (100%) rename docs/{src/pages => data/material}/components/breadcrumbs/RouterBreadcrumbs.tsx (100%) rename docs/{src/pages => data/material}/components/breadcrumbs/breadcrumbs-pt.md (78%) rename docs/{src/pages => data/material}/components/breadcrumbs/breadcrumbs-zh.md (76%) rename docs/{src/pages => data/material}/components/breadcrumbs/breadcrumbs.md (76%) rename docs/{src/pages => data/material}/components/button-group/BasicButtonGroup.js (100%) rename docs/{src/pages => data/material}/components/button-group/BasicButtonGroup.tsx (100%) rename docs/{src/pages => data/material}/components/button-group/BasicButtonGroup.tsx.preview (100%) rename docs/{src/pages => data/material}/components/button-group/DisableElevation.js (100%) rename docs/{src/pages => data/material}/components/button-group/DisableElevation.tsx (100%) rename docs/{src/pages => data/material}/components/button-group/DisableElevation.tsx.preview (100%) rename docs/{src/pages => data/material}/components/button-group/GroupOrientation.js (100%) rename docs/{src/pages => data/material}/components/button-group/GroupOrientation.tsx (100%) rename docs/{src/pages => data/material}/components/button-group/GroupSizesColors.js (100%) rename docs/{src/pages => data/material}/components/button-group/GroupSizesColors.tsx (100%) rename docs/{src/pages => data/material}/components/button-group/GroupSizesColors.tsx.preview (100%) rename docs/{src/pages => data/material}/components/button-group/SplitButton.js (100%) rename docs/{src/pages => data/material}/components/button-group/SplitButton.tsx (100%) rename docs/{src/pages => data/material}/components/button-group/VariantButtonGroup.js (100%) rename docs/{src/pages => data/material}/components/button-group/VariantButtonGroup.tsx (100%) rename docs/{src/pages => data/material}/components/button-group/VariantButtonGroup.tsx.preview (100%) rename docs/{src/pages => data/material}/components/button-group/button-group-pt.md (74%) rename docs/{src/pages => data/material}/components/button-group/button-group-zh.md (66%) rename docs/{src/pages => data/material}/components/button-group/button-group.md (71%) rename docs/{src/pages => data/material}/components/buttons/BasicButtons.js (100%) rename docs/{src/pages => data/material}/components/buttons/BasicButtons.tsx (100%) rename docs/{src/pages => data/material}/components/buttons/BasicButtons.tsx.preview (100%) rename docs/{src/pages => data/material}/components/buttons/ButtonBase.js (100%) rename docs/{src/pages => data/material}/components/buttons/ButtonBase.tsx (100%) rename docs/{src/pages => data/material}/components/buttons/ButtonSizes.js (100%) rename docs/{src/pages => data/material}/components/buttons/ButtonSizes.tsx (100%) rename docs/{src/pages => data/material}/components/buttons/ColorButtons.js (100%) rename docs/{src/pages => data/material}/components/buttons/ColorButtons.tsx (100%) rename docs/{src/pages => data/material}/components/buttons/ColorButtons.tsx.preview (100%) rename docs/{src/pages => data/material}/components/buttons/ContainedButtons.js (100%) rename docs/{src/pages => data/material}/components/buttons/ContainedButtons.tsx (100%) rename docs/{src/pages => data/material}/components/buttons/ContainedButtons.tsx.preview (100%) rename docs/{src/pages => data/material}/components/buttons/CustomizedButtons.js (100%) rename docs/{src/pages => data/material}/components/buttons/CustomizedButtons.tsx (100%) rename docs/{src/pages => data/material}/components/buttons/CustomizedButtons.tsx.preview (100%) rename docs/{src/pages => data/material}/components/buttons/DisableElevation.js (100%) rename docs/{src/pages => data/material}/components/buttons/DisableElevation.tsx (100%) rename docs/{src/pages => data/material}/components/buttons/DisableElevation.tsx.preview (100%) rename docs/{src/pages => data/material}/components/buttons/IconButtonColors.js (100%) rename docs/{src/pages => data/material}/components/buttons/IconButtonColors.tsx (100%) rename docs/{src/pages => data/material}/components/buttons/IconButtonColors.tsx.preview (100%) rename docs/{src/pages => data/material}/components/buttons/IconButtonSizes.js (100%) rename docs/{src/pages => data/material}/components/buttons/IconButtonSizes.tsx (100%) rename docs/{src/pages => data/material}/components/buttons/IconButtonSizes.tsx.preview (100%) rename docs/{src/pages => data/material}/components/buttons/IconButtons.js (100%) rename docs/{src/pages => data/material}/components/buttons/IconButtons.tsx (100%) rename docs/{src/pages => data/material}/components/buttons/IconButtons.tsx.preview (100%) rename docs/{src/pages => data/material}/components/buttons/IconLabelButtons.js (100%) rename docs/{src/pages => data/material}/components/buttons/IconLabelButtons.tsx (100%) rename docs/{src/pages => data/material}/components/buttons/IconLabelButtons.tsx.preview (100%) rename docs/{src/pages => data/material}/components/buttons/LoadingButtons.js (100%) rename docs/{src/pages => data/material}/components/buttons/LoadingButtons.tsx (100%) rename docs/{src/pages => data/material}/components/buttons/LoadingButtons.tsx.preview (100%) rename docs/{src/pages => data/material}/components/buttons/LoadingButtonsTransition.js (100%) rename docs/{src/pages => data/material}/components/buttons/LoadingButtonsTransition.tsx (100%) rename docs/{src/pages => data/material}/components/buttons/OutlinedButtons.js (100%) rename docs/{src/pages => data/material}/components/buttons/OutlinedButtons.tsx (100%) rename docs/{src/pages => data/material}/components/buttons/OutlinedButtons.tsx.preview (100%) rename docs/{src/pages => data/material}/components/buttons/TextButtons.js (100%) rename docs/{src/pages => data/material}/components/buttons/TextButtons.tsx (100%) rename docs/{src/pages => data/material}/components/buttons/TextButtons.tsx.preview (100%) rename docs/{src/pages => data/material}/components/buttons/UnstyledButtonCustom.js (100%) rename docs/{src/pages => data/material}/components/buttons/UnstyledButtonCustom.tsx (100%) rename docs/{src/pages => data/material}/components/buttons/UnstyledButtonCustom.tsx.preview (100%) rename docs/{src/pages => data/material}/components/buttons/UnstyledButtonsSimple.js (100%) rename docs/{src/pages => data/material}/components/buttons/UnstyledButtonsSimple.tsx (100%) rename docs/{src/pages => data/material}/components/buttons/UnstyledButtonsSimple.tsx.preview (100%) rename docs/{src/pages => data/material}/components/buttons/UnstyledButtonsSpan.js (100%) rename docs/{src/pages => data/material}/components/buttons/UnstyledButtonsSpan.tsx (100%) rename docs/{src/pages => data/material}/components/buttons/UnstyledButtonsSpan.tsx.preview (100%) rename docs/{src/pages => data/material}/components/buttons/UploadButtons.js (100%) rename docs/{src/pages => data/material}/components/buttons/UploadButtons.tsx (100%) rename docs/{src/pages => data/material}/components/buttons/UploadButtons.tsx.preview (100%) rename docs/{src/pages => data/material}/components/buttons/UseButton.js (100%) rename docs/{src/pages => data/material}/components/buttons/UseButton.tsx (100%) rename docs/{src/pages => data/material}/components/buttons/UseButton.tsx.preview (100%) rename docs/{src/pages => data/material}/components/buttons/buttons-pt.md (83%) rename docs/{src/pages => data/material}/components/buttons/buttons-zh.md (84%) rename docs/{src/pages => data/material}/components/buttons/buttons.md (83%) rename docs/{src/pages => data/material}/components/cards/ActionAreaCard.js (100%) rename docs/{src/pages => data/material}/components/cards/ActionAreaCard.tsx (100%) rename docs/{src/pages => data/material}/components/cards/BasicCard.js (100%) rename docs/{src/pages => data/material}/components/cards/BasicCard.tsx (100%) rename docs/{src/pages => data/material}/components/cards/ImgMediaCard.js (100%) rename docs/{src/pages => data/material}/components/cards/ImgMediaCard.tsx (100%) rename docs/{src/pages => data/material}/components/cards/MediaCard.js (100%) rename docs/{src/pages => data/material}/components/cards/MediaCard.tsx (100%) rename docs/{src/pages => data/material}/components/cards/MediaControlCard.js (100%) rename docs/{src/pages => data/material}/components/cards/MediaControlCard.tsx (100%) rename docs/{src/pages => data/material}/components/cards/MultiActionAreaCard.js (100%) rename docs/{src/pages => data/material}/components/cards/MultiActionAreaCard.tsx (100%) rename docs/{src/pages => data/material}/components/cards/OutlinedCard.js (100%) rename docs/{src/pages => data/material}/components/cards/OutlinedCard.tsx (100%) rename docs/{src/pages => data/material}/components/cards/OutlinedCard.tsx.preview (100%) rename docs/{src/pages => data/material}/components/cards/RecipeReviewCard.js (100%) rename docs/{src/pages => data/material}/components/cards/RecipeReviewCard.tsx (100%) rename docs/{src/pages => data/material}/components/cards/cards-pt.md (80%) rename docs/{src/pages => data/material}/components/cards/cards-zh.md (81%) rename docs/{src/pages => data/material}/components/cards/cards.md (80%) rename docs/{src/pages => data/material}/components/checkboxes/CheckboxLabels.js (100%) rename docs/{src/pages => data/material}/components/checkboxes/CheckboxLabels.tsx (100%) rename docs/{src/pages => data/material}/components/checkboxes/CheckboxLabels.tsx.preview (100%) rename docs/{src/pages => data/material}/components/checkboxes/Checkboxes.js (100%) rename docs/{src/pages => data/material}/components/checkboxes/Checkboxes.tsx (100%) rename docs/{src/pages => data/material}/components/checkboxes/Checkboxes.tsx.preview (100%) rename docs/{src/pages => data/material}/components/checkboxes/CheckboxesGroup.js (100%) rename docs/{src/pages => data/material}/components/checkboxes/CheckboxesGroup.tsx (100%) rename docs/{src/pages => data/material}/components/checkboxes/ColorCheckboxes.js (100%) rename docs/{src/pages => data/material}/components/checkboxes/ColorCheckboxes.tsx (100%) rename docs/{src/pages => data/material}/components/checkboxes/ColorCheckboxes.tsx.preview (100%) rename docs/{src/pages => data/material}/components/checkboxes/ControlledCheckbox.js (100%) rename docs/{src/pages => data/material}/components/checkboxes/ControlledCheckbox.tsx (100%) rename docs/{src/pages => data/material}/components/checkboxes/ControlledCheckbox.tsx.preview (100%) rename docs/{src/pages => data/material}/components/checkboxes/CustomizedCheckbox.js (100%) rename docs/{src/pages => data/material}/components/checkboxes/CustomizedCheckbox.tsx (100%) rename docs/{src/pages => data/material}/components/checkboxes/CustomizedCheckbox.tsx.preview (100%) rename docs/{src/pages => data/material}/components/checkboxes/FormControlLabelPosition.js (100%) rename docs/{src/pages => data/material}/components/checkboxes/FormControlLabelPosition.tsx (100%) rename docs/{src/pages => data/material}/components/checkboxes/IconCheckboxes.js (100%) rename docs/{src/pages => data/material}/components/checkboxes/IconCheckboxes.tsx (100%) rename docs/{src/pages => data/material}/components/checkboxes/IconCheckboxes.tsx.preview (100%) rename docs/{src/pages => data/material}/components/checkboxes/IndeterminateCheckbox.js (100%) rename docs/{src/pages => data/material}/components/checkboxes/IndeterminateCheckbox.tsx (100%) rename docs/{src/pages => data/material}/components/checkboxes/IndeterminateCheckbox.tsx.preview (100%) rename docs/{src/pages => data/material}/components/checkboxes/SizeCheckboxes.js (100%) rename docs/{src/pages => data/material}/components/checkboxes/SizeCheckboxes.tsx (100%) rename docs/{src/pages => data/material}/components/checkboxes/SizeCheckboxes.tsx.preview (100%) rename docs/{src/pages => data/material}/components/checkboxes/checkboxes-pt.md (81%) rename docs/{src/pages => data/material}/components/checkboxes/checkboxes-zh.md (79%) rename docs/{src/pages => data/material}/components/checkboxes/checkboxes.md (81%) rename docs/{src/pages => data/material}/components/chips/AvatarChips.js (100%) rename docs/{src/pages => data/material}/components/chips/AvatarChips.tsx (100%) rename docs/{src/pages => data/material}/components/chips/AvatarChips.tsx.preview (100%) rename docs/{src/pages => data/material}/components/chips/BasicChips.js (100%) rename docs/{src/pages => data/material}/components/chips/BasicChips.tsx (100%) rename docs/{src/pages => data/material}/components/chips/BasicChips.tsx.preview (100%) rename docs/{src/pages => data/material}/components/chips/ChipsArray.js (100%) rename docs/{src/pages => data/material}/components/chips/ChipsArray.tsx (100%) rename docs/{src/pages => data/material}/components/chips/ChipsPlayground.js (100%) rename docs/{src/pages => data/material}/components/chips/ClickableAndDeletableChips.js (100%) rename docs/{src/pages => data/material}/components/chips/ClickableAndDeletableChips.tsx (100%) rename docs/{src/pages => data/material}/components/chips/ClickableAndDeletableChips.tsx.preview (100%) rename docs/{src/pages => data/material}/components/chips/ClickableChips.js (100%) rename docs/{src/pages => data/material}/components/chips/ClickableChips.tsx (100%) rename docs/{src/pages => data/material}/components/chips/ClickableChips.tsx.preview (100%) rename docs/{src/pages => data/material}/components/chips/ClickableLinkChips.js (100%) rename docs/{src/pages => data/material}/components/chips/ClickableLinkChips.tsx (100%) rename docs/{src/pages => data/material}/components/chips/ClickableLinkChips.tsx.preview (100%) rename docs/{src/pages => data/material}/components/chips/ColorChips.js (100%) rename docs/{src/pages => data/material}/components/chips/ColorChips.tsx (100%) rename docs/{src/pages => data/material}/components/chips/ColorChips.tsx.preview (100%) rename docs/{src/pages => data/material}/components/chips/CustomDeleteIconChips.js (100%) rename docs/{src/pages => data/material}/components/chips/CustomDeleteIconChips.tsx (100%) rename docs/{src/pages => data/material}/components/chips/CustomDeleteIconChips.tsx.preview (100%) rename docs/{src/pages => data/material}/components/chips/DeletableChips.js (100%) rename docs/{src/pages => data/material}/components/chips/DeletableChips.tsx (100%) rename docs/{src/pages => data/material}/components/chips/DeletableChips.tsx.preview (100%) rename docs/{src/pages => data/material}/components/chips/IconChips.js (100%) rename docs/{src/pages => data/material}/components/chips/IconChips.tsx (100%) rename docs/{src/pages => data/material}/components/chips/IconChips.tsx.preview (100%) rename docs/{src/pages => data/material}/components/chips/SizesChips.js (100%) rename docs/{src/pages => data/material}/components/chips/SizesChips.tsx (100%) rename docs/{src/pages => data/material}/components/chips/SizesChips.tsx.preview (100%) rename docs/{src/pages => data/material}/components/chips/chips-pt.md (75%) rename docs/{src/pages => data/material}/components/chips/chips-zh.md (74%) rename docs/{src/pages => data/material}/components/chips/chips.md (73%) rename docs/{src/pages => data/material}/components/click-away-listener/ClickAway.js (100%) rename docs/{src/pages => data/material}/components/click-away-listener/ClickAway.tsx (100%) rename docs/{src/pages => data/material}/components/click-away-listener/ClickAway.tsx.preview (100%) rename docs/{src/pages => data/material}/components/click-away-listener/LeadingClickAway.js (100%) rename docs/{src/pages => data/material}/components/click-away-listener/LeadingClickAway.tsx (100%) rename docs/{src/pages => data/material}/components/click-away-listener/LeadingClickAway.tsx.preview (100%) rename docs/{src/pages => data/material}/components/click-away-listener/PortalClickAway.js (100%) rename docs/{src/pages => data/material}/components/click-away-listener/PortalClickAway.tsx (100%) rename docs/{src/pages => data/material}/components/click-away-listener/PortalClickAway.tsx.preview (100%) rename docs/{src/pages => data/material}/components/click-away-listener/click-away-listener-pt.md (87%) rename docs/{src/pages => data/material}/components/click-away-listener/click-away-listener-zh.md (87%) rename docs/{src/pages => data/material}/components/click-away-listener/click-away-listener.md (87%) rename docs/{src/pages => data/material}/components/container/FixedContainer.js (100%) rename docs/{src/pages => data/material}/components/container/FixedContainer.tsx (100%) rename docs/{src/pages => data/material}/components/container/FixedContainer.tsx.preview (100%) rename docs/{src/pages => data/material}/components/container/SimpleContainer.js (100%) rename docs/{src/pages => data/material}/components/container/SimpleContainer.tsx (100%) rename docs/{src/pages => data/material}/components/container/SimpleContainer.tsx.preview (100%) rename docs/{src/pages => data/material}/components/container/container-pt.md (80%) rename docs/{src/pages => data/material}/components/container/container-zh.md (78%) rename docs/{src/pages => data/material}/components/container/container.md (78%) rename docs/{src/pages => data/material}/components/css-baseline/css-baseline-pt.md (98%) rename docs/{src/pages => data/material}/components/css-baseline/css-baseline-zh.md (94%) rename docs/{src/pages => data/material}/components/css-baseline/css-baseline.md (99%) rename docs/{src/pages => data/material}/components/date-picker/BasicDatePicker.js (100%) rename docs/{src/pages => data/material}/components/date-picker/BasicDatePicker.tsx (100%) rename docs/{src/pages => data/material}/components/date-picker/BasicDatePicker.tsx.preview (100%) rename docs/{src/pages => data/material}/components/date-picker/CustomDay.js (100%) rename docs/{src/pages => data/material}/components/date-picker/CustomDay.tsx (100%) rename docs/{src/pages => data/material}/components/date-picker/CustomDay.tsx.preview (100%) rename docs/{src/pages => data/material}/components/date-picker/CustomInput.js (100%) rename docs/{src/pages => data/material}/components/date-picker/CustomInput.tsx (100%) rename docs/{src/pages => data/material}/components/date-picker/CustomInput.tsx.preview (100%) rename docs/{src/pages => data/material}/components/date-picker/FormPropsDatePickers.js (100%) rename docs/{src/pages => data/material}/components/date-picker/FormPropsDatePickers.tsx (100%) rename docs/{src/pages => data/material}/components/date-picker/HelperText.js (100%) rename docs/{src/pages => data/material}/components/date-picker/HelperText.tsx (100%) rename docs/{src/pages => data/material}/components/date-picker/HelperText.tsx.preview (100%) rename docs/{src/pages => data/material}/components/date-picker/JalaliDatePicker.js (100%) rename docs/{src/pages => data/material}/components/date-picker/JalaliDatePicker.tsx (100%) rename docs/{src/pages => data/material}/components/date-picker/JalaliDatePicker.tsx.preview (100%) rename docs/{src/pages => data/material}/components/date-picker/LocalizedDatePicker.js (100%) rename docs/{src/pages => data/material}/components/date-picker/LocalizedDatePicker.tsx (100%) rename docs/{src/pages => data/material}/components/date-picker/ResponsiveDatePickers.js (100%) rename docs/{src/pages => data/material}/components/date-picker/ResponsiveDatePickers.tsx (100%) rename docs/{src/pages => data/material}/components/date-picker/ServerRequestDatePicker.js (100%) rename docs/{src/pages => data/material}/components/date-picker/ServerRequestDatePicker.tsx (100%) rename docs/{src/pages => data/material}/components/date-picker/StaticDatePickerDemo.js (100%) rename docs/{src/pages => data/material}/components/date-picker/StaticDatePickerDemo.tsx (100%) rename docs/{src/pages => data/material}/components/date-picker/StaticDatePickerDemo.tsx.preview (100%) rename docs/{src/pages => data/material}/components/date-picker/StaticDatePickerLandscape.js (100%) rename docs/{src/pages => data/material}/components/date-picker/StaticDatePickerLandscape.tsx (100%) rename docs/{src/pages => data/material}/components/date-picker/StaticDatePickerLandscape.tsx.preview (100%) rename docs/{src/pages => data/material}/components/date-picker/SubComponentsPickers.js (100%) rename docs/{src/pages => data/material}/components/date-picker/SubComponentsPickers.tsx (100%) rename docs/{src/pages => data/material}/components/date-picker/ViewsDatePicker.js (100%) rename docs/{src/pages => data/material}/components/date-picker/ViewsDatePicker.tsx (100%) rename docs/{src/pages => data/material}/components/date-picker/date-picker-pt.md (81%) rename docs/{src/pages => data/material}/components/date-picker/date-picker-zh.md (83%) rename docs/{src/pages => data/material}/components/date-picker/date-picker.md (82%) rename docs/{src/pages => data/material}/components/date-range-picker/BasicDateRangePicker.js (100%) rename docs/{src/pages => data/material}/components/date-range-picker/BasicDateRangePicker.tsx (100%) rename docs/{src/pages => data/material}/components/date-range-picker/CalendarsDateRangePicker.js (100%) rename docs/{src/pages => data/material}/components/date-range-picker/CalendarsDateRangePicker.tsx (100%) rename docs/{src/pages => data/material}/components/date-range-picker/CustomDateRangeInputs.js (100%) rename docs/{src/pages => data/material}/components/date-range-picker/CustomDateRangeInputs.tsx (100%) rename docs/{src/pages => data/material}/components/date-range-picker/CustomDateRangePickerDay.js (100%) rename docs/{src/pages => data/material}/components/date-range-picker/CustomDateRangePickerDay.tsx (100%) rename docs/{src/pages => data/material}/components/date-range-picker/CustomDateRangePickerDay.tsx.preview (100%) rename docs/{src/pages => data/material}/components/date-range-picker/FormPropsDateRangePickers.js (100%) rename docs/{src/pages => data/material}/components/date-range-picker/FormPropsDateRangePickers.tsx (100%) rename docs/{src/pages => data/material}/components/date-range-picker/MinMaxDateRangePicker.js (100%) rename docs/{src/pages => data/material}/components/date-range-picker/MinMaxDateRangePicker.tsx (100%) rename docs/{src/pages => data/material}/components/date-range-picker/ResponsiveDateRangePicker.js (100%) rename docs/{src/pages => data/material}/components/date-range-picker/ResponsiveDateRangePicker.tsx (100%) rename docs/{src/pages => data/material}/components/date-range-picker/StaticDateRangePickerDemo.js (100%) rename docs/{src/pages => data/material}/components/date-range-picker/StaticDateRangePickerDemo.tsx (100%) rename docs/{src/pages => data/material}/components/date-range-picker/StaticDateRangePickerDemo.tsx.preview (100%) rename docs/{src/pages => data/material}/components/date-range-picker/date-range-picker-pt.md (81%) rename docs/{src/pages => data/material}/components/date-range-picker/date-range-picker-zh.md (86%) rename docs/{src/pages => data/material}/components/date-range-picker/date-range-picker.md (84%) rename docs/{src/pages => data/material}/components/date-time-picker/BasicDateTimePicker.js (100%) rename docs/{src/pages => data/material}/components/date-time-picker/BasicDateTimePicker.tsx (100%) rename docs/{src/pages => data/material}/components/date-time-picker/BasicDateTimePicker.tsx.preview (100%) rename docs/{src/pages => data/material}/components/date-time-picker/CustomDateTimePicker.js (100%) rename docs/{src/pages => data/material}/components/date-time-picker/CustomDateTimePicker.tsx (100%) rename docs/{src/pages => data/material}/components/date-time-picker/DateTimeValidation.js (100%) rename docs/{src/pages => data/material}/components/date-time-picker/DateTimeValidation.tsx (100%) rename docs/{src/pages => data/material}/components/date-time-picker/FormPropsDateTimePickers.js (100%) rename docs/{src/pages => data/material}/components/date-time-picker/FormPropsDateTimePickers.tsx (100%) rename docs/{src/pages => data/material}/components/date-time-picker/ResponsiveDateTimePickers.js (100%) rename docs/{src/pages => data/material}/components/date-time-picker/ResponsiveDateTimePickers.tsx (100%) rename docs/{src/pages => data/material}/components/date-time-picker/StaticDateTimePickerDemo.js (100%) rename docs/{src/pages => data/material}/components/date-time-picker/StaticDateTimePickerDemo.tsx (100%) rename docs/{src/pages => data/material}/components/date-time-picker/StaticDateTimePickerDemo.tsx.preview (100%) rename docs/{src/pages => data/material}/components/date-time-picker/date-time-picker-pt.md (88%) rename docs/{src/pages => data/material}/components/date-time-picker/date-time-picker-zh.md (87%) rename docs/{src/pages => data/material}/components/date-time-picker/date-time-picker.md (86%) rename docs/{src/pages => data/material}/components/dialogs/AlertDialog.js (100%) rename docs/{src/pages => data/material}/components/dialogs/AlertDialog.tsx (100%) rename docs/{src/pages => data/material}/components/dialogs/AlertDialogSlide.js (100%) rename docs/{src/pages => data/material}/components/dialogs/AlertDialogSlide.tsx (100%) rename docs/{src/pages => data/material}/components/dialogs/ConfirmationDialog.js (100%) rename docs/{src/pages => data/material}/components/dialogs/ConfirmationDialog.tsx (100%) rename docs/{src/pages => data/material}/components/dialogs/CustomizedDialogs.js (100%) rename docs/{src/pages => data/material}/components/dialogs/CustomizedDialogs.tsx (100%) rename docs/{src/pages => data/material}/components/dialogs/DraggableDialog.js (100%) rename docs/{src/pages => data/material}/components/dialogs/DraggableDialog.tsx (100%) rename docs/{src/pages => data/material}/components/dialogs/FormDialog.js (100%) rename docs/{src/pages => data/material}/components/dialogs/FormDialog.tsx (100%) rename docs/{src/pages => data/material}/components/dialogs/FullScreenDialog.js (100%) rename docs/{src/pages => data/material}/components/dialogs/FullScreenDialog.tsx (100%) rename docs/{src/pages => data/material}/components/dialogs/MaxWidthDialog.js (100%) rename docs/{src/pages => data/material}/components/dialogs/MaxWidthDialog.tsx (100%) rename docs/{src/pages => data/material}/components/dialogs/ResponsiveDialog.js (100%) rename docs/{src/pages => data/material}/components/dialogs/ResponsiveDialog.tsx (100%) rename docs/{src/pages => data/material}/components/dialogs/ScrollDialog.js (100%) rename docs/{src/pages => data/material}/components/dialogs/ScrollDialog.tsx (100%) rename docs/{src/pages => data/material}/components/dialogs/SimpleDialog.js (100%) rename docs/{src/pages => data/material}/components/dialogs/SimpleDialog.tsx (100%) rename docs/{src/pages => data/material}/components/dialogs/SimpleDialog.tsx.preview (100%) rename docs/{src/pages => data/material}/components/dialogs/dialogs-pt.md (87%) rename docs/{src/pages => data/material}/components/dialogs/dialogs-zh.md (87%) rename docs/{src/pages => data/material}/components/dialogs/dialogs.md (87%) rename docs/{src/pages => data/material}/components/dividers/DividerText.js (100%) rename docs/{src/pages => data/material}/components/dividers/DividerText.tsx (100%) rename docs/{src/pages => data/material}/components/dividers/DividerText.tsx.preview (100%) rename docs/{src/pages => data/material}/components/dividers/InsetDividers.js (100%) rename docs/{src/pages => data/material}/components/dividers/InsetDividers.tsx (100%) rename docs/{src/pages => data/material}/components/dividers/ListDividers.js (100%) rename docs/{src/pages => data/material}/components/dividers/ListDividers.tsx (100%) rename docs/{src/pages => data/material}/components/dividers/ListDividers.tsx.preview (100%) rename docs/{src/pages => data/material}/components/dividers/MiddleDividers.js (100%) rename docs/{src/pages => data/material}/components/dividers/MiddleDividers.tsx (100%) rename docs/{src/pages => data/material}/components/dividers/SubheaderDividers.js (100%) rename docs/{src/pages => data/material}/components/dividers/SubheaderDividers.tsx (100%) rename docs/{src/pages => data/material}/components/dividers/VerticalDividerMiddle.js (100%) rename docs/{src/pages => data/material}/components/dividers/VerticalDividerMiddle.tsx (100%) rename docs/{src/pages => data/material}/components/dividers/VerticalDividerText.js (100%) rename docs/{src/pages => data/material}/components/dividers/VerticalDividerText.tsx (100%) rename docs/{src/pages => data/material}/components/dividers/VerticalDividerText.tsx.preview (100%) rename docs/{src/pages => data/material}/components/dividers/VerticalDividers.js (100%) rename docs/{src/pages => data/material}/components/dividers/VerticalDividers.tsx (100%) rename docs/{src/pages => data/material}/components/dividers/dividers-pt.md (71%) rename docs/{src/pages => data/material}/components/dividers/dividers-zh.md (69%) rename docs/{src/pages => data/material}/components/dividers/dividers.md (68%) rename docs/{src/pages => data/material}/components/drawers/ClippedDrawer.js (100%) rename docs/{src/pages => data/material}/components/drawers/ClippedDrawer.tsx (100%) rename docs/{src/pages => data/material}/components/drawers/MiniDrawer.js (100%) rename docs/{src/pages => data/material}/components/drawers/MiniDrawer.tsx (100%) rename docs/{src/pages => data/material}/components/drawers/PermanentDrawerLeft.js (100%) rename docs/{src/pages => data/material}/components/drawers/PermanentDrawerLeft.tsx (100%) rename docs/{src/pages => data/material}/components/drawers/PermanentDrawerRight.js (100%) rename docs/{src/pages => data/material}/components/drawers/PermanentDrawerRight.tsx (100%) rename docs/{src/pages => data/material}/components/drawers/PersistentDrawerLeft.js (100%) rename docs/{src/pages => data/material}/components/drawers/PersistentDrawerLeft.tsx (100%) rename docs/{src/pages => data/material}/components/drawers/PersistentDrawerRight.js (100%) rename docs/{src/pages => data/material}/components/drawers/PersistentDrawerRight.tsx (100%) rename docs/{src/pages => data/material}/components/drawers/ResponsiveDrawer.js (100%) rename docs/{src/pages => data/material}/components/drawers/ResponsiveDrawer.tsx (100%) rename docs/{src/pages => data/material}/components/drawers/SwipeableEdgeDrawer.js (100%) rename docs/{src/pages => data/material}/components/drawers/SwipeableEdgeDrawer.tsx (100%) rename docs/{src/pages => data/material}/components/drawers/SwipeableTemporaryDrawer.js (100%) rename docs/{src/pages => data/material}/components/drawers/SwipeableTemporaryDrawer.tsx (100%) rename docs/{src/pages => data/material}/components/drawers/SwipeableTemporaryDrawer.tsx.preview (100%) rename docs/{src/pages => data/material}/components/drawers/TemporaryDrawer.js (100%) rename docs/{src/pages => data/material}/components/drawers/TemporaryDrawer.tsx (100%) rename docs/{src/pages => data/material}/components/drawers/TemporaryDrawer.tsx.preview (100%) rename docs/{src/pages => data/material}/components/drawers/drawers-pt.md (86%) rename docs/{src/pages => data/material}/components/drawers/drawers-zh.md (81%) rename docs/{src/pages => data/material}/components/drawers/drawers.md (84%) rename docs/{src/pages => data/material}/components/floating-action-button/FloatingActionButtonExtendedSize.js (100%) rename docs/{src/pages => data/material}/components/floating-action-button/FloatingActionButtonExtendedSize.tsx (100%) rename docs/{src/pages => data/material}/components/floating-action-button/FloatingActionButtonExtendedSize.tsx.preview (100%) rename docs/{src/pages => data/material}/components/floating-action-button/FloatingActionButtonSize.js (100%) rename docs/{src/pages => data/material}/components/floating-action-button/FloatingActionButtonSize.tsx (100%) rename docs/{src/pages => data/material}/components/floating-action-button/FloatingActionButtonSize.tsx.preview (100%) rename docs/{src/pages => data/material}/components/floating-action-button/FloatingActionButtonZoom.js (100%) rename docs/{src/pages => data/material}/components/floating-action-button/FloatingActionButtonZoom.tsx (100%) rename docs/{src/pages => data/material}/components/floating-action-button/FloatingActionButtons.js (100%) rename docs/{src/pages => data/material}/components/floating-action-button/FloatingActionButtons.tsx (100%) rename docs/{src/pages => data/material}/components/floating-action-button/FloatingActionButtons.tsx.preview (100%) rename docs/{src/pages => data/material}/components/floating-action-button/floating-action-button-pt.md (80%) rename docs/{src/pages => data/material}/components/floating-action-button/floating-action-button-zh.md (82%) rename docs/{src/pages => data/material}/components/floating-action-button/floating-action-button.md (79%) rename docs/{src/pages => data/material}/components/grid/AutoGrid.js (100%) rename docs/{src/pages => data/material}/components/grid/AutoGrid.tsx (100%) rename docs/{src/pages => data/material}/components/grid/AutoGrid.tsx.preview (100%) rename docs/{src/pages => data/material}/components/grid/AutoGridNoWrap.js (100%) rename docs/{src/pages => data/material}/components/grid/AutoGridNoWrap.tsx (100%) rename docs/{src/pages => data/material}/components/grid/BasicGrid.js (100%) rename docs/{src/pages => data/material}/components/grid/BasicGrid.tsx (100%) rename docs/{src/pages => data/material}/components/grid/BasicGrid.tsx.preview (100%) rename docs/{src/pages => data/material}/components/grid/CSSGrid.js (100%) rename docs/{src/pages => data/material}/components/grid/CSSGrid.tsx (100%) rename docs/{src/pages => data/material}/components/grid/CSSGrid.tsx.preview (100%) rename docs/{src/pages => data/material}/components/grid/ColumnsGrid.js (100%) rename docs/{src/pages => data/material}/components/grid/ColumnsGrid.tsx (100%) rename docs/{src/pages => data/material}/components/grid/ColumnsGrid.tsx.preview (100%) rename docs/{src/pages => data/material}/components/grid/ComplexGrid.js (100%) rename docs/{src/pages => data/material}/components/grid/ComplexGrid.tsx (100%) rename docs/{src/pages => data/material}/components/grid/FullWidthGrid.js (100%) rename docs/{src/pages => data/material}/components/grid/FullWidthGrid.tsx (100%) rename docs/{src/pages => data/material}/components/grid/FullWidthGrid.tsx.preview (100%) rename docs/{src/pages => data/material}/components/grid/InteractiveGrid.js (100%) rename docs/{src/pages => data/material}/components/grid/InteractiveGrid.tsx (100%) rename docs/{src/pages => data/material}/components/grid/NestedGrid.js (100%) rename docs/{src/pages => data/material}/components/grid/NestedGrid.tsx (100%) rename docs/{src/pages => data/material}/components/grid/NestedGrid.tsx.preview (100%) rename docs/{src/pages => data/material}/components/grid/ResponsiveGrid.js (100%) rename docs/{src/pages => data/material}/components/grid/ResponsiveGrid.tsx (100%) rename docs/{src/pages => data/material}/components/grid/ResponsiveGrid.tsx.preview (100%) rename docs/{src/pages => data/material}/components/grid/RowAndColumnSpacing.js (100%) rename docs/{src/pages => data/material}/components/grid/RowAndColumnSpacing.tsx (100%) rename docs/{src/pages => data/material}/components/grid/RowAndColumnSpacing.tsx.preview (100%) rename docs/{src/pages => data/material}/components/grid/SpacingGrid.js (100%) rename docs/{src/pages => data/material}/components/grid/SpacingGrid.tsx (100%) rename docs/{src/pages => data/material}/components/grid/VariableWidthGrid.js (100%) rename docs/{src/pages => data/material}/components/grid/VariableWidthGrid.tsx (100%) rename docs/{src/pages => data/material}/components/grid/VariableWidthGrid.tsx.preview (100%) rename docs/{src/pages => data/material}/components/grid/grid-pt.md (72%) rename docs/{src/pages => data/material}/components/grid/grid-zh.md (89%) rename docs/{src/pages => data/material}/components/grid/grid.md (89%) rename docs/{src/pages => data/material}/components/hidden/hidden-pt.md (95%) rename docs/{src/pages => data/material}/components/hidden/hidden-zh.md (95%) rename docs/{src/pages => data/material}/components/hidden/hidden.md (95%) rename docs/{src/pages => data/material}/components/icons/CreateSvgIcon.js (100%) rename docs/{src/pages => data/material}/components/icons/CreateSvgIcon.tsx (100%) rename docs/{src/pages => data/material}/components/icons/CreateSvgIcon.tsx.preview (100%) rename docs/{src/pages => data/material}/components/icons/FontAwesomeIcon.js (100%) rename docs/{src/pages => data/material}/components/icons/FontAwesomeIcon.tsx (100%) rename docs/{src/pages => data/material}/components/icons/FontAwesomeIcon.tsx.preview (100%) rename docs/{src/pages => data/material}/components/icons/FontAwesomeIconSize.js (100%) rename docs/{src/pages => data/material}/components/icons/FontAwesomeIconSize.tsx (100%) rename docs/{src/pages => data/material}/components/icons/FontAwesomeIconSize.tsx.preview (100%) rename docs/{src/pages => data/material}/components/icons/FontAwesomeSvgIconDemo.js (100%) rename docs/{src/pages => data/material}/components/icons/FontAwesomeSvgIconDemo.tsx (100%) rename docs/{src/pages => data/material}/components/icons/FontAwesomeSvgIconDemo.tsx.preview (100%) rename docs/{src/pages => data/material}/components/icons/Icons.js (100%) rename docs/{src/pages => data/material}/components/icons/Icons.tsx (100%) rename docs/{src/pages => data/material}/components/icons/Icons.tsx.preview (100%) rename docs/{src/pages => data/material}/components/icons/SvgIconsColor.js (100%) rename docs/{src/pages => data/material}/components/icons/SvgIconsColor.tsx (100%) rename docs/{src/pages => data/material}/components/icons/SvgIconsColor.tsx.preview (100%) rename docs/{src/pages => data/material}/components/icons/SvgIconsSize.js (100%) rename docs/{src/pages => data/material}/components/icons/SvgIconsSize.tsx (100%) rename docs/{src/pages => data/material}/components/icons/SvgIconsSize.tsx.preview (100%) rename docs/{src/pages => data/material}/components/icons/SvgMaterialIcons.js (100%) rename docs/{src/pages => data/material}/components/icons/SvgMaterialIcons.tsx (100%) rename docs/{src/pages => data/material}/components/icons/TwoToneIcons.js (100%) rename docs/{src/pages => data/material}/components/icons/TwoToneIcons.tsx (100%) rename docs/{src/pages => data/material}/components/icons/TwoToneIcons.tsx.preview (100%) rename docs/{src/pages => data/material}/components/icons/icons-pt.md (95%) rename docs/{src/pages => data/material}/components/icons/icons-zh.md (94%) rename docs/{src/pages => data/material}/components/icons/icons.md (95%) rename docs/{src/pages => data/material}/components/image-list/CustomImageList.js (100%) rename docs/{src/pages => data/material}/components/image-list/CustomImageList.tsx (100%) rename docs/{src/pages => data/material}/components/image-list/MasonryImageList.js (100%) rename docs/{src/pages => data/material}/components/image-list/MasonryImageList.tsx (100%) rename docs/{src/pages => data/material}/components/image-list/MasonryImageList.tsx.preview (100%) rename docs/{src/pages => data/material}/components/image-list/QuiltedImageList.js (100%) rename docs/{src/pages => data/material}/components/image-list/QuiltedImageList.tsx (100%) rename docs/{src/pages => data/material}/components/image-list/QuiltedImageList.tsx.preview (100%) rename docs/{src/pages => data/material}/components/image-list/StandardImageList.js (100%) rename docs/{src/pages => data/material}/components/image-list/StandardImageList.tsx (100%) rename docs/{src/pages => data/material}/components/image-list/StandardImageList.tsx.preview (100%) rename docs/{src/pages => data/material}/components/image-list/TitlebarBelowImageList.js (100%) rename docs/{src/pages => data/material}/components/image-list/TitlebarBelowImageList.tsx (100%) rename docs/{src/pages => data/material}/components/image-list/TitlebarBelowMasonryImageList.js (100%) rename docs/{src/pages => data/material}/components/image-list/TitlebarBelowMasonryImageList.tsx (100%) rename docs/{src/pages => data/material}/components/image-list/TitlebarBelowMasonryImageList.tsx.preview (100%) rename docs/{src/pages => data/material}/components/image-list/TitlebarImageList.js (100%) rename docs/{src/pages => data/material}/components/image-list/TitlebarImageList.tsx (100%) rename docs/{src/pages => data/material}/components/image-list/WovenImageList.js (100%) rename docs/{src/pages => data/material}/components/image-list/WovenImageList.tsx (100%) rename docs/{src/pages => data/material}/components/image-list/WovenImageList.tsx.preview (100%) rename docs/{src/pages => data/material}/components/image-list/image-list-pt.md (79%) rename docs/{src/pages => data/material}/components/image-list/image-list-zh.md (76%) rename docs/{src/pages => data/material}/components/image-list/image-list.md (76%) rename docs/{src/pages => data/material}/components/image-list/itemData.d.ts (100%) rename docs/{src/pages => data/material}/components/image-list/tslint.json (100%) rename docs/{src/pages => data/material}/components/links/ButtonLink.js (100%) rename docs/{src/pages => data/material}/components/links/ButtonLink.tsx (100%) rename docs/{src/pages => data/material}/components/links/ButtonLink.tsx.preview (100%) rename docs/{src/pages => data/material}/components/links/Links.js (100%) rename docs/{src/pages => data/material}/components/links/Links.tsx (100%) rename docs/{src/pages => data/material}/components/links/Links.tsx.preview (100%) rename docs/{src/pages => data/material}/components/links/UnderlineLink.js (100%) rename docs/{src/pages => data/material}/components/links/UnderlineLink.tsx (100%) rename docs/{src/pages => data/material}/components/links/UnderlineLink.tsx.preview (100%) rename docs/{src/pages => data/material}/components/links/links-pt.md (92%) rename docs/{src/pages => data/material}/components/links/links-zh.md (94%) rename docs/{src/pages => data/material}/components/links/links.md (94%) rename docs/{src/pages => data/material}/components/lists/AlignItemsList.js (100%) rename docs/{src/pages => data/material}/components/lists/AlignItemsList.tsx (100%) rename docs/{src/pages => data/material}/components/lists/BasicList.js (100%) rename docs/{src/pages => data/material}/components/lists/BasicList.tsx (100%) rename docs/{src/pages => data/material}/components/lists/CheckboxList.js (100%) rename docs/{src/pages => data/material}/components/lists/CheckboxList.tsx (100%) rename docs/{src/pages => data/material}/components/lists/CheckboxListSecondary.js (100%) rename docs/{src/pages => data/material}/components/lists/CheckboxListSecondary.tsx (100%) rename docs/{src/pages => data/material}/components/lists/CustomizedList.js (100%) rename docs/{src/pages => data/material}/components/lists/CustomizedList.tsx (100%) rename docs/{src/pages => data/material}/components/lists/FolderList.js (100%) rename docs/{src/pages => data/material}/components/lists/FolderList.tsx (100%) rename docs/{src/pages => data/material}/components/lists/GutterlessList.js (100%) rename docs/{src/pages => data/material}/components/lists/GutterlessList.tsx (100%) rename docs/{src/pages => data/material}/components/lists/GutterlessList.tsx.preview (100%) rename docs/{src/pages => data/material}/components/lists/InsetList.js (100%) rename docs/{src/pages => data/material}/components/lists/InsetList.tsx (100%) rename docs/{src/pages => data/material}/components/lists/InteractiveList.js (100%) rename docs/{src/pages => data/material}/components/lists/InteractiveList.tsx (100%) rename docs/{src/pages => data/material}/components/lists/NestedList.js (100%) rename docs/{src/pages => data/material}/components/lists/NestedList.tsx (100%) rename docs/{src/pages => data/material}/components/lists/PinnedSubheaderList.js (100%) rename docs/{src/pages => data/material}/components/lists/PinnedSubheaderList.tsx (100%) rename docs/{src/pages => data/material}/components/lists/SelectedListItem.js (100%) rename docs/{src/pages => data/material}/components/lists/SelectedListItem.tsx (100%) rename docs/{src/pages => data/material}/components/lists/SwitchListSecondary.js (100%) rename docs/{src/pages => data/material}/components/lists/SwitchListSecondary.tsx (100%) rename docs/{src/pages => data/material}/components/lists/VirtualizedList.js (100%) rename docs/{src/pages => data/material}/components/lists/VirtualizedList.tsx (100%) rename docs/{src/pages => data/material}/components/lists/VirtualizedList.tsx.preview (100%) rename docs/{src/pages => data/material}/components/lists/lists-pt.md (79%) rename docs/{src/pages => data/material}/components/lists/lists-zh.md (71%) rename docs/{src/pages => data/material}/components/lists/lists.md (76%) rename docs/{src/pages => data/material}/components/masonry/BasicMasonry.js (100%) rename docs/{src/pages => data/material}/components/masonry/BasicMasonry.tsx (100%) rename docs/{src/pages => data/material}/components/masonry/BasicMasonry.tsx.preview (100%) rename docs/{src/pages => data/material}/components/masonry/FixedColumns.js (100%) rename docs/{src/pages => data/material}/components/masonry/FixedColumns.tsx (100%) rename docs/{src/pages => data/material}/components/masonry/FixedColumns.tsx.preview (100%) rename docs/{src/pages => data/material}/components/masonry/FixedSpacing.js (100%) rename docs/{src/pages => data/material}/components/masonry/FixedSpacing.tsx (100%) rename docs/{src/pages => data/material}/components/masonry/FixedSpacing.tsx.preview (100%) rename docs/{src/pages => data/material}/components/masonry/ImageMasonry.js (100%) rename docs/{src/pages => data/material}/components/masonry/ImageMasonry.tsx (100%) rename docs/{src/pages => data/material}/components/masonry/ImageMasonry.tsx.preview (100%) rename docs/{src/pages => data/material}/components/masonry/MasonryWithVariableHeightItems.js (100%) rename docs/{src/pages => data/material}/components/masonry/MasonryWithVariableHeightItems.tsx (100%) rename docs/{src/pages => data/material}/components/masonry/MasonryWithVariableHeightItems.tsx.preview (100%) rename docs/{src/pages => data/material}/components/masonry/ResponsiveColumns.js (100%) rename docs/{src/pages => data/material}/components/masonry/ResponsiveColumns.tsx (100%) rename docs/{src/pages => data/material}/components/masonry/ResponsiveColumns.tsx.preview (100%) rename docs/{src/pages => data/material}/components/masonry/ResponsiveSpacing.js (100%) rename docs/{src/pages => data/material}/components/masonry/ResponsiveSpacing.tsx (100%) rename docs/{src/pages => data/material}/components/masonry/ResponsiveSpacing.tsx.preview (100%) rename docs/{src/pages => data/material}/components/masonry/SSRMasonry.js (100%) rename docs/{src/pages => data/material}/components/masonry/SSRMasonry.tsx (100%) rename docs/{src/pages => data/material}/components/masonry/SSRMasonry.tsx.preview (100%) rename docs/{src/pages => data/material}/components/masonry/masonry-pt.md (78%) rename docs/{src/pages => data/material}/components/masonry/masonry-zh.md (78%) rename docs/{src/pages => data/material}/components/masonry/masonry.md (78%) rename docs/{src/pages => data/material}/components/material-icons/SearchIcons.js (100%) rename docs/{src/pages => data/material}/components/material-icons/material-icons-pt.md (87%) rename docs/{src/pages => data/material}/components/material-icons/material-icons-zh.md (88%) rename docs/{src/pages => data/material}/components/material-icons/material-icons.md (87%) rename docs/{src/pages => data/material}/components/material-icons/synonyms.js (100%) rename docs/{src/pages => data/material}/components/menus/AccountMenu.js (100%) rename docs/{src/pages => data/material}/components/menus/AccountMenu.tsx (100%) rename docs/{src/pages => data/material}/components/menus/BasicMenu.js (100%) rename docs/{src/pages => data/material}/components/menus/BasicMenu.tsx (100%) rename docs/{src/pages => data/material}/components/menus/ContextMenu.js (100%) rename docs/{src/pages => data/material}/components/menus/ContextMenu.tsx (100%) rename docs/{src/pages => data/material}/components/menus/CustomizedMenus.js (100%) rename docs/{src/pages => data/material}/components/menus/CustomizedMenus.tsx (100%) rename docs/{src/pages => data/material}/components/menus/DenseMenu.js (100%) rename docs/{src/pages => data/material}/components/menus/DenseMenu.tsx (100%) rename docs/{src/pages => data/material}/components/menus/FadeMenu.js (100%) rename docs/{src/pages => data/material}/components/menus/FadeMenu.tsx (100%) rename docs/{src/pages => data/material}/components/menus/IconMenu.js (100%) rename docs/{src/pages => data/material}/components/menus/IconMenu.tsx (100%) rename docs/{src/pages => data/material}/components/menus/LongMenu.js (100%) rename docs/{src/pages => data/material}/components/menus/LongMenu.tsx (100%) rename docs/{src/pages => data/material}/components/menus/MenuListComposition.js (100%) rename docs/{src/pages => data/material}/components/menus/MenuListComposition.tsx (100%) rename docs/{src/pages => data/material}/components/menus/MenuPopupState.js (100%) rename docs/{src/pages => data/material}/components/menus/MenuPopupState.tsx (100%) rename docs/{src/pages => data/material}/components/menus/MenuPopupState.tsx.preview (100%) rename docs/{src/pages => data/material}/components/menus/PositionedMenu.js (100%) rename docs/{src/pages => data/material}/components/menus/PositionedMenu.tsx (100%) rename docs/{src/pages => data/material}/components/menus/SimpleListMenu.js (100%) rename docs/{src/pages => data/material}/components/menus/SimpleListMenu.tsx (100%) rename docs/{src/pages => data/material}/components/menus/TypographyMenu.js (100%) rename docs/{src/pages => data/material}/components/menus/TypographyMenu.tsx (100%) rename docs/{src/pages => data/material}/components/menus/menus-pt.md (85%) rename docs/{src/pages => data/material}/components/menus/menus-zh.md (84%) rename docs/{src/pages => data/material}/components/menus/menus.md (83%) rename docs/{src/pages => data/material}/components/modal/BasicModal.js (100%) rename docs/{src/pages => data/material}/components/modal/BasicModal.tsx (100%) rename docs/{src/pages => data/material}/components/modal/BasicModal.tsx.preview (100%) rename docs/{src/pages => data/material}/components/modal/KeepMountedModal.js (100%) rename docs/{src/pages => data/material}/components/modal/KeepMountedModal.tsx (100%) rename docs/{src/pages => data/material}/components/modal/ModalUnstyled.js (100%) rename docs/{src/pages => data/material}/components/modal/ModalUnstyled.tsx (100%) rename docs/{src/pages => data/material}/components/modal/ModalUnstyled.tsx.preview (100%) rename docs/{src/pages => data/material}/components/modal/NestedModal.js (100%) rename docs/{src/pages => data/material}/components/modal/NestedModal.tsx (100%) rename docs/{src/pages => data/material}/components/modal/NestedModal.tsx.preview (100%) rename docs/{src/pages => data/material}/components/modal/ServerModal.js (100%) rename docs/{src/pages => data/material}/components/modal/ServerModal.tsx (100%) rename docs/{src/pages => data/material}/components/modal/SpringModal.js (100%) rename docs/{src/pages => data/material}/components/modal/SpringModal.tsx (100%) rename docs/{src/pages => data/material}/components/modal/TransitionsModal.js (100%) rename docs/{src/pages => data/material}/components/modal/TransitionsModal.tsx (100%) rename docs/{src/pages => data/material}/components/modal/modal-pt.md (88%) rename docs/{src/pages => data/material}/components/modal/modal-zh.md (89%) rename docs/{src/pages => data/material}/components/modal/modal.md (92%) rename docs/{src/pages => data/material}/components/no-ssr/FrameDeferring.js (100%) rename docs/{src/pages => data/material}/components/no-ssr/FrameDeferring.tsx (100%) rename docs/{src/pages => data/material}/components/no-ssr/SimpleNoSsr.js (100%) rename docs/{src/pages => data/material}/components/no-ssr/SimpleNoSsr.tsx (100%) rename docs/{src/pages => data/material}/components/no-ssr/SimpleNoSsr.tsx.preview (100%) rename docs/{src/pages => data/material}/components/no-ssr/no-ssr-pt.md (93%) rename docs/{src/pages => data/material}/components/no-ssr/no-ssr-zh.md (82%) rename docs/{src/pages => data/material}/components/no-ssr/no-ssr.md (92%) rename docs/{src/pages => data/material}/components/pagination/BasicPagination.js (100%) rename docs/{src/pages => data/material}/components/pagination/BasicPagination.tsx (100%) rename docs/{src/pages => data/material}/components/pagination/BasicPagination.tsx.preview (100%) rename docs/{src/pages => data/material}/components/pagination/CustomIcons.js (100%) rename docs/{src/pages => data/material}/components/pagination/CustomIcons.tsx (100%) rename docs/{src/pages => data/material}/components/pagination/CustomIcons.tsx.preview (100%) rename docs/{src/pages => data/material}/components/pagination/PaginationButtons.js (100%) rename docs/{src/pages => data/material}/components/pagination/PaginationButtons.tsx (100%) rename docs/{src/pages => data/material}/components/pagination/PaginationButtons.tsx.preview (100%) rename docs/{src/pages => data/material}/components/pagination/PaginationControlled.js (100%) rename docs/{src/pages => data/material}/components/pagination/PaginationControlled.tsx (100%) rename docs/{src/pages => data/material}/components/pagination/PaginationControlled.tsx.preview (100%) rename docs/{src/pages => data/material}/components/pagination/PaginationLink.js (100%) rename docs/{src/pages => data/material}/components/pagination/PaginationLink.tsx (100%) rename docs/{src/pages => data/material}/components/pagination/PaginationLink.tsx.preview (100%) rename docs/{src/pages => data/material}/components/pagination/PaginationOutlined.js (100%) rename docs/{src/pages => data/material}/components/pagination/PaginationOutlined.tsx (100%) rename docs/{src/pages => data/material}/components/pagination/PaginationOutlined.tsx.preview (100%) rename docs/{src/pages => data/material}/components/pagination/PaginationRanges.js (100%) rename docs/{src/pages => data/material}/components/pagination/PaginationRanges.tsx (100%) rename docs/{src/pages => data/material}/components/pagination/PaginationRanges.tsx.preview (100%) rename docs/{src/pages => data/material}/components/pagination/PaginationRounded.js (100%) rename docs/{src/pages => data/material}/components/pagination/PaginationRounded.tsx (100%) rename docs/{src/pages => data/material}/components/pagination/PaginationRounded.tsx.preview (100%) rename docs/{src/pages => data/material}/components/pagination/PaginationSize.js (100%) rename docs/{src/pages => data/material}/components/pagination/PaginationSize.tsx (100%) rename docs/{src/pages => data/material}/components/pagination/PaginationSize.tsx.preview (100%) rename docs/{src/pages => data/material}/components/pagination/TablePagination.js (100%) rename docs/{src/pages => data/material}/components/pagination/TablePagination.tsx (100%) rename docs/{src/pages => data/material}/components/pagination/TablePagination.tsx.preview (100%) rename docs/{src/pages => data/material}/components/pagination/UsePagination.js (100%) rename docs/{src/pages => data/material}/components/pagination/UsePagination.tsx (100%) rename docs/{src/pages => data/material}/components/pagination/pagination-pt.md (76%) rename docs/{src/pages => data/material}/components/pagination/pagination-zh.md (70%) rename docs/{src/pages => data/material}/components/pagination/pagination.md (77%) rename docs/{src/pages => data/material}/components/paper/Elevation.js (100%) rename docs/{src/pages => data/material}/components/paper/Elevation.tsx (100%) rename docs/{src/pages => data/material}/components/paper/SimplePaper.js (100%) rename docs/{src/pages => data/material}/components/paper/SimplePaper.tsx (100%) rename docs/{src/pages => data/material}/components/paper/SimplePaper.tsx.preview (100%) rename docs/{src/pages => data/material}/components/paper/Variants.js (100%) rename docs/{src/pages => data/material}/components/paper/Variants.tsx (100%) rename docs/{src/pages => data/material}/components/paper/Variants.tsx.preview (100%) rename docs/{src/pages => data/material}/components/paper/paper-pt.md (87%) rename docs/{src/pages => data/material}/components/paper/paper-zh.md (88%) rename docs/{src/pages => data/material}/components/paper/paper.md (86%) rename docs/{src/pages => data/material}/components/pickers/MaterialUIPickers.js (100%) rename docs/{src/pages => data/material}/components/pickers/MaterialUIPickers.tsx (100%) rename docs/{src/pages => data/material}/components/pickers/NativePickers.js (100%) rename docs/{src/pages => data/material}/components/pickers/NativePickers.tsx (100%) rename docs/{src/pages => data/material}/components/pickers/pickers-pt.md (93%) rename docs/{src/pages => data/material}/components/pickers/pickers-zh.md (91%) rename docs/{src/pages => data/material}/components/pickers/pickers.md (94%) rename docs/{src/pages => data/material}/components/popover/AnchorPlayground.js (100%) rename docs/{src/pages => data/material}/components/popover/BasicPopover.js (100%) rename docs/{src/pages => data/material}/components/popover/BasicPopover.tsx (100%) rename docs/{src/pages => data/material}/components/popover/BasicPopover.tsx.preview (100%) rename docs/{src/pages => data/material}/components/popover/MouseOverPopover.js (100%) rename docs/{src/pages => data/material}/components/popover/MouseOverPopover.tsx (100%) rename docs/{src/pages => data/material}/components/popover/PopoverPopupState.js (100%) rename docs/{src/pages => data/material}/components/popover/PopoverPopupState.tsx (100%) rename docs/{src/pages => data/material}/components/popover/popover-pt.md (84%) rename docs/{src/pages => data/material}/components/popover/popover-zh.md (77%) rename docs/{src/pages => data/material}/components/popover/popover.md (83%) rename docs/{src/pages => data/material}/components/popper/PopperPopupState.js (100%) rename docs/{src/pages => data/material}/components/popper/PopperPopupState.tsx (100%) rename docs/{src/pages => data/material}/components/popper/PositionedPopper.js (100%) rename docs/{src/pages => data/material}/components/popper/PositionedPopper.tsx (100%) rename docs/{src/pages => data/material}/components/popper/ScrollPlayground.js (100%) rename docs/{src/pages => data/material}/components/popper/SimplePopper.js (100%) rename docs/{src/pages => data/material}/components/popper/SimplePopper.tsx (100%) rename docs/{src/pages => data/material}/components/popper/SimplePopper.tsx.preview (100%) rename docs/{src/pages => data/material}/components/popper/SpringPopper.js (100%) rename docs/{src/pages => data/material}/components/popper/SpringPopper.tsx (100%) rename docs/{src/pages => data/material}/components/popper/SpringPopper.tsx.preview (100%) rename docs/{src/pages => data/material}/components/popper/TransitionsPopper.js (100%) rename docs/{src/pages => data/material}/components/popper/TransitionsPopper.tsx (100%) rename docs/{src/pages => data/material}/components/popper/TransitionsPopper.tsx.preview (100%) rename docs/{src/pages => data/material}/components/popper/VirtualElementPopper.js (100%) rename docs/{src/pages => data/material}/components/popper/VirtualElementPopper.tsx (100%) rename docs/{src/pages => data/material}/components/popper/popper-pt.md (85%) rename docs/{src/pages => data/material}/components/popper/popper-zh.md (79%) rename docs/{src/pages => data/material}/components/popper/popper.md (87%) rename docs/{src/pages => data/material}/components/portal/SimplePortal.js (100%) rename docs/{src/pages => data/material}/components/portal/SimplePortal.tsx (100%) rename docs/{src/pages => data/material}/components/portal/SimplePortal.tsx.preview (100%) rename docs/{src/pages => data/material}/components/portal/portal-pt.md (94%) rename docs/{src/pages => data/material}/components/portal/portal-zh.md (94%) rename docs/{src/pages => data/material}/components/portal/portal.md (94%) rename docs/{src/pages => data/material}/components/progress/CircularColor.js (100%) rename docs/{src/pages => data/material}/components/progress/CircularColor.tsx (100%) rename docs/{src/pages => data/material}/components/progress/CircularColor.tsx.preview (100%) rename docs/{src/pages => data/material}/components/progress/CircularDeterminate.js (100%) rename docs/{src/pages => data/material}/components/progress/CircularDeterminate.tsx (100%) rename docs/{src/pages => data/material}/components/progress/CircularDeterminate.tsx.preview (100%) rename docs/{src/pages => data/material}/components/progress/CircularIndeterminate.js (100%) rename docs/{src/pages => data/material}/components/progress/CircularIndeterminate.tsx (100%) rename docs/{src/pages => data/material}/components/progress/CircularIndeterminate.tsx.preview (100%) rename docs/{src/pages => data/material}/components/progress/CircularIntegration.js (100%) rename docs/{src/pages => data/material}/components/progress/CircularIntegration.tsx (100%) rename docs/{src/pages => data/material}/components/progress/CircularUnderLoad.js (100%) rename docs/{src/pages => data/material}/components/progress/CircularUnderLoad.tsx (100%) rename docs/{src/pages => data/material}/components/progress/CircularUnderLoad.tsx.preview (100%) rename docs/{src/pages => data/material}/components/progress/CircularWithValueLabel.js (100%) rename docs/{src/pages => data/material}/components/progress/CircularWithValueLabel.tsx (100%) rename docs/{src/pages => data/material}/components/progress/CircularWithValueLabel.tsx.preview (100%) rename docs/{src/pages => data/material}/components/progress/CustomizedProgressBars.js (100%) rename docs/{src/pages => data/material}/components/progress/CustomizedProgressBars.tsx (100%) rename docs/{src/pages => data/material}/components/progress/CustomizedProgressBars.tsx.preview (100%) rename docs/{src/pages => data/material}/components/progress/DelayingAppearance.js (100%) rename docs/{src/pages => data/material}/components/progress/DelayingAppearance.tsx (100%) rename docs/{src/pages => data/material}/components/progress/LinearBuffer.js (100%) rename docs/{src/pages => data/material}/components/progress/LinearBuffer.tsx (100%) rename docs/{src/pages => data/material}/components/progress/LinearBuffer.tsx.preview (100%) rename docs/{src/pages => data/material}/components/progress/LinearColor.js (100%) rename docs/{src/pages => data/material}/components/progress/LinearColor.tsx (100%) rename docs/{src/pages => data/material}/components/progress/LinearColor.tsx.preview (100%) rename docs/{src/pages => data/material}/components/progress/LinearDeterminate.js (100%) rename docs/{src/pages => data/material}/components/progress/LinearDeterminate.tsx (100%) rename docs/{src/pages => data/material}/components/progress/LinearDeterminate.tsx.preview (100%) rename docs/{src/pages => data/material}/components/progress/LinearIndeterminate.js (100%) rename docs/{src/pages => data/material}/components/progress/LinearIndeterminate.tsx (100%) rename docs/{src/pages => data/material}/components/progress/LinearIndeterminate.tsx.preview (100%) rename docs/{src/pages => data/material}/components/progress/LinearWithValueLabel.js (100%) rename docs/{src/pages => data/material}/components/progress/LinearWithValueLabel.tsx (100%) rename docs/{src/pages => data/material}/components/progress/LinearWithValueLabel.tsx.preview (100%) rename docs/{src/pages => data/material}/components/progress/progress-pt.md (79%) rename docs/{src/pages => data/material}/components/progress/progress-zh.md (75%) rename docs/{src/pages => data/material}/components/progress/progress.md (83%) rename docs/{src/pages => data/material}/components/radio-buttons/ColorRadioButtons.js (100%) rename docs/{src/pages => data/material}/components/radio-buttons/ColorRadioButtons.tsx (100%) rename docs/{src/pages => data/material}/components/radio-buttons/ColorRadioButtons.tsx.preview (100%) rename docs/{src/pages => data/material}/components/radio-buttons/ControlledRadioButtonsGroup.js (100%) rename docs/{src/pages => data/material}/components/radio-buttons/ControlledRadioButtonsGroup.tsx (100%) rename docs/{src/pages => data/material}/components/radio-buttons/ControlledRadioButtonsGroup.tsx.preview (100%) rename docs/{src/pages => data/material}/components/radio-buttons/CustomizedRadios.js (100%) rename docs/{src/pages => data/material}/components/radio-buttons/CustomizedRadios.tsx (100%) rename docs/{src/pages => data/material}/components/radio-buttons/ErrorRadios.js (100%) rename docs/{src/pages => data/material}/components/radio-buttons/ErrorRadios.tsx (100%) rename docs/{src/pages => data/material}/components/radio-buttons/FormControlLabelPlacement.js (100%) rename docs/{src/pages => data/material}/components/radio-buttons/FormControlLabelPlacement.tsx (100%) rename docs/{src/pages => data/material}/components/radio-buttons/RadioButtons.js (100%) rename docs/{src/pages => data/material}/components/radio-buttons/RadioButtons.tsx (100%) rename docs/{src/pages => data/material}/components/radio-buttons/RadioButtons.tsx.preview (100%) rename docs/{src/pages => data/material}/components/radio-buttons/RadioButtonsGroup.js (100%) rename docs/{src/pages => data/material}/components/radio-buttons/RadioButtonsGroup.tsx (100%) rename docs/{src/pages => data/material}/components/radio-buttons/RadioButtonsGroup.tsx.preview (100%) rename docs/{src/pages => data/material}/components/radio-buttons/RowRadioButtonsGroup.js (100%) rename docs/{src/pages => data/material}/components/radio-buttons/RowRadioButtonsGroup.tsx (100%) rename docs/{src/pages => data/material}/components/radio-buttons/SizeRadioButtons.js (100%) rename docs/{src/pages => data/material}/components/radio-buttons/SizeRadioButtons.tsx (100%) rename docs/{src/pages => data/material}/components/radio-buttons/SizeRadioButtons.tsx.preview (100%) rename docs/{src/pages => data/material}/components/radio-buttons/UseRadioGroup.js (100%) rename docs/{src/pages => data/material}/components/radio-buttons/UseRadioGroup.tsx (100%) rename docs/{src/pages => data/material}/components/radio-buttons/UseRadioGroup.tsx.preview (100%) rename docs/{src/pages => data/material}/components/radio-buttons/radio-buttons-pt.md (84%) rename docs/{src/pages => data/material}/components/radio-buttons/radio-buttons-zh.md (82%) rename docs/{src/pages => data/material}/components/radio-buttons/radio-buttons.md (82%) rename docs/{src/pages => data/material}/components/rating/BasicRating.js (100%) rename docs/{src/pages => data/material}/components/rating/BasicRating.tsx (100%) rename docs/{src/pages => data/material}/components/rating/BasicRating.tsx.preview (100%) rename docs/{src/pages => data/material}/components/rating/CustomizedRating.js (100%) rename docs/{src/pages => data/material}/components/rating/CustomizedRating.tsx (100%) rename docs/{src/pages => data/material}/components/rating/CustomizedRating.tsx.preview (100%) rename docs/{src/pages => data/material}/components/rating/HalfRating.js (100%) rename docs/{src/pages => data/material}/components/rating/HalfRating.tsx (100%) rename docs/{src/pages => data/material}/components/rating/HalfRating.tsx.preview (100%) rename docs/{src/pages => data/material}/components/rating/HoverRating.js (100%) rename docs/{src/pages => data/material}/components/rating/HoverRating.tsx (100%) rename docs/{src/pages => data/material}/components/rating/HoverRating.tsx.preview (100%) rename docs/{src/pages => data/material}/components/rating/RadioGroupRating.js (100%) rename docs/{src/pages => data/material}/components/rating/RadioGroupRating.tsx (100%) rename docs/{src/pages => data/material}/components/rating/RadioGroupRating.tsx.preview (100%) rename docs/{src/pages => data/material}/components/rating/RatingSize.js (100%) rename docs/{src/pages => data/material}/components/rating/RatingSize.tsx (100%) rename docs/{src/pages => data/material}/components/rating/RatingSize.tsx.preview (100%) rename docs/{src/pages => data/material}/components/rating/TextRating.js (100%) rename docs/{src/pages => data/material}/components/rating/TextRating.tsx (100%) rename docs/{src/pages => data/material}/components/rating/TextRating.tsx.preview (100%) rename docs/{src/pages => data/material}/components/rating/rating-pt.md (88%) rename docs/{src/pages => data/material}/components/rating/rating-zh.md (82%) rename docs/{src/pages => data/material}/components/rating/rating.md (87%) rename docs/{src/pages => data/material}/components/selects/BasicSelect.js (100%) rename docs/{src/pages => data/material}/components/selects/BasicSelect.tsx (100%) rename docs/{src/pages => data/material}/components/selects/BasicSelect.tsx.preview (100%) rename docs/{src/pages => data/material}/components/selects/ControlledOpenSelect.js (100%) rename docs/{src/pages => data/material}/components/selects/ControlledOpenSelect.tsx (100%) rename docs/{src/pages => data/material}/components/selects/CustomizedSelects.js (100%) rename docs/{src/pages => data/material}/components/selects/CustomizedSelects.tsx (100%) rename docs/{src/pages => data/material}/components/selects/DialogSelect.js (100%) rename docs/{src/pages => data/material}/components/selects/DialogSelect.tsx (100%) rename docs/{src/pages => data/material}/components/selects/GroupedSelect.js (100%) rename docs/{src/pages => data/material}/components/selects/GroupedSelect.tsx (100%) rename docs/{src/pages => data/material}/components/selects/MultipleSelect.js (100%) rename docs/{src/pages => data/material}/components/selects/MultipleSelect.tsx (100%) rename docs/{src/pages => data/material}/components/selects/MultipleSelectCheckmarks.js (100%) rename docs/{src/pages => data/material}/components/selects/MultipleSelectCheckmarks.tsx (100%) rename docs/{src/pages => data/material}/components/selects/MultipleSelectChip.js (100%) rename docs/{src/pages => data/material}/components/selects/MultipleSelectChip.tsx (100%) rename docs/{src/pages => data/material}/components/selects/MultipleSelectNative.js (100%) rename docs/{src/pages => data/material}/components/selects/MultipleSelectNative.tsx (100%) rename docs/{src/pages => data/material}/components/selects/MultipleSelectPlaceholder.js (100%) rename docs/{src/pages => data/material}/components/selects/MultipleSelectPlaceholder.tsx (100%) rename docs/{src/pages => data/material}/components/selects/NativeSelect.js (100%) rename docs/{src/pages => data/material}/components/selects/NativeSelect.tsx (100%) rename docs/{src/pages => data/material}/components/selects/NativeSelect.tsx.preview (100%) rename docs/{src/pages => data/material}/components/selects/SelectAutoWidth.js (100%) rename docs/{src/pages => data/material}/components/selects/SelectAutoWidth.tsx (100%) rename docs/{src/pages => data/material}/components/selects/SelectLabels.js (100%) rename docs/{src/pages => data/material}/components/selects/SelectLabels.tsx (100%) rename docs/{src/pages => data/material}/components/selects/SelectOtherProps.js (100%) rename docs/{src/pages => data/material}/components/selects/SelectOtherProps.tsx (100%) rename docs/{src/pages => data/material}/components/selects/SelectVariants.js (100%) rename docs/{src/pages => data/material}/components/selects/SelectVariants.tsx (100%) rename docs/{src/pages => data/material}/components/selects/UnstyledSelectControlled.js (100%) rename docs/{src/pages => data/material}/components/selects/UnstyledSelectControlled.tsx (100%) rename docs/{src/pages => data/material}/components/selects/UnstyledSelectControlled.tsx.preview (100%) rename docs/{src/pages => data/material}/components/selects/UnstyledSelectCustomRenderValue.js (100%) rename docs/{src/pages => data/material}/components/selects/UnstyledSelectCustomRenderValue.tsx (100%) rename docs/{src/pages => data/material}/components/selects/UnstyledSelectCustomRenderValue.tsx.preview (100%) rename docs/{src/pages => data/material}/components/selects/UnstyledSelectGrouping.js (100%) rename docs/{src/pages => data/material}/components/selects/UnstyledSelectGrouping.tsx (100%) rename docs/{src/pages => data/material}/components/selects/UnstyledSelectGrouping.tsx.preview (100%) rename docs/{src/pages => data/material}/components/selects/UnstyledSelectMultiple.js (100%) rename docs/{src/pages => data/material}/components/selects/UnstyledSelectMultiple.tsx (100%) rename docs/{src/pages => data/material}/components/selects/UnstyledSelectMultiple.tsx.preview (100%) rename docs/{src/pages => data/material}/components/selects/UnstyledSelectObjectValues.js (100%) rename docs/{src/pages => data/material}/components/selects/UnstyledSelectObjectValues.tsx (100%) rename docs/{src/pages => data/material}/components/selects/UnstyledSelectObjectValues.tsx.preview (100%) rename docs/{src/pages => data/material}/components/selects/UnstyledSelectRichOptions.js (100%) rename docs/{src/pages => data/material}/components/selects/UnstyledSelectRichOptions.tsx (100%) rename docs/{src/pages => data/material}/components/selects/UnstyledSelectRichOptions.tsx.preview (100%) rename docs/{src/pages => data/material}/components/selects/UnstyledSelectSimple.js (100%) rename docs/{src/pages => data/material}/components/selects/UnstyledSelectSimple.tsx (100%) rename docs/{src/pages => data/material}/components/selects/UnstyledSelectSimple.tsx.preview (100%) rename docs/{src/pages => data/material}/components/selects/UseSelect.js (100%) rename docs/{src/pages => data/material}/components/selects/UseSelect.tsx (100%) rename docs/{src/pages => data/material}/components/selects/UseSelect.tsx.preview (100%) rename docs/{src/pages => data/material}/components/selects/selects-pt.md (79%) rename docs/{src/pages => data/material}/components/selects/selects-zh.md (82%) rename docs/{src/pages => data/material}/components/selects/selects.md (82%) rename docs/{src/pages => data/material}/components/skeleton/Animations.js (100%) rename docs/{src/pages => data/material}/components/skeleton/Animations.tsx (100%) rename docs/{src/pages => data/material}/components/skeleton/Animations.tsx.preview (100%) rename docs/{src/pages => data/material}/components/skeleton/Facebook.js (100%) rename docs/{src/pages => data/material}/components/skeleton/Facebook.tsx (100%) rename docs/{src/pages => data/material}/components/skeleton/Facebook.tsx.preview (100%) rename docs/{src/pages => data/material}/components/skeleton/SkeletonChildren.js (100%) rename docs/{src/pages => data/material}/components/skeleton/SkeletonChildren.tsx (100%) rename docs/{src/pages => data/material}/components/skeleton/SkeletonChildren.tsx.preview (100%) rename docs/{src/pages => data/material}/components/skeleton/SkeletonColor.js (100%) rename docs/{src/pages => data/material}/components/skeleton/SkeletonColor.tsx (100%) rename docs/{src/pages => data/material}/components/skeleton/SkeletonColor.tsx.preview (100%) rename docs/{src/pages => data/material}/components/skeleton/SkeletonTypography.js (100%) rename docs/{src/pages => data/material}/components/skeleton/SkeletonTypography.tsx (100%) rename docs/{src/pages => data/material}/components/skeleton/SkeletonTypography.tsx.preview (100%) rename docs/{src/pages => data/material}/components/skeleton/Variants.js (100%) rename docs/{src/pages => data/material}/components/skeleton/Variants.tsx (100%) rename docs/{src/pages => data/material}/components/skeleton/Variants.tsx.preview (100%) rename docs/{src/pages => data/material}/components/skeleton/YouTube.js (100%) rename docs/{src/pages => data/material}/components/skeleton/YouTube.tsx (100%) rename docs/{src/pages => data/material}/components/skeleton/YouTube.tsx.preview (100%) rename docs/{src/pages => data/material}/components/skeleton/skeleton-pt.md (73%) rename docs/{src/pages => data/material}/components/skeleton/skeleton-zh.md (82%) rename docs/{src/pages => data/material}/components/skeleton/skeleton.md (82%) rename docs/{src/pages => data/material}/components/slider/ColorSlider.js (100%) rename docs/{src/pages => data/material}/components/slider/ColorSlider.tsx (100%) rename docs/{src/pages => data/material}/components/slider/ColorSlider.tsx.preview (100%) rename docs/{src/pages => data/material}/components/slider/ContinuousSlider.js (100%) rename docs/{src/pages => data/material}/components/slider/ContinuousSlider.tsx (100%) rename docs/{src/pages => data/material}/components/slider/ContinuousSlider.tsx.preview (100%) rename docs/{src/pages => data/material}/components/slider/CustomizedSlider.js (100%) rename docs/{src/pages => data/material}/components/slider/CustomizedSlider.tsx (100%) rename docs/{src/pages => data/material}/components/slider/DiscreteSlider.js (100%) rename docs/{src/pages => data/material}/components/slider/DiscreteSlider.tsx (100%) rename docs/{src/pages => data/material}/components/slider/DiscreteSlider.tsx.preview (100%) rename docs/{src/pages => data/material}/components/slider/DiscreteSliderLabel.js (100%) rename docs/{src/pages => data/material}/components/slider/DiscreteSliderLabel.tsx (100%) rename docs/{src/pages => data/material}/components/slider/DiscreteSliderLabel.tsx.preview (100%) rename docs/{src/pages => data/material}/components/slider/DiscreteSliderMarks.js (100%) rename docs/{src/pages => data/material}/components/slider/DiscreteSliderMarks.tsx (100%) rename docs/{src/pages => data/material}/components/slider/DiscreteSliderMarks.tsx.preview (100%) rename docs/{src/pages => data/material}/components/slider/DiscreteSliderSteps.js (100%) rename docs/{src/pages => data/material}/components/slider/DiscreteSliderSteps.tsx (100%) rename docs/{src/pages => data/material}/components/slider/DiscreteSliderSteps.tsx.preview (100%) rename docs/{src/pages => data/material}/components/slider/DiscreteSliderValues.js (100%) rename docs/{src/pages => data/material}/components/slider/DiscreteSliderValues.tsx (100%) rename docs/{src/pages => data/material}/components/slider/DiscreteSliderValues.tsx.preview (100%) rename docs/{src/pages => data/material}/components/slider/InputSlider.js (100%) rename docs/{src/pages => data/material}/components/slider/InputSlider.tsx (100%) rename docs/{src/pages => data/material}/components/slider/MinimumDistanceSlider.js (100%) rename docs/{src/pages => data/material}/components/slider/MinimumDistanceSlider.tsx (100%) rename docs/{src/pages => data/material}/components/slider/MinimumDistanceSlider.tsx.preview (100%) rename docs/{src/pages => data/material}/components/slider/MusicPlayerSlider.js (100%) rename docs/{src/pages => data/material}/components/slider/MusicPlayerSlider.tsx (100%) rename docs/{src/pages => data/material}/components/slider/NonLinearSlider.js (100%) rename docs/{src/pages => data/material}/components/slider/NonLinearSlider.tsx (100%) rename docs/{src/pages => data/material}/components/slider/NonLinearSlider.tsx.preview (100%) rename docs/{src/pages => data/material}/components/slider/RangeSlider.js (100%) rename docs/{src/pages => data/material}/components/slider/RangeSlider.tsx (100%) rename docs/{src/pages => data/material}/components/slider/RangeSlider.tsx.preview (100%) rename docs/{src/pages => data/material}/components/slider/SliderSizes.js (100%) rename docs/{src/pages => data/material}/components/slider/SliderSizes.tsx (100%) rename docs/{src/pages => data/material}/components/slider/SliderSizes.tsx.preview (100%) rename docs/{src/pages => data/material}/components/slider/TrackFalseSlider.js (100%) rename docs/{src/pages => data/material}/components/slider/TrackFalseSlider.tsx (100%) rename docs/{src/pages => data/material}/components/slider/TrackInvertedSlider.js (100%) rename docs/{src/pages => data/material}/components/slider/TrackInvertedSlider.tsx (100%) rename docs/{src/pages => data/material}/components/slider/UnstyledSlider.js (100%) rename docs/{src/pages => data/material}/components/slider/UnstyledSlider.tsx (100%) rename docs/{src/pages => data/material}/components/slider/UnstyledSlider.tsx.preview (100%) rename docs/{src/pages => data/material}/components/slider/VerticalAccessibleSlider.js (100%) rename docs/{src/pages => data/material}/components/slider/VerticalAccessibleSlider.tsx (100%) rename docs/{src/pages => data/material}/components/slider/VerticalAccessibleSlider.tsx.preview (100%) rename docs/{src/pages => data/material}/components/slider/VerticalSlider.js (100%) rename docs/{src/pages => data/material}/components/slider/VerticalSlider.tsx (100%) rename docs/{src/pages => data/material}/components/slider/slider-pt.md (80%) rename docs/{src/pages => data/material}/components/slider/slider-zh.md (73%) rename docs/{src/pages => data/material}/components/slider/slider.md (80%) rename docs/{src/pages => data/material}/components/snackbars/ConsecutiveSnackbars.js (100%) rename docs/{src/pages => data/material}/components/snackbars/ConsecutiveSnackbars.tsx (100%) rename docs/{src/pages => data/material}/components/snackbars/CustomizedSnackbars.js (100%) rename docs/{src/pages => data/material}/components/snackbars/CustomizedSnackbars.tsx (100%) rename docs/{src/pages => data/material}/components/snackbars/CustomizedSnackbars.tsx.preview (100%) rename docs/{src/pages => data/material}/components/snackbars/DirectionSnackbar.js (100%) rename docs/{src/pages => data/material}/components/snackbars/DirectionSnackbar.tsx (100%) rename docs/{src/pages => data/material}/components/snackbars/DirectionSnackbar.tsx.preview (100%) rename docs/{src/pages => data/material}/components/snackbars/FabIntegrationSnackbar.js (100%) rename docs/{src/pages => data/material}/components/snackbars/FabIntegrationSnackbar.tsx (100%) rename docs/{src/pages => data/material}/components/snackbars/IntegrationNotistack.js (100%) rename docs/{src/pages => data/material}/components/snackbars/IntegrationNotistack.tsx (100%) rename docs/{src/pages => data/material}/components/snackbars/IntegrationNotistack.tsx.preview (100%) rename docs/{src/pages => data/material}/components/snackbars/LongTextSnackbar.js (100%) rename docs/{src/pages => data/material}/components/snackbars/LongTextSnackbar.tsx (100%) rename docs/{src/pages => data/material}/components/snackbars/PositionedSnackbar.js (100%) rename docs/{src/pages => data/material}/components/snackbars/PositionedSnackbar.tsx (100%) rename docs/{src/pages => data/material}/components/snackbars/PositionedSnackbar.tsx.preview (100%) rename docs/{src/pages => data/material}/components/snackbars/SimpleSnackbar.js (100%) rename docs/{src/pages => data/material}/components/snackbars/SimpleSnackbar.tsx (100%) rename docs/{src/pages => data/material}/components/snackbars/SimpleSnackbar.tsx.preview (100%) rename docs/{src/pages => data/material}/components/snackbars/TransitionsSnackbar.js (100%) rename docs/{src/pages => data/material}/components/snackbars/TransitionsSnackbar.tsx (100%) rename docs/{src/pages => data/material}/components/snackbars/TransitionsSnackbar.tsx.preview (100%) rename docs/{src/pages => data/material}/components/snackbars/snackbars-pt.md (87%) rename docs/{src/pages => data/material}/components/snackbars/snackbars-zh.md (79%) rename docs/{src/pages => data/material}/components/snackbars/snackbars.md (86%) rename docs/{src/pages => data/material}/components/speed-dial/BasicSpeedDial.js (100%) rename docs/{src/pages => data/material}/components/speed-dial/BasicSpeedDial.tsx (100%) rename docs/{src/pages => data/material}/components/speed-dial/BasicSpeedDial.tsx.preview (100%) rename docs/{src/pages => data/material}/components/speed-dial/ControlledOpenSpeedDial.js (100%) rename docs/{src/pages => data/material}/components/speed-dial/ControlledOpenSpeedDial.tsx (100%) rename docs/{src/pages => data/material}/components/speed-dial/OpenIconSpeedDial.js (100%) rename docs/{src/pages => data/material}/components/speed-dial/OpenIconSpeedDial.tsx (100%) rename docs/{src/pages => data/material}/components/speed-dial/OpenIconSpeedDial.tsx.preview (100%) rename docs/{src/pages => data/material}/components/speed-dial/PlaygroundSpeedDial.js (100%) rename docs/{src/pages => data/material}/components/speed-dial/PlaygroundSpeedDial.tsx (100%) rename docs/{src/pages => data/material}/components/speed-dial/SpeedDialTooltipOpen.js (100%) rename docs/{src/pages => data/material}/components/speed-dial/SpeedDialTooltipOpen.tsx (100%) rename docs/{src/pages => data/material}/components/speed-dial/speed-dial-pt.md (89%) rename docs/{src/pages => data/material}/components/speed-dial/speed-dial-zh.md (88%) rename docs/{src/pages => data/material}/components/speed-dial/speed-dial.md (88%) rename docs/{src/pages => data/material}/components/stack/BasicStack.js (100%) rename docs/{src/pages => data/material}/components/stack/BasicStack.tsx (100%) rename docs/{src/pages => data/material}/components/stack/BasicStack.tsx.preview (100%) rename docs/{src/pages => data/material}/components/stack/DirectionStack.js (100%) rename docs/{src/pages => data/material}/components/stack/DirectionStack.tsx (100%) rename docs/{src/pages => data/material}/components/stack/DirectionStack.tsx.preview (100%) rename docs/{src/pages => data/material}/components/stack/DividerStack.js (100%) rename docs/{src/pages => data/material}/components/stack/DividerStack.tsx (100%) rename docs/{src/pages => data/material}/components/stack/DividerStack.tsx.preview (100%) rename docs/{src/pages => data/material}/components/stack/InteractiveStack.js (100%) rename docs/{src/pages => data/material}/components/stack/InteractiveStack.tsx (100%) rename docs/{src/pages => data/material}/components/stack/ResponsiveStack.js (100%) rename docs/{src/pages => data/material}/components/stack/ResponsiveStack.tsx (100%) rename docs/{src/pages => data/material}/components/stack/ResponsiveStack.tsx.preview (100%) rename docs/{src/pages => data/material}/components/stack/stack-pt.md (80%) rename docs/{src/pages => data/material}/components/stack/stack-zh.md (81%) rename docs/{src/pages => data/material}/components/stack/stack.md (81%) rename docs/{src/pages => data/material}/components/steppers/CustomizedSteppers.js (100%) rename docs/{src/pages => data/material}/components/steppers/CustomizedSteppers.tsx (100%) rename docs/{src/pages => data/material}/components/steppers/CustomizedSteppers.tsx.preview (100%) rename docs/{src/pages => data/material}/components/steppers/DotsMobileStepper.js (100%) rename docs/{src/pages => data/material}/components/steppers/DotsMobileStepper.tsx (100%) rename docs/{src/pages => data/material}/components/steppers/HorizontalLinearAlternativeLabelStepper.js (100%) rename docs/{src/pages => data/material}/components/steppers/HorizontalLinearAlternativeLabelStepper.tsx (100%) rename docs/{src/pages => data/material}/components/steppers/HorizontalLinearAlternativeLabelStepper.tsx.preview (100%) rename docs/{src/pages => data/material}/components/steppers/HorizontalLinearStepper.js (100%) rename docs/{src/pages => data/material}/components/steppers/HorizontalLinearStepper.tsx (100%) rename docs/{src/pages => data/material}/components/steppers/HorizontalNonLinearStepper.js (100%) rename docs/{src/pages => data/material}/components/steppers/HorizontalNonLinearStepper.tsx (100%) rename docs/{src/pages => data/material}/components/steppers/HorizontalStepperWithError.js (100%) rename docs/{src/pages => data/material}/components/steppers/HorizontalStepperWithError.tsx (100%) rename docs/{src/pages => data/material}/components/steppers/ProgressMobileStepper.js (100%) rename docs/{src/pages => data/material}/components/steppers/ProgressMobileStepper.tsx (100%) rename docs/{src/pages => data/material}/components/steppers/SwipeableTextMobileStepper.js (100%) rename docs/{src/pages => data/material}/components/steppers/SwipeableTextMobileStepper.tsx (100%) rename docs/{src/pages => data/material}/components/steppers/TextMobileStepper.js (100%) rename docs/{src/pages => data/material}/components/steppers/TextMobileStepper.tsx (100%) rename docs/{src/pages => data/material}/components/steppers/VerticalLinearStepper.js (100%) rename docs/{src/pages => data/material}/components/steppers/VerticalLinearStepper.tsx (100%) rename docs/{src/pages => data/material}/components/steppers/steppers-pt.md (86%) rename docs/{src/pages => data/material}/components/steppers/steppers-zh.md (84%) rename docs/{src/pages => data/material}/components/steppers/steppers.md (84%) rename docs/{src/pages => data/material}/components/switches/BasicSwitches.js (100%) rename docs/{src/pages => data/material}/components/switches/BasicSwitches.tsx (100%) rename docs/{src/pages => data/material}/components/switches/BasicSwitches.tsx.preview (100%) rename docs/{src/pages => data/material}/components/switches/ColorSwitches.js (100%) rename docs/{src/pages => data/material}/components/switches/ColorSwitches.tsx (100%) rename docs/{src/pages => data/material}/components/switches/ColorSwitches.tsx.preview (100%) rename docs/{src/pages => data/material}/components/switches/ControlledSwitches.js (100%) rename docs/{src/pages => data/material}/components/switches/ControlledSwitches.tsx (100%) rename docs/{src/pages => data/material}/components/switches/ControlledSwitches.tsx.preview (100%) rename docs/{src/pages => data/material}/components/switches/CustomizedSwitches.js (100%) rename docs/{src/pages => data/material}/components/switches/CustomizedSwitches.tsx (100%) rename docs/{src/pages => data/material}/components/switches/FormControlLabelPosition.js (100%) rename docs/{src/pages => data/material}/components/switches/FormControlLabelPosition.tsx (100%) rename docs/{src/pages => data/material}/components/switches/SwitchLabels.js (100%) rename docs/{src/pages => data/material}/components/switches/SwitchLabels.tsx (100%) rename docs/{src/pages => data/material}/components/switches/SwitchLabels.tsx.preview (100%) rename docs/{src/pages => data/material}/components/switches/SwitchesGroup.js (100%) rename docs/{src/pages => data/material}/components/switches/SwitchesGroup.tsx (100%) rename docs/{src/pages => data/material}/components/switches/SwitchesSize.js (100%) rename docs/{src/pages => data/material}/components/switches/SwitchesSize.tsx (100%) rename docs/{src/pages => data/material}/components/switches/SwitchesSize.tsx.preview (100%) rename docs/{src/pages => data/material}/components/switches/UnstyledSwitches.js (100%) rename docs/{src/pages => data/material}/components/switches/UnstyledSwitches.tsx (100%) rename docs/{src/pages => data/material}/components/switches/UnstyledSwitches.tsx.preview (100%) rename docs/{src/pages => data/material}/components/switches/UseSwitchesBasic.js (100%) rename docs/{src/pages => data/material}/components/switches/UseSwitchesBasic.tsx (100%) rename docs/{src/pages => data/material}/components/switches/UseSwitchesBasic.tsx.preview (100%) rename docs/{src/pages => data/material}/components/switches/UseSwitchesCustom.js (100%) rename docs/{src/pages => data/material}/components/switches/UseSwitchesCustom.tsx (100%) rename docs/{src/pages => data/material}/components/switches/UseSwitchesCustom.tsx.preview (100%) rename docs/{src/pages => data/material}/components/switches/switches-pt.md (84%) rename docs/{src/pages => data/material}/components/switches/switches-zh.md (85%) rename docs/{src/pages => data/material}/components/switches/switches.md (84%) rename docs/{src/pages => data/material}/components/tables/AcccessibleTable.js (100%) rename docs/{src/pages => data/material}/components/tables/AcccessibleTable.tsx (100%) rename docs/{src/pages => data/material}/components/tables/BasicTable.js (100%) rename docs/{src/pages => data/material}/components/tables/BasicTable.tsx (100%) rename docs/{src/pages => data/material}/components/tables/CollapsibleTable.js (100%) rename docs/{src/pages => data/material}/components/tables/CollapsibleTable.tsx (100%) rename docs/{src/pages => data/material}/components/tables/ColumnGroupingTable.js (100%) rename docs/{src/pages => data/material}/components/tables/ColumnGroupingTable.tsx (100%) rename docs/{src/pages => data/material}/components/tables/CustomPaginationActionsTable.js (100%) rename docs/{src/pages => data/material}/components/tables/CustomPaginationActionsTable.tsx (100%) rename docs/{src/pages => data/material}/components/tables/CustomizedTables.js (100%) rename docs/{src/pages => data/material}/components/tables/CustomizedTables.tsx (100%) rename docs/{src/pages => data/material}/components/tables/DataTable.js (100%) rename docs/{src/pages => data/material}/components/tables/DataTable.tsx (100%) rename docs/{src/pages => data/material}/components/tables/DataTable.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tables/DenseTable.js (100%) rename docs/{src/pages => data/material}/components/tables/DenseTable.tsx (100%) rename docs/{src/pages => data/material}/components/tables/EnhancedTable.js (100%) rename docs/{src/pages => data/material}/components/tables/EnhancedTable.tsx (100%) rename docs/{src/pages => data/material}/components/tables/ReactVirtualizedTable.js (100%) rename docs/{src/pages => data/material}/components/tables/ReactVirtualizedTable.tsx (100%) rename docs/{src/pages => data/material}/components/tables/SpanningTable.js (100%) rename docs/{src/pages => data/material}/components/tables/SpanningTable.tsx (100%) rename docs/{src/pages => data/material}/components/tables/StickyHeadTable.js (100%) rename docs/{src/pages => data/material}/components/tables/StickyHeadTable.tsx (100%) rename docs/{src/pages => data/material}/components/tables/TableCustomized.js (100%) rename docs/{src/pages => data/material}/components/tables/TableCustomized.tsx (100%) rename docs/{src/pages => data/material}/components/tables/TableUnstyled.js (100%) rename docs/{src/pages => data/material}/components/tables/TableUnstyled.tsx (100%) rename docs/{src/pages => data/material}/components/tables/tables-pt.md (80%) rename docs/{src/pages => data/material}/components/tables/tables-zh.md (80%) rename docs/{src/pages => data/material}/components/tables/tables.md (80%) rename docs/{src/pages => data/material}/components/tabs/AccessibleTabs1.js (100%) rename docs/{src/pages => data/material}/components/tabs/AccessibleTabs1.tsx (100%) rename docs/{src/pages => data/material}/components/tabs/AccessibleTabs1.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tabs/AccessibleTabs2.js (100%) rename docs/{src/pages => data/material}/components/tabs/AccessibleTabs2.tsx (100%) rename docs/{src/pages => data/material}/components/tabs/AccessibleTabs2.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tabs/BasicTabs.js (100%) rename docs/{src/pages => data/material}/components/tabs/BasicTabs.tsx (100%) rename docs/{src/pages => data/material}/components/tabs/BasicTabs.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tabs/CenteredTabs.js (100%) rename docs/{src/pages => data/material}/components/tabs/CenteredTabs.tsx (100%) rename docs/{src/pages => data/material}/components/tabs/CenteredTabs.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tabs/ColorTabs.js (100%) rename docs/{src/pages => data/material}/components/tabs/ColorTabs.tsx (100%) rename docs/{src/pages => data/material}/components/tabs/ColorTabs.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tabs/CustomizedTabs.js (100%) rename docs/{src/pages => data/material}/components/tabs/CustomizedTabs.tsx (100%) rename docs/{src/pages => data/material}/components/tabs/DisabledTabs.js (100%) rename docs/{src/pages => data/material}/components/tabs/DisabledTabs.tsx (100%) rename docs/{src/pages => data/material}/components/tabs/DisabledTabs.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tabs/FullWidthTabs.js (100%) rename docs/{src/pages => data/material}/components/tabs/FullWidthTabs.tsx (100%) rename docs/{src/pages => data/material}/components/tabs/IconLabelTabs.js (100%) rename docs/{src/pages => data/material}/components/tabs/IconLabelTabs.tsx (100%) rename docs/{src/pages => data/material}/components/tabs/IconLabelTabs.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tabs/IconPositionTabs.js (100%) rename docs/{src/pages => data/material}/components/tabs/IconPositionTabs.tsx (100%) rename docs/{src/pages => data/material}/components/tabs/IconPositionTabs.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tabs/IconTabs.js (100%) rename docs/{src/pages => data/material}/components/tabs/IconTabs.tsx (100%) rename docs/{src/pages => data/material}/components/tabs/IconTabs.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tabs/LabTabs.js (100%) rename docs/{src/pages => data/material}/components/tabs/LabTabs.tsx (100%) rename docs/{src/pages => data/material}/components/tabs/LabTabs.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tabs/NavTabs.js (100%) rename docs/{src/pages => data/material}/components/tabs/NavTabs.tsx (100%) rename docs/{src/pages => data/material}/components/tabs/NavTabs.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tabs/ScrollableTabsButtonAuto.js (100%) rename docs/{src/pages => data/material}/components/tabs/ScrollableTabsButtonAuto.tsx (100%) rename docs/{src/pages => data/material}/components/tabs/ScrollableTabsButtonAuto.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tabs/ScrollableTabsButtonForce.js (100%) rename docs/{src/pages => data/material}/components/tabs/ScrollableTabsButtonForce.tsx (100%) rename docs/{src/pages => data/material}/components/tabs/ScrollableTabsButtonForce.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tabs/ScrollableTabsButtonPrevent.js (100%) rename docs/{src/pages => data/material}/components/tabs/ScrollableTabsButtonPrevent.tsx (100%) rename docs/{src/pages => data/material}/components/tabs/ScrollableTabsButtonPrevent.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tabs/ScrollableTabsButtonVisible.js (100%) rename docs/{src/pages => data/material}/components/tabs/ScrollableTabsButtonVisible.tsx (100%) rename docs/{src/pages => data/material}/components/tabs/TabsWrappedLabel.js (100%) rename docs/{src/pages => data/material}/components/tabs/TabsWrappedLabel.tsx (100%) rename docs/{src/pages => data/material}/components/tabs/TabsWrappedLabel.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tabs/UnstyledTabsBasic.js (100%) rename docs/{src/pages => data/material}/components/tabs/UnstyledTabsBasic.tsx (100%) rename docs/{src/pages => data/material}/components/tabs/UnstyledTabsBasic.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tabs/UnstyledTabsCustomized.js (100%) rename docs/{src/pages => data/material}/components/tabs/UnstyledTabsCustomized.tsx (100%) rename docs/{src/pages => data/material}/components/tabs/UnstyledTabsCustomized.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tabs/VerticalTabs.js (100%) rename docs/{src/pages => data/material}/components/tabs/VerticalTabs.tsx (100%) rename docs/{src/pages => data/material}/components/tabs/tabs-pt.md (82%) rename docs/{src/pages => data/material}/components/tabs/tabs-zh.md (79%) rename docs/{src/pages => data/material}/components/tabs/tabs.md (81%) rename docs/{src/pages => data/material}/components/text-fields/BasicTextFields.js (100%) rename docs/{src/pages => data/material}/components/text-fields/BasicTextFields.tsx (100%) rename docs/{src/pages => data/material}/components/text-fields/BasicTextFields.tsx.preview (100%) rename docs/{src/pages => data/material}/components/text-fields/ColorTextFields.js (100%) rename docs/{src/pages => data/material}/components/text-fields/ColorTextFields.tsx (100%) rename docs/{src/pages => data/material}/components/text-fields/ColorTextFields.tsx.preview (100%) rename docs/{src/pages => data/material}/components/text-fields/ComposedTextField.js (100%) rename docs/{src/pages => data/material}/components/text-fields/ComposedTextField.tsx (100%) rename docs/{src/pages => data/material}/components/text-fields/CustomizedInputBase.js (100%) rename docs/{src/pages => data/material}/components/text-fields/CustomizedInputBase.tsx (100%) rename docs/{src/pages => data/material}/components/text-fields/CustomizedInputs.js (100%) rename docs/{src/pages => data/material}/components/text-fields/CustomizedInputs.tsx (100%) rename docs/{src/pages => data/material}/components/text-fields/FormPropsTextFields.js (100%) rename docs/{src/pages => data/material}/components/text-fields/FormPropsTextFields.tsx (100%) rename docs/{src/pages => data/material}/components/text-fields/FormattedInputs.js (100%) rename docs/{src/pages => data/material}/components/text-fields/FormattedInputs.tsx (100%) rename docs/{src/pages => data/material}/components/text-fields/FullWidthTextField.js (100%) rename docs/{src/pages => data/material}/components/text-fields/FullWidthTextField.tsx (100%) rename docs/{src/pages => data/material}/components/text-fields/FullWidthTextField.tsx.preview (100%) rename docs/{src/pages => data/material}/components/text-fields/HelperTextAligned.js (100%) rename docs/{src/pages => data/material}/components/text-fields/HelperTextAligned.tsx (100%) rename docs/{src/pages => data/material}/components/text-fields/HelperTextAligned.tsx.preview (100%) rename docs/{src/pages => data/material}/components/text-fields/HelperTextMisaligned.js (100%) rename docs/{src/pages => data/material}/components/text-fields/HelperTextMisaligned.tsx (100%) rename docs/{src/pages => data/material}/components/text-fields/HelperTextMisaligned.tsx.preview (100%) rename docs/{src/pages => data/material}/components/text-fields/InputAdornments.js (100%) rename docs/{src/pages => data/material}/components/text-fields/InputAdornments.tsx (100%) rename docs/{src/pages => data/material}/components/text-fields/InputWithIcon.js (100%) rename docs/{src/pages => data/material}/components/text-fields/InputWithIcon.tsx (100%) rename docs/{src/pages => data/material}/components/text-fields/Inputs.js (100%) rename docs/{src/pages => data/material}/components/text-fields/Inputs.tsx (100%) rename docs/{src/pages => data/material}/components/text-fields/Inputs.tsx.preview (100%) rename docs/{src/pages => data/material}/components/text-fields/LayoutTextFields.js (100%) rename docs/{src/pages => data/material}/components/text-fields/LayoutTextFields.tsx (100%) rename docs/{src/pages => data/material}/components/text-fields/LayoutTextFields.tsx.preview (100%) rename docs/{src/pages => data/material}/components/text-fields/MultilineTextFields.js (100%) rename docs/{src/pages => data/material}/components/text-fields/MultilineTextFields.tsx (100%) rename docs/{src/pages => data/material}/components/text-fields/SelectTextFields.js (100%) rename docs/{src/pages => data/material}/components/text-fields/SelectTextFields.tsx (100%) rename docs/{src/pages => data/material}/components/text-fields/StateTextFields.js (100%) rename docs/{src/pages => data/material}/components/text-fields/StateTextFields.tsx (100%) rename docs/{src/pages => data/material}/components/text-fields/StateTextFields.tsx.preview (100%) rename docs/{src/pages => data/material}/components/text-fields/TextFieldHiddenLabel.js (100%) rename docs/{src/pages => data/material}/components/text-fields/TextFieldHiddenLabel.tsx (100%) rename docs/{src/pages => data/material}/components/text-fields/TextFieldHiddenLabel.tsx.preview (100%) rename docs/{src/pages => data/material}/components/text-fields/TextFieldSizes.js (100%) rename docs/{src/pages => data/material}/components/text-fields/TextFieldSizes.tsx (100%) rename docs/{src/pages => data/material}/components/text-fields/UnstyledInput.js (100%) rename docs/{src/pages => data/material}/components/text-fields/UnstyledInput.tsx (100%) rename docs/{src/pages => data/material}/components/text-fields/UnstyledInput.tsx.preview (100%) rename docs/{src/pages => data/material}/components/text-fields/UseFormControl.js (100%) rename docs/{src/pages => data/material}/components/text-fields/UseFormControl.tsx (100%) rename docs/{src/pages => data/material}/components/text-fields/UseFormControl.tsx.preview (100%) rename docs/{src/pages => data/material}/components/text-fields/UseInput.js (100%) rename docs/{src/pages => data/material}/components/text-fields/UseInput.tsx (100%) rename docs/{src/pages => data/material}/components/text-fields/UseInput.tsx.preview (100%) rename docs/{src/pages => data/material}/components/text-fields/ValidationTextFields.js (100%) rename docs/{src/pages => data/material}/components/text-fields/ValidationTextFields.tsx (100%) rename docs/{src/pages => data/material}/components/text-fields/text-fields-pt.md (87%) rename docs/{src/pages => data/material}/components/text-fields/text-fields-zh.md (89%) rename docs/{src/pages => data/material}/components/text-fields/text-fields.md (88%) rename docs/{src/pages => data/material}/components/textarea-autosize/EmptyTextarea.js (100%) rename docs/{src/pages => data/material}/components/textarea-autosize/EmptyTextarea.tsx (100%) rename docs/{src/pages => data/material}/components/textarea-autosize/EmptyTextarea.tsx.preview (100%) rename docs/{src/pages => data/material}/components/textarea-autosize/MaxHeightTextarea.js (100%) rename docs/{src/pages => data/material}/components/textarea-autosize/MaxHeightTextarea.tsx (100%) rename docs/{src/pages => data/material}/components/textarea-autosize/MaxHeightTextarea.tsx.preview (100%) rename docs/{src/pages => data/material}/components/textarea-autosize/MinHeightTextarea.js (100%) rename docs/{src/pages => data/material}/components/textarea-autosize/MinHeightTextarea.tsx (100%) rename docs/{src/pages => data/material}/components/textarea-autosize/MinHeightTextarea.tsx.preview (100%) rename docs/{src/pages => data/material}/components/textarea-autosize/textarea-autosize-pt.md (78%) rename docs/{src/pages => data/material}/components/textarea-autosize/textarea-autosize-zh.md (75%) rename docs/{src/pages => data/material}/components/textarea-autosize/textarea-autosize.md (78%) rename docs/{src/pages => data/material}/components/time-picker/BasicTimePicker.js (100%) rename docs/{src/pages => data/material}/components/time-picker/BasicTimePicker.tsx (100%) rename docs/{src/pages => data/material}/components/time-picker/BasicTimePicker.tsx.preview (100%) rename docs/{src/pages => data/material}/components/time-picker/FormPropsTimePickers.js (100%) rename docs/{src/pages => data/material}/components/time-picker/FormPropsTimePickers.tsx (100%) rename docs/{src/pages => data/material}/components/time-picker/LocalizedTimePicker.js (100%) rename docs/{src/pages => data/material}/components/time-picker/LocalizedTimePicker.tsx (100%) rename docs/{src/pages => data/material}/components/time-picker/ResponsiveTimePickers.js (100%) rename docs/{src/pages => data/material}/components/time-picker/ResponsiveTimePickers.tsx (100%) rename docs/{src/pages => data/material}/components/time-picker/SecondsTimePicker.js (100%) rename docs/{src/pages => data/material}/components/time-picker/SecondsTimePicker.tsx (100%) rename docs/{src/pages => data/material}/components/time-picker/StaticTimePickerDemo.js (100%) rename docs/{src/pages => data/material}/components/time-picker/StaticTimePickerDemo.tsx (100%) rename docs/{src/pages => data/material}/components/time-picker/StaticTimePickerDemo.tsx.preview (100%) rename docs/{src/pages => data/material}/components/time-picker/StaticTimePickerLandscape.js (100%) rename docs/{src/pages => data/material}/components/time-picker/StaticTimePickerLandscape.tsx (100%) rename docs/{src/pages => data/material}/components/time-picker/StaticTimePickerLandscape.tsx.preview (100%) rename docs/{src/pages => data/material}/components/time-picker/SubComponentsTimePickers.js (100%) rename docs/{src/pages => data/material}/components/time-picker/SubComponentsTimePickers.tsx (100%) rename docs/{src/pages => data/material}/components/time-picker/SubComponentsTimePickers.tsx.preview (100%) rename docs/{src/pages => data/material}/components/time-picker/TimeValidationTimePicker.js (100%) rename docs/{src/pages => data/material}/components/time-picker/TimeValidationTimePicker.tsx (100%) rename docs/{src/pages => data/material}/components/time-picker/time-picker-pt.md (80%) rename docs/{src/pages => data/material}/components/time-picker/time-picker-zh.md (83%) rename docs/{src/pages => data/material}/components/time-picker/time-picker.md (81%) rename docs/{src/pages => data/material}/components/timeline/AlternateTimeline.js (100%) rename docs/{src/pages => data/material}/components/timeline/AlternateTimeline.tsx (100%) rename docs/{src/pages => data/material}/components/timeline/BasicTimeline.js (100%) rename docs/{src/pages => data/material}/components/timeline/BasicTimeline.tsx (100%) rename docs/{src/pages => data/material}/components/timeline/ColorsTimeline.js (100%) rename docs/{src/pages => data/material}/components/timeline/ColorsTimeline.tsx (100%) rename docs/{src/pages => data/material}/components/timeline/ColorsTimeline.tsx.preview (100%) rename docs/{src/pages => data/material}/components/timeline/CustomizedTimeline.js (100%) rename docs/{src/pages => data/material}/components/timeline/CustomizedTimeline.tsx (100%) rename docs/{src/pages => data/material}/components/timeline/LeftPositionedTimeline.js (100%) rename docs/{src/pages => data/material}/components/timeline/LeftPositionedTimeline.tsx (100%) rename docs/{src/pages => data/material}/components/timeline/OppositeContentTimeline.js (100%) rename docs/{src/pages => data/material}/components/timeline/OppositeContentTimeline.tsx (100%) rename docs/{src/pages => data/material}/components/timeline/OutlinedTimeline.js (100%) rename docs/{src/pages => data/material}/components/timeline/OutlinedTimeline.tsx (100%) rename docs/{src/pages => data/material}/components/timeline/timeline-pt.md (76%) rename docs/{src/pages => data/material}/components/timeline/timeline-zh.md (72%) rename docs/{src/pages => data/material}/components/timeline/timeline.md (72%) rename docs/{src/pages => data/material}/components/toggle-button/ColorToggleButton.js (100%) rename docs/{src/pages => data/material}/components/toggle-button/ColorToggleButton.tsx (100%) rename docs/{src/pages => data/material}/components/toggle-button/ColorToggleButton.tsx.preview (100%) rename docs/{src/pages => data/material}/components/toggle-button/CustomizedDividers.js (100%) rename docs/{src/pages => data/material}/components/toggle-button/CustomizedDividers.tsx (100%) rename docs/{src/pages => data/material}/components/toggle-button/StandaloneToggleButton.js (100%) rename docs/{src/pages => data/material}/components/toggle-button/StandaloneToggleButton.tsx (100%) rename docs/{src/pages => data/material}/components/toggle-button/StandaloneToggleButton.tsx.preview (100%) rename docs/{src/pages => data/material}/components/toggle-button/ToggleButtonNotEmpty.js (100%) rename docs/{src/pages => data/material}/components/toggle-button/ToggleButtonNotEmpty.tsx (100%) rename docs/{src/pages => data/material}/components/toggle-button/ToggleButtonSizes.js (100%) rename docs/{src/pages => data/material}/components/toggle-button/ToggleButtonSizes.tsx (100%) rename docs/{src/pages => data/material}/components/toggle-button/ToggleButtonSizes.tsx.preview (100%) rename docs/{src/pages => data/material}/components/toggle-button/ToggleButtons.js (100%) rename docs/{src/pages => data/material}/components/toggle-button/ToggleButtons.tsx (100%) rename docs/{src/pages => data/material}/components/toggle-button/ToggleButtonsMultiple.js (100%) rename docs/{src/pages => data/material}/components/toggle-button/ToggleButtonsMultiple.tsx (100%) rename docs/{src/pages => data/material}/components/toggle-button/VerticalToggleButtons.js (100%) rename docs/{src/pages => data/material}/components/toggle-button/VerticalToggleButtons.tsx (100%) rename docs/{src/pages => data/material}/components/toggle-button/VerticalToggleButtons.tsx.preview (100%) rename docs/{src/pages => data/material}/components/toggle-button/toggle-button-pt.md (81%) rename docs/{src/pages => data/material}/components/toggle-button/toggle-button-zh.md (81%) rename docs/{src/pages => data/material}/components/toggle-button/toggle-button.md (80%) rename docs/{src/pages => data/material}/components/tooltips/AccessibilityTooltips.js (100%) rename docs/{src/pages => data/material}/components/tooltips/AccessibilityTooltips.tsx (100%) rename docs/{src/pages => data/material}/components/tooltips/AccessibilityTooltips.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tooltips/AnchorElTooltips.js (100%) rename docs/{src/pages => data/material}/components/tooltips/AnchorElTooltips.tsx (100%) rename docs/{src/pages => data/material}/components/tooltips/ArrowTooltips.js (100%) rename docs/{src/pages => data/material}/components/tooltips/ArrowTooltips.tsx (100%) rename docs/{src/pages => data/material}/components/tooltips/ArrowTooltips.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tooltips/BasicTooltip.js (100%) rename docs/{src/pages => data/material}/components/tooltips/BasicTooltip.tsx (100%) rename docs/{src/pages => data/material}/components/tooltips/BasicTooltip.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tooltips/ControlledTooltips.js (100%) rename docs/{src/pages => data/material}/components/tooltips/ControlledTooltips.tsx (100%) rename docs/{src/pages => data/material}/components/tooltips/ControlledTooltips.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tooltips/CustomizedTooltips.js (100%) rename docs/{src/pages => data/material}/components/tooltips/CustomizedTooltips.tsx (100%) rename docs/{src/pages => data/material}/components/tooltips/DelayTooltips.js (100%) rename docs/{src/pages => data/material}/components/tooltips/DelayTooltips.tsx (100%) rename docs/{src/pages => data/material}/components/tooltips/DelayTooltips.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tooltips/DisabledTooltips.js (100%) rename docs/{src/pages => data/material}/components/tooltips/DisabledTooltips.tsx (100%) rename docs/{src/pages => data/material}/components/tooltips/DisabledTooltips.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tooltips/FollowCursorTooltips.js (100%) rename docs/{src/pages => data/material}/components/tooltips/FollowCursorTooltips.tsx (100%) rename docs/{src/pages => data/material}/components/tooltips/FollowCursorTooltips.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tooltips/NonInteractiveTooltips.js (100%) rename docs/{src/pages => data/material}/components/tooltips/NonInteractiveTooltips.tsx (100%) rename docs/{src/pages => data/material}/components/tooltips/NonInteractiveTooltips.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tooltips/PositionedTooltips.js (100%) rename docs/{src/pages => data/material}/components/tooltips/PositionedTooltips.tsx (100%) rename docs/{src/pages => data/material}/components/tooltips/TransitionsTooltips.js (100%) rename docs/{src/pages => data/material}/components/tooltips/TransitionsTooltips.tsx (100%) rename docs/{src/pages => data/material}/components/tooltips/TransitionsTooltips.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tooltips/TriggersTooltips.js (100%) rename docs/{src/pages => data/material}/components/tooltips/TriggersTooltips.tsx (100%) rename docs/{src/pages => data/material}/components/tooltips/VariableWidth.js (100%) rename docs/{src/pages => data/material}/components/tooltips/VariableWidth.tsx (100%) rename docs/{src/pages => data/material}/components/tooltips/VariableWidth.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tooltips/tooltips-pt.md (83%) rename docs/{src/pages => data/material}/components/tooltips/tooltips-zh.md (77%) rename docs/{src/pages => data/material}/components/tooltips/tooltips.md (85%) rename docs/{src/pages => data/material}/components/transfer-list/SelectAllTransferList.js (100%) rename docs/{src/pages => data/material}/components/transfer-list/SelectAllTransferList.tsx (100%) rename docs/{src/pages => data/material}/components/transfer-list/TransferList.js (100%) rename docs/{src/pages => data/material}/components/transfer-list/TransferList.tsx (100%) rename docs/{src/pages => data/material}/components/transfer-list/transfer-list-pt.md (89%) rename docs/{src/pages => data/material}/components/transfer-list/transfer-list-zh.md (89%) rename docs/{src/pages => data/material}/components/transfer-list/transfer-list.md (88%) rename docs/{src/pages => data/material}/components/transitions/SimpleCollapse.js (100%) rename docs/{src/pages => data/material}/components/transitions/SimpleCollapse.tsx (100%) rename docs/{src/pages => data/material}/components/transitions/SimpleFade.js (100%) rename docs/{src/pages => data/material}/components/transitions/SimpleFade.tsx (100%) rename docs/{src/pages => data/material}/components/transitions/SimpleFade.tsx.preview (100%) rename docs/{src/pages => data/material}/components/transitions/SimpleGrow.js (100%) rename docs/{src/pages => data/material}/components/transitions/SimpleGrow.tsx (100%) rename docs/{src/pages => data/material}/components/transitions/SimpleGrow.tsx.preview (100%) rename docs/{src/pages => data/material}/components/transitions/SimpleSlide.js (100%) rename docs/{src/pages => data/material}/components/transitions/SimpleSlide.tsx (100%) rename docs/{src/pages => data/material}/components/transitions/SimpleSlide.tsx.preview (100%) rename docs/{src/pages => data/material}/components/transitions/SimpleZoom.js (100%) rename docs/{src/pages => data/material}/components/transitions/SimpleZoom.tsx (100%) rename docs/{src/pages => data/material}/components/transitions/SimpleZoom.tsx.preview (100%) rename docs/{src/pages => data/material}/components/transitions/SlideFromContainer.js (100%) rename docs/{src/pages => data/material}/components/transitions/SlideFromContainer.tsx (100%) rename docs/{src/pages => data/material}/components/transitions/SlideFromContainer.tsx.preview (100%) rename docs/{src/pages => data/material}/components/transitions/TransitionGroupExample.js (100%) rename docs/{src/pages => data/material}/components/transitions/TransitionGroupExample.tsx (100%) rename docs/{src/pages => data/material}/components/transitions/TransitionGroupExample.tsx.preview (100%) rename docs/{src/pages => data/material}/components/transitions/transitions-pt.md (92%) rename docs/{src/pages => data/material}/components/transitions/transitions-zh.md (91%) rename docs/{src/pages => data/material}/components/transitions/transitions.md (90%) rename docs/{src/pages => data/material}/components/trap-focus/BasicTrapFocus.js (100%) rename docs/{src/pages => data/material}/components/trap-focus/BasicTrapFocus.tsx (100%) rename docs/{src/pages => data/material}/components/trap-focus/BasicTrapFocus.tsx.preview (100%) rename docs/{src/pages => data/material}/components/trap-focus/DisableEnforceFocus.js (100%) rename docs/{src/pages => data/material}/components/trap-focus/DisableEnforceFocus.tsx (100%) rename docs/{src/pages => data/material}/components/trap-focus/DisableEnforceFocus.tsx.preview (100%) rename docs/{src/pages => data/material}/components/trap-focus/LazyTrapFocus.js (100%) rename docs/{src/pages => data/material}/components/trap-focus/LazyTrapFocus.tsx (100%) rename docs/{src/pages => data/material}/components/trap-focus/LazyTrapFocus.tsx.preview (100%) rename docs/{src/pages => data/material}/components/trap-focus/PortalTrapFocus.js (100%) rename docs/{src/pages => data/material}/components/trap-focus/PortalTrapFocus.tsx (100%) rename docs/{src/pages => data/material}/components/trap-focus/trap-focus-pt.md (79%) rename docs/{src/pages => data/material}/components/trap-focus/trap-focus-zh.md (87%) rename docs/{src/pages => data/material}/components/trap-focus/trap-focus.md (87%) rename docs/{src/pages => data/material}/components/tree-view/BarTreeView.js (100%) rename docs/{src/pages => data/material}/components/tree-view/BarTreeView.tsx (100%) rename docs/{src/pages => data/material}/components/tree-view/ControlledTreeView.js (100%) rename docs/{src/pages => data/material}/components/tree-view/ControlledTreeView.tsx (100%) rename docs/{src/pages => data/material}/components/tree-view/CustomizedTreeView.js (100%) rename docs/{src/pages => data/material}/components/tree-view/CustomizedTreeView.tsx (100%) rename docs/{src/pages => data/material}/components/tree-view/DisabledTreeItems.js (100%) rename docs/{src/pages => data/material}/components/tree-view/DisabledTreeItems.tsx (100%) rename docs/{src/pages => data/material}/components/tree-view/FileSystemNavigator.js (100%) rename docs/{src/pages => data/material}/components/tree-view/FileSystemNavigator.tsx (100%) rename docs/{src/pages => data/material}/components/tree-view/FileSystemNavigator.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tree-view/GmailTreeView.js (100%) rename docs/{src/pages => data/material}/components/tree-view/GmailTreeView.tsx (100%) rename docs/{src/pages => data/material}/components/tree-view/IconExpansionTreeView.js (100%) rename docs/{src/pages => data/material}/components/tree-view/IconExpansionTreeView.tsx (100%) rename docs/{src/pages => data/material}/components/tree-view/MultiSelectTreeView.js (100%) rename docs/{src/pages => data/material}/components/tree-view/MultiSelectTreeView.tsx (100%) rename docs/{src/pages => data/material}/components/tree-view/RichObjectTreeView.js (100%) rename docs/{src/pages => data/material}/components/tree-view/RichObjectTreeView.tsx (100%) rename docs/{src/pages => data/material}/components/tree-view/RichObjectTreeView.tsx.preview (100%) rename docs/{src/pages => data/material}/components/tree-view/tree-view-pt.md (83%) rename docs/{src/pages => data/material}/components/tree-view/tree-view-zh.md (81%) rename docs/{src/pages => data/material}/components/tree-view/tree-view.md (81%) rename docs/{src/pages => data/material}/components/typography/Types.js (100%) rename docs/{src/pages => data/material}/components/typography/Types.tsx (100%) rename docs/{src/pages => data/material}/components/typography/TypographyTheme.js (100%) rename docs/{src/pages => data/material}/components/typography/TypographyTheme.tsx (100%) rename docs/{src/pages => data/material}/components/typography/TypographyTheme.tsx.preview (100%) rename docs/{src/pages => data/material}/components/typography/typography-pt.md (93%) rename docs/{src/pages => data/material}/components/typography/typography-zh.md (95%) rename docs/{src/pages => data/material}/components/typography/typography.md (97%) rename docs/{src/pages => data/material}/components/use-media-query/JavaScriptMedia.js (100%) rename docs/{src/pages => data/material}/components/use-media-query/JavaScriptMedia.tsx (100%) rename docs/{src/pages => data/material}/components/use-media-query/JavaScriptMedia.tsx.preview (100%) rename docs/{src/pages => data/material}/components/use-media-query/ServerSide.js (100%) rename docs/{src/pages => data/material}/components/use-media-query/ServerSide.tsx (100%) rename docs/{src/pages => data/material}/components/use-media-query/ServerSide.tsx.preview (100%) rename docs/{src/pages => data/material}/components/use-media-query/SimpleMediaQuery.js (100%) rename docs/{src/pages => data/material}/components/use-media-query/SimpleMediaQuery.tsx (100%) rename docs/{src/pages => data/material}/components/use-media-query/SimpleMediaQuery.tsx.preview (100%) rename docs/{src/pages => data/material}/components/use-media-query/ThemeHelper.js (100%) rename docs/{src/pages => data/material}/components/use-media-query/ThemeHelper.tsx (100%) rename docs/{src/pages => data/material}/components/use-media-query/ThemeHelper.tsx.preview (100%) rename docs/{src/pages => data/material}/components/use-media-query/UseWidth.js (100%) rename docs/{src/pages => data/material}/components/use-media-query/UseWidth.tsx (100%) rename docs/{src/pages => data/material}/components/use-media-query/UseWidth.tsx.preview (100%) rename docs/{src/pages => data/material}/components/use-media-query/use-media-query-pt.md (94%) rename docs/{src/pages => data/material}/components/use-media-query/use-media-query-zh.md (91%) rename docs/{src/pages => data/material}/components/use-media-query/use-media-query.md (94%) rename docs/{src/pages => data/material}/customization/breakpoints/MediaQuery.js (100%) rename docs/{src/pages => data/material}/customization/breakpoints/MediaQuery.tsx (100%) rename docs/{src/pages => data/material}/customization/breakpoints/MediaQuery.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/breakpoints/breakpoints-pt.md (98%) rename docs/{src/pages => data/material}/customization/breakpoints/breakpoints-zh.md (99%) rename docs/{src/pages => data/material}/customization/breakpoints/breakpoints.md (99%) rename docs/{src/pages => data/material}/customization/color/Color.js (100%) rename docs/{src/pages => data/material}/customization/color/ColorDemo.js (100%) rename docs/{src/pages => data/material}/customization/color/ColorTool.js (100%) rename docs/{src/pages => data/material}/customization/color/color-pt.md (93%) rename docs/{src/pages => data/material}/customization/color/color-zh.md (91%) rename docs/{src/pages => data/material}/customization/color/color.md (96%) rename docs/{src/pages => data/material}/customization/dark-mode/DarkTheme.js (100%) rename docs/{src/pages => data/material}/customization/dark-mode/DarkThemeWithCustomPalette.js (100%) rename docs/{src/pages => data/material}/customization/dark-mode/DarkThemeWithCustomPalette.tsx (100%) rename docs/{src/pages => data/material}/customization/dark-mode/DarkThemeWithCustomPalette.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/dark-mode/ToggleColorMode.js (100%) rename docs/{src/pages => data/material}/customization/dark-mode/ToggleColorMode.tsx (100%) rename docs/{src/pages => data/material}/customization/dark-mode/ToggleColorMode.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/dark-mode/dark-mode-pt.md (92%) rename docs/{src/pages => data/material}/customization/dark-mode/dark-mode-zh.md (92%) rename docs/{src/pages => data/material}/customization/dark-mode/dark-mode.md (92%) rename docs/{src/pages => data/material}/customization/default-theme/DefaultTheme.js (100%) rename docs/{src/pages => data/material}/customization/default-theme/default-theme-pt.md (87%) rename docs/{src/pages => data/material}/customization/default-theme/default-theme-zh.md (86%) rename docs/{src/pages => data/material}/customization/default-theme/default-theme.md (87%) rename docs/{src/pages => data/material}/customization/density/DensityTool.js (100%) rename docs/{src/pages => data/material}/customization/density/density-pt.md (95%) rename docs/{src/pages => data/material}/customization/density/density-zh.md (97%) rename docs/{src/pages => data/material}/customization/density/density.md (97%) rename docs/{src/pages => data/material}/customization/how-to-customize/DevTools.js (100%) rename docs/{src/pages => data/material}/customization/how-to-customize/DevTools.tsx (100%) rename docs/{src/pages => data/material}/customization/how-to-customize/DevTools.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/how-to-customize/DynamicCSS.js (100%) rename docs/{src/pages => data/material}/customization/how-to-customize/DynamicCSS.tsx (100%) rename docs/{src/pages => data/material}/customization/how-to-customize/DynamicCSS.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/how-to-customize/DynamicCSSVariables.js (100%) rename docs/{src/pages => data/material}/customization/how-to-customize/DynamicCSSVariables.tsx (100%) rename docs/{src/pages => data/material}/customization/how-to-customize/DynamicCSSVariables.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/how-to-customize/GlobalCssOverride.js (100%) rename docs/{src/pages => data/material}/customization/how-to-customize/GlobalCssOverride.tsx (100%) rename docs/{src/pages => data/material}/customization/how-to-customize/GlobalCssOverride.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/how-to-customize/OverrideCssBaseline.js (100%) rename docs/{src/pages => data/material}/customization/how-to-customize/OverrideCssBaseline.tsx (100%) rename docs/{src/pages => data/material}/customization/how-to-customize/OverrideCssBaseline.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/how-to-customize/StyledCustomization.js (100%) rename docs/{src/pages => data/material}/customization/how-to-customize/StyledCustomization.tsx (100%) rename docs/{src/pages => data/material}/customization/how-to-customize/StyledCustomization.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/how-to-customize/SxProp.js (100%) rename docs/{src/pages => data/material}/customization/how-to-customize/SxProp.tsx (100%) rename docs/{src/pages => data/material}/customization/how-to-customize/SxProp.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/how-to-customize/how-to-customize-pt.md (82%) rename docs/{src/pages => data/material}/customization/how-to-customize/how-to-customize-zh.md (80%) rename docs/{src/pages => data/material}/customization/how-to-customize/how-to-customize.md (92%) rename docs/{src/pages => data/material}/customization/palette/CustomColor.js (100%) rename docs/{src/pages => data/material}/customization/palette/CustomColor.tsx (100%) rename docs/{src/pages => data/material}/customization/palette/CustomColor.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/palette/Intentions.js (100%) rename docs/{src/pages => data/material}/customization/palette/Palette.js (100%) rename docs/{src/pages => data/material}/customization/palette/Palette.tsx (100%) rename docs/{src/pages => data/material}/customization/palette/Palette.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/palette/ToggleColorMode.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/palette/palette-pt.md (87%) rename docs/{src/pages => data/material}/customization/palette/palette-zh.md (93%) rename docs/{src/pages => data/material}/customization/palette/palette.md (96%) rename docs/{src/pages => data/material}/customization/spacing/spacing-pt.md (100%) rename docs/{src/pages => data/material}/customization/spacing/spacing-zh.md (91%) rename docs/{src/pages => data/material}/customization/spacing/spacing.md (100%) rename docs/{src/pages => data/material}/customization/theme-components/DefaultProps.js (100%) rename docs/{src/pages => data/material}/customization/theme-components/DefaultProps.tsx (100%) rename docs/{src/pages => data/material}/customization/theme-components/DefaultProps.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/theme-components/GlobalCss.js (100%) rename docs/{src/pages => data/material}/customization/theme-components/GlobalCss.tsx (100%) rename docs/{src/pages => data/material}/customization/theme-components/GlobalThemeOverride.js (100%) rename docs/{src/pages => data/material}/customization/theme-components/GlobalThemeOverride.tsx (100%) rename docs/{src/pages => data/material}/customization/theme-components/GlobalThemeOverride.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/theme-components/GlobalThemeOverrideCallback.js (100%) rename docs/{src/pages => data/material}/customization/theme-components/GlobalThemeOverrideCallback.tsx (100%) rename docs/{src/pages => data/material}/customization/theme-components/GlobalThemeOverrideSx.js (100%) rename docs/{src/pages => data/material}/customization/theme-components/GlobalThemeOverrideSx.tsx (100%) rename docs/{src/pages => data/material}/customization/theme-components/GlobalThemeOverrideSx.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/theme-components/GlobalThemeVariants.js (100%) rename docs/{src/pages => data/material}/customization/theme-components/GlobalThemeVariants.tsx (100%) rename docs/{src/pages => data/material}/customization/theme-components/GlobalThemeVariants.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/theme-components/ThemeVariables.js (100%) rename docs/{src/pages => data/material}/customization/theme-components/ThemeVariables.tsx (100%) rename docs/{src/pages => data/material}/customization/theme-components/ThemeVariables.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/theme-components/theme-components-pt.md (91%) rename docs/{src/pages => data/material}/customization/theme-components/theme-components-zh.md (72%) rename docs/{src/pages => data/material}/customization/theme-components/theme-components.md (89%) rename docs/{src/pages => data/material}/customization/theming/CustomStyles.js (100%) rename docs/{src/pages => data/material}/customization/theming/CustomStyles.tsx (100%) rename docs/{src/pages => data/material}/customization/theming/CustomStyles.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/theming/ThemeNesting.js (100%) rename docs/{src/pages => data/material}/customization/theming/ThemeNesting.tsx (100%) rename docs/{src/pages => data/material}/customization/theming/ThemeNesting.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/theming/ThemeNestingExtend.js (100%) rename docs/{src/pages => data/material}/customization/theming/ThemeNestingExtend.tsx (100%) rename docs/{src/pages => data/material}/customization/theming/theming-pt.md (87%) rename docs/{src/pages => data/material}/customization/theming/theming-zh.md (86%) rename docs/{src/pages => data/material}/customization/theming/theming.md (88%) rename docs/{src/pages => data/material}/customization/transitions/TransitionHover.js (100%) rename docs/{src/pages => data/material}/customization/transitions/TransitionHover.tsx (100%) rename docs/{src/pages => data/material}/customization/transitions/TransitionHover.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/transitions/transitions-pt.md (97%) rename docs/{src/pages => data/material}/customization/transitions/transitions-zh.md (97%) rename docs/{src/pages => data/material}/customization/transitions/transitions.md (97%) rename docs/{src/pages => data/material}/customization/typography/CustomResponsiveFontSizes.js (100%) rename docs/{src/pages => data/material}/customization/typography/CustomResponsiveFontSizes.tsx (100%) rename docs/{src/pages => data/material}/customization/typography/CustomResponsiveFontSizes.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/typography/FontSizeTheme.js (100%) rename docs/{src/pages => data/material}/customization/typography/FontSizeTheme.tsx (100%) rename docs/{src/pages => data/material}/customization/typography/FontSizeTheme.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/typography/ResponsiveFontSizes.js (100%) rename docs/{src/pages => data/material}/customization/typography/ResponsiveFontSizes.tsx (100%) rename docs/{src/pages => data/material}/customization/typography/ResponsiveFontSizes.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/typography/ResponsiveFontSizesChart.js (100%) rename docs/{src/pages => data/material}/customization/typography/TypographyCustomVariant.js (100%) rename docs/{src/pages => data/material}/customization/typography/TypographyCustomVariant.tsx (100%) rename docs/{src/pages => data/material}/customization/typography/TypographyCustomVariant.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/typography/TypographyVariants.js (100%) rename docs/{src/pages => data/material}/customization/typography/TypographyVariants.tsx (100%) rename docs/{src/pages => data/material}/customization/typography/TypographyVariants.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/typography/typography-pt.md (94%) rename docs/{src/pages => data/material}/customization/typography/typography-zh.md (88%) rename docs/{src/pages => data/material}/customization/typography/typography.md (94%) rename docs/{src/pages => data/material}/customization/unstyled-components/StylingCustomCss.js (100%) rename docs/{src/pages => data/material}/customization/unstyled-components/StylingCustomCss.tsx (100%) rename docs/{src/pages => data/material}/customization/unstyled-components/StylingCustomCss.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/unstyled-components/StylingHooks.js (100%) rename docs/{src/pages => data/material}/customization/unstyled-components/StylingHooks.tsx (100%) rename docs/{src/pages => data/material}/customization/unstyled-components/StylingHooks.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/unstyled-components/StylingSlots.js (100%) rename docs/{src/pages => data/material}/customization/unstyled-components/StylingSlots.tsx (100%) rename docs/{src/pages => data/material}/customization/unstyled-components/StylingSlots.tsx.preview (100%) rename docs/{src/pages => data/material}/customization/unstyled-components/unstyled-components-pt.md (96%) rename docs/{src/pages => data/material}/customization/unstyled-components/unstyled-components-zh.md (96%) rename docs/{src/pages => data/material}/customization/unstyled-components/unstyled-components.md (96%) rename docs/{src/pages => data/material}/customization/z-index/z-index-pt.md (100%) rename docs/{src/pages => data/material}/customization/z-index/z-index-zh.md (100%) rename docs/{src/pages => data/material}/customization/z-index/z-index.md (100%) rename docs/{src/pages => data/material}/discover-more/backers/backers.md (100%) rename docs/{src/pages => data/material}/discover-more/changelog/changelog-pt.md (100%) rename docs/{src/pages => data/material}/discover-more/changelog/changelog-zh.md (100%) rename docs/{src/pages => data/material}/discover-more/changelog/changelog.md (100%) rename docs/{src/pages => data/material}/discover-more/languages/Languages.js (100%) rename docs/{src/pages => data/material}/discover-more/languages/languages-pt.md (55%) rename docs/{src/pages => data/material}/discover-more/languages/languages-zh.md (52%) rename docs/{src/pages => data/material}/discover-more/languages/languages.md (53%) rename docs/{src/pages => data/material}/discover-more/related-projects/related-projects-pt.md (100%) rename docs/{src/pages => data/material}/discover-more/related-projects/related-projects-zh.md (98%) rename docs/{src/pages => data/material}/discover-more/related-projects/related-projects.md (100%) rename docs/{src/pages => data/material}/discover-more/roadmap/roadmap.md (72%) rename docs/{src/pages => data/material}/discover-more/showcase/Showcase.js (100%) rename docs/{src/pages => data/material}/discover-more/showcase/appList.js (100%) rename docs/{src/pages => data/material}/discover-more/showcase/showcase-pt.md (80%) rename docs/{src/pages => data/material}/discover-more/showcase/showcase-zh.md (56%) rename docs/{src/pages => data/material}/discover-more/showcase/showcase.md (78%) rename docs/{src/pages => data/material}/discover-more/vision/vision-pt.md (100%) rename docs/{src/pages => data/material}/discover-more/vision/vision-zh.md (100%) rename docs/{src/pages => data/material}/discover-more/vision/vision.md (100%) rename docs/{src/pages => data/material}/getting-started/example-projects/example-projects-pt.md (100%) rename docs/{src/pages => data/material}/getting-started/example-projects/example-projects-zh.md (99%) rename docs/{src/pages => data/material}/getting-started/example-projects/example-projects.md (100%) rename docs/{src/pages => data/material}/getting-started/faq/faq-pt.md (98%) rename docs/{src/pages => data/material}/getting-started/faq/faq-zh.md (100%) rename docs/{src/pages => data/material}/getting-started/faq/faq.md (100%) rename docs/{src/pages => data/material}/getting-started/installation/installation-pt.md (95%) rename docs/{src/pages => data/material}/getting-started/installation/installation-zh.md (89%) rename docs/{src/pages => data/material}/getting-started/installation/installation.md (100%) rename docs/{src/pages => data/material}/getting-started/learn/learn-pt.md (100%) rename docs/{src/pages => data/material}/getting-started/learn/learn-zh.md (97%) rename docs/{src/pages => data/material}/getting-started/learn/learn.md (100%) rename docs/{src/pages => data/material}/getting-started/support/support-pt.md (100%) rename docs/{src/pages => data/material}/getting-started/support/support-zh.md (93%) rename docs/{src/pages => data/material}/getting-started/support/support.md (100%) rename docs/{src/pages => data/material}/getting-started/supported-components/supported-components-pt.md (95%) rename docs/{src/pages => data/material}/getting-started/supported-components/supported-components-zh.md (95%) rename docs/{src/pages => data/material}/getting-started/supported-components/supported-components.md (100%) rename docs/{src/pages => data/material}/getting-started/supported-platforms/supported-platforms-pt.md (93%) rename docs/{src/pages => data/material}/getting-started/supported-platforms/supported-platforms-zh.md (82%) rename docs/{src/pages => data/material}/getting-started/supported-platforms/supported-platforms.md (93%) rename docs/{src/pages => data/material}/getting-started/templates/.eslintrc.js (100%) rename docs/{src/pages => data/material}/getting-started/templates/Templates.js (90%) rename docs/{src/pages => data/material}/getting-started/templates/album/Album.js (100%) rename docs/{src/pages => data/material}/getting-started/templates/album/Album.tsx (100%) rename docs/{src/pages => data/material}/getting-started/templates/album/README.md (100%) rename docs/{src/pages => data/material}/getting-started/templates/blog/Blog.js (100%) rename docs/{src/pages => data/material}/getting-started/templates/blog/Blog.tsx (100%) rename docs/{src/pages => data/material}/getting-started/templates/blog/FeaturedPost.js (100%) rename docs/{src/pages => data/material}/getting-started/templates/blog/FeaturedPost.tsx (100%) rename docs/{src/pages => data/material}/getting-started/templates/blog/Footer.js (100%) rename docs/{src/pages => data/material}/getting-started/templates/blog/Footer.tsx (100%) rename docs/{src/pages => data/material}/getting-started/templates/blog/Footer.tsx.preview (100%) rename docs/{src/pages => data/material}/getting-started/templates/blog/Header.js (100%) rename docs/{src/pages => data/material}/getting-started/templates/blog/Header.tsx (100%) rename docs/{src/pages => data/material}/getting-started/templates/blog/Main.js (100%) rename docs/{src/pages => data/material}/getting-started/templates/blog/Main.tsx (100%) rename docs/{src/pages => data/material}/getting-started/templates/blog/MainFeaturedPost.js (100%) rename docs/{src/pages => data/material}/getting-started/templates/blog/MainFeaturedPost.tsx (100%) rename docs/{src/pages => data/material}/getting-started/templates/blog/Markdown.js (100%) rename docs/{src/pages => data/material}/getting-started/templates/blog/Markdown.tsx (100%) rename docs/{src/pages => data/material}/getting-started/templates/blog/Markdown.tsx.preview (100%) rename docs/{src/pages => data/material}/getting-started/templates/blog/README.md (100%) rename docs/{src/pages => data/material}/getting-started/templates/blog/Sidebar.js (100%) rename docs/{src/pages => data/material}/getting-started/templates/blog/Sidebar.tsx (100%) rename docs/{src/pages => data/material}/getting-started/templates/blog/blog-post.1.md (100%) rename docs/{src/pages => data/material}/getting-started/templates/blog/blog-post.2.md (100%) rename docs/{src/pages => data/material}/getting-started/templates/blog/blog-post.3.md (100%) rename docs/{src/pages => data/material}/getting-started/templates/checkout/AddressForm.js (100%) rename docs/{src/pages => data/material}/getting-started/templates/checkout/AddressForm.tsx (100%) rename docs/{src/pages => data/material}/getting-started/templates/checkout/Checkout.js (100%) rename docs/{src/pages => data/material}/getting-started/templates/checkout/Checkout.tsx (100%) rename docs/{src/pages => data/material}/getting-started/templates/checkout/PaymentForm.js (100%) rename docs/{src/pages => data/material}/getting-started/templates/checkout/PaymentForm.tsx (100%) rename docs/{src/pages => data/material}/getting-started/templates/checkout/README.md (100%) rename docs/{src/pages => data/material}/getting-started/templates/checkout/Review.js (100%) rename docs/{src/pages => data/material}/getting-started/templates/checkout/Review.tsx (100%) rename docs/{src/pages => data/material}/getting-started/templates/dashboard/Chart.js (100%) rename docs/{src/pages => data/material}/getting-started/templates/dashboard/Chart.tsx (100%) rename docs/{src/pages => data/material}/getting-started/templates/dashboard/Dashboard.js (100%) rename docs/{src/pages => data/material}/getting-started/templates/dashboard/Dashboard.tsx (100%) rename docs/{src/pages => data/material}/getting-started/templates/dashboard/Dashboard.tsx.preview (100%) rename docs/{src/pages => data/material}/getting-started/templates/dashboard/Deposits.js (100%) rename docs/{src/pages => data/material}/getting-started/templates/dashboard/Deposits.tsx (100%) rename docs/{src/pages => data/material}/getting-started/templates/dashboard/Deposits.tsx.preview (100%) rename docs/{src/pages => data/material}/getting-started/templates/dashboard/Orders.js (100%) rename docs/{src/pages => data/material}/getting-started/templates/dashboard/Orders.tsx (100%) rename docs/{src/pages => data/material}/getting-started/templates/dashboard/README.md (100%) rename docs/{src/pages => data/material}/getting-started/templates/dashboard/Title.js (100%) rename docs/{src/pages => data/material}/getting-started/templates/dashboard/Title.tsx (100%) rename docs/{src/pages => data/material}/getting-started/templates/dashboard/Title.tsx.preview (100%) rename docs/{src/pages => data/material}/getting-started/templates/dashboard/listItems.js (100%) rename docs/{src/pages => data/material}/getting-started/templates/dashboard/listItems.tsx (100%) rename docs/{src/pages => data/material}/getting-started/templates/pricing/Pricing.js (100%) rename docs/{src/pages => data/material}/getting-started/templates/pricing/Pricing.tsx (100%) rename docs/{src/pages => data/material}/getting-started/templates/pricing/Pricing.tsx.preview (100%) rename docs/{src/pages => data/material}/getting-started/templates/pricing/README.md (100%) rename docs/{src/pages => data/material}/getting-started/templates/sign-in-side/README.md (100%) rename docs/{src/pages => data/material}/getting-started/templates/sign-in-side/SignInSide.js (100%) rename docs/{src/pages => data/material}/getting-started/templates/sign-in-side/SignInSide.tsx (100%) rename docs/{src/pages => data/material}/getting-started/templates/sign-in/README.md (100%) rename docs/{src/pages => data/material}/getting-started/templates/sign-in/SignIn.js (100%) rename docs/{src/pages => data/material}/getting-started/templates/sign-in/SignIn.tsx (100%) rename docs/{src/pages => data/material}/getting-started/templates/sign-up/README.md (100%) rename docs/{src/pages => data/material}/getting-started/templates/sign-up/SignUp.js (100%) rename docs/{src/pages => data/material}/getting-started/templates/sign-up/SignUp.tsx (100%) rename docs/{src/pages => data/material}/getting-started/templates/sticky-footer/README.md (100%) rename docs/{src/pages => data/material}/getting-started/templates/sticky-footer/StickyFooter.js (100%) rename docs/{src/pages => data/material}/getting-started/templates/sticky-footer/StickyFooter.tsx (100%) rename docs/{src/pages => data/material}/getting-started/templates/templates-pt.md (95%) rename docs/{src/pages => data/material}/getting-started/templates/templates-zh.md (87%) rename docs/{src/pages => data/material}/getting-started/templates/templates.md (94%) rename docs/{src/pages => data/material}/getting-started/usage/Usage.js (100%) rename docs/{src/pages => data/material}/getting-started/usage/usage-pt.md (96%) rename docs/{src/pages => data/material}/getting-started/usage/usage-zh.md (88%) rename docs/{src/pages => data/material}/getting-started/usage/usage.md (96%) rename docs/{src/pages => data/material}/guides/api/api-pt.md (96%) rename docs/{src/pages => data/material}/guides/api/api-zh.md (79%) rename docs/{src/pages => data/material}/guides/api/api.md (100%) rename docs/{src/pages => data/material}/guides/classname-generator/classname-generator-pt.md (100%) rename docs/{src/pages => data/material}/guides/classname-generator/classname-generator-zh.md (84%) rename docs/{src/pages => data/material}/guides/classname-generator/classname-generator.md (100%) rename docs/{src/pages => data/material}/guides/composition/Composition.js (100%) rename docs/{src/pages => data/material}/guides/composition/Composition.tsx (100%) rename docs/{src/pages => data/material}/guides/composition/Composition.tsx.preview (100%) rename docs/{src/pages => data/material}/guides/composition/composition-pt.md (96%) rename docs/{src/pages => data/material}/guides/composition/composition-zh.md (90%) rename docs/{src/pages => data/material}/guides/composition/composition.md (99%) rename docs/{src/pages => data/material}/guides/content-security-policy/content-security-policy-pt.md (100%) rename docs/{src/pages => data/material}/guides/content-security-policy/content-security-policy-zh.md (92%) rename docs/{src/pages => data/material}/guides/content-security-policy/content-security-policy.md (100%) rename docs/{src/pages => data/material}/guides/flow/flow-pt.md (100%) rename docs/{src/pages => data/material}/guides/flow/flow-zh.md (100%) rename docs/{src/pages => data/material}/guides/flow/flow.md (100%) rename docs/{src/pages => data/material}/guides/interoperability/EmotionCSS.js (100%) rename docs/{src/pages => data/material}/guides/interoperability/EmotionCSS.tsx (100%) rename docs/{src/pages => data/material}/guides/interoperability/EmotionCSS.tsx.preview (100%) rename docs/{src/pages => data/material}/guides/interoperability/StyledComponents.js (100%) rename docs/{src/pages => data/material}/guides/interoperability/StyledComponents.tsx (100%) rename docs/{src/pages => data/material}/guides/interoperability/StyledComponents.tsx.preview (100%) rename docs/{src/pages => data/material}/guides/interoperability/StyledComponentsDeep.js (100%) rename docs/{src/pages => data/material}/guides/interoperability/StyledComponentsDeep.tsx (100%) rename docs/{src/pages => data/material}/guides/interoperability/StyledComponentsDeep.tsx.preview (100%) rename docs/{src/pages => data/material}/guides/interoperability/StyledComponentsPortal.js (100%) rename docs/{src/pages => data/material}/guides/interoperability/StyledComponentsPortal.tsx (100%) rename docs/{src/pages => data/material}/guides/interoperability/StyledComponentsPortal.tsx.preview (100%) rename docs/{src/pages => data/material}/guides/interoperability/StyledComponentsTheme.js (100%) rename docs/{src/pages => data/material}/guides/interoperability/StyledComponentsTheme.tsx (100%) rename docs/{src/pages => data/material}/guides/interoperability/StyledComponentsTheme.tsx.preview (100%) rename docs/{src/pages => data/material}/guides/interoperability/interoperability-pt.md (94%) rename docs/{src/pages => data/material}/guides/interoperability/interoperability-zh.md (93%) rename docs/{src/pages => data/material}/guides/interoperability/interoperability.md (96%) rename docs/{src/pages => data/material}/guides/localization/Locales.js (100%) rename docs/{src/pages => data/material}/guides/localization/Locales.tsx (100%) create mode 100644 docs/data/material/guides/localization/localization-pt.md create mode 100644 docs/data/material/guides/localization/localization-zh.md create mode 100644 docs/data/material/guides/localization/localization.md rename docs/{src/pages => data/material}/guides/migration-v0x/migration-v0x-pt.md (98%) rename docs/{src/pages => data/material}/guides/migration-v0x/migration-v0x-zh.md (88%) rename docs/{src/pages => data/material}/guides/migration-v0x/migration-v0x.md (100%) rename docs/{src/pages => data/material}/guides/migration-v3/migration-v3-pt.md (99%) rename docs/{src/pages => data/material}/guides/migration-v3/migration-v3-zh.md (89%) rename docs/{src/pages => data/material}/guides/migration-v3/migration-v3.md (100%) rename docs/{src/pages => data/material}/guides/migration-v4/migration-v4-pt.md (97%) rename docs/{src/pages => data/material}/guides/migration-v4/migration-v4-zh.md (94%) rename docs/{src/pages => data/material}/guides/migration-v4/migration-v4.md (100%) rename docs/{src/pages => data/material}/guides/minimizing-bundle-size/minimizing-bundle-size-pt.md (100%) rename docs/{src/pages => data/material}/guides/minimizing-bundle-size/minimizing-bundle-size-zh.md (93%) rename docs/{src/pages => data/material}/guides/minimizing-bundle-size/minimizing-bundle-size.md (100%) rename docs/{src/pages => data/material}/guides/pickers-migration/pickers-migration-pt.md (99%) rename docs/{src/pages => data/material}/guides/pickers-migration/pickers-migration-zh.md (88%) rename docs/{src/pages => data/material}/guides/pickers-migration/pickers-migration.md (100%) rename docs/{src/pages => data/material}/guides/responsive-ui/responsive-ui-pt.md (100%) rename docs/{src/pages => data/material}/guides/responsive-ui/responsive-ui-zh.md (100%) rename docs/{src/pages => data/material}/guides/responsive-ui/responsive-ui.md (100%) rename docs/{src/pages => data/material}/guides/right-to-left/Direction.js (100%) rename docs/{src/pages => data/material}/guides/right-to-left/Direction.tsx (100%) rename docs/{src/pages => data/material}/guides/right-to-left/Direction.tsx.preview (100%) rename docs/{src/pages => data/material}/guides/right-to-left/RtlOptOutStylis.js (100%) rename docs/{src/pages => data/material}/guides/right-to-left/RtlOptOutStylis.tsx (100%) rename docs/{src/pages => data/material}/guides/right-to-left/RtlOptOutStylis.tsx.preview (100%) rename docs/{src/pages => data/material}/guides/right-to-left/right-to-left-pt.md (98%) rename docs/{src/pages => data/material}/guides/right-to-left/right-to-left-zh.md (94%) rename docs/{src/pages => data/material}/guides/right-to-left/right-to-left.md (97%) rename docs/{src/pages => data/material}/guides/routing/ButtonDemo.js (100%) rename docs/{src/pages => data/material}/guides/routing/ButtonDemo.tsx (100%) rename docs/{src/pages => data/material}/guides/routing/ButtonDemo.tsx.preview (100%) rename docs/{src/pages => data/material}/guides/routing/ButtonRouter.js (100%) rename docs/{src/pages => data/material}/guides/routing/ButtonRouter.tsx (100%) rename docs/{src/pages => data/material}/guides/routing/ButtonRouter.tsx.preview (100%) rename docs/{src/pages => data/material}/guides/routing/LinkDemo.js (100%) rename docs/{src/pages => data/material}/guides/routing/LinkDemo.tsx (100%) rename docs/{src/pages => data/material}/guides/routing/LinkDemo.tsx.preview (100%) rename docs/{src/pages => data/material}/guides/routing/LinkRouter.js (100%) rename docs/{src/pages => data/material}/guides/routing/LinkRouter.tsx (100%) rename docs/{src/pages => data/material}/guides/routing/LinkRouter.tsx.preview (100%) rename docs/{src/pages => data/material}/guides/routing/LinkRouterWithTheme.js (100%) rename docs/{src/pages => data/material}/guides/routing/LinkRouterWithTheme.tsx (100%) rename docs/{src/pages => data/material}/guides/routing/LinkRouterWithTheme.tsx.preview (100%) rename docs/{src/pages => data/material}/guides/routing/ListRouter.js (100%) rename docs/{src/pages => data/material}/guides/routing/ListRouter.tsx (100%) rename docs/{src/pages => data/material}/guides/routing/TabsRouter.js (100%) rename docs/{src/pages => data/material}/guides/routing/TabsRouter.tsx (100%) rename docs/{src/pages => data/material}/guides/routing/TabsRouter.tsx.preview (100%) rename docs/{src/pages => data/material}/guides/routing/routing-pt.md (91%) rename docs/{src/pages => data/material}/guides/routing/routing-zh.md (89%) rename docs/{src/pages => data/material}/guides/routing/routing.md (91%) rename docs/{src/pages => data/material}/guides/server-rendering/server-rendering-pt.md (98%) rename docs/{src/pages => data/material}/guides/server-rendering/server-rendering-zh.md (100%) rename docs/{src/pages => data/material}/guides/server-rendering/server-rendering.md (100%) rename docs/{src/pages => data/material}/guides/styled-engine/styled-engine-pt.md (100%) rename docs/{src/pages => data/material}/guides/styled-engine/styled-engine-zh.md (93%) rename docs/{src/pages => data/material}/guides/styled-engine/styled-engine.md (100%) rename docs/{src/pages => data/material}/guides/testing/testing-pt.md (100%) rename docs/{src/pages => data/material}/guides/testing/testing-zh.md (100%) rename docs/{src/pages => data/material}/guides/testing/testing.md (100%) rename docs/{src/pages => data/material}/guides/typescript/typescript-pt.md (100%) rename docs/{src/pages => data/material}/guides/typescript/typescript-zh.md (100%) rename docs/{src/pages => data/material}/guides/typescript/typescript.md (100%) rename docs/{src/pages => data/material}/guides/understand-mui-packages/understand-mui-packages-pt.md (99%) rename docs/{src/pages => data/material}/guides/understand-mui-packages/understand-mui-packages-zh.md (99%) rename docs/{src/pages => data/material}/guides/understand-mui-packages/understand-mui-packages.md (99%) rename docs/{src/pages => data}/styles/advanced/GlobalCss.js (100%) rename docs/{src/pages => data}/styles/advanced/GlobalCss.tsx (100%) rename docs/{src/pages => data}/styles/advanced/GlobalCss.tsx.preview (100%) rename docs/{src/pages => data}/styles/advanced/HybridGlobalCss.js (100%) rename docs/{src/pages => data}/styles/advanced/HybridGlobalCss.tsx (100%) rename docs/{src/pages => data}/styles/advanced/HybridGlobalCss.tsx.preview (100%) rename docs/{src/pages => data}/styles/advanced/StringTemplates.js (100%) rename docs/{src/pages => data}/styles/advanced/ThemeNesting.js (100%) rename docs/{src/pages => data}/styles/advanced/ThemeNesting.tsx (100%) rename docs/{src/pages => data}/styles/advanced/Theming.js (100%) rename docs/{src/pages => data}/styles/advanced/Theming.tsx (100%) rename docs/{src/pages => data}/styles/advanced/Theming.tsx.preview (100%) rename docs/{src/pages => data}/styles/advanced/UseTheme.js (100%) rename docs/{src/pages => data}/styles/advanced/UseTheme.tsx (100%) rename docs/{src/pages => data}/styles/advanced/UseTheme.tsx.preview (100%) rename docs/{src/pages => data}/styles/advanced/WithTheme.js (100%) rename docs/{src/pages => data}/styles/advanced/WithTheme.tsx (100%) rename docs/{src/pages => data}/styles/advanced/advanced-pt.md (94%) rename docs/{src/pages => data}/styles/advanced/advanced-zh.md (96%) rename docs/{src/pages => data}/styles/advanced/advanced.md (98%) rename docs/{src/pages => data}/styles/api/api-pt.md (89%) rename docs/{src/pages => data}/styles/api/api-zh.md (79%) rename docs/{src/pages => data}/styles/api/api.md (100%) rename docs/{src/pages => data}/styles/basics/AdaptingHOC.js (100%) rename docs/{src/pages => data}/styles/basics/AdaptingHOC.tsx (100%) rename docs/{src/pages => data}/styles/basics/AdaptingHOC.tsx.preview (100%) rename docs/{src/pages => data}/styles/basics/AdaptingHook.js (100%) rename docs/{src/pages => data}/styles/basics/AdaptingHook.tsx (100%) rename docs/{src/pages => data}/styles/basics/AdaptingHook.tsx.preview (100%) rename docs/{src/pages => data}/styles/basics/AdaptingStyledComponents.js (100%) rename docs/{src/pages => data}/styles/basics/AdaptingStyledComponents.tsx (100%) rename docs/{src/pages => data}/styles/basics/AdaptingStyledComponents.tsx.preview (100%) rename docs/{src/pages => data}/styles/basics/HigherOrderComponent.js (100%) rename docs/{src/pages => data}/styles/basics/HigherOrderComponent.tsx (100%) rename docs/{src/pages => data}/styles/basics/Hook.js (100%) rename docs/{src/pages => data}/styles/basics/Hook.tsx (100%) rename docs/{src/pages => data}/styles/basics/Hook.tsx.preview (100%) rename docs/{src/pages => data}/styles/basics/NestedStylesHook.js (100%) rename docs/{src/pages => data}/styles/basics/NestedStylesHook.tsx (100%) rename docs/{src/pages => data}/styles/basics/NestedStylesHook.tsx.preview (100%) rename docs/{src/pages => data}/styles/basics/StressTest.js (100%) rename docs/{src/pages => data}/styles/basics/StressTest.tsx (100%) rename docs/{src/pages => data}/styles/basics/StyledComponents.js (100%) rename docs/{src/pages => data}/styles/basics/StyledComponents.tsx (100%) rename docs/{src/pages => data}/styles/basics/StyledComponents.tsx.preview (100%) rename docs/{src/pages => data}/styles/basics/basics-pt.md (90%) rename docs/{src/pages => data}/styles/basics/basics-zh.md (88%) rename docs/{src/pages => data}/styles/basics/basics.md (94%) rename docs/{src/pages => data}/styles/typescript/typescript-pt.md (100%) rename docs/{src/pages => data}/styles/typescript/typescript-zh.md (100%) rename docs/{src/pages => data}/styles/typescript/typescript.md (100%) rename docs/{src/pages => data}/system/advanced/CombiningStyleFunctionsDemo.js (100%) rename docs/{src/pages => data}/system/advanced/CombiningStyleFunctionsDemo.tsx (100%) rename docs/{src/pages => data}/system/advanced/CombiningStyleFunctionsDemo.tsx.preview (100%) rename docs/{src/pages => data}/system/advanced/StyleFunctionSxDemo.js (100%) rename docs/{src/pages => data}/system/advanced/StyleFunctionSxDemo.tsx (100%) rename docs/{src/pages => data}/system/advanced/StyleFunctionSxDemo.tsx.preview (100%) rename docs/{src/pages => data}/system/advanced/advanced-pt.md (88%) rename docs/{src/pages => data}/system/advanced/advanced-zh.md (89%) rename docs/{src/pages => data}/system/advanced/advanced.md (87%) rename docs/{src/pages => data}/system/basics/BreakpointsAsArray.js (100%) rename docs/{src/pages => data}/system/basics/BreakpointsAsArray.tsx (100%) rename docs/{src/pages => data}/system/basics/BreakpointsAsArray.tsx.preview (100%) rename docs/{src/pages => data}/system/basics/BreakpointsAsObject.js (100%) rename docs/{src/pages => data}/system/basics/BreakpointsAsObject.tsx (100%) rename docs/{src/pages => data}/system/basics/BreakpointsAsObject.tsx.preview (100%) rename docs/{src/pages => data}/system/basics/Demo.js (100%) rename docs/{src/pages => data}/system/basics/Demo.tsx (100%) rename docs/{src/pages => data}/system/basics/SxProp.tsx.preview (100%) rename docs/{src/pages => data}/system/basics/ValueAsFunction.js (100%) rename docs/{src/pages => data}/system/basics/ValueAsFunction.tsx (100%) rename docs/{src/pages => data}/system/basics/ValueAsFunction.tsx.preview (100%) rename docs/{src/pages => data}/system/basics/Why.js (100%) rename docs/{src/pages => data}/system/basics/Why.tsx (100%) rename docs/{src/pages => data}/system/basics/basics-pt.md (95%) rename docs/{src/pages => data}/system/basics/basics-zh.md (84%) rename docs/{src/pages => data}/system/basics/basics.md (97%) rename docs/{src/pages => data}/system/borders/BorderAdditive.js (100%) rename docs/{src/pages => data}/system/borders/BorderAdditive.tsx (100%) rename docs/{src/pages => data}/system/borders/BorderAdditive.tsx.preview (100%) rename docs/{src/pages => data}/system/borders/BorderColor.js (100%) rename docs/{src/pages => data}/system/borders/BorderColor.tsx (100%) rename docs/{src/pages => data}/system/borders/BorderColor.tsx.preview (100%) rename docs/{src/pages => data}/system/borders/BorderRadius.js (100%) rename docs/{src/pages => data}/system/borders/BorderRadius.tsx (100%) rename docs/{src/pages => data}/system/borders/BorderRadius.tsx.preview (100%) rename docs/{src/pages => data}/system/borders/BorderSubtractive.js (100%) rename docs/{src/pages => data}/system/borders/BorderSubtractive.tsx (100%) rename docs/{src/pages => data}/system/borders/BorderSubtractive.tsx.preview (100%) rename docs/{src/pages => data}/system/borders/borders-pt.md (94%) rename docs/{src/pages => data}/system/borders/borders-zh.md (89%) rename docs/{src/pages => data}/system/borders/borders.md (89%) rename docs/{src/pages => data}/system/box/BoxComponent.js (100%) rename docs/{src/pages => data}/system/box/BoxComponent.tsx (100%) rename docs/{src/pages => data}/system/box/BoxComponent.tsx.preview (100%) rename docs/{src/pages => data}/system/box/BoxSx.js (100%) rename docs/{src/pages => data}/system/box/BoxSx.tsx (100%) rename docs/{src/pages => data}/system/box/box-pt.md (78%) rename docs/{src/pages => data}/system/box/box-zh.md (79%) rename docs/{src/pages => data}/system/box/box.md (96%) rename docs/{src/pages => data}/system/display/Block.js (100%) rename docs/{src/pages => data}/system/display/Block.tsx (100%) rename docs/{src/pages => data}/system/display/Hiding.js (100%) rename docs/{src/pages => data}/system/display/Hiding.tsx (100%) rename docs/{src/pages => data}/system/display/Inline.js (100%) rename docs/{src/pages => data}/system/display/Inline.tsx (100%) rename docs/{src/pages => data}/system/display/Overflow.js (100%) rename docs/{src/pages => data}/system/display/Overflow.tsx (100%) rename docs/{src/pages => data}/system/display/Print.js (100%) rename docs/{src/pages => data}/system/display/Print.tsx (100%) rename docs/{src/pages => data}/system/display/TextOverflow.js (100%) rename docs/{src/pages => data}/system/display/TextOverflow.tsx (100%) rename docs/{src/pages => data}/system/display/Visibility.js (100%) rename docs/{src/pages => data}/system/display/Visibility.tsx (100%) rename docs/{src/pages => data}/system/display/WhiteSpace.js (100%) rename docs/{src/pages => data}/system/display/WhiteSpace.tsx (100%) rename docs/{src/pages => data}/system/display/display-pt.md (83%) rename docs/{src/pages => data}/system/display/display-zh.md (69%) rename docs/{src/pages => data}/system/display/display.md (86%) rename docs/{src/pages => data}/system/flexbox/AlignContent.js (100%) rename docs/{src/pages => data}/system/flexbox/AlignContent.tsx (100%) rename docs/{src/pages => data}/system/flexbox/AlignItems.js (100%) rename docs/{src/pages => data}/system/flexbox/AlignItems.tsx (100%) rename docs/{src/pages => data}/system/flexbox/AlignSelf.js (100%) rename docs/{src/pages => data}/system/flexbox/AlignSelf.tsx (100%) rename docs/{src/pages => data}/system/flexbox/AlignSelf.tsx.preview (100%) rename docs/{src/pages => data}/system/flexbox/Display.js (100%) rename docs/{src/pages => data}/system/flexbox/Display.tsx (100%) rename docs/{src/pages => data}/system/flexbox/FlexDirection.js (100%) rename docs/{src/pages => data}/system/flexbox/FlexDirection.tsx (100%) rename docs/{src/pages => data}/system/flexbox/FlexGrow.js (100%) rename docs/{src/pages => data}/system/flexbox/FlexGrow.tsx (100%) rename docs/{src/pages => data}/system/flexbox/FlexGrow.tsx.preview (100%) rename docs/{src/pages => data}/system/flexbox/FlexShrink.js (100%) rename docs/{src/pages => data}/system/flexbox/FlexShrink.tsx (100%) rename docs/{src/pages => data}/system/flexbox/FlexShrink.tsx.preview (100%) rename docs/{src/pages => data}/system/flexbox/FlexWrap.js (100%) rename docs/{src/pages => data}/system/flexbox/FlexWrap.tsx (100%) rename docs/{src/pages => data}/system/flexbox/JustifyContent.js (100%) rename docs/{src/pages => data}/system/flexbox/JustifyContent.tsx (100%) rename docs/{src/pages => data}/system/flexbox/Order.js (100%) rename docs/{src/pages => data}/system/flexbox/Order.tsx (100%) rename docs/{src/pages => data}/system/flexbox/Order.tsx.preview (100%) rename docs/{src/pages => data}/system/flexbox/flexbox-pt.md (90%) rename docs/{src/pages => data}/system/flexbox/flexbox-zh.md (85%) rename docs/{src/pages => data}/system/flexbox/flexbox.md (84%) rename docs/{src/pages => data}/system/grid/Display.js (100%) rename docs/{src/pages => data}/system/grid/Display.tsx (100%) rename docs/{src/pages => data}/system/grid/Gap.js (100%) rename docs/{src/pages => data}/system/grid/Gap.tsx (100%) rename docs/{src/pages => data}/system/grid/Gap.tsx.preview (100%) rename docs/{src/pages => data}/system/grid/GridAutoColumns.js (100%) rename docs/{src/pages => data}/system/grid/GridAutoColumns.tsx (100%) rename docs/{src/pages => data}/system/grid/GridAutoColumns.tsx.preview (100%) rename docs/{src/pages => data}/system/grid/GridAutoFlow.js (100%) rename docs/{src/pages => data}/system/grid/GridAutoFlow.tsx (100%) rename docs/{src/pages => data}/system/grid/GridAutoFlow.tsx.preview (100%) rename docs/{src/pages => data}/system/grid/GridAutoRows.js (100%) rename docs/{src/pages => data}/system/grid/GridAutoRows.tsx (100%) rename docs/{src/pages => data}/system/grid/GridAutoRows.tsx.preview (100%) rename docs/{src/pages => data}/system/grid/GridTemplateAreas.js (100%) rename docs/{src/pages => data}/system/grid/GridTemplateAreas.tsx (100%) rename docs/{src/pages => data}/system/grid/GridTemplateAreas.tsx.preview (100%) rename docs/{src/pages => data}/system/grid/GridTemplateColumns.js (100%) rename docs/{src/pages => data}/system/grid/GridTemplateColumns.tsx (100%) rename docs/{src/pages => data}/system/grid/GridTemplateColumns.tsx.preview (100%) rename docs/{src/pages => data}/system/grid/GridTemplateRows.js (100%) rename docs/{src/pages => data}/system/grid/GridTemplateRows.tsx (100%) rename docs/{src/pages => data}/system/grid/GridTemplateRows.tsx.preview (100%) rename docs/{src/pages => data}/system/grid/RowAndColumnGap.js (100%) rename docs/{src/pages => data}/system/grid/RowAndColumnGap.tsx (100%) rename docs/{src/pages => data}/system/grid/RowAndColumnGap.tsx.preview (100%) rename docs/{src/pages => data}/system/grid/grid-pt.md (94%) rename docs/{src/pages => data}/system/grid/grid-zh.md (87%) rename docs/{src/pages => data}/system/grid/grid.md (88%) rename docs/{src/pages => data}/system/palette/BackgroundColor.js (100%) rename docs/{src/pages => data}/system/palette/BackgroundColor.tsx (100%) rename docs/{src/pages => data}/system/palette/Color.js (100%) rename docs/{src/pages => data}/system/palette/Color.tsx (100%) rename docs/{src/pages => data}/system/palette/Color.tsx.preview (100%) rename docs/{src/pages => data}/system/palette/palette-pt.md (97%) rename docs/{src/pages => data}/system/palette/palette-zh.md (92%) rename docs/{src/pages => data}/system/palette/palette.md (90%) rename docs/{src/pages => data}/system/positions/ZIndex.js (100%) rename docs/{src/pages => data}/system/positions/ZIndex.tsx (100%) rename docs/{src/pages => data}/system/positions/positions-pt.md (88%) rename docs/{src/pages => data}/system/positions/positions-zh.md (77%) rename docs/{src/pages => data}/system/positions/positions.md (93%) rename docs/{src/pages => data}/system/properties/properties-pt.md (98%) rename docs/{src/pages => data}/system/properties/properties-zh.md (96%) rename docs/{src/pages => data}/system/properties/properties.md (100%) rename docs/{src/pages => data}/system/screen-readers/VisuallyHiddenUsage.js (100%) rename docs/{src/pages => data}/system/screen-readers/VisuallyHiddenUsage.tsx (100%) rename docs/{src/pages => data}/system/screen-readers/VisuallyHiddenUsage.tsx.preview (100%) rename docs/{src/pages => data}/system/screen-readers/screen-readers-pt.md (86%) rename docs/{src/pages => data}/system/screen-readers/screen-readers-zh.md (90%) rename docs/{src/pages => data}/system/screen-readers/screen-readers.md (85%) rename docs/{src/pages => data}/system/shadows/Demo.js (100%) rename docs/{src/pages => data}/system/shadows/Demo.tsx (100%) rename docs/{src/pages => data}/system/shadows/shadows-pt.md (93%) rename docs/{src/pages => data}/system/shadows/shadows-zh.md (74%) rename docs/{src/pages => data}/system/shadows/shadows.md (88%) rename docs/{src/pages => data}/system/sizing/Height.js (100%) rename docs/{src/pages => data}/system/sizing/Height.tsx (100%) rename docs/{src/pages => data}/system/sizing/Values.js (100%) rename docs/{src/pages => data}/system/sizing/Values.tsx (100%) rename docs/{src/pages => data}/system/sizing/Width.js (100%) rename docs/{src/pages => data}/system/sizing/Width.tsx (100%) rename docs/{src/pages => data}/system/sizing/sizing-pt.md (97%) rename docs/{src/pages => data}/system/sizing/sizing-zh.md (89%) rename docs/{src/pages => data}/system/sizing/sizing.md (92%) rename docs/{src/pages => data}/system/spacing/Demo.js (100%) rename docs/{src/pages => data}/system/spacing/Demo.tsx (100%) rename docs/{src/pages => data}/system/spacing/HorizontalCentering.js (100%) rename docs/{src/pages => data}/system/spacing/HorizontalCentering.tsx (100%) rename docs/{src/pages => data}/system/spacing/spacing-pt.md (87%) rename docs/{src/pages => data}/system/spacing/spacing-zh.md (83%) rename docs/{src/pages => data}/system/spacing/spacing.md (96%) rename docs/{src/pages => data}/system/styled/BasicUsage.js (100%) rename docs/{src/pages => data}/system/styled/BasicUsage.tsx (100%) rename docs/{src/pages => data}/system/styled/BasicUsage.tsx.preview (100%) rename docs/{src/pages => data}/system/styled/ThemeUsage.js (100%) rename docs/{src/pages => data}/system/styled/ThemeUsage.tsx (100%) rename docs/{src/pages => data}/system/styled/ThemeUsage.tsx.preview (100%) rename docs/{src/pages => data}/system/styled/UsingOptions.js (100%) rename docs/{src/pages => data}/system/styled/UsingOptions.tsx (100%) rename docs/{src/pages => data}/system/styled/UsingOptions.tsx.preview (100%) rename docs/{src/pages => data}/system/styled/UsingWithSx.js (100%) rename docs/{src/pages => data}/system/styled/UsingWithSx.tsx (100%) rename docs/{src/pages => data}/system/styled/UsingWithSx.tsx.preview (100%) rename docs/{src/pages => data}/system/styled/styled-pt.md (96%) rename docs/{src/pages => data}/system/styled/styled-zh.md (91%) rename docs/{src/pages => data}/system/styled/styled.md (96%) rename docs/{src/pages => data}/system/the-sx-prop/Example.js (100%) rename docs/{src/pages => data}/system/the-sx-prop/Example.tsx (100%) rename docs/{src/pages => data}/system/the-sx-prop/PassingSxProp.js (100%) rename docs/{src/pages => data}/system/the-sx-prop/PassingSxProp.tsx (100%) rename docs/{src/pages => data}/system/the-sx-prop/PassingSxProp.tsx.preview (100%) rename docs/{src/pages => data}/system/the-sx-prop/the-sx-prop-pt.md (97%) rename docs/{src/pages => data}/system/the-sx-prop/the-sx-prop-zh.md (94%) rename docs/{src/pages => data}/system/the-sx-prop/the-sx-prop.md (98%) rename docs/{src/pages => data}/system/typography/FontFamily.js (100%) rename docs/{src/pages => data}/system/typography/FontFamily.tsx (100%) rename docs/{src/pages => data}/system/typography/FontFamily.tsx.preview (100%) rename docs/{src/pages => data}/system/typography/FontSize.js (100%) rename docs/{src/pages => data}/system/typography/FontSize.tsx (100%) rename docs/{src/pages => data}/system/typography/FontSize.tsx.preview (100%) rename docs/{src/pages => data}/system/typography/FontStyle.js (100%) rename docs/{src/pages => data}/system/typography/FontStyle.tsx (100%) rename docs/{src/pages => data}/system/typography/FontStyle.tsx.preview (100%) rename docs/{src/pages => data}/system/typography/FontWeight.js (100%) rename docs/{src/pages => data}/system/typography/FontWeight.tsx (100%) rename docs/{src/pages => data}/system/typography/FontWeight.tsx.preview (100%) rename docs/{src/pages => data}/system/typography/LetterSpacing.js (100%) rename docs/{src/pages => data}/system/typography/LetterSpacing.tsx (100%) rename docs/{src/pages => data}/system/typography/LetterSpacing.tsx.preview (100%) rename docs/{src/pages => data}/system/typography/LineHeight.js (100%) rename docs/{src/pages => data}/system/typography/LineHeight.tsx (100%) rename docs/{src/pages => data}/system/typography/LineHeight.tsx.preview (100%) rename docs/{src/pages => data}/system/typography/TextAlignment.js (100%) rename docs/{src/pages => data}/system/typography/TextAlignment.tsx (100%) rename docs/{src/pages => data}/system/typography/TextAlignment.tsx.preview (100%) rename docs/{src/pages => data}/system/typography/TextTransform.js (100%) rename docs/{src/pages => data}/system/typography/TextTransform.tsx (100%) rename docs/{src/pages => data}/system/typography/TextTransform.tsx.preview (100%) rename docs/{src/pages => data}/system/typography/Variant.js (100%) rename docs/{src/pages => data}/system/typography/Variant.tsx (100%) rename docs/{src/pages => data}/system/typography/Variant.tsx.preview (100%) rename docs/{src/pages => data}/system/typography/typography-pt.md (81%) rename docs/{src/pages => data}/system/typography/typography-zh.md (78%) rename docs/{src/pages => data}/system/typography/typography.md (84%) create mode 100644 docs/pages/base/api/backdrop-unstyled.js create mode 100644 docs/pages/base/api/backdrop-unstyled.json create mode 100644 docs/pages/base/api/badge-unstyled.js create mode 100644 docs/pages/base/api/badge-unstyled.json create mode 100644 docs/pages/base/api/button-unstyled.js create mode 100644 docs/pages/base/api/button-unstyled.json create mode 100644 docs/pages/base/api/click-away-listener.js create mode 100644 docs/pages/base/api/click-away-listener.json create mode 100644 docs/pages/base/api/form-control-unstyled.js create mode 100644 docs/pages/base/api/form-control-unstyled.json create mode 100644 docs/pages/base/api/input-unstyled.js create mode 100644 docs/pages/base/api/input-unstyled.json create mode 100644 docs/pages/base/api/modal-unstyled.js create mode 100644 docs/pages/base/api/modal-unstyled.json create mode 100644 docs/pages/base/api/multi-select-unstyled.js create mode 100644 docs/pages/base/api/multi-select-unstyled.json create mode 100644 docs/pages/base/api/no-ssr.js create mode 100644 docs/pages/base/api/no-ssr.json create mode 100644 docs/pages/base/api/option-group-unstyled.js create mode 100644 docs/pages/base/api/option-group-unstyled.json create mode 100644 docs/pages/base/api/option-unstyled.js create mode 100644 docs/pages/base/api/option-unstyled.json create mode 100644 docs/pages/base/api/popper-unstyled.js create mode 100644 docs/pages/base/api/popper-unstyled.json create mode 100644 docs/pages/base/api/portal.js create mode 100644 docs/pages/base/api/portal.json create mode 100644 docs/pages/base/api/select-unstyled.js create mode 100644 docs/pages/base/api/select-unstyled.json create mode 100644 docs/pages/base/api/slider-unstyled.js create mode 100644 docs/pages/base/api/slider-unstyled.json create mode 100644 docs/pages/base/api/switch-unstyled.js create mode 100644 docs/pages/base/api/switch-unstyled.json create mode 100644 docs/pages/base/api/tab-panel-unstyled.js create mode 100644 docs/pages/base/api/tab-panel-unstyled.json create mode 100644 docs/pages/base/api/tab-unstyled.js create mode 100644 docs/pages/base/api/tab-unstyled.json create mode 100644 docs/pages/base/api/table-pagination-unstyled.js create mode 100644 docs/pages/base/api/table-pagination-unstyled.json create mode 100644 docs/pages/base/api/tabs-list-unstyled.js create mode 100644 docs/pages/base/api/tabs-list-unstyled.json create mode 100644 docs/pages/base/api/tabs-unstyled.js create mode 100644 docs/pages/base/api/tabs-unstyled.json create mode 100644 docs/pages/base/api/textarea-autosize.js create mode 100644 docs/pages/base/api/textarea-autosize.json create mode 100644 docs/pages/base/api/unstable-trap-focus.js create mode 100644 docs/pages/base/api/unstable-trap-focus.json create mode 100644 docs/pages/material/about-the-lab.js create mode 100644 docs/pages/material/api/accordion-actions.js create mode 100644 docs/pages/material/api/accordion-actions.json create mode 100644 docs/pages/material/api/accordion-details.js create mode 100644 docs/pages/material/api/accordion-details.json create mode 100644 docs/pages/material/api/accordion-summary.js create mode 100644 docs/pages/material/api/accordion-summary.json create mode 100644 docs/pages/material/api/accordion.js create mode 100644 docs/pages/material/api/accordion.json create mode 100644 docs/pages/material/api/alert-title.js create mode 100644 docs/pages/material/api/alert-title.json create mode 100644 docs/pages/material/api/alert.js create mode 100644 docs/pages/material/api/alert.json create mode 100644 docs/pages/material/api/app-bar.js create mode 100644 docs/pages/material/api/app-bar.json create mode 100644 docs/pages/material/api/autocomplete.js create mode 100644 docs/pages/material/api/autocomplete.json create mode 100644 docs/pages/material/api/avatar-group.js create mode 100644 docs/pages/material/api/avatar-group.json create mode 100644 docs/pages/material/api/avatar.js create mode 100644 docs/pages/material/api/avatar.json create mode 100644 docs/pages/material/api/backdrop.js create mode 100644 docs/pages/material/api/backdrop.json create mode 100644 docs/pages/material/api/badge.js create mode 100644 docs/pages/material/api/badge.json create mode 100644 docs/pages/material/api/bottom-navigation-action.js create mode 100644 docs/pages/material/api/bottom-navigation-action.json create mode 100644 docs/pages/material/api/bottom-navigation.js create mode 100644 docs/pages/material/api/bottom-navigation.json create mode 100644 docs/pages/material/api/breadcrumbs.js create mode 100644 docs/pages/material/api/breadcrumbs.json create mode 100644 docs/pages/material/api/button-base.js create mode 100644 docs/pages/material/api/button-base.json create mode 100644 docs/pages/material/api/button-group.js create mode 100644 docs/pages/material/api/button-group.json create mode 100644 docs/pages/material/api/button.js create mode 100644 docs/pages/material/api/button.json create mode 100644 docs/pages/material/api/calendar-picker-skeleton.js create mode 100644 docs/pages/material/api/calendar-picker-skeleton.json create mode 100644 docs/pages/material/api/calendar-picker.js create mode 100644 docs/pages/material/api/calendar-picker.json create mode 100644 docs/pages/material/api/card-action-area.js create mode 100644 docs/pages/material/api/card-action-area.json create mode 100644 docs/pages/material/api/card-actions.js create mode 100644 docs/pages/material/api/card-actions.json create mode 100644 docs/pages/material/api/card-content.js create mode 100644 docs/pages/material/api/card-content.json create mode 100644 docs/pages/material/api/card-header.js create mode 100644 docs/pages/material/api/card-header.json create mode 100644 docs/pages/material/api/card-media.js create mode 100644 docs/pages/material/api/card-media.json create mode 100644 docs/pages/material/api/card.js create mode 100644 docs/pages/material/api/card.json create mode 100644 docs/pages/material/api/checkbox.js create mode 100644 docs/pages/material/api/checkbox.json create mode 100644 docs/pages/material/api/chip.js create mode 100644 docs/pages/material/api/chip.json create mode 100644 docs/pages/material/api/circular-progress.js create mode 100644 docs/pages/material/api/circular-progress.json create mode 100644 docs/pages/material/api/clock-picker.js create mode 100644 docs/pages/material/api/clock-picker.json create mode 100644 docs/pages/material/api/collapse.js create mode 100644 docs/pages/material/api/collapse.json create mode 100644 docs/pages/material/api/container.js create mode 100644 docs/pages/material/api/container.json create mode 100644 docs/pages/material/api/css-baseline.js create mode 100644 docs/pages/material/api/css-baseline.json create mode 100644 docs/pages/material/api/date-picker.js create mode 100644 docs/pages/material/api/date-picker.json create mode 100644 docs/pages/material/api/date-range-picker-day.js create mode 100644 docs/pages/material/api/date-range-picker-day.json create mode 100644 docs/pages/material/api/date-range-picker.js create mode 100644 docs/pages/material/api/date-range-picker.json create mode 100644 docs/pages/material/api/date-time-picker.js create mode 100644 docs/pages/material/api/date-time-picker.json create mode 100644 docs/pages/material/api/desktop-date-picker.js create mode 100644 docs/pages/material/api/desktop-date-picker.json create mode 100644 docs/pages/material/api/desktop-date-range-picker.js create mode 100644 docs/pages/material/api/desktop-date-range-picker.json create mode 100644 docs/pages/material/api/desktop-date-time-picker.js create mode 100644 docs/pages/material/api/desktop-date-time-picker.json create mode 100644 docs/pages/material/api/desktop-time-picker.js create mode 100644 docs/pages/material/api/desktop-time-picker.json create mode 100644 docs/pages/material/api/dialog-actions.js create mode 100644 docs/pages/material/api/dialog-actions.json create mode 100644 docs/pages/material/api/dialog-content-text.js create mode 100644 docs/pages/material/api/dialog-content-text.json create mode 100644 docs/pages/material/api/dialog-content.js create mode 100644 docs/pages/material/api/dialog-content.json create mode 100644 docs/pages/material/api/dialog-title.js create mode 100644 docs/pages/material/api/dialog-title.json create mode 100644 docs/pages/material/api/dialog.js create mode 100644 docs/pages/material/api/dialog.json create mode 100644 docs/pages/material/api/divider.js create mode 100644 docs/pages/material/api/divider.json create mode 100644 docs/pages/material/api/drawer.js create mode 100644 docs/pages/material/api/drawer.json create mode 100644 docs/pages/material/api/fab.js create mode 100644 docs/pages/material/api/fab.json create mode 100644 docs/pages/material/api/fade.js create mode 100644 docs/pages/material/api/fade.json create mode 100644 docs/pages/material/api/filled-input.js create mode 100644 docs/pages/material/api/filled-input.json create mode 100644 docs/pages/material/api/form-control-label.js create mode 100644 docs/pages/material/api/form-control-label.json create mode 100644 docs/pages/material/api/form-control.js create mode 100644 docs/pages/material/api/form-control.json create mode 100644 docs/pages/material/api/form-group.js create mode 100644 docs/pages/material/api/form-group.json create mode 100644 docs/pages/material/api/form-helper-text.js create mode 100644 docs/pages/material/api/form-helper-text.json create mode 100644 docs/pages/material/api/form-label.js create mode 100644 docs/pages/material/api/form-label.json create mode 100644 docs/pages/material/api/global-styles.js create mode 100644 docs/pages/material/api/global-styles.json create mode 100644 docs/pages/material/api/grid.js create mode 100644 docs/pages/material/api/grid.json create mode 100644 docs/pages/material/api/grow.js create mode 100644 docs/pages/material/api/grow.json create mode 100644 docs/pages/material/api/hidden.js create mode 100644 docs/pages/material/api/hidden.json create mode 100644 docs/pages/material/api/icon-button.js create mode 100644 docs/pages/material/api/icon-button.json create mode 100644 docs/pages/material/api/icon.js create mode 100644 docs/pages/material/api/icon.json create mode 100644 docs/pages/material/api/image-list-item-bar.js create mode 100644 docs/pages/material/api/image-list-item-bar.json create mode 100644 docs/pages/material/api/image-list-item.js create mode 100644 docs/pages/material/api/image-list-item.json create mode 100644 docs/pages/material/api/image-list.js create mode 100644 docs/pages/material/api/image-list.json create mode 100644 docs/pages/material/api/input-adornment.js create mode 100644 docs/pages/material/api/input-adornment.json create mode 100644 docs/pages/material/api/input-base.js create mode 100644 docs/pages/material/api/input-base.json create mode 100644 docs/pages/material/api/input-label.js create mode 100644 docs/pages/material/api/input-label.json create mode 100644 docs/pages/material/api/input.js create mode 100644 docs/pages/material/api/input.json create mode 100644 docs/pages/material/api/linear-progress.js create mode 100644 docs/pages/material/api/linear-progress.json create mode 100644 docs/pages/material/api/link.js create mode 100644 docs/pages/material/api/link.json create mode 100644 docs/pages/material/api/list-item-avatar.js create mode 100644 docs/pages/material/api/list-item-avatar.json create mode 100644 docs/pages/material/api/list-item-button.js create mode 100644 docs/pages/material/api/list-item-button.json create mode 100644 docs/pages/material/api/list-item-icon.js create mode 100644 docs/pages/material/api/list-item-icon.json create mode 100644 docs/pages/material/api/list-item-secondary-action.js create mode 100644 docs/pages/material/api/list-item-secondary-action.json create mode 100644 docs/pages/material/api/list-item-text.js create mode 100644 docs/pages/material/api/list-item-text.json create mode 100644 docs/pages/material/api/list-item.js create mode 100644 docs/pages/material/api/list-item.json create mode 100644 docs/pages/material/api/list-subheader.js create mode 100644 docs/pages/material/api/list-subheader.json create mode 100644 docs/pages/material/api/list.js create mode 100644 docs/pages/material/api/list.json create mode 100644 docs/pages/material/api/loading-button.js create mode 100644 docs/pages/material/api/loading-button.json create mode 100644 docs/pages/material/api/masonry.js create mode 100644 docs/pages/material/api/masonry.json create mode 100644 docs/pages/material/api/menu-item.js create mode 100644 docs/pages/material/api/menu-item.json create mode 100644 docs/pages/material/api/menu-list.js create mode 100644 docs/pages/material/api/menu-list.json create mode 100644 docs/pages/material/api/menu.js create mode 100644 docs/pages/material/api/menu.json create mode 100644 docs/pages/material/api/mobile-date-picker.js create mode 100644 docs/pages/material/api/mobile-date-picker.json create mode 100644 docs/pages/material/api/mobile-date-range-picker.js create mode 100644 docs/pages/material/api/mobile-date-range-picker.json create mode 100644 docs/pages/material/api/mobile-date-time-picker.js create mode 100644 docs/pages/material/api/mobile-date-time-picker.json create mode 100644 docs/pages/material/api/mobile-stepper.js create mode 100644 docs/pages/material/api/mobile-stepper.json create mode 100644 docs/pages/material/api/mobile-time-picker.js create mode 100644 docs/pages/material/api/mobile-time-picker.json create mode 100644 docs/pages/material/api/modal.js create mode 100644 docs/pages/material/api/modal.json create mode 100644 docs/pages/material/api/month-picker.js create mode 100644 docs/pages/material/api/month-picker.json create mode 100644 docs/pages/material/api/native-select.js create mode 100644 docs/pages/material/api/native-select.json create mode 100644 docs/pages/material/api/outlined-input.js create mode 100644 docs/pages/material/api/outlined-input.json create mode 100644 docs/pages/material/api/pagination-item.js create mode 100644 docs/pages/material/api/pagination-item.json create mode 100644 docs/pages/material/api/pagination.js create mode 100644 docs/pages/material/api/pagination.json create mode 100644 docs/pages/material/api/paper.js create mode 100644 docs/pages/material/api/paper.json create mode 100644 docs/pages/material/api/pickers-day.js create mode 100644 docs/pages/material/api/pickers-day.json create mode 100644 docs/pages/material/api/popover.js create mode 100644 docs/pages/material/api/popover.json create mode 100644 docs/pages/material/api/popper.js create mode 100644 docs/pages/material/api/popper.json create mode 100644 docs/pages/material/api/radio-group.js create mode 100644 docs/pages/material/api/radio-group.json create mode 100644 docs/pages/material/api/radio.js create mode 100644 docs/pages/material/api/radio.json create mode 100644 docs/pages/material/api/rating.js create mode 100644 docs/pages/material/api/rating.json create mode 100644 docs/pages/material/api/scoped-css-baseline.js create mode 100644 docs/pages/material/api/scoped-css-baseline.json create mode 100644 docs/pages/material/api/select.js create mode 100644 docs/pages/material/api/select.json create mode 100644 docs/pages/material/api/skeleton.js create mode 100644 docs/pages/material/api/skeleton.json create mode 100644 docs/pages/material/api/slide.js create mode 100644 docs/pages/material/api/slide.json create mode 100644 docs/pages/material/api/slider.js create mode 100644 docs/pages/material/api/slider.json create mode 100644 docs/pages/material/api/snackbar-content.js create mode 100644 docs/pages/material/api/snackbar-content.json create mode 100644 docs/pages/material/api/snackbar.js create mode 100644 docs/pages/material/api/snackbar.json create mode 100644 docs/pages/material/api/speed-dial-action.js create mode 100644 docs/pages/material/api/speed-dial-action.json create mode 100644 docs/pages/material/api/speed-dial-icon.js create mode 100644 docs/pages/material/api/speed-dial-icon.json create mode 100644 docs/pages/material/api/speed-dial.js create mode 100644 docs/pages/material/api/speed-dial.json create mode 100644 docs/pages/material/api/stack.js create mode 100644 docs/pages/material/api/stack.json create mode 100644 docs/pages/material/api/static-date-picker.js create mode 100644 docs/pages/material/api/static-date-picker.json create mode 100644 docs/pages/material/api/static-date-range-picker.js create mode 100644 docs/pages/material/api/static-date-range-picker.json create mode 100644 docs/pages/material/api/static-date-time-picker.js create mode 100644 docs/pages/material/api/static-date-time-picker.json create mode 100644 docs/pages/material/api/static-time-picker.js create mode 100644 docs/pages/material/api/static-time-picker.json create mode 100644 docs/pages/material/api/step-button.js create mode 100644 docs/pages/material/api/step-button.json create mode 100644 docs/pages/material/api/step-connector.js create mode 100644 docs/pages/material/api/step-connector.json create mode 100644 docs/pages/material/api/step-content.js create mode 100644 docs/pages/material/api/step-content.json create mode 100644 docs/pages/material/api/step-icon.js create mode 100644 docs/pages/material/api/step-icon.json create mode 100644 docs/pages/material/api/step-label.js create mode 100644 docs/pages/material/api/step-label.json create mode 100644 docs/pages/material/api/step.js create mode 100644 docs/pages/material/api/step.json create mode 100644 docs/pages/material/api/stepper.js create mode 100644 docs/pages/material/api/stepper.json create mode 100644 docs/pages/material/api/svg-icon.js create mode 100644 docs/pages/material/api/svg-icon.json create mode 100644 docs/pages/material/api/swipeable-drawer.js create mode 100644 docs/pages/material/api/swipeable-drawer.json create mode 100644 docs/pages/material/api/switch.js create mode 100644 docs/pages/material/api/switch.json create mode 100644 docs/pages/material/api/tab-context.js create mode 100644 docs/pages/material/api/tab-context.json create mode 100644 docs/pages/material/api/tab-list.js create mode 100644 docs/pages/material/api/tab-list.json create mode 100644 docs/pages/material/api/tab-panel.js create mode 100644 docs/pages/material/api/tab-panel.json create mode 100644 docs/pages/material/api/tab-scroll-button.js create mode 100644 docs/pages/material/api/tab-scroll-button.json create mode 100644 docs/pages/material/api/tab.js create mode 100644 docs/pages/material/api/tab.json create mode 100644 docs/pages/material/api/table-body.js create mode 100644 docs/pages/material/api/table-body.json create mode 100644 docs/pages/material/api/table-cell.js create mode 100644 docs/pages/material/api/table-cell.json create mode 100644 docs/pages/material/api/table-container.js create mode 100644 docs/pages/material/api/table-container.json create mode 100644 docs/pages/material/api/table-footer.js create mode 100644 docs/pages/material/api/table-footer.json create mode 100644 docs/pages/material/api/table-head.js create mode 100644 docs/pages/material/api/table-head.json create mode 100644 docs/pages/material/api/table-pagination.js create mode 100644 docs/pages/material/api/table-pagination.json create mode 100644 docs/pages/material/api/table-row.js create mode 100644 docs/pages/material/api/table-row.json create mode 100644 docs/pages/material/api/table-sort-label.js create mode 100644 docs/pages/material/api/table-sort-label.json create mode 100644 docs/pages/material/api/table.js create mode 100644 docs/pages/material/api/table.json create mode 100644 docs/pages/material/api/tabs.js create mode 100644 docs/pages/material/api/tabs.json create mode 100644 docs/pages/material/api/text-field.js create mode 100644 docs/pages/material/api/text-field.json create mode 100644 docs/pages/material/api/time-picker.js create mode 100644 docs/pages/material/api/time-picker.json create mode 100644 docs/pages/material/api/timeline-connector.js create mode 100644 docs/pages/material/api/timeline-connector.json create mode 100644 docs/pages/material/api/timeline-content.js create mode 100644 docs/pages/material/api/timeline-content.json create mode 100644 docs/pages/material/api/timeline-dot.js create mode 100644 docs/pages/material/api/timeline-dot.json create mode 100644 docs/pages/material/api/timeline-item.js create mode 100644 docs/pages/material/api/timeline-item.json create mode 100644 docs/pages/material/api/timeline-opposite-content.js create mode 100644 docs/pages/material/api/timeline-opposite-content.json create mode 100644 docs/pages/material/api/timeline-separator.js create mode 100644 docs/pages/material/api/timeline-separator.json create mode 100644 docs/pages/material/api/timeline.js create mode 100644 docs/pages/material/api/timeline.json create mode 100644 docs/pages/material/api/toggle-button-group.js create mode 100644 docs/pages/material/api/toggle-button-group.json create mode 100644 docs/pages/material/api/toggle-button.js create mode 100644 docs/pages/material/api/toggle-button.json create mode 100644 docs/pages/material/api/toolbar.js create mode 100644 docs/pages/material/api/toolbar.json create mode 100644 docs/pages/material/api/tooltip.js create mode 100644 docs/pages/material/api/tooltip.json create mode 100644 docs/pages/material/api/tree-item.js create mode 100644 docs/pages/material/api/tree-item.json create mode 100644 docs/pages/material/api/tree-view.js create mode 100644 docs/pages/material/api/tree-view.json create mode 100644 docs/pages/material/api/typography.js create mode 100644 docs/pages/material/api/typography.json create mode 100644 docs/pages/material/api/year-picker.js create mode 100644 docs/pages/material/api/year-picker.json create mode 100644 docs/pages/material/api/zoom.js create mode 100644 docs/pages/material/api/zoom.json create mode 100644 docs/pages/material/customization/breakpoints.js create mode 100644 docs/pages/material/customization/color.js create mode 100644 docs/pages/material/customization/dark-mode.js create mode 100644 docs/pages/material/customization/default-theme.js create mode 100644 docs/pages/material/customization/density.js create mode 100644 docs/pages/material/customization/how-to-customize.js create mode 100644 docs/pages/material/customization/palette.js create mode 100644 docs/pages/material/customization/spacing.js create mode 100644 docs/pages/material/customization/theme-components.js create mode 100644 docs/pages/material/customization/theming.js create mode 100644 docs/pages/material/customization/transitions.js create mode 100644 docs/pages/material/customization/typography.js create mode 100644 docs/pages/material/customization/unstyled-components.js create mode 100644 docs/pages/material/customization/z-index.js create mode 100644 docs/pages/material/discover-more/backers.js create mode 100644 docs/pages/material/discover-more/changelog.js create mode 100644 docs/pages/material/discover-more/languages.js create mode 100644 docs/pages/material/discover-more/related-projects.js create mode 100644 docs/pages/material/discover-more/roadmap.js create mode 100644 docs/pages/material/discover-more/showcase.js create mode 100644 docs/pages/material/discover-more/vision.js create mode 100644 docs/pages/material/getting-started/example-projects.js create mode 100644 docs/pages/material/getting-started/faq.js create mode 100644 docs/pages/material/getting-started/installation.js create mode 100644 docs/pages/material/getting-started/learn.js create mode 100644 docs/pages/material/getting-started/support.js create mode 100644 docs/pages/material/getting-started/supported-components.js create mode 100644 docs/pages/material/getting-started/supported-platforms.js create mode 100644 docs/pages/material/getting-started/templates.js create mode 100644 docs/pages/material/getting-started/templates/album.js create mode 100644 docs/pages/material/getting-started/templates/blog.js create mode 100644 docs/pages/material/getting-started/templates/checkout.js create mode 100644 docs/pages/material/getting-started/templates/dashboard.js create mode 100644 docs/pages/material/getting-started/templates/pricing.js create mode 100644 docs/pages/material/getting-started/templates/sign-in-side.js create mode 100644 docs/pages/material/getting-started/templates/sign-in.js create mode 100644 docs/pages/material/getting-started/templates/sign-up.js create mode 100644 docs/pages/material/getting-started/templates/sticky-footer.js create mode 100644 docs/pages/material/getting-started/usage.js create mode 100644 docs/pages/material/guides/api.js create mode 100644 docs/pages/material/guides/classname-generator.js create mode 100644 docs/pages/material/guides/composition.js create mode 100644 docs/pages/material/guides/content-security-policy.js create mode 100644 docs/pages/material/guides/flow.js create mode 100644 docs/pages/material/guides/interoperability.js create mode 100644 docs/pages/material/guides/localization.js create mode 100644 docs/pages/material/guides/migration-v0x.js create mode 100644 docs/pages/material/guides/migration-v3.js create mode 100644 docs/pages/material/guides/migration-v4.js create mode 100644 docs/pages/material/guides/minimizing-bundle-size.js create mode 100644 docs/pages/material/guides/pickers-migration.js create mode 100644 docs/pages/material/guides/responsive-ui.js create mode 100644 docs/pages/material/guides/right-to-left.js create mode 100644 docs/pages/material/guides/routing.js create mode 100644 docs/pages/material/guides/server-rendering.js create mode 100644 docs/pages/material/guides/styled-engine.js create mode 100644 docs/pages/material/guides/testing.js create mode 100644 docs/pages/material/guides/typescript.js create mode 100644 docs/pages/material/guides/understand-mui-packages.js create mode 100644 docs/pages/material/icons.js create mode 100644 docs/pages/material/material-icons.js create mode 100644 docs/pages/material/pickers.js create mode 100644 docs/pages/material/react-accordion.js create mode 100644 docs/pages/material/react-alert.js create mode 100644 docs/pages/material/react-app-bar.js create mode 100644 docs/pages/material/react-autocomplete.js create mode 100644 docs/pages/material/react-avatar.js create mode 100644 docs/pages/material/react-backdrop.js create mode 100644 docs/pages/material/react-badge.js create mode 100644 docs/pages/material/react-bottom-navigation.js create mode 100644 docs/pages/material/react-box.js create mode 100644 docs/pages/material/react-breadcrumbs.js create mode 100644 docs/pages/material/react-button-group.js create mode 100644 docs/pages/material/react-button.js create mode 100644 docs/pages/material/react-card.js create mode 100644 docs/pages/material/react-checkbox.js create mode 100644 docs/pages/material/react-chip.js create mode 100644 docs/pages/material/react-click-away-listener.js create mode 100644 docs/pages/material/react-container.js create mode 100644 docs/pages/material/react-css-baseline.js create mode 100644 docs/pages/material/react-date-picker.js create mode 100644 docs/pages/material/react-date-range-picker.js create mode 100644 docs/pages/material/react-date-time-picker.js create mode 100644 docs/pages/material/react-dialog.js create mode 100644 docs/pages/material/react-divider.js create mode 100644 docs/pages/material/react-drawer.js create mode 100644 docs/pages/material/react-floating-action-button.js create mode 100644 docs/pages/material/react-grid.js create mode 100644 docs/pages/material/react-hidden.js create mode 100644 docs/pages/material/react-image-list.js create mode 100644 docs/pages/material/react-link.js create mode 100644 docs/pages/material/react-list.js create mode 100644 docs/pages/material/react-masonry.js create mode 100644 docs/pages/material/react-menu.js create mode 100644 docs/pages/material/react-modal.js create mode 100644 docs/pages/material/react-no-ssr.js create mode 100644 docs/pages/material/react-pagination.js create mode 100644 docs/pages/material/react-paper.js create mode 100644 docs/pages/material/react-popover.js create mode 100644 docs/pages/material/react-popper.js create mode 100644 docs/pages/material/react-portal.js create mode 100644 docs/pages/material/react-progress.js create mode 100644 docs/pages/material/react-radio-button.js create mode 100644 docs/pages/material/react-rating.js create mode 100644 docs/pages/material/react-select.js create mode 100644 docs/pages/material/react-skeleton.js create mode 100644 docs/pages/material/react-slider.js create mode 100644 docs/pages/material/react-snackbar.js create mode 100644 docs/pages/material/react-speed-dial.js create mode 100644 docs/pages/material/react-stack.js create mode 100644 docs/pages/material/react-stepper.js create mode 100644 docs/pages/material/react-switch.js create mode 100644 docs/pages/material/react-table.js create mode 100644 docs/pages/material/react-tabs.js create mode 100644 docs/pages/material/react-text-field.js create mode 100644 docs/pages/material/react-textarea-autosize.js create mode 100644 docs/pages/material/react-time-picker.js create mode 100644 docs/pages/material/react-timeline.js create mode 100644 docs/pages/material/react-toggle-button.js create mode 100644 docs/pages/material/react-tooltip.js create mode 100644 docs/pages/material/react-transfer-list.js create mode 100644 docs/pages/material/react-trap-focus.js create mode 100644 docs/pages/material/react-tree-view.js create mode 100644 docs/pages/material/react-typography.js create mode 100644 docs/pages/material/react-use-media-query.js create mode 100644 docs/pages/material/transitions.js create mode 100644 docs/pages/system/styles/advanced.js create mode 100644 docs/pages/system/styles/api.js create mode 100644 docs/pages/system/styles/basics.js delete mode 100644 docs/src/pages/guides/localization/localization-pt.md delete mode 100644 docs/src/pages/guides/localization/localization-zh.md delete mode 100644 docs/src/pages/guides/localization/localization.md diff --git a/benchmark/server/scenarios/docs.js b/benchmark/server/scenarios/docs.js index 1c21b550f78300..2c7a897c3284c3 100644 --- a/benchmark/server/scenarios/docs.js +++ b/benchmark/server/scenarios/docs.js @@ -5,7 +5,7 @@ import path from 'path'; import * as React from 'react'; import ReactDOMServer from 'react-dom/server'; import MarkdownElement from 'docs/src/modules/components/MarkdownElement'; -import Markdown from 'docs/src/pages/getting-started/templates/blog/Markdown'; +import Markdown from 'docs/data/material/getting-started/templates/blog/Markdown'; import { createStore } from 'redux'; import { Provider } from 'react-redux'; @@ -17,7 +17,7 @@ const suite = new Benchmark.Suite('core', { Benchmark.options.minSamples = 100; const markdown = fs.readFileSync( - path.join(__dirname, '../../../docs/src/pages/getting-started/templates/blog/blog-post.1.md'), + path.join(__dirname, '../../../docs/data/material/getting-started/templates/blog/blog-post.1.md'), 'UTF-8', ); diff --git a/benchmark/server/scenarios/server.js b/benchmark/server/scenarios/server.js index 2b9d7bc6abb068..1978566d7603b4 100644 --- a/benchmark/server/scenarios/server.js +++ b/benchmark/server/scenarios/server.js @@ -11,7 +11,7 @@ import { createGenerateClassName, } from '@mui/styles'; import { green, red } from '@mui/material/colors'; -import Pricing from 'docs/src/pages/getting-started/templates/pricing/Pricing'; +import Pricing from 'docs/data/material/getting-started/templates/pricing/Pricing'; import { spacing, palette, unstable_styleFunctionSx as styleFunction } from '@mui/system'; import Avatar from '@mui/material/Avatar'; import Box from '@mui/material/Box'; diff --git a/docs/data/base/pagesApi.js b/docs/data/base/pagesApi.js index e0a30c5dfa3e4f..674b3a0742b2f0 100644 --- a/docs/data/base/pagesApi.js +++ b/docs/data/base/pagesApi.js @@ -1 +1,25 @@ -module.exports = []; +module.exports = [ + { pathname: '/base/api/backdrop-unstyled' }, + { pathname: '/base/api/badge-unstyled' }, + { pathname: '/base/api/button-unstyled' }, + { pathname: '/base/api/click-away-listener' }, + { pathname: '/base/api/form-control-unstyled' }, + { pathname: '/base/api/input-unstyled' }, + { pathname: '/base/api/modal-unstyled' }, + { pathname: '/base/api/multi-select-unstyled' }, + { pathname: '/base/api/no-ssr' }, + { pathname: '/base/api/option-group-unstyled' }, + { pathname: '/base/api/option-unstyled' }, + { pathname: '/base/api/popper-unstyled' }, + { pathname: '/base/api/portal' }, + { pathname: '/base/api/select-unstyled' }, + { pathname: '/base/api/slider-unstyled' }, + { pathname: '/base/api/switch-unstyled' }, + { pathname: '/base/api/table-pagination-unstyled' }, + { pathname: '/base/api/tab-panel-unstyled' }, + { pathname: '/base/api/tabs-list-unstyled' }, + { pathname: '/base/api/tabs-unstyled' }, + { pathname: '/base/api/tab-unstyled' }, + { pathname: '/base/api/textarea-autosize' }, + { pathname: '/base/api/unstable-trap-focus' }, +]; diff --git a/docs/src/pages/components/.eslintrc.js b/docs/data/material/components/.eslintrc.js similarity index 100% rename from docs/src/pages/components/.eslintrc.js rename to docs/data/material/components/.eslintrc.js diff --git a/docs/src/pages/components/about-the-lab/about-the-lab-pt.md b/docs/data/material/components/about-the-lab/about-the-lab-pt.md similarity index 100% rename from docs/src/pages/components/about-the-lab/about-the-lab-pt.md rename to docs/data/material/components/about-the-lab/about-the-lab-pt.md diff --git a/docs/src/pages/components/about-the-lab/about-the-lab-zh.md b/docs/data/material/components/about-the-lab/about-the-lab-zh.md similarity index 85% rename from docs/src/pages/components/about-the-lab/about-the-lab-zh.md rename to docs/data/material/components/about-the-lab/about-the-lab-zh.md index 81853400e97542..3273506e1818f2 100644 --- a/docs/src/pages/components/about-the-lab/about-the-lab-zh.md +++ b/docs/data/material/components/about-the-lab/about-the-lab-zh.md @@ -39,7 +39,7 @@ yarn add @mui/material ## TypeScript -为了从 theme 中的 [CSS重载](/customization/theme-components/#global-style-overrides) 和 [默认的属性自定义](/customization/theme-components/#default-props) 中获益，使用 TypeScript 的用户需要引入如下类型的 types。 TypeScript 在内部将实验室里可用的扩展组件和 [模块扩展(module augmentation)](/guides/typescript/#customization-of-theme) 一起使用，这样可以拓展默认的主题（theme）结构。 +为了从 theme 中的 [CSS 重载](/customization/theme-components/#global-style-overrides) 和 [默认的属性自定义](/customization/theme-components/#default-props) 中获益，使用 TypeScript 的用户需要引入如下类型的 types。 TypeScript 在内部将实验室里可用的扩展组件和 [模块扩展(module augmentation)](/guides/typescript/#customization-of-theme) 一起使用，这样可以拓展默认的主题（theme）结构。 ```tsx // 当使用 TypeScript 4.x 或更高版本时 diff --git a/docs/src/pages/components/about-the-lab/about-the-lab.md b/docs/data/material/components/about-the-lab/about-the-lab.md similarity index 100% rename from docs/src/pages/components/about-the-lab/about-the-lab.md rename to docs/data/material/components/about-the-lab/about-the-lab.md diff --git a/docs/src/pages/components/accordion/BasicAccordion.js b/docs/data/material/components/accordion/BasicAccordion.js similarity index 100% rename from docs/src/pages/components/accordion/BasicAccordion.js rename to docs/data/material/components/accordion/BasicAccordion.js diff --git a/docs/src/pages/components/accordion/BasicAccordion.tsx b/docs/data/material/components/accordion/BasicAccordion.tsx similarity index 100% rename from docs/src/pages/components/accordion/BasicAccordion.tsx rename to docs/data/material/components/accordion/BasicAccordion.tsx diff --git a/docs/src/pages/components/accordion/ControlledAccordions.js b/docs/data/material/components/accordion/ControlledAccordions.js similarity index 100% rename from docs/src/pages/components/accordion/ControlledAccordions.js rename to docs/data/material/components/accordion/ControlledAccordions.js diff --git a/docs/src/pages/components/accordion/ControlledAccordions.tsx b/docs/data/material/components/accordion/ControlledAccordions.tsx similarity index 100% rename from docs/src/pages/components/accordion/ControlledAccordions.tsx rename to docs/data/material/components/accordion/ControlledAccordions.tsx diff --git a/docs/src/pages/components/accordion/CustomizedAccordions.js b/docs/data/material/components/accordion/CustomizedAccordions.js similarity index 100% rename from docs/src/pages/components/accordion/CustomizedAccordions.js rename to docs/data/material/components/accordion/CustomizedAccordions.js diff --git a/docs/src/pages/components/accordion/CustomizedAccordions.tsx b/docs/data/material/components/accordion/CustomizedAccordions.tsx similarity index 100% rename from docs/src/pages/components/accordion/CustomizedAccordions.tsx rename to docs/data/material/components/accordion/CustomizedAccordions.tsx diff --git a/docs/src/pages/components/accordion/accordion-pt.md b/docs/data/material/components/accordion/accordion-pt.md similarity index 91% rename from docs/src/pages/components/accordion/accordion-pt.md rename to docs/data/material/components/accordion/accordion-pt.md index be9380a89f6cca..b2240b686565ff 100644 --- a/docs/src/pages/components/accordion/accordion-pt.md +++ b/docs/data/material/components/accordion/accordion-pt.md @@ -1,4 +1,5 @@ --- +product: material title: Componente de Acordeão React components: Accordion, AccordionActions, AccordionDetails, AccordionSummary githubLabel: 'component: Accordion' @@ -18,19 +19,19 @@ waiAria: 'https://www.w3.org/TR/wai-aria-practices/#accordion' ## Acordeão básico -{{"demo": "pages/components/accordion/BasicAccordion.js", "bg": true}} +{{"demo": "BasicAccordion.js", "bg": true}} ## Acordeão controlado Estenda o comportamento padrão para criar um acordeão customizado com o componente `Accordion`. -{{"demo": "pages/components/accordion/ControlledAccordions.js", "bg": true}} +{{"demo": "ControlledAccordions.js", "bg": true}} ## Painéis de Expansão Customizados Aqui está um exemplo de customização do componente. Você pode aprender mais sobre isso na [página de documentação de sobrescritas](/customization/how-to-customize/). -{{"demo": "pages/components/accordion/CustomizedAccordions.js"}} +{{"demo": "CustomizedAccordions.js"}} ## Performance diff --git a/docs/src/pages/components/accordion/accordion-zh.md b/docs/data/material/components/accordion/accordion-zh.md similarity index 90% rename from docs/src/pages/components/accordion/accordion-zh.md rename to docs/data/material/components/accordion/accordion-zh.md index 384c175001047c..4d4459b5d803a8 100644 --- a/docs/src/pages/components/accordion/accordion-zh.md +++ b/docs/data/material/components/accordion/accordion-zh.md @@ -1,4 +1,5 @@ --- +product: material title: React Accordion （扩展面板）组件 components: Accordion, AccordionActions, AccordionDetails, AccordionSummary githubLabel: 'component: Accordion' @@ -18,19 +19,19 @@ waiAria: 'https://www.w3.org/TR/wai-aria-practices/#accordion' ## 简单的扩展面板 -{{"demo": "pages/components/accordion/BasicAccordion.js", "bg": true}} +{{"demo": "BasicAccordion.js", "bg": true}} ## 可控制的折叠面板 使用`控制面板` 组件，能够扩展已有的控制面板行为，来创建自定义的扩展面板组。 -{{"demo": "pages/components/accordion/ControlledAccordions.js", "bg": true}} +{{"demo": "ControlledAccordions.js", "bg": true}} ## 自定义的扩展面板 以下是自定义扩展面板的一个示例。 您可以在 [重写文档页面](/customization/how-to-customize/) 中了解更多。 -{{"demo": "pages/components/accordion/CustomizedAccordions.js"}} +{{"demo": "CustomizedAccordions.js"}} ## 性能 diff --git a/docs/src/pages/components/accordion/accordion.md b/docs/data/material/components/accordion/accordion.md similarity index 90% rename from docs/src/pages/components/accordion/accordion.md rename to docs/data/material/components/accordion/accordion.md index 7829bb0ac58bfd..fbe34a9af28bd9 100644 --- a/docs/src/pages/components/accordion/accordion.md +++ b/docs/data/material/components/accordion/accordion.md @@ -1,4 +1,5 @@ --- +product: material title: React Accordion component components: Accordion, AccordionActions, AccordionDetails, AccordionSummary githubLabel: 'component: accordion' @@ -18,20 +19,20 @@ An accordion is a lightweight container that may either be used standalone, or b ## Basic accordion -{{"demo": "pages/components/accordion/BasicAccordion.js", "bg": true}} +{{"demo": "BasicAccordion.js", "bg": true}} ## Controlled accordion Extend the default behavior to create an accordion with the `Accordion` component. -{{"demo": "pages/components/accordion/ControlledAccordions.js", "bg": true}} +{{"demo": "ControlledAccordions.js", "bg": true}} ## Customization Here is an example of customizing the component. You can learn more about this in the [overrides documentation page](/customization/how-to-customize/). -{{"demo": "pages/components/accordion/CustomizedAccordions.js"}} +{{"demo": "CustomizedAccordions.js"}} ## Performance diff --git a/docs/src/pages/components/alert/ActionAlerts.js b/docs/data/material/components/alert/ActionAlerts.js similarity index 100% rename from docs/src/pages/components/alert/ActionAlerts.js rename to docs/data/material/components/alert/ActionAlerts.js diff --git a/docs/src/pages/components/alert/ActionAlerts.tsx b/docs/data/material/components/alert/ActionAlerts.tsx similarity index 100% rename from docs/src/pages/components/alert/ActionAlerts.tsx rename to docs/data/material/components/alert/ActionAlerts.tsx diff --git a/docs/src/pages/components/alert/ActionAlerts.tsx.preview b/docs/data/material/components/alert/ActionAlerts.tsx.preview similarity index 100% rename from docs/src/pages/components/alert/ActionAlerts.tsx.preview rename to docs/data/material/components/alert/ActionAlerts.tsx.preview diff --git a/docs/src/pages/components/alert/BasicAlerts.js b/docs/data/material/components/alert/BasicAlerts.js similarity index 100% rename from docs/src/pages/components/alert/BasicAlerts.js rename to docs/data/material/components/alert/BasicAlerts.js diff --git a/docs/src/pages/components/alert/BasicAlerts.tsx b/docs/data/material/components/alert/BasicAlerts.tsx similarity index 100% rename from docs/src/pages/components/alert/BasicAlerts.tsx rename to docs/data/material/components/alert/BasicAlerts.tsx diff --git a/docs/src/pages/components/alert/BasicAlerts.tsx.preview b/docs/data/material/components/alert/BasicAlerts.tsx.preview similarity index 100% rename from docs/src/pages/components/alert/BasicAlerts.tsx.preview rename to docs/data/material/components/alert/BasicAlerts.tsx.preview diff --git a/docs/src/pages/components/alert/ColorAlerts.js b/docs/data/material/components/alert/ColorAlerts.js similarity index 100% rename from docs/src/pages/components/alert/ColorAlerts.js rename to docs/data/material/components/alert/ColorAlerts.js diff --git a/docs/src/pages/components/alert/ColorAlerts.tsx b/docs/data/material/components/alert/ColorAlerts.tsx similarity index 100% rename from docs/src/pages/components/alert/ColorAlerts.tsx rename to docs/data/material/components/alert/ColorAlerts.tsx diff --git a/docs/src/pages/components/alert/ColorAlerts.tsx.preview b/docs/data/material/components/alert/ColorAlerts.tsx.preview similarity index 100% rename from docs/src/pages/components/alert/ColorAlerts.tsx.preview rename to docs/data/material/components/alert/ColorAlerts.tsx.preview diff --git a/docs/src/pages/components/alert/DescriptionAlerts.js b/docs/data/material/components/alert/DescriptionAlerts.js similarity index 100% rename from docs/src/pages/components/alert/DescriptionAlerts.js rename to docs/data/material/components/alert/DescriptionAlerts.js diff --git a/docs/src/pages/components/alert/DescriptionAlerts.tsx b/docs/data/material/components/alert/DescriptionAlerts.tsx similarity index 100% rename from docs/src/pages/components/alert/DescriptionAlerts.tsx rename to docs/data/material/components/alert/DescriptionAlerts.tsx diff --git a/docs/src/pages/components/alert/DescriptionAlerts.tsx.preview b/docs/data/material/components/alert/DescriptionAlerts.tsx.preview similarity index 100% rename from docs/src/pages/components/alert/DescriptionAlerts.tsx.preview rename to docs/data/material/components/alert/DescriptionAlerts.tsx.preview diff --git a/docs/src/pages/components/alert/FilledAlerts.js b/docs/data/material/components/alert/FilledAlerts.js similarity index 100% rename from docs/src/pages/components/alert/FilledAlerts.js rename to docs/data/material/components/alert/FilledAlerts.js diff --git a/docs/src/pages/components/alert/FilledAlerts.tsx b/docs/data/material/components/alert/FilledAlerts.tsx similarity index 100% rename from docs/src/pages/components/alert/FilledAlerts.tsx rename to docs/data/material/components/alert/FilledAlerts.tsx diff --git a/docs/src/pages/components/alert/FilledAlerts.tsx.preview b/docs/data/material/components/alert/FilledAlerts.tsx.preview similarity index 100% rename from docs/src/pages/components/alert/FilledAlerts.tsx.preview rename to docs/data/material/components/alert/FilledAlerts.tsx.preview diff --git a/docs/src/pages/components/alert/IconAlerts.js b/docs/data/material/components/alert/IconAlerts.js similarity index 100% rename from docs/src/pages/components/alert/IconAlerts.js rename to docs/data/material/components/alert/IconAlerts.js diff --git a/docs/src/pages/components/alert/IconAlerts.tsx b/docs/data/material/components/alert/IconAlerts.tsx similarity index 100% rename from docs/src/pages/components/alert/IconAlerts.tsx rename to docs/data/material/components/alert/IconAlerts.tsx diff --git a/docs/src/pages/components/alert/IconAlerts.tsx.preview b/docs/data/material/components/alert/IconAlerts.tsx.preview similarity index 100% rename from docs/src/pages/components/alert/IconAlerts.tsx.preview rename to docs/data/material/components/alert/IconAlerts.tsx.preview diff --git a/docs/src/pages/components/alert/OutlinedAlerts.js b/docs/data/material/components/alert/OutlinedAlerts.js similarity index 100% rename from docs/src/pages/components/alert/OutlinedAlerts.js rename to docs/data/material/components/alert/OutlinedAlerts.js diff --git a/docs/src/pages/components/alert/OutlinedAlerts.tsx b/docs/data/material/components/alert/OutlinedAlerts.tsx similarity index 100% rename from docs/src/pages/components/alert/OutlinedAlerts.tsx rename to docs/data/material/components/alert/OutlinedAlerts.tsx diff --git a/docs/src/pages/components/alert/OutlinedAlerts.tsx.preview b/docs/data/material/components/alert/OutlinedAlerts.tsx.preview similarity index 100% rename from docs/src/pages/components/alert/OutlinedAlerts.tsx.preview rename to docs/data/material/components/alert/OutlinedAlerts.tsx.preview diff --git a/docs/src/pages/components/alert/TransitionAlerts.js b/docs/data/material/components/alert/TransitionAlerts.js similarity index 100% rename from docs/src/pages/components/alert/TransitionAlerts.js rename to docs/data/material/components/alert/TransitionAlerts.js diff --git a/docs/src/pages/components/alert/TransitionAlerts.tsx b/docs/data/material/components/alert/TransitionAlerts.tsx similarity index 100% rename from docs/src/pages/components/alert/TransitionAlerts.tsx rename to docs/data/material/components/alert/TransitionAlerts.tsx diff --git a/docs/src/pages/components/alert/alert-pt.md b/docs/data/material/components/alert/alert-pt.md similarity index 87% rename from docs/src/pages/components/alert/alert-pt.md rename to docs/data/material/components/alert/alert-pt.md index 43dce2f2374bdb..64d6f59f4b1ec6 100644 --- a/docs/src/pages/components/alert/alert-pt.md +++ b/docs/data/material/components/alert/alert-pt.md @@ -1,4 +1,5 @@ --- +product: material title: Componente React para Alertas components: Alert, AlertTitle githubLabel: 'component: Alert' @@ -17,13 +18,13 @@ waiAria: 'https://www.w3.org/TR/wai-aria-practices/#alert' O alerta oferece quatro níveis de severidade que se distinguem em diferentes ícones e cores. -{{"demo": "pages/components/alert/BasicAlerts.js"}} +{{"demo": "BasicAlerts.js"}} ## Descrição Você pode usar o componente `AlertTitle` para exibir um título formatado acima do conteúdo. -{{"demo": "pages/components/alert/DescriptionAlerts.js"}} +{{"demo": "DescriptionAlerts.js"}} ## Ações @@ -31,13 +32,13 @@ Um alerta pode conter uma ação, como um botão de fechar ou desfazer. A ação Se um callback `onClose` é fornecido e a propriedade `action` não é definida, um ícone de fechar será exibido. A propriedade `action` pode ser usada para fornecer uma ação alternativa, por exemplo, usando um Button ou IconButton. -{{"demo": "pages/components/alert/ActionAlerts.js"}} +{{"demo": "ActionAlerts.js"}} ### Transição Você pode utilizar um [componente de transição](/components/transitions/) como um `Collapse` para realizar uma transição na exibição do alerta. -{{"demo": "pages/components/alert/TransitionAlerts.js"}} +{{"demo": "TransitionAlerts.js"}} ## Ícones @@ -47,7 +48,7 @@ Você pode alterar a severidade padrão e o mapeamento do ícone com a proprieda Definir a propriedade `icon` como falso removerá o ícone completamente. -{{"demo": "pages/components/alert/IconAlerts.js"}} +{{"demo": "IconAlerts.js"}} ## Variantes @@ -55,11 +56,11 @@ Duas variantes adicionais estão disponíveis – delineado e preenchido: ### Delineado -{{"demo": "pages/components/alert/OutlinedAlerts.js"}} +{{"demo": "OutlinedAlerts.js"}} ### Preenchido -{{"demo": "pages/components/alert/FilledAlerts.js"}} +{{"demo": "FilledAlerts.js"}} ## Toast @@ -69,7 +70,7 @@ Você pode usar o componente Snackbar para [exibir um toast](/components/snackba A propriedade `color` irá sobrescrever a cor padrão para a severidade especificada. -{{"demo": "pages/components/alert/ColorAlerts.js"}} +{{"demo": "ColorAlerts.js"}} ## Acessibilidade diff --git a/docs/src/pages/components/alert/alert-zh.md b/docs/data/material/components/alert/alert-zh.md similarity index 85% rename from docs/src/pages/components/alert/alert-zh.md rename to docs/data/material/components/alert/alert-zh.md index ee06bc0d89221c..c5c36d29ec7200 100644 --- a/docs/src/pages/components/alert/alert-zh.md +++ b/docs/data/material/components/alert/alert-zh.md @@ -1,4 +1,5 @@ --- +product: material title: React Alert （警告提示）组件 components: Alert, AlertTitle githubLabel: 'component: Alert' @@ -17,27 +18,27 @@ waiAria: 'https://www.w3.org/TR/wai-aria-practices/#alert' 警告提示有四种不同程度的级别，每种都有自己独特的颜色和图标。 -{{"demo": "pages/components/alert/BasicAlerts.js"}} +{{"demo": "BasicAlerts.js"}} ## 描述 您可以使用 `AlertTitle` 组件在内容之上展示一个格式化的标题。 -{{"demo": "pages/components/alert/DescriptionAlerts.js"}} +{{"demo": "DescriptionAlerts.js"}} ## 行为 一个警告提示可以附带一个行为，例如一个关闭或撤销按钮。 它在消息之后，提醒结束前被渲染。 -如果提供了 `onClose` 回调且没有设置 `action` 属性的话，则会呈现一个关闭图标。 这个 `action` 属性可以用来提供一个可替代的行为，例如使用一个 Button 或者IconButton。 +如果提供了 `onClose` 回调且没有设置 `action` 属性的话，则会呈现一个关闭图标。 这个 `action` 属性可以用来提供一个可替代的行为，例如使用一个 Button 或者 IconButton。 -{{"demo": "pages/components/alert/ActionAlerts.js"}} +{{"demo": "ActionAlerts.js"}} ### 过渡效果 您也可以使用 [过渡组件](/components/transitions/) ，如使用 `Collapse（展开）` 来实现提醒出现时的过渡效果。 -{{"demo": "pages/components/alert/TransitionAlerts.js"}} +{{"demo": "TransitionAlerts.js"}} ## Icons 图标 @@ -47,7 +48,7 @@ waiAria: 'https://www.w3.org/TR/wai-aria-practices/#alert' 把图标属性设置为 `false` 将会移除所有图标。 -{{"demo": "pages/components/alert/IconAlerts.js"}} +{{"demo": "IconAlerts.js"}} ## 变体 @@ -55,11 +56,11 @@ waiAria: 'https://www.w3.org/TR/wai-aria-practices/#alert' ### 描边 -{{"demo": "pages/components/alert/OutlinedAlerts.js"}} +{{"demo": "OutlinedAlerts.js"}} ### 填充 -{{"demo": "pages/components/alert/FilledAlerts.js"}} +{{"demo": "FilledAlerts.js"}} ## Toast（提示） @@ -69,7 +70,7 @@ waiAria: 'https://www.w3.org/TR/wai-aria-practices/#alert' 使用 `color` 属性可以覆盖不同程度提醒的默认颜色。 -{{"demo": "pages/components/alert/ColorAlerts.js"}} +{{"demo": "ColorAlerts.js"}} ## 无障碍设计 diff --git a/docs/src/pages/components/alert/alert.md b/docs/data/material/components/alert/alert.md similarity index 85% rename from docs/src/pages/components/alert/alert.md rename to docs/data/material/components/alert/alert.md index 64f862cb2649ac..c55c70aba17db2 100644 --- a/docs/src/pages/components/alert/alert.md +++ b/docs/data/material/components/alert/alert.md @@ -1,4 +1,5 @@ --- +product: material title: React Alert component components: Alert, AlertTitle githubLabel: 'component: alert' @@ -17,13 +18,13 @@ waiAria: https://www.w3.org/TR/wai-aria-practices/#alert The alert offers four severity levels that set a distinctive icon and color. -{{"demo": "pages/components/alert/BasicAlerts.js"}} +{{"demo": "BasicAlerts.js"}} ## Description You can use the `AlertTitle` component to display a formatted title above the content. -{{"demo": "pages/components/alert/DescriptionAlerts.js"}} +{{"demo": "DescriptionAlerts.js"}} ## Actions @@ -32,13 +33,13 @@ It is rendered after the message, at the end of the alert. If an `onClose` callback is provided and no `action` prop is set, a close icon is displayed. The `action` prop can be used to provide an alternative action, for example using a Button or IconButton. -{{"demo": "pages/components/alert/ActionAlerts.js"}} +{{"demo": "ActionAlerts.js"}} ### Transition You can use a [transition component](/components/transitions/) such as `Collapse` to transition the appearance of the alert. -{{"demo": "pages/components/alert/TransitionAlerts.js"}} +{{"demo": "TransitionAlerts.js"}} ## Icons @@ -49,7 +50,7 @@ You can change the default severity to icon mapping with the `iconMapping` prop. Setting the icon prop to `false` will remove the icon altogether. -{{"demo": "pages/components/alert/IconAlerts.js"}} +{{"demo": "IconAlerts.js"}} ## Variants @@ -57,11 +58,11 @@ Two additional variants are available – outlined, and filled: ### Outlined -{{"demo": "pages/components/alert/OutlinedAlerts.js"}} +{{"demo": "OutlinedAlerts.js"}} ### Filled -{{"demo": "pages/components/alert/FilledAlerts.js"}} +{{"demo": "FilledAlerts.js"}} ## Toast @@ -71,7 +72,7 @@ You can use the Snackbar to [display a toast](/components/snackbars/#customized- The `color` prop will override the default color for the specified severity. -{{"demo": "pages/components/alert/ColorAlerts.js"}} +{{"demo": "ColorAlerts.js"}} ## Accessibility diff --git a/docs/src/pages/components/app-bar/BackToTop.js b/docs/data/material/components/app-bar/BackToTop.js similarity index 100% rename from docs/src/pages/components/app-bar/BackToTop.js rename to docs/data/material/components/app-bar/BackToTop.js diff --git a/docs/src/pages/components/app-bar/BackToTop.tsx b/docs/data/material/components/app-bar/BackToTop.tsx similarity index 100% rename from docs/src/pages/components/app-bar/BackToTop.tsx rename to docs/data/material/components/app-bar/BackToTop.tsx diff --git a/docs/src/pages/components/app-bar/BottomAppBar.js b/docs/data/material/components/app-bar/BottomAppBar.js similarity index 100% rename from docs/src/pages/components/app-bar/BottomAppBar.js rename to docs/data/material/components/app-bar/BottomAppBar.js diff --git a/docs/src/pages/components/app-bar/BottomAppBar.tsx b/docs/data/material/components/app-bar/BottomAppBar.tsx similarity index 100% rename from docs/src/pages/components/app-bar/BottomAppBar.tsx rename to docs/data/material/components/app-bar/BottomAppBar.tsx diff --git a/docs/src/pages/components/app-bar/ButtonAppBar.js b/docs/data/material/components/app-bar/ButtonAppBar.js similarity index 100% rename from docs/src/pages/components/app-bar/ButtonAppBar.js rename to docs/data/material/components/app-bar/ButtonAppBar.js diff --git a/docs/src/pages/components/app-bar/ButtonAppBar.tsx b/docs/data/material/components/app-bar/ButtonAppBar.tsx similarity index 100% rename from docs/src/pages/components/app-bar/ButtonAppBar.tsx rename to docs/data/material/components/app-bar/ButtonAppBar.tsx diff --git a/docs/src/pages/components/app-bar/DenseAppBar.js b/docs/data/material/components/app-bar/DenseAppBar.js similarity index 100% rename from docs/src/pages/components/app-bar/DenseAppBar.js rename to docs/data/material/components/app-bar/DenseAppBar.js diff --git a/docs/src/pages/components/app-bar/DenseAppBar.tsx b/docs/data/material/components/app-bar/DenseAppBar.tsx similarity index 100% rename from docs/src/pages/components/app-bar/DenseAppBar.tsx rename to docs/data/material/components/app-bar/DenseAppBar.tsx diff --git a/docs/src/pages/components/app-bar/DenseAppBar.tsx.preview b/docs/data/material/components/app-bar/DenseAppBar.tsx.preview similarity index 100% rename from docs/src/pages/components/app-bar/DenseAppBar.tsx.preview rename to docs/data/material/components/app-bar/DenseAppBar.tsx.preview diff --git a/docs/src/pages/components/app-bar/ElevateAppBar.js b/docs/data/material/components/app-bar/ElevateAppBar.js similarity index 100% rename from docs/src/pages/components/app-bar/ElevateAppBar.js rename to docs/data/material/components/app-bar/ElevateAppBar.js diff --git a/docs/src/pages/components/app-bar/ElevateAppBar.tsx b/docs/data/material/components/app-bar/ElevateAppBar.tsx similarity index 100% rename from docs/src/pages/components/app-bar/ElevateAppBar.tsx rename to docs/data/material/components/app-bar/ElevateAppBar.tsx diff --git a/docs/src/pages/components/app-bar/EnableColorOnDarkAppBar.js b/docs/data/material/components/app-bar/EnableColorOnDarkAppBar.js similarity index 100% rename from docs/src/pages/components/app-bar/EnableColorOnDarkAppBar.js rename to docs/data/material/components/app-bar/EnableColorOnDarkAppBar.js diff --git a/docs/src/pages/components/app-bar/EnableColorOnDarkAppBar.tsx b/docs/data/material/components/app-bar/EnableColorOnDarkAppBar.tsx similarity index 100% rename from docs/src/pages/components/app-bar/EnableColorOnDarkAppBar.tsx rename to docs/data/material/components/app-bar/EnableColorOnDarkAppBar.tsx diff --git a/docs/src/pages/components/app-bar/EnableColorOnDarkAppBar.tsx.preview b/docs/data/material/components/app-bar/EnableColorOnDarkAppBar.tsx.preview similarity index 100% rename from docs/src/pages/components/app-bar/EnableColorOnDarkAppBar.tsx.preview rename to docs/data/material/components/app-bar/EnableColorOnDarkAppBar.tsx.preview diff --git a/docs/src/pages/components/app-bar/HideAppBar.js b/docs/data/material/components/app-bar/HideAppBar.js similarity index 100% rename from docs/src/pages/components/app-bar/HideAppBar.js rename to docs/data/material/components/app-bar/HideAppBar.js diff --git a/docs/src/pages/components/app-bar/HideAppBar.tsx b/docs/data/material/components/app-bar/HideAppBar.tsx similarity index 100% rename from docs/src/pages/components/app-bar/HideAppBar.tsx rename to docs/data/material/components/app-bar/HideAppBar.tsx diff --git a/docs/src/pages/components/app-bar/MenuAppBar.js b/docs/data/material/components/app-bar/MenuAppBar.js similarity index 100% rename from docs/src/pages/components/app-bar/MenuAppBar.js rename to docs/data/material/components/app-bar/MenuAppBar.js diff --git a/docs/src/pages/components/app-bar/MenuAppBar.tsx b/docs/data/material/components/app-bar/MenuAppBar.tsx similarity index 100% rename from docs/src/pages/components/app-bar/MenuAppBar.tsx rename to docs/data/material/components/app-bar/MenuAppBar.tsx diff --git a/docs/src/pages/components/app-bar/PrimarySearchAppBar.js b/docs/data/material/components/app-bar/PrimarySearchAppBar.js similarity index 100% rename from docs/src/pages/components/app-bar/PrimarySearchAppBar.js rename to docs/data/material/components/app-bar/PrimarySearchAppBar.js diff --git a/docs/src/pages/components/app-bar/PrimarySearchAppBar.tsx b/docs/data/material/components/app-bar/PrimarySearchAppBar.tsx similarity index 100% rename from docs/src/pages/components/app-bar/PrimarySearchAppBar.tsx rename to docs/data/material/components/app-bar/PrimarySearchAppBar.tsx diff --git a/docs/src/pages/components/app-bar/ProminentAppBar.js b/docs/data/material/components/app-bar/ProminentAppBar.js similarity index 100% rename from docs/src/pages/components/app-bar/ProminentAppBar.js rename to docs/data/material/components/app-bar/ProminentAppBar.js diff --git a/docs/src/pages/components/app-bar/ProminentAppBar.tsx b/docs/data/material/components/app-bar/ProminentAppBar.tsx similarity index 100% rename from docs/src/pages/components/app-bar/ProminentAppBar.tsx rename to docs/data/material/components/app-bar/ProminentAppBar.tsx diff --git a/docs/src/pages/components/app-bar/ResponsiveAppBar.js b/docs/data/material/components/app-bar/ResponsiveAppBar.js similarity index 100% rename from docs/src/pages/components/app-bar/ResponsiveAppBar.js rename to docs/data/material/components/app-bar/ResponsiveAppBar.js diff --git a/docs/src/pages/components/app-bar/ResponsiveAppBar.tsx b/docs/data/material/components/app-bar/ResponsiveAppBar.tsx similarity index 100% rename from docs/src/pages/components/app-bar/ResponsiveAppBar.tsx rename to docs/data/material/components/app-bar/ResponsiveAppBar.tsx diff --git a/docs/src/pages/components/app-bar/SearchAppBar.js b/docs/data/material/components/app-bar/SearchAppBar.js similarity index 100% rename from docs/src/pages/components/app-bar/SearchAppBar.js rename to docs/data/material/components/app-bar/SearchAppBar.js diff --git a/docs/src/pages/components/app-bar/SearchAppBar.tsx b/docs/data/material/components/app-bar/SearchAppBar.tsx similarity index 100% rename from docs/src/pages/components/app-bar/SearchAppBar.tsx rename to docs/data/material/components/app-bar/SearchAppBar.tsx diff --git a/docs/src/pages/components/app-bar/app-bar-pt.md b/docs/data/material/components/app-bar/app-bar-pt.md similarity index 80% rename from docs/src/pages/components/app-bar/app-bar-pt.md rename to docs/data/material/components/app-bar/app-bar-pt.md index a64870d7af28e6..2aa26a32f487cc 100644 --- a/docs/src/pages/components/app-bar/app-bar-pt.md +++ b/docs/data/material/components/app-bar/app-bar-pt.md @@ -1,4 +1,5 @@ --- +product: material title: Componente Barra de Aplicativos para React components: AppBar, Toolbar, Menu githubLabel: 'component: app bar' @@ -17,41 +18,41 @@ Ela pode se transformar em uma barra de ações contextual ou ser utilizada como ## Barra de Aplicativos Simples -{{"demo": "pages/components/app-bar/ButtonAppBar.js", "bg": true}} +{{"demo": "ButtonAppBar.js", "bg": true}} ## Barra do site com menu -{{"demo": "pages/components/app-bar/MenuAppBar.js", "bg": true}} +{{"demo": "MenuAppBar.js", "bg": true}} ## Barra do site com menu responsivo -{{"demo": "pages/components/app-bar/ResponsiveAppBar.js", "bg": true}} +{{"demo": "ResponsiveAppBar.js", "bg": true}} ## Barra de Aplicativos com campo de busca Uma barra de pesquisa lateral -{{"demo": "pages/components/app-bar/SearchAppBar.js", "bg": true}} +{{"demo": "SearchAppBar.js", "bg": true}} ## Barra do site com um campo de busca principal Uma barra de pesquisa primária -{{"demo": "pages/components/app-bar/PrimarySearchAppBar.js", "bg": true}} +{{"demo": "PrimarySearchAppBar.js", "bg": true}} ## Densa (apenas para desktop) -{{"demo": "pages/components/app-bar/DenseAppBar.js", "bg": true}} +{{"demo": "DenseAppBar.js", "bg": true}} ## Proeminente A prominent app bar. -{{"demo": "pages/components/app-bar/ProminentAppBar.js", "bg": true}} +{{"demo": "ProminentAppBar.js", "bg": true}} ## Bottom App Bar -{{"demo": "pages/components/app-bar/BottomAppBar.js", "iframe": true, "maxWidth": 400}} +{{"demo": "BottomAppBar.js", "iframe": true, "maxWidth": 400}} ## Fixed placement @@ -96,19 +97,19 @@ You can use the `useScrollTrigger()` hook to respond to user scroll actions. The app bar hides on scroll down to leave more space for reading. -{{"demo": "pages/components/app-bar/HideAppBar.js", "iframe": true}} +{{"demo": "HideAppBar.js", "iframe": true}} ### Barra de aplicativos elevada The app bar elevates on scroll to communicate that the user is not at the top of the page. -{{"demo": "pages/components/app-bar/ElevateAppBar.js", "iframe": true}} +{{"demo": "ElevateAppBar.js", "iframe": true}} ### Voltar ao topo A floating action buttons appears on scroll to make it easy to get back to the top of the page. -{{"demo": "pages/components/app-bar/BackToTop.js", "iframe": true}} +{{"demo": "BackToTop.js", "iframe": true}} ### `useScrollTrigger([options]) => trigger` @@ -143,4 +144,4 @@ function HideOnScroll(props) { Following the [Material Design guidelines](https://material.io/design/color/dark-theme.html), the `color` prop has no effect on the appearance of the app bar in dark mode. You can override this behavior by setting the `enableColorOnDark` prop to `true`. -{{"demo": "pages/components/app-bar/EnableColorOnDarkAppBar.js", "bg": true}} +{{"demo": "EnableColorOnDarkAppBar.js", "bg": true}} diff --git a/docs/src/pages/components/app-bar/app-bar-zh.md b/docs/data/material/components/app-bar/app-bar-zh.md similarity index 77% rename from docs/src/pages/components/app-bar/app-bar-zh.md rename to docs/data/material/components/app-bar/app-bar-zh.md index e9f36963ac7da5..4b832b58837b65 100644 --- a/docs/src/pages/components/app-bar/app-bar-zh.md +++ b/docs/data/material/components/app-bar/app-bar-zh.md @@ -1,4 +1,5 @@ --- +product: material title: React App Bar（应用栏）组件 components: AppBar, Toolbar, Menu githubLabel: 'component: app bar' @@ -17,41 +18,41 @@ materialDesign: https://material.io/components/app-bars-top ## 简单的应用栏 -{{"demo": "pages/components/app-bar/ButtonAppBar.js", "bg": true}} +{{"demo": "ButtonAppBar.js", "bg": true}} ## 带有菜单的应用栏 -{{"demo": "pages/components/app-bar/MenuAppBar.js", "bg": true}} +{{"demo": "MenuAppBar.js", "bg": true}} ## 带有响应式菜单的应用栏 -{{"demo": "pages/components/app-bar/ResponsiveAppBar.js", "bg": true}} +{{"demo": "ResponsiveAppBar.js", "bg": true}} ## 带有搜索输入框的应用栏 侧边搜索栏。 -{{"demo": "pages/components/app-bar/SearchAppBar.js", "bg": true}} +{{"demo": "SearchAppBar.js", "bg": true}} ## 带有主要搜索输入框的应用栏 主要搜索栏。 -{{"demo": "pages/components/app-bar/PrimarySearchAppBar.js", "bg": true}} +{{"demo": "PrimarySearchAppBar.js", "bg": true}} ## 紧凑模式（仅限桌面模式） -{{"demo": "pages/components/app-bar/DenseAppBar.js", "bg": true}} +{{"demo": "DenseAppBar.js", "bg": true}} ## Prominent A prominent app bar. -{{"demo": "pages/components/app-bar/ProminentAppBar.js", "bg": true}} +{{"demo": "ProminentAppBar.js", "bg": true}} ## 底部应用栏 -{{"demo": "pages/components/app-bar/BottomAppBar.js", "iframe": true, "maxWidth": 400}} +{{"demo": "BottomAppBar.js", "iframe": true, "maxWidth": 400}} ## 固定位置 @@ -98,19 +99,19 @@ function App() { 向下滚动会隐藏应用栏，这样一来会留有更多的空间进行阅读。 -{{"demo": "pages/components/app-bar/HideAppBar.js", "iframe": true}} +{{"demo": "HideAppBar.js", "iframe": true}} ### 变高的应用栏 应用栏阴影会在滚动时加深，以表明用户还未到页面的顶部。 -{{"demo": "pages/components/app-bar/ElevateAppBar.js", "iframe": true}} +{{"demo": "ElevateAppBar.js", "iframe": true}} ### 回到顶部 在滚动的时候，会出现一个浮动操作按钮，这样以便于返回页面的顶部。 -{{"demo": "pages/components/app-bar/BackToTop.js", "iframe": true}} +{{"demo": "BackToTop.js", "iframe": true}} ### `useScrollTrigger([options]) => trigger` @@ -143,6 +144,6 @@ function HideOnScroll(props) { ## 在深色模式上启用颜色 -根据 [Material Design 规范](https://material.io/design/color/dark-theme.html)，`color` 属性在深色模式下对应用栏的外观没有影响。 您可以通过设置 ` enableColorOnDark ` 属性为 `true` 来覆盖此行为。 +根据 [Material Design 规范](https://material.io/design/color/dark-theme.html)，`color` 属性在深色模式下对应用栏的外观没有影响。 您可以通过设置 `enableColorOnDark` 属性为 `true` 来覆盖此行为。 -{{"demo": "pages/components/app-bar/EnableColorOnDarkAppBar.js", "bg": true}} +{{"demo": "EnableColorOnDarkAppBar.js", "bg": true}} diff --git a/docs/src/pages/components/app-bar/app-bar.md b/docs/data/material/components/app-bar/app-bar.md similarity index 79% rename from docs/src/pages/components/app-bar/app-bar.md rename to docs/data/material/components/app-bar/app-bar.md index 82a8f808589275..ea2b82ddb2f60a 100644 --- a/docs/src/pages/components/app-bar/app-bar.md +++ b/docs/data/material/components/app-bar/app-bar.md @@ -1,4 +1,5 @@ --- +product: material title: App Bar React component components: AppBar, Toolbar, Menu githubLabel: 'component: app bar' @@ -17,41 +18,41 @@ It can transform into a contextual action bar or be used as a navbar. ## Basic App Bar -{{"demo": "pages/components/app-bar/ButtonAppBar.js", "bg": true}} +{{"demo": "ButtonAppBar.js", "bg": true}} ## App Bar with menu -{{"demo": "pages/components/app-bar/MenuAppBar.js", "bg": true}} +{{"demo": "MenuAppBar.js", "bg": true}} ## App Bar with responsive menu -{{"demo": "pages/components/app-bar/ResponsiveAppBar.js", "bg": true}} +{{"demo": "ResponsiveAppBar.js", "bg": true}} ## App Bar with search field A side searchbar. -{{"demo": "pages/components/app-bar/SearchAppBar.js", "bg": true}} +{{"demo": "SearchAppBar.js", "bg": true}} ## App Bar with a primary search field A primary searchbar. -{{"demo": "pages/components/app-bar/PrimarySearchAppBar.js", "bg": true}} +{{"demo": "PrimarySearchAppBar.js", "bg": true}} ## Dense (desktop only) -{{"demo": "pages/components/app-bar/DenseAppBar.js", "bg": true}} +{{"demo": "DenseAppBar.js", "bg": true}} ## Prominent A prominent app bar. -{{"demo": "pages/components/app-bar/ProminentAppBar.js", "bg": true}} +{{"demo": "ProminentAppBar.js", "bg": true}} ## Bottom App Bar -{{"demo": "pages/components/app-bar/BottomAppBar.js", "iframe": true, "maxWidth": 400}} +{{"demo": "BottomAppBar.js", "iframe": true, "maxWidth": 400}} ## Fixed placement @@ -98,19 +99,19 @@ You can use the `useScrollTrigger()` hook to respond to user scroll actions. The app bar hides on scroll down to leave more space for reading. -{{"demo": "pages/components/app-bar/HideAppBar.js", "iframe": true}} +{{"demo": "HideAppBar.js", "iframe": true}} ### Elevate App Bar The app bar elevates on scroll to communicate that the user is not at the top of the page. -{{"demo": "pages/components/app-bar/ElevateAppBar.js", "iframe": true}} +{{"demo": "ElevateAppBar.js", "iframe": true}} ### Back to top A floating action buttons appears on scroll to make it easy to get back to the top of the page. -{{"demo": "pages/components/app-bar/BackToTop.js", "iframe": true}} +{{"demo": "BackToTop.js", "iframe": true}} ### `useScrollTrigger([options]) => trigger` @@ -146,4 +147,4 @@ function HideOnScroll(props) { Following the [Material Design guidelines](https://material.io/design/color/dark-theme.html), the `color` prop has no effect on the appearance of the app bar in dark mode. You can override this behavior by setting the `enableColorOnDark` prop to `true`. -{{"demo": "pages/components/app-bar/EnableColorOnDarkAppBar.js", "bg": true}} +{{"demo": "EnableColorOnDarkAppBar.js", "bg": true}} diff --git a/docs/src/pages/components/autocomplete/Asynchronous.js b/docs/data/material/components/autocomplete/Asynchronous.js similarity index 100% rename from docs/src/pages/components/autocomplete/Asynchronous.js rename to docs/data/material/components/autocomplete/Asynchronous.js diff --git a/docs/src/pages/components/autocomplete/Asynchronous.tsx b/docs/data/material/components/autocomplete/Asynchronous.tsx similarity index 100% rename from docs/src/pages/components/autocomplete/Asynchronous.tsx rename to docs/data/material/components/autocomplete/Asynchronous.tsx diff --git a/docs/src/pages/components/autocomplete/CheckboxesTags.js b/docs/data/material/components/autocomplete/CheckboxesTags.js similarity index 100% rename from docs/src/pages/components/autocomplete/CheckboxesTags.js rename to docs/data/material/components/autocomplete/CheckboxesTags.js diff --git a/docs/src/pages/components/autocomplete/CheckboxesTags.tsx b/docs/data/material/components/autocomplete/CheckboxesTags.tsx similarity index 100% rename from docs/src/pages/components/autocomplete/CheckboxesTags.tsx rename to docs/data/material/components/autocomplete/CheckboxesTags.tsx diff --git a/docs/src/pages/components/autocomplete/ComboBox.js b/docs/data/material/components/autocomplete/ComboBox.js similarity index 100% rename from docs/src/pages/components/autocomplete/ComboBox.js rename to docs/data/material/components/autocomplete/ComboBox.js diff --git a/docs/src/pages/components/autocomplete/ComboBox.tsx b/docs/data/material/components/autocomplete/ComboBox.tsx similarity index 100% rename from docs/src/pages/components/autocomplete/ComboBox.tsx rename to docs/data/material/components/autocomplete/ComboBox.tsx diff --git a/docs/src/pages/components/autocomplete/ComboBox.tsx.preview b/docs/data/material/components/autocomplete/ComboBox.tsx.preview similarity index 100% rename from docs/src/pages/components/autocomplete/ComboBox.tsx.preview rename to docs/data/material/components/autocomplete/ComboBox.tsx.preview diff --git a/docs/src/pages/components/autocomplete/ControllableStates.js b/docs/data/material/components/autocomplete/ControllableStates.js similarity index 100% rename from docs/src/pages/components/autocomplete/ControllableStates.js rename to docs/data/material/components/autocomplete/ControllableStates.js diff --git a/docs/src/pages/components/autocomplete/ControllableStates.tsx b/docs/data/material/components/autocomplete/ControllableStates.tsx similarity index 100% rename from docs/src/pages/components/autocomplete/ControllableStates.tsx rename to docs/data/material/components/autocomplete/ControllableStates.tsx diff --git a/docs/src/pages/components/autocomplete/CountrySelect.js b/docs/data/material/components/autocomplete/CountrySelect.js similarity index 100% rename from docs/src/pages/components/autocomplete/CountrySelect.js rename to docs/data/material/components/autocomplete/CountrySelect.js diff --git a/docs/src/pages/components/autocomplete/CountrySelect.tsx b/docs/data/material/components/autocomplete/CountrySelect.tsx similarity index 100% rename from docs/src/pages/components/autocomplete/CountrySelect.tsx rename to docs/data/material/components/autocomplete/CountrySelect.tsx diff --git a/docs/src/pages/components/autocomplete/CustomInputAutocomplete.js b/docs/data/material/components/autocomplete/CustomInputAutocomplete.js similarity index 100% rename from docs/src/pages/components/autocomplete/CustomInputAutocomplete.js rename to docs/data/material/components/autocomplete/CustomInputAutocomplete.js diff --git a/docs/src/pages/components/autocomplete/CustomInputAutocomplete.tsx b/docs/data/material/components/autocomplete/CustomInputAutocomplete.tsx similarity index 100% rename from docs/src/pages/components/autocomplete/CustomInputAutocomplete.tsx rename to docs/data/material/components/autocomplete/CustomInputAutocomplete.tsx diff --git a/docs/src/pages/components/autocomplete/CustomizedHook.js b/docs/data/material/components/autocomplete/CustomizedHook.js similarity index 100% rename from docs/src/pages/components/autocomplete/CustomizedHook.js rename to docs/data/material/components/autocomplete/CustomizedHook.js diff --git a/docs/src/pages/components/autocomplete/CustomizedHook.tsx b/docs/data/material/components/autocomplete/CustomizedHook.tsx similarity index 100% rename from docs/src/pages/components/autocomplete/CustomizedHook.tsx rename to docs/data/material/components/autocomplete/CustomizedHook.tsx diff --git a/docs/src/pages/components/autocomplete/DisabledOptions.js b/docs/data/material/components/autocomplete/DisabledOptions.js similarity index 100% rename from docs/src/pages/components/autocomplete/DisabledOptions.js rename to docs/data/material/components/autocomplete/DisabledOptions.js diff --git a/docs/src/pages/components/autocomplete/DisabledOptions.tsx b/docs/data/material/components/autocomplete/DisabledOptions.tsx similarity index 100% rename from docs/src/pages/components/autocomplete/DisabledOptions.tsx rename to docs/data/material/components/autocomplete/DisabledOptions.tsx diff --git a/docs/src/pages/components/autocomplete/DisabledOptions.tsx.preview b/docs/data/material/components/autocomplete/DisabledOptions.tsx.preview similarity index 100% rename from docs/src/pages/components/autocomplete/DisabledOptions.tsx.preview rename to docs/data/material/components/autocomplete/DisabledOptions.tsx.preview diff --git a/docs/src/pages/components/autocomplete/Filter.js b/docs/data/material/components/autocomplete/Filter.js similarity index 100% rename from docs/src/pages/components/autocomplete/Filter.js rename to docs/data/material/components/autocomplete/Filter.js diff --git a/docs/src/pages/components/autocomplete/Filter.tsx b/docs/data/material/components/autocomplete/Filter.tsx similarity index 100% rename from docs/src/pages/components/autocomplete/Filter.tsx rename to docs/data/material/components/autocomplete/Filter.tsx diff --git a/docs/src/pages/components/autocomplete/Filter.tsx.preview b/docs/data/material/components/autocomplete/Filter.tsx.preview similarity index 100% rename from docs/src/pages/components/autocomplete/Filter.tsx.preview rename to docs/data/material/components/autocomplete/Filter.tsx.preview diff --git a/docs/src/pages/components/autocomplete/FixedTags.js b/docs/data/material/components/autocomplete/FixedTags.js similarity index 100% rename from docs/src/pages/components/autocomplete/FixedTags.js rename to docs/data/material/components/autocomplete/FixedTags.js diff --git a/docs/src/pages/components/autocomplete/FixedTags.tsx b/docs/data/material/components/autocomplete/FixedTags.tsx similarity index 100% rename from docs/src/pages/components/autocomplete/FixedTags.tsx rename to docs/data/material/components/autocomplete/FixedTags.tsx diff --git a/docs/src/pages/components/autocomplete/FreeSolo.js b/docs/data/material/components/autocomplete/FreeSolo.js similarity index 100% rename from docs/src/pages/components/autocomplete/FreeSolo.js rename to docs/data/material/components/autocomplete/FreeSolo.js diff --git a/docs/src/pages/components/autocomplete/FreeSolo.tsx b/docs/data/material/components/autocomplete/FreeSolo.tsx similarity index 100% rename from docs/src/pages/components/autocomplete/FreeSolo.tsx rename to docs/data/material/components/autocomplete/FreeSolo.tsx diff --git a/docs/src/pages/components/autocomplete/FreeSoloCreateOption.js b/docs/data/material/components/autocomplete/FreeSoloCreateOption.js similarity index 100% rename from docs/src/pages/components/autocomplete/FreeSoloCreateOption.js rename to docs/data/material/components/autocomplete/FreeSoloCreateOption.js diff --git a/docs/src/pages/components/autocomplete/FreeSoloCreateOption.tsx b/docs/data/material/components/autocomplete/FreeSoloCreateOption.tsx similarity index 100% rename from docs/src/pages/components/autocomplete/FreeSoloCreateOption.tsx rename to docs/data/material/components/autocomplete/FreeSoloCreateOption.tsx diff --git a/docs/src/pages/components/autocomplete/FreeSoloCreateOptionDialog.js b/docs/data/material/components/autocomplete/FreeSoloCreateOptionDialog.js similarity index 100% rename from docs/src/pages/components/autocomplete/FreeSoloCreateOptionDialog.js rename to docs/data/material/components/autocomplete/FreeSoloCreateOptionDialog.js diff --git a/docs/src/pages/components/autocomplete/FreeSoloCreateOptionDialog.tsx b/docs/data/material/components/autocomplete/FreeSoloCreateOptionDialog.tsx similarity index 100% rename from docs/src/pages/components/autocomplete/FreeSoloCreateOptionDialog.tsx rename to docs/data/material/components/autocomplete/FreeSoloCreateOptionDialog.tsx diff --git a/docs/src/pages/components/autocomplete/GitHubLabel.js b/docs/data/material/components/autocomplete/GitHubLabel.js similarity index 100% rename from docs/src/pages/components/autocomplete/GitHubLabel.js rename to docs/data/material/components/autocomplete/GitHubLabel.js diff --git a/docs/src/pages/components/autocomplete/GitHubLabel.tsx b/docs/data/material/components/autocomplete/GitHubLabel.tsx similarity index 100% rename from docs/src/pages/components/autocomplete/GitHubLabel.tsx rename to docs/data/material/components/autocomplete/GitHubLabel.tsx diff --git a/docs/src/pages/components/autocomplete/GoogleMaps.js b/docs/data/material/components/autocomplete/GoogleMaps.js similarity index 100% rename from docs/src/pages/components/autocomplete/GoogleMaps.js rename to docs/data/material/components/autocomplete/GoogleMaps.js diff --git a/docs/src/pages/components/autocomplete/GoogleMaps.tsx b/docs/data/material/components/autocomplete/GoogleMaps.tsx similarity index 100% rename from docs/src/pages/components/autocomplete/GoogleMaps.tsx rename to docs/data/material/components/autocomplete/GoogleMaps.tsx diff --git a/docs/src/pages/components/autocomplete/Grouped.js b/docs/data/material/components/autocomplete/Grouped.js similarity index 100% rename from docs/src/pages/components/autocomplete/Grouped.js rename to docs/data/material/components/autocomplete/Grouped.js diff --git a/docs/src/pages/components/autocomplete/Grouped.tsx b/docs/data/material/components/autocomplete/Grouped.tsx similarity index 100% rename from docs/src/pages/components/autocomplete/Grouped.tsx rename to docs/data/material/components/autocomplete/Grouped.tsx diff --git a/docs/src/pages/components/autocomplete/Grouped.tsx.preview b/docs/data/material/components/autocomplete/Grouped.tsx.preview similarity index 100% rename from docs/src/pages/components/autocomplete/Grouped.tsx.preview rename to docs/data/material/components/autocomplete/Grouped.tsx.preview diff --git a/docs/src/pages/components/autocomplete/Highlights.js b/docs/data/material/components/autocomplete/Highlights.js similarity index 100% rename from docs/src/pages/components/autocomplete/Highlights.js rename to docs/data/material/components/autocomplete/Highlights.js diff --git a/docs/src/pages/components/autocomplete/Highlights.tsx b/docs/data/material/components/autocomplete/Highlights.tsx similarity index 100% rename from docs/src/pages/components/autocomplete/Highlights.tsx rename to docs/data/material/components/autocomplete/Highlights.tsx diff --git a/docs/src/pages/components/autocomplete/LimitTags.js b/docs/data/material/components/autocomplete/LimitTags.js similarity index 100% rename from docs/src/pages/components/autocomplete/LimitTags.js rename to docs/data/material/components/autocomplete/LimitTags.js diff --git a/docs/src/pages/components/autocomplete/LimitTags.tsx b/docs/data/material/components/autocomplete/LimitTags.tsx similarity index 100% rename from docs/src/pages/components/autocomplete/LimitTags.tsx rename to docs/data/material/components/autocomplete/LimitTags.tsx diff --git a/docs/src/pages/components/autocomplete/LimitTags.tsx.preview b/docs/data/material/components/autocomplete/LimitTags.tsx.preview similarity index 100% rename from docs/src/pages/components/autocomplete/LimitTags.tsx.preview rename to docs/data/material/components/autocomplete/LimitTags.tsx.preview diff --git a/docs/src/pages/components/autocomplete/Playground.js b/docs/data/material/components/autocomplete/Playground.js similarity index 100% rename from docs/src/pages/components/autocomplete/Playground.js rename to docs/data/material/components/autocomplete/Playground.js diff --git a/docs/src/pages/components/autocomplete/Playground.tsx b/docs/data/material/components/autocomplete/Playground.tsx similarity index 100% rename from docs/src/pages/components/autocomplete/Playground.tsx rename to docs/data/material/components/autocomplete/Playground.tsx diff --git a/docs/src/pages/components/autocomplete/Sizes.js b/docs/data/material/components/autocomplete/Sizes.js similarity index 100% rename from docs/src/pages/components/autocomplete/Sizes.js rename to docs/data/material/components/autocomplete/Sizes.js diff --git a/docs/src/pages/components/autocomplete/Sizes.tsx b/docs/data/material/components/autocomplete/Sizes.tsx similarity index 100% rename from docs/src/pages/components/autocomplete/Sizes.tsx rename to docs/data/material/components/autocomplete/Sizes.tsx diff --git a/docs/src/pages/components/autocomplete/Tags.js b/docs/data/material/components/autocomplete/Tags.js similarity index 100% rename from docs/src/pages/components/autocomplete/Tags.js rename to docs/data/material/components/autocomplete/Tags.js diff --git a/docs/src/pages/components/autocomplete/Tags.tsx b/docs/data/material/components/autocomplete/Tags.tsx similarity index 100% rename from docs/src/pages/components/autocomplete/Tags.tsx rename to docs/data/material/components/autocomplete/Tags.tsx diff --git a/docs/src/pages/components/autocomplete/UseAutocomplete.js b/docs/data/material/components/autocomplete/UseAutocomplete.js similarity index 100% rename from docs/src/pages/components/autocomplete/UseAutocomplete.js rename to docs/data/material/components/autocomplete/UseAutocomplete.js diff --git a/docs/src/pages/components/autocomplete/UseAutocomplete.tsx b/docs/data/material/components/autocomplete/UseAutocomplete.tsx similarity index 100% rename from docs/src/pages/components/autocomplete/UseAutocomplete.tsx rename to docs/data/material/components/autocomplete/UseAutocomplete.tsx diff --git a/docs/src/pages/components/autocomplete/UseAutocomplete.tsx.preview b/docs/data/material/components/autocomplete/UseAutocomplete.tsx.preview similarity index 100% rename from docs/src/pages/components/autocomplete/UseAutocomplete.tsx.preview rename to docs/data/material/components/autocomplete/UseAutocomplete.tsx.preview diff --git a/docs/src/pages/components/autocomplete/Virtualize.js b/docs/data/material/components/autocomplete/Virtualize.js similarity index 100% rename from docs/src/pages/components/autocomplete/Virtualize.js rename to docs/data/material/components/autocomplete/Virtualize.js diff --git a/docs/src/pages/components/autocomplete/Virtualize.tsx b/docs/data/material/components/autocomplete/Virtualize.tsx similarity index 100% rename from docs/src/pages/components/autocomplete/Virtualize.tsx rename to docs/data/material/components/autocomplete/Virtualize.tsx diff --git a/docs/src/pages/components/autocomplete/Virtualize.tsx.preview b/docs/data/material/components/autocomplete/Virtualize.tsx.preview similarity index 100% rename from docs/src/pages/components/autocomplete/Virtualize.tsx.preview rename to docs/data/material/components/autocomplete/Virtualize.tsx.preview diff --git a/docs/src/pages/components/autocomplete/autocomplete-pt.md b/docs/data/material/components/autocomplete/autocomplete-pt.md similarity index 87% rename from docs/src/pages/components/autocomplete/autocomplete-pt.md rename to docs/data/material/components/autocomplete/autocomplete-pt.md index 833201adc0c5ba..04219bc79df763 100644 --- a/docs/src/pages/components/autocomplete/autocomplete-pt.md +++ b/docs/data/material/components/autocomplete/autocomplete-pt.md @@ -1,4 +1,5 @@ --- +product: material title: Componente React para Autocompletar components: TextField, Popper, Autocomplete githubLabel: 'component: autocomplete' @@ -22,7 +23,7 @@ A ideia dessa ferramenta é ser uma versão melhorada das bibliotecas "react-sel O valor deve ser escolhido a partir de um conjunto predefinido de valores permitidos. -{{"demo": "pages/components/autocomplete/ComboBox.js"}} +{{"demo": "ComboBox.js"}} ### Estrutura de opções @@ -53,13 +54,13 @@ No entanto, você pode usar estruturas diferentes fornecendo a propriedade `getO Cada um dos exemplos a seguir demonstra uma funcionalidade do componente Autocomplete. -{{"demo": "pages/components/autocomplete/Playground.js"}} +{{"demo": "Playground.js"}} ### Seleção de países Escolha um dos 248 países. -{{"demo": "pages/components/autocomplete/CountrySelect.js"}} +{{"demo": "CountrySelect.js"}} ### Estados controlados @@ -70,7 +71,7 @@ O componente tem dois estados que podem ser controlados: > ⚠️Esses dois estados são isolados e devem ser controlados de forma independente. -{{"demo": "pages/components/autocomplete/ControllableStates.js"}} +{{"demo": "ControllableStates.js"}} ## Free solo @@ -80,7 +81,7 @@ Coloque `freeSolo` como true para que o campo de texto contenha qualquer valor a A propriedade é projetada para cobrir o principal caso de uso de uma **caixa de pesquisa** com sugestões, por exemplo, pesquisa do Google ou react-autowhatever. -{{"demo": "pages/components/autocomplete/FreeSolo.js"}} +{{"demo": "FreeSolo.js"}} ### Creatable @@ -91,21 +92,21 @@ Se você pretende usar este modo para uma [caixa de combinação](#combo-box), p - `handleHomeEndKeys` para mover o foco dentro do popup com as teclas Home e End. - Adicione uma última opção para indicar a possibilidade de adição, por exemplo `Adicionar "SUA PESQUISA"`. -{{"demo": "pages/components/autocomplete/FreeSoloCreateOption.js"}} +{{"demo": "FreeSoloCreateOption.js"}} Você pode também exibir um diálogo quando o usuário quiser adicionar um novo valor. -{{"demo": "pages/components/autocomplete/FreeSoloCreateOptionDialog.js"}} +{{"demo": "FreeSoloCreateOptionDialog.js"}} ## Agrupamento Você pode agrupar as opções com a propriedade `groupBy`. Se você fizer isso, certifique-se de que as opções também estejam classificadas com a mesma dimensão que serão agrupadas, caso contrário, você notará cabeçalhos duplicados. -{{"demo": "pages/components/autocomplete/Grouped.js"}} +{{"demo": "Grouped.js"}} ## Opções desabilitadas -{{"demo": "pages/components/autocomplete/DisabledOptions.js"}} +{{"demo": "DisabledOptions.js"}} ## `useAutocomplete` @@ -123,11 +124,11 @@ import { createFilterOptions } from '@material-ui/core/Autocomplete'; - 📦 [4.5 kB gzipado](/size-snapshot). -{{"demo": "pages/components/autocomplete/UseAutocomplete.js", "defaultCodeOpen": false}} +{{"demo": "UseAutocomplete.js", "defaultCodeOpen": false}} ### Hook customizado -{{"demo": "pages/components/autocomplete/CustomizedHook.js"}} +{{"demo": "CustomizedHook.js"}} Vá para a seção [customização](#customization) para um exemplo com o componente `Autocomplete` em vez do hook. @@ -142,7 +143,7 @@ O componente suporta dois cenários de uso assíncrono diferentes: Exibe um estado de progresso enquanto a requisição de rede estiver pendente. -{{"demo": "pages/components/autocomplete/Asynchronous.js"}} +{{"demo": "Asynchronous.js"}} ### Pesquisar enquanto digita @@ -158,7 +159,7 @@ Uma customização de UI para o autocompletar de lugares do Google Maps. Uma customização de UI para o autocompletar de lugares do Google Maps. -{{"demo": "pages/components/autocomplete/GoogleMaps.js"}} +{{"demo": "GoogleMaps.js"}} Para esse exemplo, nós precisamos carregar a API de Javascript do [Google Maps](https://developers.google.com/maps/documentation/javascript/tutorial). @@ -168,29 +169,29 @@ Para esse exemplo, nós precisamos carregar a API de Javascript do [Google Maps] Também conhecidos como tags, o usuário pode inserir mais de um valor. -{{"demo": "pages/components/autocomplete/Tags.js"}} +{{"demo": "Tags.js"}} ### Opções fixas Em ocasiões que você necessite travar certa tag para que não possa ser removida da interface, você pode defini-la como desabilitada. -{{"demo": "pages/components/autocomplete/FixedTags.js"}} +{{"demo": "FixedTags.js"}} ### Caixas de seleção -{{"demo": "pages/components/autocomplete/CheckboxesTags.js"}} +{{"demo": "CheckboxesTags.js"}} ### Limitar tags Você pode usar a propriedade `limitTags` para limitrar o número de opções exibidas quando o componente não estiver com o foco. -{{"demo": "pages/components/autocomplete/LimitTags.js"}} +{{"demo": "LimitTags.js"}} ## Tamanhos Gosta mais de campos de texto menores? Use a propriedade `size`. -{{"demo": "pages/components/autocomplete/Sizes.js"}} +{{"demo": "Sizes.js"}} ## Customização @@ -198,13 +199,13 @@ Gosta mais de campos de texto menores? Use a propriedade `size`. A propriedade `renderInput` permite que você customize o input renderizado. O primeiro argumento desta propriedade de render, contém propriedades que você precisa encaminhar. Preste atenção específicamente nas chaves `ref` e `inputProps`. -{{"demo": "pages/components/autocomplete/CustomInputAutocomplete.js"}} +{{"demo": "CustomInputAutocomplete.js"}} ### Seletor do GitHub Esta demonstração reproduz o rótulo de seleção do GitHub's: -{{"demo": "pages/components/autocomplete/GitHubLabel.js"}} +{{"demo": "GitHubLabel.js"}} Va para a seção [Hook customizado](#customized-hook) para um exemplo com o uso do hook customizado `useAutocomplete` ao invés do componente. @@ -212,7 +213,7 @@ Va para a seção [Hook customizado](#customized-hook) para um exemplo com o uso A demonstração a seguir dependem do [autosuggest-highlight](https://github.com/moroshko/autosuggest-highlight), um utilitário pequeno (1 kB) para realçar textos nos componentes autosuggest e autocomplete. -{{"demo": "pages/components/autocomplete/Highlights.js"}} +{{"demo": "Highlights.js"}} ## Filtro customizado @@ -233,10 +234,10 @@ const filterOptions = (options, { inputValue }) => matchSorter(options, inputVal 1. `config` (_object_ [opcional]): - `config.ignoreAccents` (_bool_ [optional]): Padrão como `verdadeiro`. Remover sinais diacríticos. -- `config.ignoreCase` (*boolean* [optional]): Padrão como `verdadeiro`. Minúsculas em tudo. -- `config.limit` (*number* [opcional]): Padrão null. Limitar o número de opções sugeridas a serem exibidas. Por exemplo, se `config.limit` é `100`, somente as primeiras `100` opções correspondentes são exibidas. Isto pode ser útil se um monte corresponderem e a virtualização não estiver configurada. +- `config.ignoreCase` (_boolean_ [optional]): Padrão como `verdadeiro`. Minúsculas em tudo. +- `config.limit` (_number_ [opcional]): Padrão null. Limitar o número de opções sugeridas a serem exibidas. Por exemplo, se `config.limit` é `100`, somente as primeiras `100` opções correspondentes são exibidas. Isto pode ser útil se um monte corresponderem e a virtualização não estiver configurada. - `config.matchFrom` (_'any' | 'start'_ [opcional]): Padrão `'any'`. -- `config.stringify` (*func* [opcional]): Controla a forma como a opção é convertida em texto, dessa forma pode ser comparada com qualquer fragmento de texto. +- `config.stringify` (_func_ [opcional]): Controla a forma como a opção é convertida em texto, dessa forma pode ser comparada com qualquer fragmento de texto. - `config.trim` (_bool_ [opcional]): Padrão `false`. Remover espaços ao fim. #### Retornos @@ -254,7 +255,7 @@ const filterOptions = createFilterOptions({ ; ``` -{{"demo": "pages/components/autocomplete/Filter.js", "defaultCodeOpen": false}} +{{"demo": "Filter.js", "defaultCodeOpen": false}} ### Avançado @@ -272,7 +273,7 @@ const filterOptions = (options, { inputValue }) => matchSorter(options, inputVal Pesquise dentro de 10.000 opções geradas aleatoriamente. A lista é virtualizada graças a [react-window](https://github.com/bvaughn/react-window). -{{"demo": "pages/components/autocomplete/Virtualize.js"}} +{{"demo": "Virtualize.js"}} ## Eventos diff --git a/docs/src/pages/components/autocomplete/autocomplete-zh.md b/docs/data/material/components/autocomplete/autocomplete-zh.md similarity index 83% rename from docs/src/pages/components/autocomplete/autocomplete-zh.md rename to docs/data/material/components/autocomplete/autocomplete-zh.md index 8d6cd8e81687a1..6930c0a1e460d3 100644 --- a/docs/src/pages/components/autocomplete/autocomplete-zh.md +++ b/docs/data/material/components/autocomplete/autocomplete-zh.md @@ -1,4 +1,5 @@ --- +product: material title: React Autocomplete（自动补全）组件 components: TextField, Popper, Autocomplete githubLabel: 'component: autocomplete' @@ -22,7 +23,7 @@ waiAria: 'https://www.w3.org/TR/wai-aria-practices/#combobox' 必须取值于一个预设的可选数据源。 -{{"demo": "pages/components/autocomplete/ComboBox.js"}} +{{"demo": "ComboBox.js"}} ### 选项结构 @@ -53,13 +54,13 @@ const options = ['The Godfather', 'Pulp Fiction']; 下面的每个示例都是自动完成组件的一个功能点的演示。 -{{"demo": "pages/components/autocomplete/Playground.js"}} +{{"demo": "Playground.js"}} ### 选择一个国家 -从248个国家中选择一个。 +从 248 个国家中选择一个。 -{{"demo": "pages/components/autocomplete/CountrySelect.js"}} +{{"demo": "CountrySelect.js"}} ### 可控的状态 @@ -70,7 +71,7 @@ const options = ['The Godfather', 'Pulp Fiction']; > ⚠️ 以上两种状态互不干涉，它们应该被单独控制着。 -{{"demo": "pages/components/autocomplete/ControllableStates.js"}} +{{"demo": "ControllableStates.js"}} ## 任意输入 @@ -80,7 +81,7 @@ const options = ['The Godfather', 'Pulp Fiction']; 该属性的主要使用方式是创建一个带有搜索建议的 **输入文本框**，例如 Google 搜索 或 react-autowhatever。 -{{"demo": "pages/components/autocomplete/FreeSolo.js"}} +{{"demo": "FreeSolo.js"}} ### 自由创造 @@ -91,21 +92,21 @@ const options = ['The Godfather', 'Pulp Fiction']; - `handleHomeEndKeys` 使用Home 和 End 键在弹出窗口内移动焦点。 - 最后一个选项，例如 `加上 "你的搜索结果"`。 -{{"demo": "pages/components/autocomplete/FreeSoloCreateOption.js"}} +{{"demo": "FreeSoloCreateOption.js"}} 您也可以在用户想要加入一个新值的时候显示一个对话框。 -{{"demo": "pages/components/autocomplete/FreeSoloCreateOptionDialog.js"}} +{{"demo": "FreeSoloCreateOptionDialog.js"}} ## 分组 你可以使用 `groupBy` 属性对选项进行分组。 如果你要这样做，请先确保选项也按照它们分组的相同维度进行排序， 否则你将会注意到重复的标题。 -{{"demo": "pages/components/autocomplete/Grouped.js"}} +{{"demo": "Grouped.js"}} ## 禁用选项 -{{"demo": "pages/components/autocomplete/DisabledOptions.js"}} +{{"demo": "DisabledOptions.js"}} ## `useAutocomplete` @@ -121,13 +122,13 @@ import { useAutocomplete } from '@mui/base/AutocompleteUnstyled'; import { createFilterOptions } from '@material-ui/core/Autocomplete'; ``` -- 📦 [4.5kB 的压缩包](/size-snapshot)。 +- 📦 [4.5kB 的压缩包](/size-snapshot)。 -{{"demo": "pages/components/autocomplete/UseAutocomplete.js", "defaultCodeOpen": false}} +{{"demo": "UseAutocomplete.js", "defaultCodeOpen": false}} ### 自定义的 hook -{{"demo": "pages/components/autocomplete/CustomizedHook.js"}} +{{"demo": "CustomizedHook.js"}} 前往 [自定义](#customization) 章节，来查看如何使用 `自从完成` 组件来代替该 hook。 @@ -142,7 +143,7 @@ import { createFilterOptions } from '@material-ui/core/Autocomplete'; 只要正在处理网络请求，它就会显示一个进度状态。 -{{"demo": "pages/components/autocomplete/Asynchronous.js"}} +{{"demo": "Asynchronous.js"}} ### 当你键入内容时进行搜索 @@ -158,39 +159,39 @@ import { createFilterOptions } from '@material-ui/core/Autocomplete'; 一个自定义 UI 来配合 Google 地图位置的自动完成功能。 -{{"demo": "pages/components/autocomplete/GoogleMaps.js"}} +{{"demo": "GoogleMaps.js"}} 在这个演示中，我们需要加载 [Google Maps JavaScript](https://developers.google.com/maps/documentation/javascript/tutorial) API。 -> ⚠️在你开始使用 Google Maps JavaScript API 之前，你必须注册并且创建一个可支付的账户。 +> ⚠️ 在你开始使用 Google Maps JavaScript API 之前，你必须注册并且创建一个可支付的账户。 ## 多个输入值 当然您也可以将其作为标签，这样用户就可以输入更多的值。 -{{"demo": "pages/components/autocomplete/Tags.js"}} +{{"demo": "Tags.js"}} ### 固定的选项 有时候您需要锁定某个标签，这样他们不会被从界面中移除，那么这时您可以将 chips 设置为禁用来达到这个目的。 -{{"demo": "pages/components/autocomplete/FixedTags.js"}} +{{"demo": "FixedTags.js"}} ### 复选框 -{{"demo": "pages/components/autocomplete/CheckboxesTags.js"}} +{{"demo": "CheckboxesTags.js"}} ### 限制标签数量 当没有聚焦时，你可以使用 `limitTags` 属性来限制显示选项的数量。 -{{"demo": "pages/components/autocomplete/LimitTags.js"}} +{{"demo": "LimitTags.js"}} ## 尺寸 想要使用外观看起来比较小的输入框吗？ 试着使用 `size` 属性吧。 -{{"demo": "pages/components/autocomplete/Sizes.js"}} +{{"demo": "Sizes.js"}} ## 个性化 @@ -198,21 +199,21 @@ import { createFilterOptions } from '@material-ui/core/Autocomplete'; 使用 `renderInput` 属性，您可以对输入内容进行自定义渲染。 此 render 属性的第一个参数包含了您想要传递的那些属性。 请特别注意 `ref` 和 `inputProps` 。 -{{"demo": "pages/components/autocomplete/CustomInputAutocomplete.js"}} +{{"demo": "CustomInputAutocomplete.js"}} ### GitHub 标签选择器 该演示再现了 GitHub 的标签选择器： -{{"demo": "pages/components/autocomplete/GitHubLabel.js"}} +{{"demo": "GitHubLabel.js"}} -在该示例中使用 `useAutocomplete` hook 而不是组件，您也可以查看 [Customized hook](#customized-hook) 部分来了解自定义示例。 +在该示例中使用 `useAutocomplete` hook 而不是组件，您也可以查看 [Customized hook](#customized-hook) 部分来了解自定义示例。 ## 高亮显示 下面的演示依赖于 [autosuggest-highlight](https://github.com/moroshko/autosuggest-highlight)，这是极小的 (1 kB) 工具集，它用于突出显示自动建议和自动完成组件中的文本。 -{{"demo": "pages/components/autocomplete/Highlights.js"}} +{{"demo": "Highlights.js"}} ## 自定义筛选 @@ -232,11 +233,11 @@ const filterOptions = (options, { inputValue }) => matchSorter(options, inputVal 1. `config` (_object_ [optional]): -- `config.ignoreAccents` (_bool_ [optional])：默认为 `true`。 移除字母的变音符号。 +- `config.ignoreAccents` (_bool_ [optional])：默认为 `true`。 移除字母的变音符号。 - `config.ignoreCase` (_bool_ [optional])：默认为 `true`。 所有字母都小写。 -- `config.limit` (*number* [optional]): 默认值为 null。 显示限定数量的建议选项。 例如，如果 `config.limit` 是 `100`,，那么只显示前 `100 个` 匹配的选项。 如果存在很多选项匹配，并且虚拟化设置还没建立成时，这样的限制是非常有效的。 +- `config.limit` (_number_ [optional]): 默认值为 null。 显示限定数量的建议选项。 例如，如果 `config.limit` 是 `100`,，那么只显示前 `100 个` 匹配的选项。 如果存在很多选项匹配，并且虚拟化设置还没建立成时，这样的限制是非常有效的。 - `config.matchFrom` (_'any' | 'start'_ [optional]): 默认值为 `'any'`。 -- `config.stringify` (*func* [optional]): 控制如何将一个选项转换成一个字符串，这样，选项就能够和输入文本的片段相匹配。 +- `config.stringify` (_func_ [optional]): 控制如何将一个选项转换成一个字符串，这样，选项就能够和输入文本的片段相匹配。 - `config.trim` (_bool_ [optional])：默认为 `false`。 删除尾随空格。 #### 返回结果 @@ -254,7 +255,7 @@ const filterOptions = createFilterOptions({ ; ``` -{{"demo": "pages/components/autocomplete/Filter.js", "defaultCodeOpen": false}} +{{"demo": "Filter.js", "defaultCodeOpen": false}} ### 进阶使用 @@ -272,7 +273,7 @@ const filterOptions = (options, { inputValue }) => matchSorter(options, inputVal 在 10000 个随机生成的选项中搜索。 多亏了 [react-window](https://github.com/bvaughn/react-window)，这个列表得以实现虚拟滚动。 -{{"demo": "pages/components/autocomplete/Virtualize.js"}} +{{"demo": "Virtualize.js"}} ## 事件 diff --git a/docs/src/pages/components/autocomplete/autocomplete.md b/docs/data/material/components/autocomplete/autocomplete.md similarity index 88% rename from docs/src/pages/components/autocomplete/autocomplete.md rename to docs/data/material/components/autocomplete/autocomplete.md index c2cc2b80a6c35a..23d85cf6fa4854 100644 --- a/docs/src/pages/components/autocomplete/autocomplete.md +++ b/docs/data/material/components/autocomplete/autocomplete.md @@ -1,4 +1,5 @@ --- +product: material title: React Autocomplete component components: TextField, Popper, Autocomplete githubLabel: 'component: autocomplete' @@ -22,7 +23,7 @@ It's meant to be an improved version of the "react-select" and "downshift" packa The value must be chosen from a predefined set of allowed values. -{{"demo": "pages/components/autocomplete/ComboBox.js"}} +{{"demo": "ComboBox.js"}} ### Options structure @@ -53,13 +54,13 @@ However, you can use different structures by providing a `getOptionLabel` prop. Each of the following examples demonstrates one feature of the Autocomplete component. -{{"demo": "pages/components/autocomplete/Playground.js"}} +{{"demo": "Playground.js"}} ### Country select Choose one of the 248 countries. -{{"demo": "pages/components/autocomplete/CountrySelect.js"}} +{{"demo": "CountrySelect.js"}} ### Controlled states @@ -70,7 +71,7 @@ The component has two states that can be controlled: > ⚠️ These two states are isolated, they should be controlled independently. -{{"demo": "pages/components/autocomplete/ControllableStates.js"}} +{{"demo": "ControllableStates.js"}} ## Free solo @@ -80,7 +81,7 @@ Set `freeSolo` to true so the textbox can contain any arbitrary value. The prop is designed to cover the primary use case of a **search input** with suggestions, e.g. Google search or react-autowhatever. -{{"demo": "pages/components/autocomplete/FreeSolo.js"}} +{{"demo": "FreeSolo.js"}} ### Creatable @@ -91,11 +92,11 @@ If you intend to use this mode for a [combo box](#combo-box) like experience (an - `handleHomeEndKeys` to move focus inside the popup with the Home and End keys. - A last option, for instance: `Add "YOUR SEARCH"`. -{{"demo": "pages/components/autocomplete/FreeSoloCreateOption.js"}} +{{"demo": "FreeSoloCreateOption.js"}} You could also display a dialog when the user wants to add a new value. -{{"demo": "pages/components/autocomplete/FreeSoloCreateOptionDialog.js"}} +{{"demo": "FreeSoloCreateOptionDialog.js"}} ## Grouped @@ -103,11 +104,11 @@ You can group the options with the `groupBy` prop. If you do so, make sure that the options are also sorted with the same dimension that they are grouped by, otherwise, you will notice duplicate headers. -{{"demo": "pages/components/autocomplete/Grouped.js"}} +{{"demo": "Grouped.js"}} ## Disabled options -{{"demo": "pages/components/autocomplete/DisabledOptions.js"}} +{{"demo": "DisabledOptions.js"}} ## `useAutocomplete` @@ -128,11 +129,11 @@ import useAutocomplete from '@mui/material/useAutocomplete'; - 📦 [4.5 kB gzipped](/size-snapshot). -{{"demo": "pages/components/autocomplete/UseAutocomplete.js", "defaultCodeOpen": false}} +{{"demo": "UseAutocomplete.js", "defaultCodeOpen": false}} ### Customized hook -{{"demo": "pages/components/autocomplete/CustomizedHook.js"}} +{{"demo": "CustomizedHook.js"}} Head to the [customization](#customization) section for an example with the `Autocomplete` component instead of the hook. @@ -147,7 +148,7 @@ The component supports two different asynchronous use-cases: It displays a progress state as long as the network request is pending. -{{"demo": "pages/components/autocomplete/Asynchronous.js"}} +{{"demo": "Asynchronous.js"}} ### Search as you type @@ -166,7 +167,7 @@ overriding the `filterOptions` prop: A customized UI for Google Maps Places Autocomplete. For this demo, we need to load the [Google Maps JavaScript](https://developers.google.com/maps/documentation/javascript/overview) and [Google Places](https://developers.google.com/maps/documentation/places/web-service/overview) API. -{{"demo": "pages/components/autocomplete/GoogleMaps.js"}} +{{"demo": "GoogleMaps.js"}} > ⚠️ Before you can start using the Google Maps JavaScript API and Places API, you must sign up and create a billing account. @@ -174,29 +175,29 @@ For this demo, we need to load the [Google Maps JavaScript](https://developers.g Also known as tags, the user is allowed to enter more than one value. -{{"demo": "pages/components/autocomplete/Tags.js"}} +{{"demo": "Tags.js"}} ### Fixed options In the event that you need to lock certain tags so that they can't be removed, you can set the chips disabled. -{{"demo": "pages/components/autocomplete/FixedTags.js"}} +{{"demo": "FixedTags.js"}} ### Checkboxes -{{"demo": "pages/components/autocomplete/CheckboxesTags.js"}} +{{"demo": "CheckboxesTags.js"}} ### Limit tags You can use the `limitTags` prop to limit the number of displayed options when not focused. -{{"demo": "pages/components/autocomplete/LimitTags.js"}} +{{"demo": "LimitTags.js"}} ## Sizes Fancy smaller inputs? Use the `size` prop. -{{"demo": "pages/components/autocomplete/Sizes.js"}} +{{"demo": "Sizes.js"}} ## Customization @@ -206,13 +207,13 @@ The `renderInput` prop allows you to customize the rendered input. The first argument of this render prop contains props that you need to forward. Pay specific attention to the `ref` and `inputProps` keys. -{{"demo": "pages/components/autocomplete/CustomInputAutocomplete.js"}} +{{"demo": "CustomInputAutocomplete.js"}} ### GitHub's picker This demo reproduces GitHub's label picker: -{{"demo": "pages/components/autocomplete/GitHubLabel.js"}} +{{"demo": "GitHubLabel.js"}} Head to the [Customized hook](#customized-hook) section for a customization example with the `useAutocomplete` hook instead of the component. @@ -220,7 +221,7 @@ Head to the [Customized hook](#customized-hook) section for a customization exam The following demo relies on [autosuggest-highlight](https://github.com/moroshko/autosuggest-highlight), a small (1 kB) utility for highlighting text in autosuggest and autocomplete components. -{{"demo": "pages/components/autocomplete/Highlights.js"}} +{{"demo": "Highlights.js"}} ## Custom filter @@ -259,7 +260,7 @@ const filterOptions = createFilterOptions({ ; ``` -{{"demo": "pages/components/autocomplete/Filter.js", "defaultCodeOpen": false}} +{{"demo": "Filter.js", "defaultCodeOpen": false}} ### Advanced @@ -277,7 +278,7 @@ const filterOptions = (options, { inputValue }) => matchSorter(options, inputVal Search within 10,000 randomly generated options. The list is virtualized thanks to [react-window](https://github.com/bvaughn/react-window). -{{"demo": "pages/components/autocomplete/Virtualize.js"}} +{{"demo": "Virtualize.js"}} ## Events diff --git a/docs/src/pages/components/avatars/BackgroundLetterAvatars.js b/docs/data/material/components/avatars/BackgroundLetterAvatars.js similarity index 100% rename from docs/src/pages/components/avatars/BackgroundLetterAvatars.js rename to docs/data/material/components/avatars/BackgroundLetterAvatars.js diff --git a/docs/src/pages/components/avatars/BackgroundLetterAvatars.tsx b/docs/data/material/components/avatars/BackgroundLetterAvatars.tsx similarity index 100% rename from docs/src/pages/components/avatars/BackgroundLetterAvatars.tsx rename to docs/data/material/components/avatars/BackgroundLetterAvatars.tsx diff --git a/docs/src/pages/components/avatars/BackgroundLetterAvatars.tsx.preview b/docs/data/material/components/avatars/BackgroundLetterAvatars.tsx.preview similarity index 100% rename from docs/src/pages/components/avatars/BackgroundLetterAvatars.tsx.preview rename to docs/data/material/components/avatars/BackgroundLetterAvatars.tsx.preview diff --git a/docs/src/pages/components/avatars/BadgeAvatars.js b/docs/data/material/components/avatars/BadgeAvatars.js similarity index 100% rename from docs/src/pages/components/avatars/BadgeAvatars.js rename to docs/data/material/components/avatars/BadgeAvatars.js diff --git a/docs/src/pages/components/avatars/BadgeAvatars.tsx b/docs/data/material/components/avatars/BadgeAvatars.tsx similarity index 100% rename from docs/src/pages/components/avatars/BadgeAvatars.tsx rename to docs/data/material/components/avatars/BadgeAvatars.tsx diff --git a/docs/src/pages/components/avatars/BadgeAvatars.tsx.preview b/docs/data/material/components/avatars/BadgeAvatars.tsx.preview similarity index 100% rename from docs/src/pages/components/avatars/BadgeAvatars.tsx.preview rename to docs/data/material/components/avatars/BadgeAvatars.tsx.preview diff --git a/docs/src/pages/components/avatars/FallbackAvatars.js b/docs/data/material/components/avatars/FallbackAvatars.js similarity index 100% rename from docs/src/pages/components/avatars/FallbackAvatars.js rename to docs/data/material/components/avatars/FallbackAvatars.js diff --git a/docs/src/pages/components/avatars/FallbackAvatars.tsx b/docs/data/material/components/avatars/FallbackAvatars.tsx similarity index 100% rename from docs/src/pages/components/avatars/FallbackAvatars.tsx rename to docs/data/material/components/avatars/FallbackAvatars.tsx diff --git a/docs/src/pages/components/avatars/FallbackAvatars.tsx.preview b/docs/data/material/components/avatars/FallbackAvatars.tsx.preview similarity index 100% rename from docs/src/pages/components/avatars/FallbackAvatars.tsx.preview rename to docs/data/material/components/avatars/FallbackAvatars.tsx.preview diff --git a/docs/src/pages/components/avatars/GroupAvatars.js b/docs/data/material/components/avatars/GroupAvatars.js similarity index 100% rename from docs/src/pages/components/avatars/GroupAvatars.js rename to docs/data/material/components/avatars/GroupAvatars.js diff --git a/docs/src/pages/components/avatars/GroupAvatars.tsx b/docs/data/material/components/avatars/GroupAvatars.tsx similarity index 100% rename from docs/src/pages/components/avatars/GroupAvatars.tsx rename to docs/data/material/components/avatars/GroupAvatars.tsx diff --git a/docs/src/pages/components/avatars/GroupAvatars.tsx.preview b/docs/data/material/components/avatars/GroupAvatars.tsx.preview similarity index 100% rename from docs/src/pages/components/avatars/GroupAvatars.tsx.preview rename to docs/data/material/components/avatars/GroupAvatars.tsx.preview diff --git a/docs/src/pages/components/avatars/IconAvatars.js b/docs/data/material/components/avatars/IconAvatars.js similarity index 100% rename from docs/src/pages/components/avatars/IconAvatars.js rename to docs/data/material/components/avatars/IconAvatars.js diff --git a/docs/src/pages/components/avatars/IconAvatars.tsx b/docs/data/material/components/avatars/IconAvatars.tsx similarity index 100% rename from docs/src/pages/components/avatars/IconAvatars.tsx rename to docs/data/material/components/avatars/IconAvatars.tsx diff --git a/docs/src/pages/components/avatars/IconAvatars.tsx.preview b/docs/data/material/components/avatars/IconAvatars.tsx.preview similarity index 100% rename from docs/src/pages/components/avatars/IconAvatars.tsx.preview rename to docs/data/material/components/avatars/IconAvatars.tsx.preview diff --git a/docs/src/pages/components/avatars/ImageAvatars.js b/docs/data/material/components/avatars/ImageAvatars.js similarity index 100% rename from docs/src/pages/components/avatars/ImageAvatars.js rename to docs/data/material/components/avatars/ImageAvatars.js diff --git a/docs/src/pages/components/avatars/ImageAvatars.tsx b/docs/data/material/components/avatars/ImageAvatars.tsx similarity index 100% rename from docs/src/pages/components/avatars/ImageAvatars.tsx rename to docs/data/material/components/avatars/ImageAvatars.tsx diff --git a/docs/src/pages/components/avatars/ImageAvatars.tsx.preview b/docs/data/material/components/avatars/ImageAvatars.tsx.preview similarity index 100% rename from docs/src/pages/components/avatars/ImageAvatars.tsx.preview rename to docs/data/material/components/avatars/ImageAvatars.tsx.preview diff --git a/docs/src/pages/components/avatars/LetterAvatars.js b/docs/data/material/components/avatars/LetterAvatars.js similarity index 100% rename from docs/src/pages/components/avatars/LetterAvatars.js rename to docs/data/material/components/avatars/LetterAvatars.js diff --git a/docs/src/pages/components/avatars/LetterAvatars.tsx b/docs/data/material/components/avatars/LetterAvatars.tsx similarity index 100% rename from docs/src/pages/components/avatars/LetterAvatars.tsx rename to docs/data/material/components/avatars/LetterAvatars.tsx diff --git a/docs/src/pages/components/avatars/LetterAvatars.tsx.preview b/docs/data/material/components/avatars/LetterAvatars.tsx.preview similarity index 100% rename from docs/src/pages/components/avatars/LetterAvatars.tsx.preview rename to docs/data/material/components/avatars/LetterAvatars.tsx.preview diff --git a/docs/src/pages/components/avatars/SizeAvatars.js b/docs/data/material/components/avatars/SizeAvatars.js similarity index 100% rename from docs/src/pages/components/avatars/SizeAvatars.js rename to docs/data/material/components/avatars/SizeAvatars.js diff --git a/docs/src/pages/components/avatars/SizeAvatars.tsx b/docs/data/material/components/avatars/SizeAvatars.tsx similarity index 100% rename from docs/src/pages/components/avatars/SizeAvatars.tsx rename to docs/data/material/components/avatars/SizeAvatars.tsx diff --git a/docs/src/pages/components/avatars/SizeAvatars.tsx.preview b/docs/data/material/components/avatars/SizeAvatars.tsx.preview similarity index 100% rename from docs/src/pages/components/avatars/SizeAvatars.tsx.preview rename to docs/data/material/components/avatars/SizeAvatars.tsx.preview diff --git a/docs/src/pages/components/avatars/TotalAvatars.js b/docs/data/material/components/avatars/TotalAvatars.js similarity index 100% rename from docs/src/pages/components/avatars/TotalAvatars.js rename to docs/data/material/components/avatars/TotalAvatars.js diff --git a/docs/src/pages/components/avatars/TotalAvatars.tsx b/docs/data/material/components/avatars/TotalAvatars.tsx similarity index 100% rename from docs/src/pages/components/avatars/TotalAvatars.tsx rename to docs/data/material/components/avatars/TotalAvatars.tsx diff --git a/docs/src/pages/components/avatars/TotalAvatars.tsx.preview b/docs/data/material/components/avatars/TotalAvatars.tsx.preview similarity index 100% rename from docs/src/pages/components/avatars/TotalAvatars.tsx.preview rename to docs/data/material/components/avatars/TotalAvatars.tsx.preview diff --git a/docs/src/pages/components/avatars/VariantAvatars.js b/docs/data/material/components/avatars/VariantAvatars.js similarity index 100% rename from docs/src/pages/components/avatars/VariantAvatars.js rename to docs/data/material/components/avatars/VariantAvatars.js diff --git a/docs/src/pages/components/avatars/VariantAvatars.tsx b/docs/data/material/components/avatars/VariantAvatars.tsx similarity index 100% rename from docs/src/pages/components/avatars/VariantAvatars.tsx rename to docs/data/material/components/avatars/VariantAvatars.tsx diff --git a/docs/src/pages/components/avatars/VariantAvatars.tsx.preview b/docs/data/material/components/avatars/VariantAvatars.tsx.preview similarity index 100% rename from docs/src/pages/components/avatars/VariantAvatars.tsx.preview rename to docs/data/material/components/avatars/VariantAvatars.tsx.preview diff --git a/docs/src/pages/components/avatars/avatars-pt.md b/docs/data/material/components/avatars/avatars-pt.md similarity index 68% rename from docs/src/pages/components/avatars/avatars-pt.md rename to docs/data/material/components/avatars/avatars-pt.md index 070d1c134a7a6c..99a5d2bbef9e93 100644 --- a/docs/src/pages/components/avatars/avatars-pt.md +++ b/docs/data/material/components/avatars/avatars-pt.md @@ -1,4 +1,5 @@ --- +product: material title: Componente para Avatares components: Avatar, AvatarGroup, Badge githubLabel: 'component: avatar' @@ -14,35 +15,35 @@ githubLabel: 'component: avatar' Avatares com imagem podem ser criados utilizando as propriedades padrões `img`, `src` ou `srcSet` do componente. -{{"demo": "pages/components/avatars/ImageAvatars.js"}} +{{"demo": "ImageAvatars.js"}} ## Avatares com letras Avatares com letras podem ser criados passando sua string como `children`. -{{"demo": "pages/components/avatars/LetterAvatars.js"}} +{{"demo": "LetterAvatars.js"}} You can use different background colors for the avatar. The following demo generates the color based on the name of the person. -{{"demo": "pages/components/avatars/BackgroundLetterAvatars.js"}} +{{"demo": "BackgroundLetterAvatars.js"}} ## Tamanhos -Você pode alterar o tamanho do avatar com as propriedades CSS `height` e `width`. +Você pode alterar o tamanho do avatar com as propriedades CSS `height` e `width`. -{{"demo": "pages/components/avatars/SizeAvatars.js"}} +{{"demo": "SizeAvatars.js"}} ## Avatares com ícones Avatares com ícones são criados passando o ícone como `children`. -{{"demo": "pages/components/avatars/IconAvatars.js"}} +{{"demo": "IconAvatars.js"}} ## Variantes Se você precisa de avatares com cantos quadrados ou arredondados, use a propriedade `variant`. -{{"demo": "pages/components/avatars/VariantAvatars.js"}} +{{"demo": "VariantAvatars.js"}} ## Contingências (Fallbacks) @@ -52,20 +53,20 @@ Se houver um erro ao carregar a imagem do avatar, o componente escolhe uma alter - a primeira letra do texto `alt` - um ícone genérico de avatar -{{"demo": "pages/components/avatars/FallbackAvatars.js"}} +{{"demo": "FallbackAvatars.js"}} ## Agrupamento `AvatarGroup` renders its children as a stack. Use the `max` prop to limit the number of avatars. -{{"demo": "pages/components/avatars/GroupAvatars.js"}} +{{"demo": "GroupAvatars.js"}} ### Total avatars If you need to control the total number of avatars not shown, you can use the `total` prop. -{{"demo": "pages/components/avatars/TotalAvatars.js"}} +{{"demo": "TotalAvatars.js"}} ## Com emblema -{{"demo": "pages/components/avatars/BadgeAvatars.js"}} +{{"demo": "BadgeAvatars.js"}} diff --git a/docs/src/pages/components/avatars/avatars-zh.md b/docs/data/material/components/avatars/avatars-zh.md similarity index 72% rename from docs/src/pages/components/avatars/avatars-zh.md rename to docs/data/material/components/avatars/avatars-zh.md index 4d21fd85f442b1..6e98a4e9fb21d6 100644 --- a/docs/src/pages/components/avatars/avatars-zh.md +++ b/docs/data/material/components/avatars/avatars-zh.md @@ -1,4 +1,5 @@ --- +product: material title: React Avatar（头像）组件 components: Avatar, AvatarGroup, Badge githubLabel: 'component: avatar' @@ -14,35 +15,35 @@ githubLabel: 'component: avatar' 通过将标准 `img` 的属性 `src` 或 `srcSet` 传递到组件中，您可以创建图片头像。 -{{"demo": "pages/components/avatars/ImageAvatars.js"}} +{{"demo": "ImageAvatars.js"}} ## 字母头像 通过传入一个作为 `children`的字符串，您可以创建包含简单字符的头像组件。 -{{"demo": "pages/components/avatars/LetterAvatars.js"}} +{{"demo": "LetterAvatars.js"}} 你可以为头像添加不同的背景颜色 下面的例子演示了如何通过人物的姓名来展示头像 -{{"demo": "pages/components/avatars/BackgroundLetterAvatars.js"}} +{{"demo": "BackgroundLetterAvatars.js"}} ## 尺寸 你可以通过改变 `height` 以及 `width` 这两个 CSS 属性来改变头像组件的尺寸。 -{{"demo": "pages/components/avatars/SizeAvatars.js"}} +{{"demo": "SizeAvatars.js"}} ## 图标头像 通过将图标作为 `children` 来传递来创建图标头像。 -{{"demo": "pages/components/avatars/IconAvatars.js"}} +{{"demo": "IconAvatars.js"}} ## 其他的方式 如果你需要矩形或圆角的头像组件，请使用 `variant`属性。 -{{"demo": "pages/components/avatars/VariantAvatars.js"}} +{{"demo": "VariantAvatars.js"}} ## 回调函数 @@ -52,20 +53,20 @@ githubLabel: 'component: avatar' - `alt` 文本的首字母 - 一个通用头像图标组件 -{{"demo": "pages/components/avatars/FallbackAvatars.js"}} +{{"demo": "FallbackAvatars.js"}} ## 分组 `AvatarGroup` renders its children as a stack. Use the `max` prop to limit the number of avatars. -{{"demo": "pages/components/avatars/GroupAvatars.js"}} +{{"demo": "GroupAvatars.js"}} ### Total avatars If you need to control the total number of avatars not shown, you can use the `total` prop. -{{"demo": "pages/components/avatars/TotalAvatars.js"}} +{{"demo": "TotalAvatars.js"}} ## 带有徽章的组件 -{{"demo": "pages/components/avatars/BadgeAvatars.js"}} +{{"demo": "BadgeAvatars.js"}} diff --git a/docs/src/pages/components/avatars/avatars.md b/docs/data/material/components/avatars/avatars.md similarity index 70% rename from docs/src/pages/components/avatars/avatars.md rename to docs/data/material/components/avatars/avatars.md index 0a9bfb38654d2a..a6bcc7055d77b4 100644 --- a/docs/src/pages/components/avatars/avatars.md +++ b/docs/data/material/components/avatars/avatars.md @@ -1,4 +1,5 @@ --- +product: material title: React Avatar component components: Avatar, AvatarGroup, Badge githubLabel: 'component: avatar' @@ -14,36 +15,36 @@ githubLabel: 'component: avatar' Image avatars can be created by passing standard `img` props `src` or `srcSet` to the component. -{{"demo": "pages/components/avatars/ImageAvatars.js"}} +{{"demo": "ImageAvatars.js"}} ## Letter avatars Avatars containing simple characters can be created by passing a string as `children`. -{{"demo": "pages/components/avatars/LetterAvatars.js"}} +{{"demo": "LetterAvatars.js"}} You can use different background colors for the avatar. The following demo generates the color based on the name of the person. -{{"demo": "pages/components/avatars/BackgroundLetterAvatars.js"}} +{{"demo": "BackgroundLetterAvatars.js"}} ## Sizes You can change the size of the avatar with the `height` and `width` CSS properties. -{{"demo": "pages/components/avatars/SizeAvatars.js"}} +{{"demo": "SizeAvatars.js"}} ## Icon avatars Icon avatars are created by passing an icon as `children`. -{{"demo": "pages/components/avatars/IconAvatars.js"}} +{{"demo": "IconAvatars.js"}} ## Variants If you need square or rounded avatars, use the `variant` prop. -{{"demo": "pages/components/avatars/VariantAvatars.js"}} +{{"demo": "VariantAvatars.js"}} ## Fallbacks @@ -53,20 +54,20 @@ If there is an error loading the avatar image, the component falls back to an al - the first letter of the `alt` text - a generic avatar icon -{{"demo": "pages/components/avatars/FallbackAvatars.js"}} +{{"demo": "FallbackAvatars.js"}} ## Grouped `AvatarGroup` renders its children as a stack. Use the `max` prop to limit the number of avatars. -{{"demo": "pages/components/avatars/GroupAvatars.js"}} +{{"demo": "GroupAvatars.js"}} ### Total avatars If you need to control the total number of avatars not shown, you can use the `total` prop. -{{"demo": "pages/components/avatars/TotalAvatars.js"}} +{{"demo": "TotalAvatars.js"}} ## With badge -{{"demo": "pages/components/avatars/BadgeAvatars.js"}} +{{"demo": "BadgeAvatars.js"}} diff --git a/docs/src/pages/components/backdrop/SimpleBackdrop.js b/docs/data/material/components/backdrop/SimpleBackdrop.js similarity index 100% rename from docs/src/pages/components/backdrop/SimpleBackdrop.js rename to docs/data/material/components/backdrop/SimpleBackdrop.js diff --git a/docs/src/pages/components/backdrop/SimpleBackdrop.tsx b/docs/data/material/components/backdrop/SimpleBackdrop.tsx similarity index 100% rename from docs/src/pages/components/backdrop/SimpleBackdrop.tsx rename to docs/data/material/components/backdrop/SimpleBackdrop.tsx diff --git a/docs/src/pages/components/backdrop/SimpleBackdrop.tsx.preview b/docs/data/material/components/backdrop/SimpleBackdrop.tsx.preview similarity index 100% rename from docs/src/pages/components/backdrop/SimpleBackdrop.tsx.preview rename to docs/data/material/components/backdrop/SimpleBackdrop.tsx.preview diff --git a/docs/src/pages/components/backdrop/backdrop-pt.md b/docs/data/material/components/backdrop/backdrop-pt.md similarity index 93% rename from docs/src/pages/components/backdrop/backdrop-pt.md rename to docs/data/material/components/backdrop/backdrop-pt.md index c4270d687cd835..e2fdd407983145 100644 --- a/docs/src/pages/components/backdrop/backdrop-pt.md +++ b/docs/data/material/components/backdrop/backdrop-pt.md @@ -1,4 +1,5 @@ --- +product: material title: Componente React para Pano de Fundo components: Backdrop, BackdropUnstyled githubLabel: 'component: backdrop' @@ -14,7 +15,7 @@ O backdrop sinaliza para o usuário uma mudança de estado dentro do aplicativo ## Exemplo -{{"demo": "pages/components/backdrop/SimpleBackdrop.js"}} +{{"demo": "SimpleBackdrop.js"}} ## Unstyled diff --git a/docs/src/pages/components/backdrop/backdrop-zh.md b/docs/data/material/components/backdrop/backdrop-zh.md similarity index 93% rename from docs/src/pages/components/backdrop/backdrop-zh.md rename to docs/data/material/components/backdrop/backdrop-zh.md index cb43c4bd0eff86..e83d4b4f51039d 100644 --- a/docs/src/pages/components/backdrop/backdrop-zh.md +++ b/docs/data/material/components/backdrop/backdrop-zh.md @@ -1,4 +1,5 @@ --- +product: material title: React Backdrop（背景暗化）组件 components: Backdrop, BackdropUnstyled githubLabel: '组件：背景暗化' @@ -14,7 +15,7 @@ githubLabel: '组件：背景暗化' ## 示例 -{{"demo": "pages/components/backdrop/SimpleBackdrop.js"}} +{{"demo": "SimpleBackdrop.js"}} ## 素颜模式 diff --git a/docs/src/pages/components/backdrop/backdrop.md b/docs/data/material/components/backdrop/backdrop.md similarity index 92% rename from docs/src/pages/components/backdrop/backdrop.md rename to docs/data/material/components/backdrop/backdrop.md index 13fbf288e6ba23..069b412e5b63ad 100644 --- a/docs/src/pages/components/backdrop/backdrop.md +++ b/docs/data/material/components/backdrop/backdrop.md @@ -1,4 +1,5 @@ --- +product: material title: Backdrop React Component components: Backdrop, BackdropUnstyled githubLabel: 'component: backdrop' @@ -15,7 +16,7 @@ In its simplest form, the backdrop component will add a dimmed layer over your a ## Example -{{"demo": "pages/components/backdrop/SimpleBackdrop.js"}} +{{"demo": "SimpleBackdrop.js"}} ## Unstyled diff --git a/docs/src/pages/components/badges/AccessibleBadges.js b/docs/data/material/components/badges/AccessibleBadges.js similarity index 100% rename from docs/src/pages/components/badges/AccessibleBadges.js rename to docs/data/material/components/badges/AccessibleBadges.js diff --git a/docs/src/pages/components/badges/AccessibleBadges.tsx b/docs/data/material/components/badges/AccessibleBadges.tsx similarity index 100% rename from docs/src/pages/components/badges/AccessibleBadges.tsx rename to docs/data/material/components/badges/AccessibleBadges.tsx diff --git a/docs/src/pages/components/badges/AccessibleBadges.tsx.preview b/docs/data/material/components/badges/AccessibleBadges.tsx.preview similarity index 100% rename from docs/src/pages/components/badges/AccessibleBadges.tsx.preview rename to docs/data/material/components/badges/AccessibleBadges.tsx.preview diff --git a/docs/src/pages/components/badges/BadgeAlignment.js b/docs/data/material/components/badges/BadgeAlignment.js similarity index 100% rename from docs/src/pages/components/badges/BadgeAlignment.js rename to docs/data/material/components/badges/BadgeAlignment.js diff --git a/docs/src/pages/components/badges/BadgeMax.js b/docs/data/material/components/badges/BadgeMax.js similarity index 100% rename from docs/src/pages/components/badges/BadgeMax.js rename to docs/data/material/components/badges/BadgeMax.js diff --git a/docs/src/pages/components/badges/BadgeMax.tsx b/docs/data/material/components/badges/BadgeMax.tsx similarity index 100% rename from docs/src/pages/components/badges/BadgeMax.tsx rename to docs/data/material/components/badges/BadgeMax.tsx diff --git a/docs/src/pages/components/badges/BadgeMax.tsx.preview b/docs/data/material/components/badges/BadgeMax.tsx.preview similarity index 100% rename from docs/src/pages/components/badges/BadgeMax.tsx.preview rename to docs/data/material/components/badges/BadgeMax.tsx.preview diff --git a/docs/src/pages/components/badges/BadgeOverlap.js b/docs/data/material/components/badges/BadgeOverlap.js similarity index 100% rename from docs/src/pages/components/badges/BadgeOverlap.js rename to docs/data/material/components/badges/BadgeOverlap.js diff --git a/docs/src/pages/components/badges/BadgeOverlap.tsx b/docs/data/material/components/badges/BadgeOverlap.tsx similarity index 100% rename from docs/src/pages/components/badges/BadgeOverlap.tsx rename to docs/data/material/components/badges/BadgeOverlap.tsx diff --git a/docs/src/pages/components/badges/BadgeOverlap.tsx.preview b/docs/data/material/components/badges/BadgeOverlap.tsx.preview similarity index 100% rename from docs/src/pages/components/badges/BadgeOverlap.tsx.preview rename to docs/data/material/components/badges/BadgeOverlap.tsx.preview diff --git a/docs/src/pages/components/badges/BadgeVisibility.js b/docs/data/material/components/badges/BadgeVisibility.js similarity index 100% rename from docs/src/pages/components/badges/BadgeVisibility.js rename to docs/data/material/components/badges/BadgeVisibility.js diff --git a/docs/src/pages/components/badges/BadgeVisibility.tsx b/docs/data/material/components/badges/BadgeVisibility.tsx similarity index 100% rename from docs/src/pages/components/badges/BadgeVisibility.tsx rename to docs/data/material/components/badges/BadgeVisibility.tsx diff --git a/docs/src/pages/components/badges/ColorBadge.js b/docs/data/material/components/badges/ColorBadge.js similarity index 100% rename from docs/src/pages/components/badges/ColorBadge.js rename to docs/data/material/components/badges/ColorBadge.js diff --git a/docs/src/pages/components/badges/ColorBadge.tsx b/docs/data/material/components/badges/ColorBadge.tsx similarity index 100% rename from docs/src/pages/components/badges/ColorBadge.tsx rename to docs/data/material/components/badges/ColorBadge.tsx diff --git a/docs/src/pages/components/badges/ColorBadge.tsx.preview b/docs/data/material/components/badges/ColorBadge.tsx.preview similarity index 100% rename from docs/src/pages/components/badges/ColorBadge.tsx.preview rename to docs/data/material/components/badges/ColorBadge.tsx.preview diff --git a/docs/src/pages/components/badges/CustomizedBadges.js b/docs/data/material/components/badges/CustomizedBadges.js similarity index 100% rename from docs/src/pages/components/badges/CustomizedBadges.js rename to docs/data/material/components/badges/CustomizedBadges.js diff --git a/docs/src/pages/components/badges/CustomizedBadges.tsx b/docs/data/material/components/badges/CustomizedBadges.tsx similarity index 100% rename from docs/src/pages/components/badges/CustomizedBadges.tsx rename to docs/data/material/components/badges/CustomizedBadges.tsx diff --git a/docs/src/pages/components/badges/CustomizedBadges.tsx.preview b/docs/data/material/components/badges/CustomizedBadges.tsx.preview similarity index 100% rename from docs/src/pages/components/badges/CustomizedBadges.tsx.preview rename to docs/data/material/components/badges/CustomizedBadges.tsx.preview diff --git a/docs/src/pages/components/badges/DotBadge.js b/docs/data/material/components/badges/DotBadge.js similarity index 100% rename from docs/src/pages/components/badges/DotBadge.js rename to docs/data/material/components/badges/DotBadge.js diff --git a/docs/src/pages/components/badges/DotBadge.tsx b/docs/data/material/components/badges/DotBadge.tsx similarity index 100% rename from docs/src/pages/components/badges/DotBadge.tsx rename to docs/data/material/components/badges/DotBadge.tsx diff --git a/docs/src/pages/components/badges/DotBadge.tsx.preview b/docs/data/material/components/badges/DotBadge.tsx.preview similarity index 100% rename from docs/src/pages/components/badges/DotBadge.tsx.preview rename to docs/data/material/components/badges/DotBadge.tsx.preview diff --git a/docs/src/pages/components/badges/ShowZeroBadge.js b/docs/data/material/components/badges/ShowZeroBadge.js similarity index 100% rename from docs/src/pages/components/badges/ShowZeroBadge.js rename to docs/data/material/components/badges/ShowZeroBadge.js diff --git a/docs/src/pages/components/badges/ShowZeroBadge.tsx b/docs/data/material/components/badges/ShowZeroBadge.tsx similarity index 100% rename from docs/src/pages/components/badges/ShowZeroBadge.tsx rename to docs/data/material/components/badges/ShowZeroBadge.tsx diff --git a/docs/src/pages/components/badges/ShowZeroBadge.tsx.preview b/docs/data/material/components/badges/ShowZeroBadge.tsx.preview similarity index 100% rename from docs/src/pages/components/badges/ShowZeroBadge.tsx.preview rename to docs/data/material/components/badges/ShowZeroBadge.tsx.preview diff --git a/docs/src/pages/components/badges/SimpleBadge.js b/docs/data/material/components/badges/SimpleBadge.js similarity index 100% rename from docs/src/pages/components/badges/SimpleBadge.js rename to docs/data/material/components/badges/SimpleBadge.js diff --git a/docs/src/pages/components/badges/SimpleBadge.tsx b/docs/data/material/components/badges/SimpleBadge.tsx similarity index 100% rename from docs/src/pages/components/badges/SimpleBadge.tsx rename to docs/data/material/components/badges/SimpleBadge.tsx diff --git a/docs/src/pages/components/badges/SimpleBadge.tsx.preview b/docs/data/material/components/badges/SimpleBadge.tsx.preview similarity index 100% rename from docs/src/pages/components/badges/SimpleBadge.tsx.preview rename to docs/data/material/components/badges/SimpleBadge.tsx.preview diff --git a/docs/src/pages/components/badges/UnstyledBadge.js b/docs/data/material/components/badges/UnstyledBadge.js similarity index 100% rename from docs/src/pages/components/badges/UnstyledBadge.js rename to docs/data/material/components/badges/UnstyledBadge.js diff --git a/docs/src/pages/components/badges/UnstyledBadge.tsx b/docs/data/material/components/badges/UnstyledBadge.tsx similarity index 100% rename from docs/src/pages/components/badges/UnstyledBadge.tsx rename to docs/data/material/components/badges/UnstyledBadge.tsx diff --git a/docs/src/pages/components/badges/UnstyledBadge.tsx.preview b/docs/data/material/components/badges/UnstyledBadge.tsx.preview similarity index 100% rename from docs/src/pages/components/badges/UnstyledBadge.tsx.preview rename to docs/data/material/components/badges/UnstyledBadge.tsx.preview diff --git a/docs/src/pages/components/badges/badges-pt.md b/docs/data/material/components/badges/badges-pt.md similarity index 75% rename from docs/src/pages/components/badges/badges-pt.md rename to docs/data/material/components/badges/badges-pt.md index 781e2bf536b919..4391628dc9a73a 100644 --- a/docs/src/pages/components/badges/badges-pt.md +++ b/docs/data/material/components/badges/badges-pt.md @@ -1,4 +1,5 @@ --- +product: material title: Componente React para emblemas components: Badge, BadgeUnstyled githubLabel: 'component: badge' @@ -14,53 +15,53 @@ githubLabel: 'component: badge' Exemplos de emblemas contendo texto, usando cores primárias e secundárias. O emblema é aplicado aos seus filhos. -{{"demo": "pages/components/badges/SimpleBadge.js"}} +{{"demo": "SimpleBadge.js"}} ## Emblemas customizados Você pode usar a propriedade `overlap` para colocar o emblema em relação ao canto do elemento envolvido. -{{"demo": "pages/components/badges/ColorBadge.js"}} +{{"demo": "ColorBadge.js"}} ## Visibilidade do emblema Aqui está um exemplo de customização do componente. Você pode aprender mais sobre isso na [página de documentação de sobrescritas](/customization/how-to-customize/). -{{"demo": "pages/components/badges/CustomizedBadges.js"}} +{{"demo": "CustomizedBadges.js"}} ## Visibilidade do emblema A visibilidade dos emblemas pode ser controlada usando a propriedade `invisible`. -{{"demo": "pages/components/badges/BadgeVisibility.js"}} +{{"demo": "BadgeVisibility.js"}} O emblema se esconde automaticamente quando o badgeContent é zero. Você pode sobrescrever isso com a propriedade `showZero`. -{{"demo": "pages/components/badges/ShowZeroBadge.js"}} +{{"demo": "ShowZeroBadge.js"}} ## Valor máximo Você pode usar a propriedade `max` para limitar o valor do conteúdo do emblema. -{{"demo": "pages/components/badges/BadgeMax.js"}} +{{"demo": "BadgeMax.js"}} ## Emblema como ponto A propriedade `dot` altera um emblema para um pequeno ponto. Isto pode ser usado como uma notificação de que algo mudou sem fornecer uma contagem. -{{"demo": "pages/components/badges/DotBadge.js"}} +{{"demo": "DotBadge.js"}} ## Alinhamento do emblema Você pode usar a propriedade `overlap` para colocar o emblema em relação ao canto do elemento envolvido. -{{"demo": "pages/components/badges/BadgeOverlap.js"}} +{{"demo": "BadgeOverlap.js"}} ## Alinhamento do emblema Você pode usar a propriedade `anchorOrigin` para mover o emblema para qualquer canto do elemento envolvido. -{{"demo": "pages/components/badges/BadgeAlignment.js", "hideToolbar": true}} +{{"demo": "BadgeAlignment.js", "hideToolbar": true}} ## Unstyled @@ -70,10 +71,10 @@ O badge também vem com uma versão sem estilo. It's ideal for doing heavy custo import BadgeUnstyled from '@mui/base/BadgeUnstyled'; ``` -{{"demo": "pages/components/badges/UnstyledBadge.js"}} +{{"demo": "UnstyledBadge.js"}} ## Acessibilidade Você não pode confiar que o conteúdo do badge seja anunciado corretamente. Você deve fornecer uma descrição completa, por exemplo, com `aria-label`: -{{"demo": "pages/components/badges/AccessibleBadges.js"}} +{{"demo": "AccessibleBadges.js"}} diff --git a/docs/src/pages/components/badges/badges-zh.md b/docs/data/material/components/badges/badges-zh.md similarity index 70% rename from docs/src/pages/components/badges/badges-zh.md rename to docs/data/material/components/badges/badges-zh.md index 56cba07cf0b700..2b9bb706b65d0e 100644 --- a/docs/src/pages/components/badges/badges-zh.md +++ b/docs/data/material/components/badges/badges-zh.md @@ -1,4 +1,5 @@ --- +product: material title: React Badge（徽章）组件 components: Badge, BadgeUnstyled githubLabel: 'component: badge' @@ -14,66 +15,66 @@ githubLabel: 'component: badge' 这个示例是个包含了文本的徽章，同时使用了主色和副色。 徽章会对其子元素生效。 -{{"demo": "pages/components/badges/SimpleBadge.js"}} +{{"demo": "SimpleBadge.js"}} ## 自定义徽章 Use `color` prop to apply theme palette to component. -{{"demo": "pages/components/badges/ColorBadge.js"}} +{{"demo": "ColorBadge.js"}} ## 徽章组件的可见性 以下是自定义组件的一个示例。 您可以在 [重写文档页面](/customization/how-to-customize/) 中了解更多有关此内容的信息。 -{{"demo": "pages/components/badges/CustomizedBadges.js"}} +{{"demo": "CustomizedBadges.js"}} ## 徽章组件的可见性 徽章组件的隐显可以通过 `invisible` 属性来设置。 -{{"demo": "pages/components/badges/BadgeVisibility.js"}} +{{"demo": "BadgeVisibility.js"}} 当 badgeContent 为零时，徽章组件将会自动隐藏。 您可以使用 `showZero` 属性覆盖它。 -{{"demo": "pages/components/badges/ShowZeroBadge.js"}} +{{"demo": "ShowZeroBadge.js"}} ## 最大值 您可以使用 `max` 属性来限制徽章组件内容的最大值。 -{{"demo": "pages/components/badges/BadgeMax.js"}} +{{"demo": "BadgeMax.js"}} ## 圆点徽章 `dot` 属性会使得徽章渲染为一个小点。 这样的话，可以在不给出具体计数的情况下，组件能够提示一下变化。 -{{"demo": "pages/components/badges/DotBadge.js"}} +{{"demo": "DotBadge.js"}} ## 徽章组件的 overlap 属性 你可以使用 `anchorOrigin` 属性移把徽章组件移动到封装的元素的任何角落。 -{{"demo": "pages/components/badges/BadgeOverlap.js"}} +{{"demo": "BadgeOverlap.js"}} ## 徽章组件的校准 你可以使用 `anchorOrigin` 属性移把徽章组件移动到封装的元素的任何角落。 -{{"demo": "pages/components/badges/BadgeAlignment.js", "hideToolbar": true}} +{{"demo": "BadgeAlignment.js", "hideToolbar": true}} ## Unstyled -Badge组件还有一个无样式的版本。 It's ideal for doing heavy customizations and minimizing bundle size. +Badge 组件还有一个无样式的版本。 It's ideal for doing heavy customizations and minimizing bundle size. ```js import BadgeUnstyled from '@mui/base/BadgeUnstyled'; ``` -{{"demo": "pages/components/badges/UnstyledBadge.js"}} +{{"demo": "UnstyledBadge.js"}} ## Accessibility You can't rely on the content of the badge to be announced correctly. You should provide a full description, for instance, with `aria-label`: 那您应该提供一个完整的描述，例如， 使用 `aria-label`： -{{"demo": "pages/components/badges/AccessibleBadges.js"}} +{{"demo": "AccessibleBadges.js"}} diff --git a/docs/src/pages/components/badges/badges.md b/docs/data/material/components/badges/badges.md similarity index 72% rename from docs/src/pages/components/badges/badges.md rename to docs/data/material/components/badges/badges.md index 766fc046026f7a..6e061eae55b1e1 100644 --- a/docs/src/pages/components/badges/badges.md +++ b/docs/data/material/components/badges/badges.md @@ -1,4 +1,5 @@ --- +product: material title: React Badge component components: Badge, BadgeUnstyled githubLabel: 'component: badge' @@ -14,54 +15,54 @@ githubLabel: 'component: badge' Examples of badges containing text, using primary and secondary colors. The badge is applied to its children. -{{"demo": "pages/components/badges/SimpleBadge.js"}} +{{"demo": "SimpleBadge.js"}} ## Color Use `color` prop to apply theme palette to component. -{{"demo": "pages/components/badges/ColorBadge.js"}} +{{"demo": "ColorBadge.js"}} ## Customization Here is an example of customizing the component. You can learn more about this in the [overrides documentation page](/customization/how-to-customize/). -{{"demo": "pages/components/badges/CustomizedBadges.js"}} +{{"demo": "CustomizedBadges.js"}} ## Badge visibility The visibility of badges can be controlled using the `invisible` prop. -{{"demo": "pages/components/badges/BadgeVisibility.js"}} +{{"demo": "BadgeVisibility.js"}} The badge auto hides with badgeContent is zero. You can override this with the `showZero` prop. -{{"demo": "pages/components/badges/ShowZeroBadge.js"}} +{{"demo": "ShowZeroBadge.js"}} ## Maximum value You can use the `max` prop to cap the value of the badge content. -{{"demo": "pages/components/badges/BadgeMax.js"}} +{{"demo": "BadgeMax.js"}} ## Dot badge The `dot` prop changes a badge into a small dot. This can be used as a notification that something has changed without giving a count. -{{"demo": "pages/components/badges/DotBadge.js"}} +{{"demo": "DotBadge.js"}} ## Badge overlap You can use the `overlap` prop to place the badge relative to the corner of the wrapped element. -{{"demo": "pages/components/badges/BadgeOverlap.js"}} +{{"demo": "BadgeOverlap.js"}} ## Badge alignment You can use the `anchorOrigin` prop to move the badge to any corner of the wrapped element. -{{"demo": "pages/components/badges/BadgeAlignment.js", "hideToolbar": true}} +{{"demo": "BadgeAlignment.js", "hideToolbar": true}} ## Unstyled @@ -72,11 +73,11 @@ It's ideal for doing heavy customizations and minimizing bundle size. import BadgeUnstyled from '@mui/base/BadgeUnstyled'; ``` -{{"demo": "pages/components/badges/UnstyledBadge.js"}} +{{"demo": "UnstyledBadge.js"}} ## Accessibility You can't rely on the content of the badge to be announced correctly. You should provide a full description, for instance, with `aria-label`: -{{"demo": "pages/components/badges/AccessibleBadges.js"}} +{{"demo": "AccessibleBadges.js"}} diff --git a/docs/src/pages/components/bottom-navigation/FixedBottomNavigation.js b/docs/data/material/components/bottom-navigation/FixedBottomNavigation.js similarity index 100% rename from docs/src/pages/components/bottom-navigation/FixedBottomNavigation.js rename to docs/data/material/components/bottom-navigation/FixedBottomNavigation.js diff --git a/docs/src/pages/components/bottom-navigation/FixedBottomNavigation.tsx b/docs/data/material/components/bottom-navigation/FixedBottomNavigation.tsx similarity index 100% rename from docs/src/pages/components/bottom-navigation/FixedBottomNavigation.tsx rename to docs/data/material/components/bottom-navigation/FixedBottomNavigation.tsx diff --git a/docs/src/pages/components/bottom-navigation/LabelBottomNavigation.js b/docs/data/material/components/bottom-navigation/LabelBottomNavigation.js similarity index 100% rename from docs/src/pages/components/bottom-navigation/LabelBottomNavigation.js rename to docs/data/material/components/bottom-navigation/LabelBottomNavigation.js diff --git a/docs/src/pages/components/bottom-navigation/LabelBottomNavigation.tsx b/docs/data/material/components/bottom-navigation/LabelBottomNavigation.tsx similarity index 100% rename from docs/src/pages/components/bottom-navigation/LabelBottomNavigation.tsx rename to docs/data/material/components/bottom-navigation/LabelBottomNavigation.tsx diff --git a/docs/src/pages/components/bottom-navigation/SimpleBottomNavigation.js b/docs/data/material/components/bottom-navigation/SimpleBottomNavigation.js similarity index 100% rename from docs/src/pages/components/bottom-navigation/SimpleBottomNavigation.js rename to docs/data/material/components/bottom-navigation/SimpleBottomNavigation.js diff --git a/docs/src/pages/components/bottom-navigation/SimpleBottomNavigation.tsx b/docs/data/material/components/bottom-navigation/SimpleBottomNavigation.tsx similarity index 100% rename from docs/src/pages/components/bottom-navigation/SimpleBottomNavigation.tsx rename to docs/data/material/components/bottom-navigation/SimpleBottomNavigation.tsx diff --git a/docs/src/pages/components/bottom-navigation/SimpleBottomNavigation.tsx.preview b/docs/data/material/components/bottom-navigation/SimpleBottomNavigation.tsx.preview similarity index 100% rename from docs/src/pages/components/bottom-navigation/SimpleBottomNavigation.tsx.preview rename to docs/data/material/components/bottom-navigation/SimpleBottomNavigation.tsx.preview diff --git a/docs/src/pages/components/bottom-navigation/bottom-navigation-pt.md b/docs/data/material/components/bottom-navigation/bottom-navigation-pt.md similarity index 83% rename from docs/src/pages/components/bottom-navigation/bottom-navigation-pt.md rename to docs/data/material/components/bottom-navigation/bottom-navigation-pt.md index 67a02d4a33da8c..28f10b482dd72b 100644 --- a/docs/src/pages/components/bottom-navigation/bottom-navigation-pt.md +++ b/docs/data/material/components/bottom-navigation/bottom-navigation-pt.md @@ -1,4 +1,5 @@ --- +product: material title: Componente React para Navegação inferior components: BottomNavigation, BottomNavigationAction githubLabel: 'component: bottom navigation' @@ -17,19 +18,19 @@ Barras de [navegação inferior](https://material.io/design/components/bottom-na Se existir **quatro** ou **cinco** ações, exiba os destinos inativos somente com ícone. -{{"demo": "pages/components/bottom-navigation/SimpleBottomNavigation.js", "bg": true}} +{{"demo": "SimpleBottomNavigation.js", "bg": true}} ## Navegação inferior sem rótulo Se existir **quatro** ou **cinco** ações, exiba os destinos inativos somente com ícone. -{{"demo": "pages/components/bottom-navigation/LabelBottomNavigation.js", "bg": true}} +{{"demo": "LabelBottomNavigation.js", "bg": true}} ## Posicionamento fixo Esta demonstração mantém a navegação inferior fixa na parte inferior, não importa a quantidade de conteúdo na tela. -{{"demo": "pages/components/bottom-navigation/FixedBottomNavigation.js", "bg": true, "iframe": true, "maxWidth": 600}} +{{"demo": "FixedBottomNavigation.js", "bg": true, "iframe": true, "maxWidth": 600}} ## Biblioteca de roteamento de terceiros diff --git a/docs/src/pages/components/bottom-navigation/bottom-navigation-zh.md b/docs/data/material/components/bottom-navigation/bottom-navigation-zh.md similarity index 83% rename from docs/src/pages/components/bottom-navigation/bottom-navigation-zh.md rename to docs/data/material/components/bottom-navigation/bottom-navigation-zh.md index 69e34d085ea181..23ff141e008500 100644 --- a/docs/src/pages/components/bottom-navigation/bottom-navigation-zh.md +++ b/docs/data/material/components/bottom-navigation/bottom-navigation-zh.md @@ -1,4 +1,5 @@ --- +product: material title: React Bottom Navigation（底部导航栏）组件 components: BottomNavigation, BottomNavigationAction githubLabel: 'component: bottom navigation' @@ -17,19 +18,19 @@ materialDesign: https://material.io/components/bottom-navigation 当只有**三个**导航项时，导航栏会始终显示图标和文本标签。 -{{"demo": "pages/components/bottom-navigation/SimpleBottomNavigation.js", "bg": true}} +{{"demo": "SimpleBottomNavigation.js", "bg": true}} ## 无标签的底部导航栏 如果有**四个**或**五个**导航项，那些未被选中的导航项会以图标的样式显示。 -{{"demo": "pages/components/bottom-navigation/LabelBottomNavigation.js", "bg": true}} +{{"demo": "LabelBottomNavigation.js", "bg": true}} ## 固定位置 无论屏幕上有多少内容，该演示的内容都会将底部导航固定在底部。 -{{"demo": "pages/components/bottom-navigation/FixedBottomNavigation.js", "bg": true, "iframe": true, "maxWidth": 600}} +{{"demo": "FixedBottomNavigation.js", "bg": true, "iframe": true, "maxWidth": 600}} ## Third-party routing library（第三方路由库） diff --git a/docs/src/pages/components/bottom-navigation/bottom-navigation.md b/docs/data/material/components/bottom-navigation/bottom-navigation.md similarity index 81% rename from docs/src/pages/components/bottom-navigation/bottom-navigation.md rename to docs/data/material/components/bottom-navigation/bottom-navigation.md index ebd0ad0bd782d9..479a6f20108c31 100644 --- a/docs/src/pages/components/bottom-navigation/bottom-navigation.md +++ b/docs/data/material/components/bottom-navigation/bottom-navigation.md @@ -1,4 +1,5 @@ --- +product: material title: Bottom Navigation React component components: BottomNavigation, BottomNavigationAction githubLabel: 'component: bottom navigation' @@ -17,19 +18,19 @@ Bottom navigation bars display three to five destinations at the bottom of a scr When there are only **three** actions, display both icons and text labels at all times. -{{"demo": "pages/components/bottom-navigation/SimpleBottomNavigation.js", "bg": true}} +{{"demo": "SimpleBottomNavigation.js", "bg": true}} ## Bottom Navigation with no label If there are **four** or **five** actions, display inactive views as icons only. -{{"demo": "pages/components/bottom-navigation/LabelBottomNavigation.js", "bg": true}} +{{"demo": "LabelBottomNavigation.js", "bg": true}} ## Fixed positioning This demo keeps bottom navigation fixed to the bottom, no matter the amount of content on-screen. -{{"demo": "pages/components/bottom-navigation/FixedBottomNavigation.js", "bg": true, "iframe": true, "maxWidth": 600}} +{{"demo": "FixedBottomNavigation.js", "bg": true, "iframe": true, "maxWidth": 600}} ## Third-party routing library diff --git a/docs/src/pages/components/box/BoxComponent.js b/docs/data/material/components/box/BoxComponent.js similarity index 100% rename from docs/src/pages/components/box/BoxComponent.js rename to docs/data/material/components/box/BoxComponent.js diff --git a/docs/src/pages/components/box/BoxComponent.tsx b/docs/data/material/components/box/BoxComponent.tsx similarity index 100% rename from docs/src/pages/components/box/BoxComponent.tsx rename to docs/data/material/components/box/BoxComponent.tsx diff --git a/docs/src/pages/components/box/BoxComponent.tsx.preview b/docs/data/material/components/box/BoxComponent.tsx.preview similarity index 100% rename from docs/src/pages/components/box/BoxComponent.tsx.preview rename to docs/data/material/components/box/BoxComponent.tsx.preview diff --git a/docs/src/pages/components/box/BoxSx.js b/docs/data/material/components/box/BoxSx.js similarity index 100% rename from docs/src/pages/components/box/BoxSx.js rename to docs/data/material/components/box/BoxSx.js diff --git a/docs/src/pages/components/box/BoxSx.tsx b/docs/data/material/components/box/BoxSx.tsx similarity index 100% rename from docs/src/pages/components/box/BoxSx.tsx rename to docs/data/material/components/box/BoxSx.tsx diff --git a/docs/src/pages/components/box/BoxSx.tsx.preview b/docs/data/material/components/box/BoxSx.tsx.preview similarity index 100% rename from docs/src/pages/components/box/BoxSx.tsx.preview rename to docs/data/material/components/box/BoxSx.tsx.preview diff --git a/docs/src/pages/components/box/box-pt.md b/docs/data/material/components/box/box-pt.md similarity index 75% rename from docs/src/pages/components/box/box-pt.md rename to docs/data/material/components/box/box-pt.md index 5825407c853d74..b5af76d89a511c 100644 --- a/docs/src/pages/components/box/box-pt.md +++ b/docs/data/material/components/box/box-pt.md @@ -1,4 +1,5 @@ --- +product: material title: Componente React Box githubLabel: 'component: Box' --- @@ -19,13 +20,13 @@ O component Box compõe [todas as funções de estilo](/system/basics/#all-inclu Todas as propriedades do sistema estão disponíveis através da [propriedade `sx`](/system/basics/#the-sx-prop). Além disso, a propriedade `sx` permite você especificar quaisquer outras regras CSS que precisar. Aqui está um exemplo de como usá-la: -{{"demo": "pages/components/box/BoxSx.js", "defaultCodeOpen": true }} +{{"demo": "BoxSx.js", "defaultCodeOpen": true }} ## Sobrescrevendo componentes do Material-UI O componente Box envolve seu componente. Digamos que você queira usar um ``: Digamos que você queira usar um ``: -{{"demo": "pages/components/box/BoxComponent.js", "defaultCodeOpen": true }} +{{"demo": "BoxComponent.js", "defaultCodeOpen": true }} Isso funciona muito bem quando as alterações precisam ser isoladas em um novo elemento DOM. Note no exemplo, a forma que você alterou a margem. @@ -53,11 +54,11 @@ For non-Material-UI components, use the `component` prop. import Box from '@material-ui/core/Box'; ``` -| Nome | Tipo | Padrão | Descrição | -|:---------------------------------------- |:----------------------------------------------------------------------------------------------------------------------------- |:--------------------------------------- |:--------------------------------------------------------------------------------------- | -| children | node
 | | Função de renderização do Box ou nó. | +| Nome | Tipo | Padrão | Descrição | +| :--------------------------------------- | :---------------------------------------------------------------------------------------------------------- | :-------------------------------------- | :-------------------------------------------------------------------------------------- | +| children | node
 | | Função de renderização do Box ou nó. | | component | union: string |
 func |
 object
 | 'div' | O componente usado como nó raiz. Ou uma string para usar um elemento DOM ou componente. | -| sx | object | {} | Aceita todas as propriedades do sistema, bem como quaisquer propriedades CSS válidas. | +| sx | object | {} | Aceita todas as propriedades do sistema, bem como quaisquer propriedades CSS válidas. | ## Propriedades do sistema diff --git a/docs/src/pages/components/box/box-zh.md b/docs/data/material/components/box/box-zh.md similarity index 74% rename from docs/src/pages/components/box/box-zh.md rename to docs/data/material/components/box/box-zh.md index 20b8bf9420ebb5..47f28979f08f2a 100644 --- a/docs/src/pages/components/box/box-zh.md +++ b/docs/data/material/components/box/box-zh.md @@ -1,4 +1,5 @@ --- +product: material title: React Box（分组）组件 githubLabel: 'component: Box' --- @@ -19,17 +20,17 @@ githubLabel: 'component: Box' All system properties are available via the [`sx` prop](/system/basics/#the-sx-prop). In addition, the `sx` prop allows you to specify any other CSS rules you may need. 下面是一个如何使用的示例： 此外，`sx` 属性允许您指定您可能需要的任何其他 CSS 样式。 下面是一个如何使用的示例： -{{"demo": "pages/components/box/BoxSx.js", "defaultCodeOpen": true }} +{{"demo": "BoxSx.js", "defaultCodeOpen": true }} ## 覆盖 Material-UI 组件 Box 组件能够封装您的组件。 假设反之你想使用一个 ``： 假设反之你想使用一个 ``： -{{"demo": "pages/components/box/BoxComponent.js", "defaultCodeOpen": true }} +{{"demo": "BoxComponent.js", "defaultCodeOpen": true }} 当所需的更改与新的 DOM 元素分开时比较有效。 例如，您可以使用这个方法来更改边距。 -但是，有时您必须针对到底层的 DOM 元素。 比如，你要修改按钮的边框 但是按钮组件已经定义自己的样式。 所以使用 CSS 继承是于事无补的。 想要解决这个问题，可以将[`sx`](/system/basics/#the-sx-prop)作为MUI组件的props使用 +但是，有时您必须针对到底层的 DOM 元素。 比如，你要修改按钮的边框 但是按钮组件已经定义自己的样式。 所以使用 CSS 继承是于事无补的。 想要解决这个问题，可以将[`sx`](/system/basics/#the-sx-prop)作为 MUI 组件的 props 使用 ```diff - @@ -53,11 +54,11 @@ For non-Material-UI components, use the `component` prop. import Box from '@material-ui/core/Box'; ``` -| 名称 | 类型 | 默认值 | 描述 | -|:---------------------------------------- |:----------------------------------------------------------------------------------------------------------------------------- |:--------------------------------------- |:------------------------------------------ | -| children | node
 | | Box 渲染函数或者返回节点。 | +| 名称 | 类型 | 默认值 | 描述 | +| :--------------------------------------- | :---------------------------------------------------------------------------------------------------------- | :-------------------------------------- | :------------------------------------------------------------------- | +| children | node
 | | Box 渲染函数或者返回节点。 | | component | union: string |
 func |
 object
 | 'div' | component 用于根节点。 可以是一个使用 DOM 元素或者一个组件的字符串。 | -| sx | object | {} | 接受所有系统属性，以及任何有效的 CSS 属性。 | +| sx | object | {} | 接受所有系统属性，以及任何有效的 CSS 属性。 | ## 系统属性 diff --git a/docs/src/pages/components/box/box.md b/docs/data/material/components/box/box.md similarity index 95% rename from docs/src/pages/components/box/box.md rename to docs/data/material/components/box/box.md index 2fe5865f5022ca..308e27c46183a4 100644 --- a/docs/src/pages/components/box/box.md +++ b/docs/data/material/components/box/box.md @@ -1,4 +1,5 @@ --- +product: material title: React Box component githubLabel: 'component: Box' --- @@ -20,7 +21,7 @@ The Box component packages [all the style functions](/system/basics/#all-inclusi All system properties are available via the [`sx` prop](/system/basics/#the-sx-prop). In addition, the `sx` prop allows you to specify any other CSS rules you may need. Here's an example of how you can use it: -{{"demo": "pages/components/box/BoxSx.js", "defaultCodeOpen": true }} +{{"demo": "BoxSx.js", "defaultCodeOpen": true }} ## Overriding MUI components @@ -28,7 +29,7 @@ The Box component wraps your component. It creates a new DOM element, a `
` that by default can be changed with the `component` prop. Let's say you want to use a `` instead: -{{"demo": "pages/components/box/BoxComponent.js", "defaultCodeOpen": true }} +{{"demo": "BoxComponent.js", "defaultCodeOpen": true }} This works great when the changes can be isolated to a new DOM element. For instance, you can change the margin this way. diff --git a/docs/src/pages/components/breadcrumbs/ActiveLastBreadcrumb.js b/docs/data/material/components/breadcrumbs/ActiveLastBreadcrumb.js similarity index 100% rename from docs/src/pages/components/breadcrumbs/ActiveLastBreadcrumb.js rename to docs/data/material/components/breadcrumbs/ActiveLastBreadcrumb.js diff --git a/docs/src/pages/components/breadcrumbs/ActiveLastBreadcrumb.tsx b/docs/data/material/components/breadcrumbs/ActiveLastBreadcrumb.tsx similarity index 100% rename from docs/src/pages/components/breadcrumbs/ActiveLastBreadcrumb.tsx rename to docs/data/material/components/breadcrumbs/ActiveLastBreadcrumb.tsx diff --git a/docs/src/pages/components/breadcrumbs/BasicBreadcrumbs.js b/docs/data/material/components/breadcrumbs/BasicBreadcrumbs.js similarity index 100% rename from docs/src/pages/components/breadcrumbs/BasicBreadcrumbs.js rename to docs/data/material/components/breadcrumbs/BasicBreadcrumbs.js diff --git a/docs/src/pages/components/breadcrumbs/BasicBreadcrumbs.tsx b/docs/data/material/components/breadcrumbs/BasicBreadcrumbs.tsx similarity index 100% rename from docs/src/pages/components/breadcrumbs/BasicBreadcrumbs.tsx rename to docs/data/material/components/breadcrumbs/BasicBreadcrumbs.tsx diff --git a/docs/src/pages/components/breadcrumbs/BasicBreadcrumbs.tsx.preview b/docs/data/material/components/breadcrumbs/BasicBreadcrumbs.tsx.preview similarity index 100% rename from docs/src/pages/components/breadcrumbs/BasicBreadcrumbs.tsx.preview rename to docs/data/material/components/breadcrumbs/BasicBreadcrumbs.tsx.preview diff --git a/docs/src/pages/components/breadcrumbs/CollapsedBreadcrumbs.js b/docs/data/material/components/breadcrumbs/CollapsedBreadcrumbs.js similarity index 100% rename from docs/src/pages/components/breadcrumbs/CollapsedBreadcrumbs.js rename to docs/data/material/components/breadcrumbs/CollapsedBreadcrumbs.js diff --git a/docs/src/pages/components/breadcrumbs/CollapsedBreadcrumbs.tsx b/docs/data/material/components/breadcrumbs/CollapsedBreadcrumbs.tsx similarity index 100% rename from docs/src/pages/components/breadcrumbs/CollapsedBreadcrumbs.tsx rename to docs/data/material/components/breadcrumbs/CollapsedBreadcrumbs.tsx diff --git a/docs/src/pages/components/breadcrumbs/CollapsedBreadcrumbs.tsx.preview b/docs/data/material/components/breadcrumbs/CollapsedBreadcrumbs.tsx.preview similarity index 100% rename from docs/src/pages/components/breadcrumbs/CollapsedBreadcrumbs.tsx.preview rename to docs/data/material/components/breadcrumbs/CollapsedBreadcrumbs.tsx.preview diff --git a/docs/src/pages/components/breadcrumbs/CustomSeparator.js b/docs/data/material/components/breadcrumbs/CustomSeparator.js similarity index 100% rename from docs/src/pages/components/breadcrumbs/CustomSeparator.js rename to docs/data/material/components/breadcrumbs/CustomSeparator.js diff --git a/docs/src/pages/components/breadcrumbs/CustomSeparator.tsx b/docs/data/material/components/breadcrumbs/CustomSeparator.tsx similarity index 100% rename from docs/src/pages/components/breadcrumbs/CustomSeparator.tsx rename to docs/data/material/components/breadcrumbs/CustomSeparator.tsx diff --git a/docs/src/pages/components/breadcrumbs/CustomSeparator.tsx.preview b/docs/data/material/components/breadcrumbs/CustomSeparator.tsx.preview similarity index 100% rename from docs/src/pages/components/breadcrumbs/CustomSeparator.tsx.preview rename to docs/data/material/components/breadcrumbs/CustomSeparator.tsx.preview diff --git a/docs/src/pages/components/breadcrumbs/CustomizedBreadcrumbs.js b/docs/data/material/components/breadcrumbs/CustomizedBreadcrumbs.js similarity index 100% rename from docs/src/pages/components/breadcrumbs/CustomizedBreadcrumbs.js rename to docs/data/material/components/breadcrumbs/CustomizedBreadcrumbs.js diff --git a/docs/src/pages/components/breadcrumbs/CustomizedBreadcrumbs.tsx b/docs/data/material/components/breadcrumbs/CustomizedBreadcrumbs.tsx similarity index 100% rename from docs/src/pages/components/breadcrumbs/CustomizedBreadcrumbs.tsx rename to docs/data/material/components/breadcrumbs/CustomizedBreadcrumbs.tsx diff --git a/docs/src/pages/components/breadcrumbs/CustomizedBreadcrumbs.tsx.preview b/docs/data/material/components/breadcrumbs/CustomizedBreadcrumbs.tsx.preview similarity index 100% rename from docs/src/pages/components/breadcrumbs/CustomizedBreadcrumbs.tsx.preview rename to docs/data/material/components/breadcrumbs/CustomizedBreadcrumbs.tsx.preview diff --git a/docs/src/pages/components/breadcrumbs/IconBreadcrumbs.js b/docs/data/material/components/breadcrumbs/IconBreadcrumbs.js similarity index 100% rename from docs/src/pages/components/breadcrumbs/IconBreadcrumbs.js rename to docs/data/material/components/breadcrumbs/IconBreadcrumbs.js diff --git a/docs/src/pages/components/breadcrumbs/IconBreadcrumbs.tsx b/docs/data/material/components/breadcrumbs/IconBreadcrumbs.tsx similarity index 100% rename from docs/src/pages/components/breadcrumbs/IconBreadcrumbs.tsx rename to docs/data/material/components/breadcrumbs/IconBreadcrumbs.tsx diff --git a/docs/src/pages/components/breadcrumbs/RouterBreadcrumbs.js b/docs/data/material/components/breadcrumbs/RouterBreadcrumbs.js similarity index 100% rename from docs/src/pages/components/breadcrumbs/RouterBreadcrumbs.js rename to docs/data/material/components/breadcrumbs/RouterBreadcrumbs.js diff --git a/docs/src/pages/components/breadcrumbs/RouterBreadcrumbs.tsx b/docs/data/material/components/breadcrumbs/RouterBreadcrumbs.tsx similarity index 100% rename from docs/src/pages/components/breadcrumbs/RouterBreadcrumbs.tsx rename to docs/data/material/components/breadcrumbs/RouterBreadcrumbs.tsx diff --git a/docs/src/pages/components/breadcrumbs/breadcrumbs-pt.md b/docs/data/material/components/breadcrumbs/breadcrumbs-pt.md similarity index 78% rename from docs/src/pages/components/breadcrumbs/breadcrumbs-pt.md rename to docs/data/material/components/breadcrumbs/breadcrumbs-pt.md index a56d6f5e605601..1a24333db22ecb 100644 --- a/docs/src/pages/components/breadcrumbs/breadcrumbs-pt.md +++ b/docs/data/material/components/breadcrumbs/breadcrumbs-pt.md @@ -1,4 +1,5 @@ --- +product: material title: Componente React para Navegação estrutural components: Breadcrumbs, Link, Typography githubLabel: 'component: breadcrumbs' @@ -13,37 +14,37 @@ waiAria: 'https://www.w3.org/TR/wai-aria-practices/#breadcrumb' ## Navegação estrutural simples -{{"demo": "pages/components/breadcrumbs/BasicBreadcrumbs.js"}} +{{"demo": "BasicBreadcrumbs.js"}} ## Último caminho ativo Mantendo o último caminho de navegação interativo. -{{"demo": "pages/components/breadcrumbs/ActiveLastBreadcrumb.js"}} +{{"demo": "ActiveLastBreadcrumb.js"}} ## Separador customizado Nos exemplos a seguir, nós estamos usando dois separadores de string e um ícone SVG. -{{"demo": "pages/components/breadcrumbs/CustomSeparator.js"}} +{{"demo": "CustomSeparator.js"}} ## Navegação estrutural com ícones -{{"demo": "pages/components/breadcrumbs/IconBreadcrumbs.js"}} +{{"demo": "IconBreadcrumbs.js"}} ## Navegação estrutural retraída -{{"demo": "pages/components/breadcrumbs/CollapsedBreadcrumbs.js"}} +{{"demo": "CollapsedBreadcrumbs.js"}} ## Navegação estrutural customizada Aqui está um exemplo de customização do componente. Você pode aprender mais sobre isso na [página de documentação de sobrescritas](/customization/how-to-customize/). -{{"demo": "pages/components/breadcrumbs/CustomizedBreadcrumbs.js"}} +{{"demo": "CustomizedBreadcrumbs.js"}} ## Integração com react-router -{{"demo": "pages/components/breadcrumbs/RouterBreadcrumbs.js", "bg": true}} +{{"demo": "RouterBreadcrumbs.js", "bg": true}} ## Acessibilidade diff --git a/docs/src/pages/components/breadcrumbs/breadcrumbs-zh.md b/docs/data/material/components/breadcrumbs/breadcrumbs-zh.md similarity index 76% rename from docs/src/pages/components/breadcrumbs/breadcrumbs-zh.md rename to docs/data/material/components/breadcrumbs/breadcrumbs-zh.md index c056bb1c5f713d..0998af14734fbb 100644 --- a/docs/src/pages/components/breadcrumbs/breadcrumbs-zh.md +++ b/docs/data/material/components/breadcrumbs/breadcrumbs-zh.md @@ -1,4 +1,5 @@ --- +product: material title: React Breadcrumbs（面包屑导航）组件 components: Breadcrumbs, Link, Typography githubLabel: 'component: breadcrumbs' @@ -13,37 +14,37 @@ waiAria: 'https://www.w3.org/TR/wai-aria-practices/#breadcrumb' ## 简单的面包屑导航 -{{"demo": "pages/components/breadcrumbs/BasicBreadcrumbs.js"}} +{{"demo": "BasicBreadcrumbs.js"}} ## 激活最后一个面包屑导航 保持最后一个面包屑导航交互。 -{{"demo": "pages/components/breadcrumbs/ActiveLastBreadcrumb.js"}} +{{"demo": "ActiveLastBreadcrumb.js"}} ## 自定义分隔符 In the following examples, we are using two string separators and an SVG icon. -{{"demo": "pages/components/breadcrumbs/CustomSeparator.js"}} +{{"demo": "CustomSeparator.js"}} ## 带图标的面包屑导航 -{{"demo": "pages/components/breadcrumbs/IconBreadcrumbs.js"}} +{{"demo": "IconBreadcrumbs.js"}} ## 可折叠的面包屑导航 -{{"demo": "pages/components/breadcrumbs/CollapsedBreadcrumbs.js"}} +{{"demo": "CollapsedBreadcrumbs.js"}} ## 自定义的面包屑导航 以下是自定义组件的一个示例。 您可以在 [重写文档页面](/customization/how-to-customize/) 中了解更多有关此内容的信息。 -{{"demo": "pages/components/breadcrumbs/CustomizedBreadcrumbs.js"}} +{{"demo": "CustomizedBreadcrumbs.js"}} ## 与 react-router 的交互 -{{"demo": "pages/components/breadcrumbs/RouterBreadcrumbs.js", "bg": true}} +{{"demo": "RouterBreadcrumbs.js", "bg": true}} ## 无障碍设计 diff --git a/docs/src/pages/components/breadcrumbs/breadcrumbs.md b/docs/data/material/components/breadcrumbs/breadcrumbs.md similarity index 76% rename from docs/src/pages/components/breadcrumbs/breadcrumbs.md rename to docs/data/material/components/breadcrumbs/breadcrumbs.md index 5bc1a16186c0c8..4b0e209f47eb07 100644 --- a/docs/src/pages/components/breadcrumbs/breadcrumbs.md +++ b/docs/data/material/components/breadcrumbs/breadcrumbs.md @@ -1,4 +1,5 @@ --- +product: material title: React Breadcrumbs component components: Breadcrumbs, Link, Typography githubLabel: 'component: breadcrumbs' @@ -13,38 +14,38 @@ waiAria: https://www.w3.org/TR/wai-aria-practices/#breadcrumb ## Basic breadcrumbs -{{"demo": "pages/components/breadcrumbs/BasicBreadcrumbs.js"}} +{{"demo": "BasicBreadcrumbs.js"}} ## Active last breadcrumb Keep the last breadcrumb interactive. -{{"demo": "pages/components/breadcrumbs/ActiveLastBreadcrumb.js"}} +{{"demo": "ActiveLastBreadcrumb.js"}} ## Custom separator In the following examples, we are using two string separators and an SVG icon. -{{"demo": "pages/components/breadcrumbs/CustomSeparator.js"}} +{{"demo": "CustomSeparator.js"}} ## Breadcrumbs with icons -{{"demo": "pages/components/breadcrumbs/IconBreadcrumbs.js"}} +{{"demo": "IconBreadcrumbs.js"}} ## Collapsed breadcrumbs -{{"demo": "pages/components/breadcrumbs/CollapsedBreadcrumbs.js"}} +{{"demo": "CollapsedBreadcrumbs.js"}} ## Customization Here is an example of customizing the component. You can learn more about this in the [overrides documentation page](/customization/how-to-customize/). -{{"demo": "pages/components/breadcrumbs/CustomizedBreadcrumbs.js"}} +{{"demo": "CustomizedBreadcrumbs.js"}} ## Integration with react-router -{{"demo": "pages/components/breadcrumbs/RouterBreadcrumbs.js", "bg": true}} +{{"demo": "RouterBreadcrumbs.js", "bg": true}} ## Accessibility diff --git a/docs/src/pages/components/button-group/BasicButtonGroup.js b/docs/data/material/components/button-group/BasicButtonGroup.js similarity index 100% rename from docs/src/pages/components/button-group/BasicButtonGroup.js rename to docs/data/material/components/button-group/BasicButtonGroup.js diff --git a/docs/src/pages/components/button-group/BasicButtonGroup.tsx b/docs/data/material/components/button-group/BasicButtonGroup.tsx similarity index 100% rename from docs/src/pages/components/button-group/BasicButtonGroup.tsx rename to docs/data/material/components/button-group/BasicButtonGroup.tsx diff --git a/docs/src/pages/components/button-group/BasicButtonGroup.tsx.preview b/docs/data/material/components/button-group/BasicButtonGroup.tsx.preview similarity index 100% rename from docs/src/pages/components/button-group/BasicButtonGroup.tsx.preview rename to docs/data/material/components/button-group/BasicButtonGroup.tsx.preview diff --git a/docs/src/pages/components/button-group/DisableElevation.js b/docs/data/material/components/button-group/DisableElevation.js similarity index 100% rename from docs/src/pages/components/button-group/DisableElevation.js rename to docs/data/material/components/button-group/DisableElevation.js diff --git a/docs/src/pages/components/button-group/DisableElevation.tsx b/docs/data/material/components/button-group/DisableElevation.tsx similarity index 100% rename from docs/src/pages/components/button-group/DisableElevation.tsx rename to docs/data/material/components/button-group/DisableElevation.tsx diff --git a/docs/src/pages/components/button-group/DisableElevation.tsx.preview b/docs/data/material/components/button-group/DisableElevation.tsx.preview similarity index 100% rename from docs/src/pages/components/button-group/DisableElevation.tsx.preview rename to docs/data/material/components/button-group/DisableElevation.tsx.preview diff --git a/docs/src/pages/components/button-group/GroupOrientation.js b/docs/data/material/components/button-group/GroupOrientation.js similarity index 100% rename from docs/src/pages/components/button-group/GroupOrientation.js rename to docs/data/material/components/button-group/GroupOrientation.js diff --git a/docs/src/pages/components/button-group/GroupOrientation.tsx b/docs/data/material/components/button-group/GroupOrientation.tsx similarity index 100% rename from docs/src/pages/components/button-group/GroupOrientation.tsx rename to docs/data/material/components/button-group/GroupOrientation.tsx diff --git a/docs/src/pages/components/button-group/GroupSizesColors.js b/docs/data/material/components/button-group/GroupSizesColors.js similarity index 100% rename from docs/src/pages/components/button-group/GroupSizesColors.js rename to docs/data/material/components/button-group/GroupSizesColors.js diff --git a/docs/src/pages/components/button-group/GroupSizesColors.tsx b/docs/data/material/components/button-group/GroupSizesColors.tsx similarity index 100% rename from docs/src/pages/components/button-group/GroupSizesColors.tsx rename to docs/data/material/components/button-group/GroupSizesColors.tsx diff --git a/docs/src/pages/components/button-group/GroupSizesColors.tsx.preview b/docs/data/material/components/button-group/GroupSizesColors.tsx.preview similarity index 100% rename from docs/src/pages/components/button-group/GroupSizesColors.tsx.preview rename to docs/data/material/components/button-group/GroupSizesColors.tsx.preview diff --git a/docs/src/pages/components/button-group/SplitButton.js b/docs/data/material/components/button-group/SplitButton.js similarity index 100% rename from docs/src/pages/components/button-group/SplitButton.js rename to docs/data/material/components/button-group/SplitButton.js diff --git a/docs/src/pages/components/button-group/SplitButton.tsx b/docs/data/material/components/button-group/SplitButton.tsx similarity index 100% rename from docs/src/pages/components/button-group/SplitButton.tsx rename to docs/data/material/components/button-group/SplitButton.tsx diff --git a/docs/src/pages/components/button-group/VariantButtonGroup.js b/docs/data/material/components/button-group/VariantButtonGroup.js similarity index 100% rename from docs/src/pages/components/button-group/VariantButtonGroup.js rename to docs/data/material/components/button-group/VariantButtonGroup.js diff --git a/docs/src/pages/components/button-group/VariantButtonGroup.tsx b/docs/data/material/components/button-group/VariantButtonGroup.tsx similarity index 100% rename from docs/src/pages/components/button-group/VariantButtonGroup.tsx rename to docs/data/material/components/button-group/VariantButtonGroup.tsx diff --git a/docs/src/pages/components/button-group/VariantButtonGroup.tsx.preview b/docs/data/material/components/button-group/VariantButtonGroup.tsx.preview similarity index 100% rename from docs/src/pages/components/button-group/VariantButtonGroup.tsx.preview rename to docs/data/material/components/button-group/VariantButtonGroup.tsx.preview diff --git a/docs/src/pages/components/button-group/button-group-pt.md b/docs/data/material/components/button-group/button-group-pt.md similarity index 74% rename from docs/src/pages/components/button-group/button-group-pt.md rename to docs/data/material/components/button-group/button-group-pt.md index ed501ded9de099..c35a94c05dc72d 100644 --- a/docs/src/pages/components/button-group/button-group-pt.md +++ b/docs/data/material/components/button-group/button-group-pt.md @@ -1,4 +1,5 @@ --- +product: material title: Componente React para Grupo de botões components: Button, ButtonGroup githubLabel: 'component: ButtonGroup' @@ -14,34 +15,34 @@ githubLabel: 'component: ButtonGroup' Os botões podem ser agrupados envolvendo-os com o componente `ButtonGroup`. Eles precisam ser filhos imediatos. -{{"demo": "pages/components/button-group/BasicButtonGroup.js"}} +{{"demo": "BasicButtonGroup.js"}} ## Variantes de botão Todas as variantes padrão de botões são suportadas. -{{"demo": "pages/components/button-group/VariantButtonGroup.js"}} +{{"demo": "VariantButtonGroup.js"}} ## Tamanhos e cores As propriedades `size` e `color` podem ser usadas para controlar a aparência do grupo de botões. -{{"demo": "pages/components/button-group/GroupSizesColors.js"}} +{{"demo": "GroupSizesColors.js"}} ## Grupo vertical O grupo de botões pode ser exibido verticalmente usando a propriedade `orientation`. -{{"demo": "pages/components/button-group/GroupOrientation.js"}} +{{"demo": "GroupOrientation.js"}} ## Botão dividido `ButtonGroup` também pode ser usado para criar um botão dividido. A lista suspensa pode alterar a ação do botão (como neste exemplo) ou ser usada para acionar imediatamente uma ação relacionada. -{{"demo": "pages/components/button-group/SplitButton.js"}} +{{"demo": "SplitButton.js"}} ## Elevação desabilitada Você pode remover a elevação com a propriedade `disableElevation`. -{{"demo": "pages/components/button-group/DisableElevation.js"}} +{{"demo": "DisableElevation.js"}} diff --git a/docs/src/pages/components/button-group/button-group-zh.md b/docs/data/material/components/button-group/button-group-zh.md similarity index 66% rename from docs/src/pages/components/button-group/button-group-zh.md rename to docs/data/material/components/button-group/button-group-zh.md index 09849765fd6981..68a426d5d14408 100644 --- a/docs/src/pages/components/button-group/button-group-zh.md +++ b/docs/data/material/components/button-group/button-group-zh.md @@ -1,4 +1,5 @@ --- +product: material title: React ButtonGroup（按钮组）组件 components: Button, ButtonGroup githubLabel: '组件：按钮组' @@ -14,34 +15,34 @@ githubLabel: '组件：按钮组' The buttons can be grouped by wrapping them with the `ButtonGroup` component. They need to be immediate children. 它们必须是直接的子组件。 -{{"demo": "pages/components/button-group/BasicButtonGroup.js"}} +{{"demo": "BasicButtonGroup.js"}} ## Button variants All the standard button variants are supported. -{{"demo": "pages/components/button-group/VariantButtonGroup.js"}} +{{"demo": "VariantButtonGroup.js"}} ## 大小和颜色 `size` 和 `color` 属性可以用于控制按钮组的外观。 -{{"demo": "pages/components/button-group/GroupSizesColors.js"}} +{{"demo": "GroupSizesColors.js"}} ## Vertical group 垂直组 可以使用 `orientation` 属性让按钮组垂直排列。 -{{"demo": "pages/components/button-group/GroupOrientation.js"}} +{{"demo": "GroupOrientation.js"}} ## Split button 分体式按钮 -`按钮组组件`也可用于创建分体式按钮。 下拉列表可以改变其按钮action（如此例所示），或者被用于立即触发一个与下拉列表相关的action。 +`按钮组组件`也可用于创建分体式按钮。 下拉列表可以改变其按钮 action（如此例所示），或者被用于立即触发一个与下拉列表相关的 action。 -{{"demo": "pages/components/button-group/SplitButton.js"}} +{{"demo": "SplitButton.js"}} ## Disabled elevation 禁用立体效果（elevation） 你也可以使用属性 `disableElevation` 属性来消除实心按钮的立体效果。 -{{"demo": "pages/components/button-group/DisableElevation.js"}} +{{"demo": "DisableElevation.js"}} diff --git a/docs/src/pages/components/button-group/button-group.md b/docs/data/material/components/button-group/button-group.md similarity index 71% rename from docs/src/pages/components/button-group/button-group.md rename to docs/data/material/components/button-group/button-group.md index d75e0f9b936581..61322fbe850161 100644 --- a/docs/src/pages/components/button-group/button-group.md +++ b/docs/data/material/components/button-group/button-group.md @@ -1,4 +1,5 @@ --- +product: material title: React ButtonGroup component components: Button, ButtonGroup githubLabel: 'component: ButtonGroup' @@ -15,34 +16,34 @@ githubLabel: 'component: ButtonGroup' The buttons can be grouped by wrapping them with the `ButtonGroup` component. They need to be immediate children. -{{"demo": "pages/components/button-group/BasicButtonGroup.js"}} +{{"demo": "BasicButtonGroup.js"}} ## Button variants All the standard button variants are supported. -{{"demo": "pages/components/button-group/VariantButtonGroup.js"}} +{{"demo": "VariantButtonGroup.js"}} ## Sizes and colors The `size` and `color` props can be used to control the appearance of the button group. -{{"demo": "pages/components/button-group/GroupSizesColors.js"}} +{{"demo": "GroupSizesColors.js"}} ## Vertical group The button group can be displayed vertically using the `orientation` prop. -{{"demo": "pages/components/button-group/GroupOrientation.js"}} +{{"demo": "GroupOrientation.js"}} ## Split button `ButtonGroup` can also be used to create a split button. The dropdown can change the button action (as in this example) or be used to immediately trigger a related action. -{{"demo": "pages/components/button-group/SplitButton.js"}} +{{"demo": "SplitButton.js"}} ## Disabled elevation You can remove the elevation with the `disableElevation` prop. -{{"demo": "pages/components/button-group/DisableElevation.js"}} +{{"demo": "DisableElevation.js"}} diff --git a/docs/src/pages/components/buttons/BasicButtons.js b/docs/data/material/components/buttons/BasicButtons.js similarity index 100% rename from docs/src/pages/components/buttons/BasicButtons.js rename to docs/data/material/components/buttons/BasicButtons.js diff --git a/docs/src/pages/components/buttons/BasicButtons.tsx b/docs/data/material/components/buttons/BasicButtons.tsx similarity index 100% rename from docs/src/pages/components/buttons/BasicButtons.tsx rename to docs/data/material/components/buttons/BasicButtons.tsx diff --git a/docs/src/pages/components/buttons/BasicButtons.tsx.preview b/docs/data/material/components/buttons/BasicButtons.tsx.preview similarity index 100% rename from docs/src/pages/components/buttons/BasicButtons.tsx.preview rename to docs/data/material/components/buttons/BasicButtons.tsx.preview diff --git a/docs/src/pages/components/buttons/ButtonBase.js b/docs/data/material/components/buttons/ButtonBase.js similarity index 100% rename from docs/src/pages/components/buttons/ButtonBase.js rename to docs/data/material/components/buttons/ButtonBase.js diff --git a/docs/src/pages/components/buttons/ButtonBase.tsx b/docs/data/material/components/buttons/ButtonBase.tsx similarity index 100% rename from docs/src/pages/components/buttons/ButtonBase.tsx rename to docs/data/material/components/buttons/ButtonBase.tsx diff --git a/docs/src/pages/components/buttons/ButtonSizes.js b/docs/data/material/components/buttons/ButtonSizes.js similarity index 100% rename from docs/src/pages/components/buttons/ButtonSizes.js rename to docs/data/material/components/buttons/ButtonSizes.js diff --git a/docs/src/pages/components/buttons/ButtonSizes.tsx b/docs/data/material/components/buttons/ButtonSizes.tsx similarity index 100% rename from docs/src/pages/components/buttons/ButtonSizes.tsx rename to docs/data/material/components/buttons/ButtonSizes.tsx diff --git a/docs/src/pages/components/buttons/ColorButtons.js b/docs/data/material/components/buttons/ColorButtons.js similarity index 100% rename from docs/src/pages/components/buttons/ColorButtons.js rename to docs/data/material/components/buttons/ColorButtons.js diff --git a/docs/src/pages/components/buttons/ColorButtons.tsx b/docs/data/material/components/buttons/ColorButtons.tsx similarity index 100% rename from docs/src/pages/components/buttons/ColorButtons.tsx rename to docs/data/material/components/buttons/ColorButtons.tsx diff --git a/docs/src/pages/components/buttons/ColorButtons.tsx.preview b/docs/data/material/components/buttons/ColorButtons.tsx.preview similarity index 100% rename from docs/src/pages/components/buttons/ColorButtons.tsx.preview rename to docs/data/material/components/buttons/ColorButtons.tsx.preview diff --git a/docs/src/pages/components/buttons/ContainedButtons.js b/docs/data/material/components/buttons/ContainedButtons.js similarity index 100% rename from docs/src/pages/components/buttons/ContainedButtons.js rename to docs/data/material/components/buttons/ContainedButtons.js diff --git a/docs/src/pages/components/buttons/ContainedButtons.tsx b/docs/data/material/components/buttons/ContainedButtons.tsx similarity index 100% rename from docs/src/pages/components/buttons/ContainedButtons.tsx rename to docs/data/material/components/buttons/ContainedButtons.tsx diff --git a/docs/src/pages/components/buttons/ContainedButtons.tsx.preview b/docs/data/material/components/buttons/ContainedButtons.tsx.preview similarity index 100% rename from docs/src/pages/components/buttons/ContainedButtons.tsx.preview rename to docs/data/material/components/buttons/ContainedButtons.tsx.preview diff --git a/docs/src/pages/components/buttons/CustomizedButtons.js b/docs/data/material/components/buttons/CustomizedButtons.js similarity index 100% rename from docs/src/pages/components/buttons/CustomizedButtons.js rename to docs/data/material/components/buttons/CustomizedButtons.js diff --git a/docs/src/pages/components/buttons/CustomizedButtons.tsx b/docs/data/material/components/buttons/CustomizedButtons.tsx similarity index 100% rename from docs/src/pages/components/buttons/CustomizedButtons.tsx rename to docs/data/material/components/buttons/CustomizedButtons.tsx diff --git a/docs/src/pages/components/buttons/CustomizedButtons.tsx.preview b/docs/data/material/components/buttons/CustomizedButtons.tsx.preview similarity index 100% rename from docs/src/pages/components/buttons/CustomizedButtons.tsx.preview rename to docs/data/material/components/buttons/CustomizedButtons.tsx.preview diff --git a/docs/src/pages/components/buttons/DisableElevation.js b/docs/data/material/components/buttons/DisableElevation.js similarity index 100% rename from docs/src/pages/components/buttons/DisableElevation.js rename to docs/data/material/components/buttons/DisableElevation.js diff --git a/docs/src/pages/components/buttons/DisableElevation.tsx b/docs/data/material/components/buttons/DisableElevation.tsx similarity index 100% rename from docs/src/pages/components/buttons/DisableElevation.tsx rename to docs/data/material/components/buttons/DisableElevation.tsx diff --git a/docs/src/pages/components/buttons/DisableElevation.tsx.preview b/docs/data/material/components/buttons/DisableElevation.tsx.preview similarity index 100% rename from docs/src/pages/components/buttons/DisableElevation.tsx.preview rename to docs/data/material/components/buttons/DisableElevation.tsx.preview diff --git a/docs/src/pages/components/buttons/IconButtonColors.js b/docs/data/material/components/buttons/IconButtonColors.js similarity index 100% rename from docs/src/pages/components/buttons/IconButtonColors.js rename to docs/data/material/components/buttons/IconButtonColors.js diff --git a/docs/src/pages/components/buttons/IconButtonColors.tsx b/docs/data/material/components/buttons/IconButtonColors.tsx similarity index 100% rename from docs/src/pages/components/buttons/IconButtonColors.tsx rename to docs/data/material/components/buttons/IconButtonColors.tsx diff --git a/docs/src/pages/components/buttons/IconButtonColors.tsx.preview b/docs/data/material/components/buttons/IconButtonColors.tsx.preview similarity index 100% rename from docs/src/pages/components/buttons/IconButtonColors.tsx.preview rename to docs/data/material/components/buttons/IconButtonColors.tsx.preview diff --git a/docs/src/pages/components/buttons/IconButtonSizes.js b/docs/data/material/components/buttons/IconButtonSizes.js similarity index 100% rename from docs/src/pages/components/buttons/IconButtonSizes.js rename to docs/data/material/components/buttons/IconButtonSizes.js diff --git a/docs/src/pages/components/buttons/IconButtonSizes.tsx b/docs/data/material/components/buttons/IconButtonSizes.tsx similarity index 100% rename from docs/src/pages/components/buttons/IconButtonSizes.tsx rename to docs/data/material/components/buttons/IconButtonSizes.tsx diff --git a/docs/src/pages/components/buttons/IconButtonSizes.tsx.preview b/docs/data/material/components/buttons/IconButtonSizes.tsx.preview similarity index 100% rename from docs/src/pages/components/buttons/IconButtonSizes.tsx.preview rename to docs/data/material/components/buttons/IconButtonSizes.tsx.preview diff --git a/docs/src/pages/components/buttons/IconButtons.js b/docs/data/material/components/buttons/IconButtons.js similarity index 100% rename from docs/src/pages/components/buttons/IconButtons.js rename to docs/data/material/components/buttons/IconButtons.js diff --git a/docs/src/pages/components/buttons/IconButtons.tsx b/docs/data/material/components/buttons/IconButtons.tsx similarity index 100% rename from docs/src/pages/components/buttons/IconButtons.tsx rename to docs/data/material/components/buttons/IconButtons.tsx diff --git a/docs/src/pages/components/buttons/IconButtons.tsx.preview b/docs/data/material/components/buttons/IconButtons.tsx.preview similarity index 100% rename from docs/src/pages/components/buttons/IconButtons.tsx.preview rename to docs/data/material/components/buttons/IconButtons.tsx.preview diff --git a/docs/src/pages/components/buttons/IconLabelButtons.js b/docs/data/material/components/buttons/IconLabelButtons.js similarity index 100% rename from docs/src/pages/components/buttons/IconLabelButtons.js rename to docs/data/material/components/buttons/IconLabelButtons.js diff --git a/docs/src/pages/components/buttons/IconLabelButtons.tsx b/docs/data/material/components/buttons/IconLabelButtons.tsx similarity index 100% rename from docs/src/pages/components/buttons/IconLabelButtons.tsx rename to docs/data/material/components/buttons/IconLabelButtons.tsx diff --git a/docs/src/pages/components/buttons/IconLabelButtons.tsx.preview b/docs/data/material/components/buttons/IconLabelButtons.tsx.preview similarity index 100% rename from docs/src/pages/components/buttons/IconLabelButtons.tsx.preview rename to docs/data/material/components/buttons/IconLabelButtons.tsx.preview diff --git a/docs/src/pages/components/buttons/LoadingButtons.js b/docs/data/material/components/buttons/LoadingButtons.js similarity index 100% rename from docs/src/pages/components/buttons/LoadingButtons.js rename to docs/data/material/components/buttons/LoadingButtons.js diff --git a/docs/src/pages/components/buttons/LoadingButtons.tsx b/docs/data/material/components/buttons/LoadingButtons.tsx similarity index 100% rename from docs/src/pages/components/buttons/LoadingButtons.tsx rename to docs/data/material/components/buttons/LoadingButtons.tsx diff --git a/docs/src/pages/components/buttons/LoadingButtons.tsx.preview b/docs/data/material/components/buttons/LoadingButtons.tsx.preview similarity index 100% rename from docs/src/pages/components/buttons/LoadingButtons.tsx.preview rename to docs/data/material/components/buttons/LoadingButtons.tsx.preview diff --git a/docs/src/pages/components/buttons/LoadingButtonsTransition.js b/docs/data/material/components/buttons/LoadingButtonsTransition.js similarity index 100% rename from docs/src/pages/components/buttons/LoadingButtonsTransition.js rename to docs/data/material/components/buttons/LoadingButtonsTransition.js diff --git a/docs/src/pages/components/buttons/LoadingButtonsTransition.tsx b/docs/data/material/components/buttons/LoadingButtonsTransition.tsx similarity index 100% rename from docs/src/pages/components/buttons/LoadingButtonsTransition.tsx rename to docs/data/material/components/buttons/LoadingButtonsTransition.tsx diff --git a/docs/src/pages/components/buttons/OutlinedButtons.js b/docs/data/material/components/buttons/OutlinedButtons.js similarity index 100% rename from docs/src/pages/components/buttons/OutlinedButtons.js rename to docs/data/material/components/buttons/OutlinedButtons.js diff --git a/docs/src/pages/components/buttons/OutlinedButtons.tsx b/docs/data/material/components/buttons/OutlinedButtons.tsx similarity index 100% rename from docs/src/pages/components/buttons/OutlinedButtons.tsx rename to docs/data/material/components/buttons/OutlinedButtons.tsx diff --git a/docs/src/pages/components/buttons/OutlinedButtons.tsx.preview b/docs/data/material/components/buttons/OutlinedButtons.tsx.preview similarity index 100% rename from docs/src/pages/components/buttons/OutlinedButtons.tsx.preview rename to docs/data/material/components/buttons/OutlinedButtons.tsx.preview diff --git a/docs/src/pages/components/buttons/TextButtons.js b/docs/data/material/components/buttons/TextButtons.js similarity index 100% rename from docs/src/pages/components/buttons/TextButtons.js rename to docs/data/material/components/buttons/TextButtons.js diff --git a/docs/src/pages/components/buttons/TextButtons.tsx b/docs/data/material/components/buttons/TextButtons.tsx similarity index 100% rename from docs/src/pages/components/buttons/TextButtons.tsx rename to docs/data/material/components/buttons/TextButtons.tsx diff --git a/docs/src/pages/components/buttons/TextButtons.tsx.preview b/docs/data/material/components/buttons/TextButtons.tsx.preview similarity index 100% rename from docs/src/pages/components/buttons/TextButtons.tsx.preview rename to docs/data/material/components/buttons/TextButtons.tsx.preview diff --git a/docs/src/pages/components/buttons/UnstyledButtonCustom.js b/docs/data/material/components/buttons/UnstyledButtonCustom.js similarity index 100% rename from docs/src/pages/components/buttons/UnstyledButtonCustom.js rename to docs/data/material/components/buttons/UnstyledButtonCustom.js diff --git a/docs/src/pages/components/buttons/UnstyledButtonCustom.tsx b/docs/data/material/components/buttons/UnstyledButtonCustom.tsx similarity index 100% rename from docs/src/pages/components/buttons/UnstyledButtonCustom.tsx rename to docs/data/material/components/buttons/UnstyledButtonCustom.tsx diff --git a/docs/src/pages/components/buttons/UnstyledButtonCustom.tsx.preview b/docs/data/material/components/buttons/UnstyledButtonCustom.tsx.preview similarity index 100% rename from docs/src/pages/components/buttons/UnstyledButtonCustom.tsx.preview rename to docs/data/material/components/buttons/UnstyledButtonCustom.tsx.preview diff --git a/docs/src/pages/components/buttons/UnstyledButtonsSimple.js b/docs/data/material/components/buttons/UnstyledButtonsSimple.js similarity index 100% rename from docs/src/pages/components/buttons/UnstyledButtonsSimple.js rename to docs/data/material/components/buttons/UnstyledButtonsSimple.js diff --git a/docs/src/pages/components/buttons/UnstyledButtonsSimple.tsx b/docs/data/material/components/buttons/UnstyledButtonsSimple.tsx similarity index 100% rename from docs/src/pages/components/buttons/UnstyledButtonsSimple.tsx rename to docs/data/material/components/buttons/UnstyledButtonsSimple.tsx diff --git a/docs/src/pages/components/buttons/UnstyledButtonsSimple.tsx.preview b/docs/data/material/components/buttons/UnstyledButtonsSimple.tsx.preview similarity index 100% rename from docs/src/pages/components/buttons/UnstyledButtonsSimple.tsx.preview rename to docs/data/material/components/buttons/UnstyledButtonsSimple.tsx.preview diff --git a/docs/src/pages/components/buttons/UnstyledButtonsSpan.js b/docs/data/material/components/buttons/UnstyledButtonsSpan.js similarity index 100% rename from docs/src/pages/components/buttons/UnstyledButtonsSpan.js rename to docs/data/material/components/buttons/UnstyledButtonsSpan.js diff --git a/docs/src/pages/components/buttons/UnstyledButtonsSpan.tsx b/docs/data/material/components/buttons/UnstyledButtonsSpan.tsx similarity index 100% rename from docs/src/pages/components/buttons/UnstyledButtonsSpan.tsx rename to docs/data/material/components/buttons/UnstyledButtonsSpan.tsx diff --git a/docs/src/pages/components/buttons/UnstyledButtonsSpan.tsx.preview b/docs/data/material/components/buttons/UnstyledButtonsSpan.tsx.preview similarity index 100% rename from docs/src/pages/components/buttons/UnstyledButtonsSpan.tsx.preview rename to docs/data/material/components/buttons/UnstyledButtonsSpan.tsx.preview diff --git a/docs/src/pages/components/buttons/UploadButtons.js b/docs/data/material/components/buttons/UploadButtons.js similarity index 100% rename from docs/src/pages/components/buttons/UploadButtons.js rename to docs/data/material/components/buttons/UploadButtons.js diff --git a/docs/src/pages/components/buttons/UploadButtons.tsx b/docs/data/material/components/buttons/UploadButtons.tsx similarity index 100% rename from docs/src/pages/components/buttons/UploadButtons.tsx rename to docs/data/material/components/buttons/UploadButtons.tsx diff --git a/docs/src/pages/components/buttons/UploadButtons.tsx.preview b/docs/data/material/components/buttons/UploadButtons.tsx.preview similarity index 100% rename from docs/src/pages/components/buttons/UploadButtons.tsx.preview rename to docs/data/material/components/buttons/UploadButtons.tsx.preview diff --git a/docs/src/pages/components/buttons/UseButton.js b/docs/data/material/components/buttons/UseButton.js similarity index 100% rename from docs/src/pages/components/buttons/UseButton.js rename to docs/data/material/components/buttons/UseButton.js diff --git a/docs/src/pages/components/buttons/UseButton.tsx b/docs/data/material/components/buttons/UseButton.tsx similarity index 100% rename from docs/src/pages/components/buttons/UseButton.tsx rename to docs/data/material/components/buttons/UseButton.tsx diff --git a/docs/src/pages/components/buttons/UseButton.tsx.preview b/docs/data/material/components/buttons/UseButton.tsx.preview similarity index 100% rename from docs/src/pages/components/buttons/UseButton.tsx.preview rename to docs/data/material/components/buttons/UseButton.tsx.preview diff --git a/docs/src/pages/components/buttons/buttons-pt.md b/docs/data/material/components/buttons/buttons-pt.md similarity index 83% rename from docs/src/pages/components/buttons/buttons-pt.md rename to docs/data/material/components/buttons/buttons-pt.md index 1cc16f29cea1e2..6f973742c2efd7 100644 --- a/docs/src/pages/components/buttons/buttons-pt.md +++ b/docs/data/material/components/buttons/buttons-pt.md @@ -1,4 +1,5 @@ --- +product: material title: Componente React para Botão components: Button, IconButton, ButtonBase materialDesign: https://material.io/components/buttons @@ -23,23 +24,23 @@ waiAria: 'https://www.w3.org/TR/wai-aria-practices/#button' O `Botão` vem com três variantes: texto (padrão), contido e delineado. -{{"demo": "pages/components/buttons/BasicButtons.js"}} +{{"demo": "BasicButtons.js"}} ### Botões de texto [Text buttons](https://material.io/components/buttons#text-button) are typically used for less-pronounced actions, including those located: in dialogs, in cards. Em cartões, os botões de texto ajudam a manter a ênfase no conteúdo do cartão. -{{"demo": "pages/components/buttons/TextButtons.js"}} +{{"demo": "TextButtons.js"}} ### Botões contidos [Botões Contidos](https://material.io/design/components/buttons.html#contained-button) tem alta ênfase, distinguem-se pelo uso de elevação e preenchimento. Eles contém as principais ações da sua aplicação. -{{"demo": "pages/components/buttons/ContainedButtons.js"}} +{{"demo": "ContainedButtons.js"}} Você pode remover a elevação com a propriedade `disableElevation`. -{{"demo": "pages/components/buttons/DisableElevation.js"}} +{{"demo": "DisableElevation.js"}} ### Botões delineados @@ -47,21 +48,27 @@ Você pode remover a elevação com a propriedade `disableElevation`. Botões delineados são uma alternativa de menor ênfase comparado com botões contidos, ou uma uma alternativa de maior ênfase comparado com botões de texto. -{{"demo": "pages/components/buttons/OutlinedButtons.js"}} +{{"demo": "OutlinedButtons.js"}} ## Manipulando cliques Todos os componentes aceitam um método manipulador `onClick` que é aplicado ao elemento DOM raiz. ```jsx - + ``` Note que a documentação [evita](/guides/api/#native-properties) mencionar as propriedades nativas (existem várias) na seção de API dos componentes. ## Cor -{{"demo": "pages/components/buttons/ColorButtons.js"}} +{{"demo": "ColorButtons.js"}} Além de usar as cores de botão padrão, você pode adicionar outras personalizadas ou desativar as que não forem necessárias. See the [Adding new colors](/customization/palette/#adding-new-colors) example for more info. @@ -69,17 +76,17 @@ Além de usar as cores de botão padrão, você pode adicionar outras personaliz For larger or smaller buttons, use the `size` prop. -{{"demo": "pages/components/buttons/ButtonSizes.js"}} +{{"demo": "ButtonSizes.js"}} ## Botão de upload -{{"demo": "pages/components/buttons/UploadButtons.js"}} +{{"demo": "UploadButtons.js"}} ## Botões com ícones e rótulo Às vezes você pode querer ter ícones para certos botões para aprimorar a experiência do usuário, pois reconhecem logotipos mais facilmente do que texto. Por exemplo, se você tem um botão com a ação de "deletar", você pode rotulá-lo com o ícone de lata de lixo. -{{"demo": "pages/components/buttons/IconLabelButtons.js"}} +{{"demo": "IconLabelButtons.js"}} ## Ícone do botão @@ -87,25 +94,25 @@ Botões de ícones são comumente encontrados em barras de aplicativos e barras Ícones são também adequados para botões de alternância que permitem uma escolha única para ser selecionado ou desmarcado, como adicionar ou remover uma estrela para um item. -{{"demo": "pages/components/buttons/IconButtons.js"}} +{{"demo": "IconButtons.js"}} ### Tamanhos For larger or smaller icon buttons, use the `size` prop. -{{"demo": "pages/components/buttons/IconButtonSizes.js"}} +{{"demo": "IconButtonSizes.js"}} ### Cores Use a propriedade `color` para aplicar uma paleta de cores ao componente. -{{"demo": "pages/components/buttons/IconButtonColors.js"}} +{{"demo": "IconButtonColors.js"}} ## Botões customizados Aqui estão alguns exemplos de customização do componente. Você pode aprender mais sobre isso na [página de documentação de sobrescritas](/customization/how-to-customize/). -{{"demo": "pages/components/buttons/CustomizedButtons.js", "defaultCodeOpen": false}} +{{"demo": "CustomizedButtons.js", "defaultCodeOpen": false}} 🎨 If you are looking for inspiration, you can check [MUI Treasury's customization examples](https://mui-treasury.com/styles/button/). @@ -113,17 +120,17 @@ Aqui estão alguns exemplos de customização do componente. Você pode aprender Os botões de carregamento podem mostrar estado de carregamento e desativar as interações. -{{"demo": "pages/components/buttons/LoadingButtons.js"}} +{{"demo": "LoadingButtons.js"}} Alterne o interruptor de carregamento para ver a transição entre os diferentes estados. -{{"demo": "pages/components/buttons/LoadingButtonsTransition.js"}} +{{"demo": "LoadingButtonsTransition.js"}} ## Botão complexo Os botões de texto, botões contidos, botões de ação flutuante e botões de ícone são construídos com base no mesmo componente: O componente `ButtonBase`. Você pode usar esse componente para construir interações diferentes. -{{"demo": "pages/components/buttons/ButtonBase.js"}} +{{"demo": "ButtonBase.js"}} ## Biblioteca de roteamento de terceiros @@ -156,10 +163,10 @@ Então: ```jsx - - + + ``` Isso tem a vantagem de suportar qualquer elemento, por exemplo, um elemento de link ``. @@ -174,13 +181,13 @@ The button also comes with an unstyled version. It's ideal for doing heavy custo import ButtonUnstyled from '@mui/base/ButtonUnstyled'; ``` -{{"demo": "pages/components/buttons/UnstyledButtonsSimple.js"}} +{{"demo": "UnstyledButtonsSimple.js"}} #### Customizando o elemento raiz By default, the `ButtonUnstyled` renders a native `button` element. You are free to override this by setting the `component` or `components.Root` prop. If a non-interactive element (such as a span) is provided this way, the `ButtonUnstyled` will take care of adding accessibility attributes. -{{"demo": "pages/components/buttons/UnstyledButtonsSpan.js"}} +{{"demo": "UnstyledButtonsSpan.js"}} Compare the attributes on the span with the button from the previous demo. @@ -188,7 +195,7 @@ Compare the attributes on the span with the button from the previous demo. You are not limited to using HTML elements for the button structure. Elementos SVG, mesmo que com uma estrutura complexa, são igualmente aceitáveis. -{{"demo": "pages/components/buttons/UnstyledButtonCustom.js"}} +{{"demo": "UnstyledButtonCustom.js"}} ### useButton hook @@ -200,4 +207,4 @@ If you need to use Button's functionality in another component, you can use the The `useButton` hook requires the ref of the element it'll be used on. Additionally, you need to provide the `component` prop (unless you intend to use the plain `button`). -{{"demo": "pages/components/buttons/UseButton.js"}} +{{"demo": "UseButton.js"}} diff --git a/docs/src/pages/components/buttons/buttons-zh.md b/docs/data/material/components/buttons/buttons-zh.md similarity index 84% rename from docs/src/pages/components/buttons/buttons-zh.md rename to docs/data/material/components/buttons/buttons-zh.md index 1ad538abf9e108..131420cb9c6684 100644 --- a/docs/src/pages/components/buttons/buttons-zh.md +++ b/docs/data/material/components/buttons/buttons-zh.md @@ -1,4 +1,5 @@ --- +product: material title: React Button（按钮）组件 components: Button, IconButton, ButtonBase, LoadingButton materialDesign: https://material.io/components/buttons @@ -23,23 +24,23 @@ waiAria: 'https://www.w3.org/TR/wai-aria-practices/#button' `Button`（按钮）组件有三种形式：文本（默认值）、实心，以及描边。 -{{"demo": "pages/components/buttons/BasicButtons.js"}} +{{"demo": "BasicButtons.js"}} ### 文本按钮 [Text buttons](https://material.io/components/buttons#text-button) are typically used for less-pronounced actions, including those located: in dialogs, in cards. 在卡片中，文本按钮有助于强调卡片的内容。 在卡片中，文本按钮有助于强调卡片的内容。 -{{"demo": "pages/components/buttons/TextButtons.js"}} +{{"demo": "TextButtons.js"}} ### 实心按钮 [实心按钮](https://material.io/design/components/buttons.html#contained-button) 表示高度的强调，你根据它们的立体效果和填充颜色来区分彼此。 它们用于触发应用程序所具有的主要功能。 -{{"demo": "pages/components/buttons/ContainedButtons.js"}} +{{"demo": "ContainedButtons.js"}} 你也可以使用属性 `disableElevation` 属性来消除实心按钮的立体效果。 -{{"demo": "pages/components/buttons/DisableElevation.js"}} +{{"demo": "DisableElevation.js"}} ### 描边按钮 @@ -47,7 +48,7 @@ waiAria: 'https://www.w3.org/TR/wai-aria-practices/#button' 你也可以将描边按钮作为比实心按钮次要一点的替代方案，或者用来作为比文本按钮重要一点的展示。 -{{"demo": "pages/components/buttons/OutlinedButtons.js"}} +{{"demo": "OutlinedButtons.js"}} ## Handling clicks 处理点击 @@ -67,7 +68,7 @@ waiAria: 'https://www.w3.org/TR/wai-aria-practices/#button' ## Color 颜色 -{{"demo": "pages/components/buttons/ColorButtons.js"}} +{{"demo": "ColorButtons.js"}} In addition to using the default button colors, you can add custom ones, or disable any you don't need. See the [Adding new colors](/customization/palette/#adding-new-colors) example for more info. See the [Adding new colors](/customization/palette/#adding-new-colors) example for more info. @@ -75,17 +76,17 @@ In addition to using the default button colors, you can add custom ones, or disa For larger or smaller buttons, use the `size` prop. -{{"demo": "pages/components/buttons/ButtonSizes.js"}} +{{"demo": "ButtonSizes.js"}} ## Upload button 上传按钮 -{{"demo": "pages/components/buttons/UploadButtons.js"}} +{{"demo": "UploadButtons.js"}} -## 带有icons（图标）和 label（标签）的按钮 +## 带有 icons（图标）和 label（标签）的按钮 因为相比纯文本来说用户对图标更敏感，所以有些时候你可能希望为某些按钮设置图标，以增强应用程序的用户体验。 例如，如果您有删除按钮，则可以使用垃圾箱图标对其进行标记。 -{{"demo": "pages/components/buttons/IconLabelButtons.js"}} +{{"demo": "IconLabelButtons.js"}} ## 图标按钮 @@ -93,25 +94,25 @@ For larger or smaller buttons, use the `size` prop. 图标也适用于允许选择单个选项的切换按钮或取消选择，例如向项目添加或删除星标。 -{{"demo": "pages/components/buttons/IconButtons.js"}} +{{"demo": "IconButtons.js"}} ### 尺寸 如果需要更大或者更小的图标按钮，请使用`size`属性。 -{{"demo": "pages/components/buttons/IconButtonSizes.js"}} +{{"demo": "IconButtonSizes.js"}} ### Cursor 鼠标悬浮的禁用 使用 `color`属性来把调色板应用到组件上。 -{{"demo": "pages/components/buttons/IconButtonColors.js"}} +{{"demo": "IconButtonColors.js"}} ## Customized Buttons（自定义按钮） 你可以参考以下一些例子来自定义组件。 您可以在 [重写文档页面](/customization/how-to-customize/) 中了解更多有关此内容的信息。 -{{"demo": "pages/components/buttons/CustomizedButtons.js", "defaultCodeOpen": false}} +{{"demo": "CustomizedButtons.js", "defaultCodeOpen": false}} 🎨 If you are looking for inspiration, you can check [MUI Treasury's customization examples](https://mui-treasury.com/styles/button/). @@ -119,17 +120,17 @@ For larger or smaller buttons, use the `size` prop. The loading buttons can show loading state and disable interactions. -{{"demo": "pages/components/buttons/LoadingButtons.js"}} +{{"demo": "LoadingButtons.js"}} 切换此切换按钮，可以查看不同状态之间的转换。 -{{"demo": "pages/components/buttons/LoadingButtonsTransition.js"}} +{{"demo": "LoadingButtonsTransition.js"}} ## 组合按钮 文本按钮，包含按钮，浮动操作按钮和图标按钮构建在同一组件之上：`ButtonBase`。 你可以利用这种低级组件来构建自定义交互功能。 -{{"demo": "pages/components/buttons/ButtonBase.js"}} +{{"demo": "ButtonBase.js"}} ## Third-party routing library（第三方路由库） @@ -179,13 +180,13 @@ The button also comes with an unstyled version. It's ideal for doing heavy custo import ButtonUnstyled from '@mui/base/ButtonUnstyled'; ``` -{{"demo": "pages/components/buttons/UnstyledButtonsSimple.js"}} +{{"demo": "UnstyledButtonsSimple.js"}} #### Customizing the root element By default, the `ButtonUnstyled` renders a native `button` element. You are free to override this by setting the `component` or `components.Root` prop. If a non-interactive element (such as a span) is provided this way, the `ButtonUnstyled` will take care of adding accessibility attributes. -{{"demo": "pages/components/buttons/UnstyledButtonsSpan.js"}} +{{"demo": "UnstyledButtonsSpan.js"}} Compare the attributes on the span with the button from the previous demo. @@ -193,7 +194,7 @@ Compare the attributes on the span with the button from the previous demo. You are not limited to using HTML elements for the button structure. SVG elements, even with complex structure, are equally acceptable. -{{"demo": "pages/components/buttons/UnstyledButtonCustom.js"}} +{{"demo": "UnstyledButtonCustom.js"}} ### useButton hook @@ -205,4 +206,4 @@ If you need to use Button's functionality in another component, you can use the The `useButton` hook requires the ref of the element it'll be used on. Additionally, you need to provide the `component` prop (unless you intend to use the plain `button`). -{{"demo": "pages/components/buttons/UseButton.js"}} +{{"demo": "UseButton.js"}} diff --git a/docs/src/pages/components/buttons/buttons.md b/docs/data/material/components/buttons/buttons.md similarity index 83% rename from docs/src/pages/components/buttons/buttons.md rename to docs/data/material/components/buttons/buttons.md index d13dd4d720c374..d3089ae429a3f7 100644 --- a/docs/src/pages/components/buttons/buttons.md +++ b/docs/data/material/components/buttons/buttons.md @@ -1,4 +1,5 @@ --- +product: material title: React Button component components: Button, IconButton, ButtonBase, LoadingButton, ButtonUnstyled materialDesign: https://material.io/components/buttons @@ -23,7 +24,7 @@ Buttons communicate actions that users can take. They are typically placed throu The `Button` comes with three variants: text (default), contained, and outlined. -{{"demo": "pages/components/buttons/BasicButtons.js"}} +{{"demo": "BasicButtons.js"}} ### Text button @@ -31,7 +32,7 @@ The `Button` comes with three variants: text (default), contained, and outlined. are typically used for less-pronounced actions, including those located: in dialogs, in cards. In cards, text buttons help maintain an emphasis on card content. -{{"demo": "pages/components/buttons/TextButtons.js"}} +{{"demo": "TextButtons.js"}} ### Contained button @@ -39,11 +40,11 @@ In cards, text buttons help maintain an emphasis on card content. are high-emphasis, distinguished by their use of elevation and fill. They contain actions that are primary to your app. -{{"demo": "pages/components/buttons/ContainedButtons.js"}} +{{"demo": "ContainedButtons.js"}} You can remove the elevation with the `disableElevation` prop. -{{"demo": "pages/components/buttons/DisableElevation.js"}} +{{"demo": "DisableElevation.js"}} ### Outlined button @@ -53,7 +54,7 @@ They contain actions that are important but aren't the primary action in an app. Outlined buttons are also a lower emphasis alternative to contained buttons, or a higher emphasis alternative to text buttons. -{{"demo": "pages/components/buttons/OutlinedButtons.js"}} +{{"demo": "OutlinedButtons.js"}} ## Handling clicks @@ -73,7 +74,7 @@ Note that the documentation [avoids](/guides/api/#native-properties) mentioning ## Color -{{"demo": "pages/components/buttons/ColorButtons.js"}} +{{"demo": "ColorButtons.js"}} In addition to using the default button colors, you can add custom ones, or disable any you don't need. See the [Adding new colors](/customization/palette/#adding-new-colors) example for more info. @@ -81,17 +82,17 @@ In addition to using the default button colors, you can add custom ones, or disa For larger or smaller buttons, use the `size` prop. -{{"demo": "pages/components/buttons/ButtonSizes.js"}} +{{"demo": "ButtonSizes.js"}} ## Upload button -{{"demo": "pages/components/buttons/UploadButtons.js"}} +{{"demo": "UploadButtons.js"}} ## Buttons with icons and label Sometimes you might want to have icons for certain buttons to enhance the UX of the application as we recognize logos more easily than plain text. For example, if you have a delete button you can label it with a dustbin icon. -{{"demo": "pages/components/buttons/IconLabelButtons.js"}} +{{"demo": "IconLabelButtons.js"}} ## Icon button @@ -100,26 +101,26 @@ Icon buttons are commonly found in app bars and toolbars. Icons are also appropriate for toggle buttons that allow a single choice to be selected or deselected, such as adding or removing a star to an item. -{{"demo": "pages/components/buttons/IconButtons.js"}} +{{"demo": "IconButtons.js"}} ### Sizes For larger or smaller icon buttons, use the `size` prop. -{{"demo": "pages/components/buttons/IconButtonSizes.js"}} +{{"demo": "IconButtonSizes.js"}} ### Colors Use `color` prop to apply theme color palette to component. -{{"demo": "pages/components/buttons/IconButtonColors.js"}} +{{"demo": "IconButtonColors.js"}} ## Customization Here are some examples of customizing the component. You can learn more about this in the [overrides documentation page](/customization/how-to-customize/). -{{"demo": "pages/components/buttons/CustomizedButtons.js", "defaultCodeOpen": false}} +{{"demo": "CustomizedButtons.js", "defaultCodeOpen": false}} 🎨 If you are looking for inspiration, you can check [MUI Treasury's customization examples](https://mui-treasury.com/styles/button/). @@ -127,18 +128,18 @@ You can learn more about this in the [overrides documentation page](/customizati The loading buttons can show loading state and disable interactions. -{{"demo": "pages/components/buttons/LoadingButtons.js"}} +{{"demo": "LoadingButtons.js"}} Toggle the loading switch to see the transition between the different states. -{{"demo": "pages/components/buttons/LoadingButtonsTransition.js"}} +{{"demo": "LoadingButtonsTransition.js"}} ## Complex button The Text Buttons, Contained Buttons, Floating Action Buttons and Icon Buttons are built on top of the same component: the `ButtonBase`. You can take advantage of this lower-level component to build custom interactions. -{{"demo": "pages/components/buttons/ButtonBase.js"}} +{{"demo": "ButtonBase.js"}} ## Third-party routing library @@ -190,7 +191,7 @@ The button also comes with an unstyled version. It's ideal for doing heavy custo import ButtonUnstyled from '@mui/base/ButtonUnstyled'; ``` -{{"demo": "pages/components/buttons/UnstyledButtonsSimple.js"}} +{{"demo": "UnstyledButtonsSimple.js"}} #### Customizing the root element @@ -198,7 +199,7 @@ By default, the `ButtonUnstyled` renders a native `button` element. You are free to override this by setting the `component` or `components.Root` prop. If a non-interactive element (such as a span) is provided this way, the `ButtonUnstyled` will take care of adding accessibility attributes. -{{"demo": "pages/components/buttons/UnstyledButtonsSpan.js"}} +{{"demo": "UnstyledButtonsSpan.js"}} Compare the attributes on the span with the button from the previous demo. @@ -207,7 +208,7 @@ Compare the attributes on the span with the button from the previous demo. You are not limited to using HTML elements for the button structure. SVG elements, even with complex structure, are equally acceptable. -{{"demo": "pages/components/buttons/UnstyledButtonCustom.js"}} +{{"demo": "UnstyledButtonCustom.js"}} ### useButton hook @@ -221,4 +222,4 @@ It returns props to be placed on a custom button element and fields representing The `useButton` hook requires the ref of the element it'll be used on. Additionally, you need to provide the `component` prop (unless you intend to use the plain `button`). -{{"demo": "pages/components/buttons/UseButton.js"}} +{{"demo": "UseButton.js"}} diff --git a/docs/src/pages/components/cards/ActionAreaCard.js b/docs/data/material/components/cards/ActionAreaCard.js similarity index 100% rename from docs/src/pages/components/cards/ActionAreaCard.js rename to docs/data/material/components/cards/ActionAreaCard.js diff --git a/docs/src/pages/components/cards/ActionAreaCard.tsx b/docs/data/material/components/cards/ActionAreaCard.tsx similarity index 100% rename from docs/src/pages/components/cards/ActionAreaCard.tsx rename to docs/data/material/components/cards/ActionAreaCard.tsx diff --git a/docs/src/pages/components/cards/BasicCard.js b/docs/data/material/components/cards/BasicCard.js similarity index 100% rename from docs/src/pages/components/cards/BasicCard.js rename to docs/data/material/components/cards/BasicCard.js diff --git a/docs/src/pages/components/cards/BasicCard.tsx b/docs/data/material/components/cards/BasicCard.tsx similarity index 100% rename from docs/src/pages/components/cards/BasicCard.tsx rename to docs/data/material/components/cards/BasicCard.tsx diff --git a/docs/src/pages/components/cards/ImgMediaCard.js b/docs/data/material/components/cards/ImgMediaCard.js similarity index 100% rename from docs/src/pages/components/cards/ImgMediaCard.js rename to docs/data/material/components/cards/ImgMediaCard.js diff --git a/docs/src/pages/components/cards/ImgMediaCard.tsx b/docs/data/material/components/cards/ImgMediaCard.tsx similarity index 100% rename from docs/src/pages/components/cards/ImgMediaCard.tsx rename to docs/data/material/components/cards/ImgMediaCard.tsx diff --git a/docs/src/pages/components/cards/MediaCard.js b/docs/data/material/components/cards/MediaCard.js similarity index 100% rename from docs/src/pages/components/cards/MediaCard.js rename to docs/data/material/components/cards/MediaCard.js diff --git a/docs/src/pages/components/cards/MediaCard.tsx b/docs/data/material/components/cards/MediaCard.tsx similarity index 100% rename from docs/src/pages/components/cards/MediaCard.tsx rename to docs/data/material/components/cards/MediaCard.tsx diff --git a/docs/src/pages/components/cards/MediaControlCard.js b/docs/data/material/components/cards/MediaControlCard.js similarity index 100% rename from docs/src/pages/components/cards/MediaControlCard.js rename to docs/data/material/components/cards/MediaControlCard.js diff --git a/docs/src/pages/components/cards/MediaControlCard.tsx b/docs/data/material/components/cards/MediaControlCard.tsx similarity index 100% rename from docs/src/pages/components/cards/MediaControlCard.tsx rename to docs/data/material/components/cards/MediaControlCard.tsx diff --git a/docs/src/pages/components/cards/MultiActionAreaCard.js b/docs/data/material/components/cards/MultiActionAreaCard.js similarity index 100% rename from docs/src/pages/components/cards/MultiActionAreaCard.js rename to docs/data/material/components/cards/MultiActionAreaCard.js diff --git a/docs/src/pages/components/cards/MultiActionAreaCard.tsx b/docs/data/material/components/cards/MultiActionAreaCard.tsx similarity index 100% rename from docs/src/pages/components/cards/MultiActionAreaCard.tsx rename to docs/data/material/components/cards/MultiActionAreaCard.tsx diff --git a/docs/src/pages/components/cards/OutlinedCard.js b/docs/data/material/components/cards/OutlinedCard.js similarity index 100% rename from docs/src/pages/components/cards/OutlinedCard.js rename to docs/data/material/components/cards/OutlinedCard.js diff --git a/docs/src/pages/components/cards/OutlinedCard.tsx b/docs/data/material/components/cards/OutlinedCard.tsx similarity index 100% rename from docs/src/pages/components/cards/OutlinedCard.tsx rename to docs/data/material/components/cards/OutlinedCard.tsx diff --git a/docs/src/pages/components/cards/OutlinedCard.tsx.preview b/docs/data/material/components/cards/OutlinedCard.tsx.preview similarity index 100% rename from docs/src/pages/components/cards/OutlinedCard.tsx.preview rename to docs/data/material/components/cards/OutlinedCard.tsx.preview diff --git a/docs/src/pages/components/cards/RecipeReviewCard.js b/docs/data/material/components/cards/RecipeReviewCard.js similarity index 100% rename from docs/src/pages/components/cards/RecipeReviewCard.js rename to docs/data/material/components/cards/RecipeReviewCard.js diff --git a/docs/src/pages/components/cards/RecipeReviewCard.tsx b/docs/data/material/components/cards/RecipeReviewCard.tsx similarity index 100% rename from docs/src/pages/components/cards/RecipeReviewCard.tsx rename to docs/data/material/components/cards/RecipeReviewCard.tsx diff --git a/docs/src/pages/components/cards/cards-pt.md b/docs/data/material/components/cards/cards-pt.md similarity index 80% rename from docs/src/pages/components/cards/cards-pt.md rename to docs/data/material/components/cards/cards-pt.md index 01bf77fd83269f..789964bebba82d 100644 --- a/docs/src/pages/components/cards/cards-pt.md +++ b/docs/data/material/components/cards/cards-pt.md @@ -1,4 +1,5 @@ --- +product: material title: Componente React para Cartão components: Card, CardActionArea, CardActions, CardContent, CardHeader, CardMedia, Collapse, Paper githubLabel: 'component: card' @@ -19,29 +20,29 @@ Eles devem ser relevantes, de fácil verificação e apresentar informações ú Apesar dos componentes cartões poderem suportar múltiplas ações tais como: controles de UI, e overflow de menu, use-os com moderação e lembre-se que cartões são pontos de entrada de informações mais complexas e detalhadas. -{{"demo": "pages/components/cards/BasicCard.js", "bg": true}} +{{"demo": "BasicCard.js", "bg": true}} ### Cartão Delineado Defina `variant="outlined"` para renderizar um cartão delineado. -{{"demo": "pages/components/cards/OutlinedCard.js", "bg": true}} +{{"demo": "OutlinedCard.js", "bg": true}} ## Interação Complexa O conteúdo do cartão pode ser expandido. (Clique no gerador abaixo para ver detalhes.) -{{"demo": "pages/components/cards/RecipeReviewCard.js", "bg": true}} +{{"demo": "RecipeReviewCard.js", "bg": true}} ## Mídia Exemplo de um cartão usando uma imagem para reforçar o conteúdo. -{{"demo": "pages/components/cards/MediaCard.js", "bg": true}} +{{"demo": "MediaCard.js", "bg": true}} -Por padrão, nós usamos a combinação de um elemento `
` e uma *imagem de fundo* para exibir a mídia. Isto pode ser problemático em algumas situações. Por exemplo, você pode querer exibir um vídeo ou uma imagem responsiva. Use a propriedade `component` para estas situações: +Por padrão, nós usamos a combinação de um elemento `
` e uma _imagem de fundo_ para exibir a mídia. Isto pode ser problemático em algumas situações. Por exemplo, você pode querer exibir um vídeo ou uma imagem responsiva. Use a propriedade `component` para estas situações: -{{"demo": "pages/components/cards/ImgMediaCard.js", "bg": true}} +{{"demo": "ImgMediaCard.js", "bg": true}} > ⚠️ Quando `component="img"`, CardMedia depende de `object-fit` para centralizar a imagem. Não é suportado pelo IE11. @@ -49,11 +50,11 @@ Por padrão, nós usamos a combinação de um elemento `
` e uma *imagem de Muitas vezes um cartão permite que os usuários interajam com toda sua superfície para acionar sua ação principal, seja uma expansão, um link para outra tela ou algum outro comportamento. A área de ação do cartão pode ser especificada envolvendo seu conteúdo em um componente `CardActionArea`. -{{"demo": "pages/components/cards/ActionAreaCard.js", "bg": true}} +{{"demo": "ActionAreaCard.js", "bg": true}} Um cartão também pode oferecer ações suplementares que devem ser desvinculadas da área de ação principal, a fim de evitar sobreposições de eventos. -{{"demo": "pages/components/cards/MultiActionAreaCard.js", "bg": true}} +{{"demo": "MultiActionAreaCard.js", "bg": true}} ## Controles da interface do usuário @@ -61,6 +62,6 @@ Ações suplementares dentro do cartão são explicitamente chamadas usando íco Aqui está um exemplo de um controle de mídia com cartão. -{{"demo": "pages/components/cards/MediaControlCard.js", "bg": true}} +{{"demo": "MediaControlCard.js", "bg": true}} 🎨 If you are looking for inspiration, you can check [MUI Treasury's customization examples](https://mui-treasury.com/components/card/). diff --git a/docs/src/pages/components/cards/cards-zh.md b/docs/data/material/components/cards/cards-zh.md similarity index 81% rename from docs/src/pages/components/cards/cards-zh.md rename to docs/data/material/components/cards/cards-zh.md index 77c087ca2b5b44..257e001cac71f2 100644 --- a/docs/src/pages/components/cards/cards-zh.md +++ b/docs/data/material/components/cards/cards-zh.md @@ -1,4 +1,5 @@ --- +product: material title: React Card（卡片）组件 components: Card, CardActionArea, CardActions, CardContent, CardHeader, CardMedia, Collapse, Paper githubLabel: 'component: card' @@ -19,29 +20,29 @@ materialDesign: https://material.io/components/cards 尽管卡片支持多操作、多个 UI 控件和一个加长的菜单，但请不要滥用它，切记，卡片只能作为那些复杂且详细信息的一个入口。 -{{"demo": "pages/components/cards/BasicCard.js", "bg": true}} +{{"demo": "BasicCard.js", "bg": true}} ### 描边卡片 通过设置 `variant="outlined"` 来渲染一个描边卡片。 -{{"demo": "pages/components/cards/OutlinedCard.js", "bg": true}} +{{"demo": "OutlinedCard.js", "bg": true}} ## 复杂的交互情况 在桌面上，卡片内容是可以展开的。 （点击向下箭头的按钮来查看配方。） -{{"demo": "pages/components/cards/RecipeReviewCard.js", "bg": true}} +{{"demo": "RecipeReviewCard.js", "bg": true}} ## Media 多媒体内容 下面的例子则一个使用图像来增强内容的卡片。 -{{"demo": "pages/components/cards/MediaCard.js", "bg": true}} +{{"demo": "MediaCard.js", "bg": true}} 默认情况下，我们结合 `
` 元素和一张 _背景图片_ 来展示多媒体元素。 在某些情况下它也可能会出现问题，例如，你想要显示一个视频或一张响应式的图片。 使用 `component` 属性可以解决这样的情况： -{{"demo": "pages/components/cards/ImgMediaCard.js", "bg": true}} +{{"demo": "ImgMediaCard.js", "bg": true}} > ⚠️ 当 `component="img"` 时，CardMedia 通过 `object-fit` 来居中图像。 这个用法不兼容 IE11。 @@ -49,11 +50,11 @@ materialDesign: https://material.io/components/cards 通常情况下，卡片允许用户与它的整个表面进行交互，以触发它的主要动作，无论是扩展，链接到另一个屏幕或使用其他行为。 卡片的操作区域可以通过将其内容包裹在 `CardActionArea` 组件中来指定。 -{{"demo": "pages/components/cards/ActionAreaCard.js", "bg": true}} +{{"demo": "ActionAreaCard.js", "bg": true}} 卡片还可以提供额外的操作功能，这些功能应该脱离主操作区域，以避免事件重叠。 -{{"demo": "pages/components/cards/MultiActionAreaCard.js", "bg": true}} +{{"demo": "MultiActionAreaCard.js", "bg": true}} ## UI 控件 @@ -61,6 +62,6 @@ materialDesign: https://material.io/components/cards 以下是一个多媒体内容控制的卡片的例子。 -{{"demo": "pages/components/cards/MediaControlCard.js", "bg": true}} +{{"demo": "MediaControlCard.js", "bg": true}} 🎨 If you are looking for inspiration, you can check [MUI Treasury's customization examples](https://mui-treasury.com/components/card/). diff --git a/docs/src/pages/components/cards/cards.md b/docs/data/material/components/cards/cards.md similarity index 80% rename from docs/src/pages/components/cards/cards.md rename to docs/data/material/components/cards/cards.md index 6946200b4be333..cefbd8aa770dfe 100644 --- a/docs/src/pages/components/cards/cards.md +++ b/docs/data/material/components/cards/cards.md @@ -1,4 +1,5 @@ --- +product: material title: React Card component components: Card, CardActionArea, CardActions, CardContent, CardHeader, CardMedia, Collapse, Paper githubLabel: 'component: card' @@ -19,29 +20,29 @@ They should be easy to scan for relevant and actionable information. Elements, l Although cards can support multiple actions, UI controls, and an overflow menu, use restraint and remember that cards are entry points to more complex and detailed information. -{{"demo": "pages/components/cards/BasicCard.js", "bg": true}} +{{"demo": "BasicCard.js", "bg": true}} ### Outlined Card Set `variant="outlined"` to render an outlined card. -{{"demo": "pages/components/cards/OutlinedCard.js", "bg": true}} +{{"demo": "OutlinedCard.js", "bg": true}} ## Complex Interaction On desktop, card content can expand. (Click the downward chevron to view the recipe.) -{{"demo": "pages/components/cards/RecipeReviewCard.js", "bg": true}} +{{"demo": "RecipeReviewCard.js", "bg": true}} ## Media Example of a card using an image to reinforce the content. -{{"demo": "pages/components/cards/MediaCard.js", "bg": true}} +{{"demo": "MediaCard.js", "bg": true}} By default, we use the combination of a `
` element and a _background image_ to display the media. It can be problematic in some situations, for example, you might want to display a video or a responsive image. Use the `component` prop for these use cases: -{{"demo": "pages/components/cards/ImgMediaCard.js", "bg": true}} +{{"demo": "ImgMediaCard.js", "bg": true}} > ⚠️ When `component="img"`, CardMedia relies on `object-fit` for centering the image. It's not supported by IE11. @@ -49,11 +50,11 @@ By default, we use the combination of a `
` element and a _background image_ Often a card allow users to interact with the entirety of its surface to trigger its main action, be it an expansion, a link to another screen or some other behavior. The action area of the card can be specified by wrapping its contents in a `CardActionArea` component. -{{"demo": "pages/components/cards/ActionAreaCard.js", "bg": true}} +{{"demo": "ActionAreaCard.js", "bg": true}} A card can also offer supplemental actions which should stand detached from the main action area in order to avoid event overlap. -{{"demo": "pages/components/cards/MultiActionAreaCard.js", "bg": true}} +{{"demo": "MultiActionAreaCard.js", "bg": true}} ## UI Controls @@ -61,6 +62,6 @@ Supplemental actions within the card are explicitly called out using icons, text Here's an example of a media control card. -{{"demo": "pages/components/cards/MediaControlCard.js", "bg": true}} +{{"demo": "MediaControlCard.js", "bg": true}} 🎨 If you are looking for inspiration, you can check [MUI Treasury's customization examples](https://mui-treasury.com/components/card/). diff --git a/docs/src/pages/components/checkboxes/CheckboxLabels.js b/docs/data/material/components/checkboxes/CheckboxLabels.js similarity index 100% rename from docs/src/pages/components/checkboxes/CheckboxLabels.js rename to docs/data/material/components/checkboxes/CheckboxLabels.js diff --git a/docs/src/pages/components/checkboxes/CheckboxLabels.tsx b/docs/data/material/components/checkboxes/CheckboxLabels.tsx similarity index 100% rename from docs/src/pages/components/checkboxes/CheckboxLabels.tsx rename to docs/data/material/components/checkboxes/CheckboxLabels.tsx diff --git a/docs/src/pages/components/checkboxes/CheckboxLabels.tsx.preview b/docs/data/material/components/checkboxes/CheckboxLabels.tsx.preview similarity index 100% rename from docs/src/pages/components/checkboxes/CheckboxLabels.tsx.preview rename to docs/data/material/components/checkboxes/CheckboxLabels.tsx.preview diff --git a/docs/src/pages/components/checkboxes/Checkboxes.js b/docs/data/material/components/checkboxes/Checkboxes.js similarity index 100% rename from docs/src/pages/components/checkboxes/Checkboxes.js rename to docs/data/material/components/checkboxes/Checkboxes.js diff --git a/docs/src/pages/components/checkboxes/Checkboxes.tsx b/docs/data/material/components/checkboxes/Checkboxes.tsx similarity index 100% rename from docs/src/pages/components/checkboxes/Checkboxes.tsx rename to docs/data/material/components/checkboxes/Checkboxes.tsx diff --git a/docs/src/pages/components/checkboxes/Checkboxes.tsx.preview b/docs/data/material/components/checkboxes/Checkboxes.tsx.preview similarity index 100% rename from docs/src/pages/components/checkboxes/Checkboxes.tsx.preview rename to docs/data/material/components/checkboxes/Checkboxes.tsx.preview diff --git a/docs/src/pages/components/checkboxes/CheckboxesGroup.js b/docs/data/material/components/checkboxes/CheckboxesGroup.js similarity index 100% rename from docs/src/pages/components/checkboxes/CheckboxesGroup.js rename to docs/data/material/components/checkboxes/CheckboxesGroup.js diff --git a/docs/src/pages/components/checkboxes/CheckboxesGroup.tsx b/docs/data/material/components/checkboxes/CheckboxesGroup.tsx similarity index 100% rename from docs/src/pages/components/checkboxes/CheckboxesGroup.tsx rename to docs/data/material/components/checkboxes/CheckboxesGroup.tsx diff --git a/docs/src/pages/components/checkboxes/ColorCheckboxes.js b/docs/data/material/components/checkboxes/ColorCheckboxes.js similarity index 100% rename from docs/src/pages/components/checkboxes/ColorCheckboxes.js rename to docs/data/material/components/checkboxes/ColorCheckboxes.js diff --git a/docs/src/pages/components/checkboxes/ColorCheckboxes.tsx b/docs/data/material/components/checkboxes/ColorCheckboxes.tsx similarity index 100% rename from docs/src/pages/components/checkboxes/ColorCheckboxes.tsx rename to docs/data/material/components/checkboxes/ColorCheckboxes.tsx diff --git a/docs/src/pages/components/checkboxes/ColorCheckboxes.tsx.preview b/docs/data/material/components/checkboxes/ColorCheckboxes.tsx.preview similarity index 100% rename from docs/src/pages/components/checkboxes/ColorCheckboxes.tsx.preview rename to docs/data/material/components/checkboxes/ColorCheckboxes.tsx.preview diff --git a/docs/src/pages/components/checkboxes/ControlledCheckbox.js b/docs/data/material/components/checkboxes/ControlledCheckbox.js similarity index 100% rename from docs/src/pages/components/checkboxes/ControlledCheckbox.js rename to docs/data/material/components/checkboxes/ControlledCheckbox.js diff --git a/docs/src/pages/components/checkboxes/ControlledCheckbox.tsx b/docs/data/material/components/checkboxes/ControlledCheckbox.tsx similarity index 100% rename from docs/src/pages/components/checkboxes/ControlledCheckbox.tsx rename to docs/data/material/components/checkboxes/ControlledCheckbox.tsx diff --git a/docs/src/pages/components/checkboxes/ControlledCheckbox.tsx.preview b/docs/data/material/components/checkboxes/ControlledCheckbox.tsx.preview similarity index 100% rename from docs/src/pages/components/checkboxes/ControlledCheckbox.tsx.preview rename to docs/data/material/components/checkboxes/ControlledCheckbox.tsx.preview diff --git a/docs/src/pages/components/checkboxes/CustomizedCheckbox.js b/docs/data/material/components/checkboxes/CustomizedCheckbox.js similarity index 100% rename from docs/src/pages/components/checkboxes/CustomizedCheckbox.js rename to docs/data/material/components/checkboxes/CustomizedCheckbox.js diff --git a/docs/src/pages/components/checkboxes/CustomizedCheckbox.tsx b/docs/data/material/components/checkboxes/CustomizedCheckbox.tsx similarity index 100% rename from docs/src/pages/components/checkboxes/CustomizedCheckbox.tsx rename to docs/data/material/components/checkboxes/CustomizedCheckbox.tsx diff --git a/docs/src/pages/components/checkboxes/CustomizedCheckbox.tsx.preview b/docs/data/material/components/checkboxes/CustomizedCheckbox.tsx.preview similarity index 100% rename from docs/src/pages/components/checkboxes/CustomizedCheckbox.tsx.preview rename to docs/data/material/components/checkboxes/CustomizedCheckbox.tsx.preview diff --git a/docs/src/pages/components/checkboxes/FormControlLabelPosition.js b/docs/data/material/components/checkboxes/FormControlLabelPosition.js similarity index 100% rename from docs/src/pages/components/checkboxes/FormControlLabelPosition.js rename to docs/data/material/components/checkboxes/FormControlLabelPosition.js diff --git a/docs/src/pages/components/checkboxes/FormControlLabelPosition.tsx b/docs/data/material/components/checkboxes/FormControlLabelPosition.tsx similarity index 100% rename from docs/src/pages/components/checkboxes/FormControlLabelPosition.tsx rename to docs/data/material/components/checkboxes/FormControlLabelPosition.tsx diff --git a/docs/src/pages/components/checkboxes/IconCheckboxes.js b/docs/data/material/components/checkboxes/IconCheckboxes.js similarity index 100% rename from docs/src/pages/components/checkboxes/IconCheckboxes.js rename to docs/data/material/components/checkboxes/IconCheckboxes.js diff --git a/docs/src/pages/components/checkboxes/IconCheckboxes.tsx b/docs/data/material/components/checkboxes/IconCheckboxes.tsx similarity index 100% rename from docs/src/pages/components/checkboxes/IconCheckboxes.tsx rename to docs/data/material/components/checkboxes/IconCheckboxes.tsx diff --git a/docs/src/pages/components/checkboxes/IconCheckboxes.tsx.preview b/docs/data/material/components/checkboxes/IconCheckboxes.tsx.preview similarity index 100% rename from docs/src/pages/components/checkboxes/IconCheckboxes.tsx.preview rename to docs/data/material/components/checkboxes/IconCheckboxes.tsx.preview diff --git a/docs/src/pages/components/checkboxes/IndeterminateCheckbox.js b/docs/data/material/components/checkboxes/IndeterminateCheckbox.js similarity index 100% rename from docs/src/pages/components/checkboxes/IndeterminateCheckbox.js rename to docs/data/material/components/checkboxes/IndeterminateCheckbox.js diff --git a/docs/src/pages/components/checkboxes/IndeterminateCheckbox.tsx b/docs/data/material/components/checkboxes/IndeterminateCheckbox.tsx similarity index 100% rename from docs/src/pages/components/checkboxes/IndeterminateCheckbox.tsx rename to docs/data/material/components/checkboxes/IndeterminateCheckbox.tsx diff --git a/docs/src/pages/components/checkboxes/IndeterminateCheckbox.tsx.preview b/docs/data/material/components/checkboxes/IndeterminateCheckbox.tsx.preview similarity index 100% rename from docs/src/pages/components/checkboxes/IndeterminateCheckbox.tsx.preview rename to docs/data/material/components/checkboxes/IndeterminateCheckbox.tsx.preview diff --git a/docs/src/pages/components/checkboxes/SizeCheckboxes.js b/docs/data/material/components/checkboxes/SizeCheckboxes.js similarity index 100% rename from docs/src/pages/components/checkboxes/SizeCheckboxes.js rename to docs/data/material/components/checkboxes/SizeCheckboxes.js diff --git a/docs/src/pages/components/checkboxes/SizeCheckboxes.tsx b/docs/data/material/components/checkboxes/SizeCheckboxes.tsx similarity index 100% rename from docs/src/pages/components/checkboxes/SizeCheckboxes.tsx rename to docs/data/material/components/checkboxes/SizeCheckboxes.tsx diff --git a/docs/src/pages/components/checkboxes/SizeCheckboxes.tsx.preview b/docs/data/material/components/checkboxes/SizeCheckboxes.tsx.preview similarity index 100% rename from docs/src/pages/components/checkboxes/SizeCheckboxes.tsx.preview rename to docs/data/material/components/checkboxes/SizeCheckboxes.tsx.preview diff --git a/docs/src/pages/components/checkboxes/checkboxes-pt.md b/docs/data/material/components/checkboxes/checkboxes-pt.md similarity index 81% rename from docs/src/pages/components/checkboxes/checkboxes-pt.md rename to docs/data/material/components/checkboxes/checkboxes-pt.md index 203ccb02860439..6cc59b53e5739d 100644 --- a/docs/src/pages/components/checkboxes/checkboxes-pt.md +++ b/docs/data/material/components/checkboxes/checkboxes-pt.md @@ -1,4 +1,5 @@ --- +product: material title: Componente React para Caixa de seleção components: Checkbox, FormControl, FormGroup, FormLabel, FormControlLabel materialDesign: 'https://material.io/components/selection-controls#checkboxes' @@ -18,39 +19,39 @@ Se você tem várias opções aparecendo em uma lista, você pode economizar esp ## Caixa de seleção básica -{{"demo": "pages/components/checkboxes/Checkboxes.js"}} +{{"demo": "Checkboxes.js"}} ## Caixas de seleção com FormGroup You can provide a label to the `Checkbox` thanks to the `FormControlLabel` component. -{{"demo": "pages/components/checkboxes/CheckboxLabels.js"}} +{{"demo": "CheckboxLabels.js"}} ## Tamanho Use the `size` prop or customize the font size of the svg icons to change the size of the checkboxes. -{{"demo": "pages/components/checkboxes/SizeCheckboxes.js"}} +{{"demo": "SizeCheckboxes.js"}} ## Cor -{{"demo": "pages/components/checkboxes/ColorCheckboxes.js"}} +{{"demo": "ColorCheckboxes.js"}} ## Ícone -{{"demo": "pages/components/checkboxes/IconCheckboxes.js"}} +{{"demo": "IconCheckboxes.js"}} ## Controlado Você pode controlar a checkbox com as opções `checked` e `onChange`: -{{"demo": "pages/components/checkboxes/ControlledCheckbox.js"}} +{{"demo": "ControlledCheckbox.js"}} ## Caixa de seleção com FormControlLabel Uma caixa de seleção só pode ter dois estados em um formulário: marcado ou desmarcado. Ou submete o seu valor ou não. Visually, there are **three** states a checkbox can be in: checked, unchecked, or indeterminate. -{{"demo": "pages/components/checkboxes/IndeterminateCheckbox.js"}} +{{"demo": "IndeterminateCheckbox.js"}} > ⚠️ When indeterminate is set, the value of the `checked` prop only impacts the form submitted values. It has no accessibility or UX implications. @@ -58,19 +59,19 @@ Uma caixa de seleção só pode ter dois estados em um formulário: marcado ou d `FormGroup` is a helpful wrapper used to group selection control components. -{{"demo": "pages/components/checkboxes/CheckboxesGroup.js"}} +{{"demo": "CheckboxesGroup.js"}} ## Posicionamento do rótulo Você pode alterar o posicionamento do rótulo: -{{"demo": "pages/components/checkboxes/FormControlLabelPosition.js"}} +{{"demo": "FormControlLabelPosition.js"}} ## Caixa de seleção customizada Aqui está um exemplo de customização do componente. Você pode aprender mais sobre isso na [página de documentação de sobrescritas](/customization/how-to-customize/). -{{"demo": "pages/components/checkboxes/CustomizedCheckbox.js"}} +{{"demo": "CustomizedCheckbox.js"}} 🎨 If you are looking for inspiration, you can check [MUI Treasury's customization examples](https://mui-treasury.com/styles/checkbox/). @@ -87,8 +88,5 @@ Aqui está um exemplo de customização do componente. Você pode aprender mais - Quando um rótulo não pode ser usado, é necessário adicionar um atributo diretamente no componente de entrada. Nesse caso você pode aplicar um atributo adicional (por exemplo, `aria-label`,`aria-labelledby`, `title`) através da propriedade `inputProps`. ```jsx - + ``` diff --git a/docs/src/pages/components/checkboxes/checkboxes-zh.md b/docs/data/material/components/checkboxes/checkboxes-zh.md similarity index 79% rename from docs/src/pages/components/checkboxes/checkboxes-zh.md rename to docs/data/material/components/checkboxes/checkboxes-zh.md index 7eeceab40d0eb7..cb658501d345f9 100644 --- a/docs/src/pages/components/checkboxes/checkboxes-zh.md +++ b/docs/data/material/components/checkboxes/checkboxes-zh.md @@ -1,4 +1,5 @@ --- +product: material title: React Checkbox（选择框）组件 components: Checkbox, FormControl, FormGroup, FormLabel, FormControlLabel materialDesign: 'https://material.io/components/selection-controls#checkboxes' @@ -18,39 +19,39 @@ waiAria: 'https://www.w3.org/TR/wai-aria-practices/#checkbox' ## 简单的多选框 -{{"demo": "pages/components/checkboxes/Checkboxes.js"}} +{{"demo": "Checkboxes.js"}} ## 标签 使用 `FormControlLabel` 组件，您可以为 `Checkbox`设置一个标签。 -{{"demo": "pages/components/checkboxes/CheckboxLabels.js"}} +{{"demo": "CheckboxLabels.js"}} ## Size 大小 -使用 `size` 属性或调整svg 图标的字体大小以更改复选框的大小。 +使用 `size` 属性或调整 svg 图标的字体大小以更改复选框的大小。 -{{"demo": "pages/components/checkboxes/SizeCheckboxes.js"}} +{{"demo": "SizeCheckboxes.js"}} ## Color 颜色 -{{"demo": "pages/components/checkboxes/ColorCheckboxes.js"}} +{{"demo": "ColorCheckboxes.js"}} ## 图标 -{{"demo": "pages/components/checkboxes/Iconcheckboxes.js"}} +{{"demo": "Iconcheckboxes.js"}} ## Controlled 您可以使用 `checked` 和 `onChange` 属性控制复选框： -{{"demo": "pages/components/checkboxes/ControledCheckbox.js"}} +{{"demo": "ControledCheckbox.js"}} ## 不确定的状态 多选框在表单中只能存在两种状态：已选中或未选中。 在其状态下提交的值只有存在和空两种形式。 Visually, there are **three** states a checkbox can be in: checked, unchecked, or indeterminate. -{{"demo": "pages/components/checkboxes/IndeterminateCheckbox.js"}} +{{"demo": "IndeterminateCheckbox.js"}} > ⚠️ When indeterminate is set, the value of the `checked` prop only impacts the form submitted values. It has no accessibility or UX implications. It has no accessibility or UX implications. @@ -58,19 +59,19 @@ waiAria: 'https://www.w3.org/TR/wai-aria-practices/#checkbox' `FormGroup` is a helpful wrapper used to group selection control components. -{{"demo": "pages/components/checkboxes/CheckboxesGroup.js"}} +{{"demo": "CheckboxesGroup.js"}} ## 标签放置 你可以更改标签的位置: -{{"demo": "pages/components/checkboxes/FormControlLabelPosition.js"}} +{{"demo": "FormControlLabelPosition.js"}} ## 自定义的多选框 以下是自定义组件的一个示例。 您可以在 [重写文档页面](/customization/how-to-customize/) 中了解更多有关此内容的信息。 -{{"demo": "pages/components/checkboxes/CustomizedCheckbox.js"}} +{{"demo": "CustomizedCheckbox.js"}} 🎨 If you are looking for inspiration, you can check [MUI Treasury's customization examples](https://mui-treasury.com/styles/checkbox/). diff --git a/docs/src/pages/components/checkboxes/checkboxes.md b/docs/data/material/components/checkboxes/checkboxes.md similarity index 81% rename from docs/src/pages/components/checkboxes/checkboxes.md rename to docs/data/material/components/checkboxes/checkboxes.md index e2532da8b5fdbd..15c205c3f83dc9 100644 --- a/docs/src/pages/components/checkboxes/checkboxes.md +++ b/docs/data/material/components/checkboxes/checkboxes.md @@ -1,4 +1,5 @@ --- +product: material title: React Checkbox component components: Checkbox, FormControl, FormGroup, FormLabel, FormControlLabel materialDesign: https://material.io/components/selection-controls#checkboxes @@ -20,33 +21,33 @@ If you have a single option, avoid using a checkbox and use an on/off switch ins ## Basic checkboxes -{{"demo": "pages/components/checkboxes/Checkboxes.js"}} +{{"demo": "Checkboxes.js"}} ## Label You can provide a label to the `Checkbox` thanks to the `FormControlLabel` component. -{{"demo": "pages/components/checkboxes/CheckboxLabels.js"}} +{{"demo": "CheckboxLabels.js"}} ## Size Use the `size` prop or customize the font size of the svg icons to change the size of the checkboxes. -{{"demo": "pages/components/checkboxes/SizeCheckboxes.js"}} +{{"demo": "SizeCheckboxes.js"}} ## Color -{{"demo": "pages/components/checkboxes/ColorCheckboxes.js"}} +{{"demo": "ColorCheckboxes.js"}} ## Icon -{{"demo": "pages/components/checkboxes/IconCheckboxes.js"}} +{{"demo": "IconCheckboxes.js"}} ## Controlled You can control the checkbox with the `checked` and `onChange` props: -{{"demo": "pages/components/checkboxes/ControlledCheckbox.js"}} +{{"demo": "ControlledCheckbox.js"}} ## Indeterminate @@ -54,7 +55,7 @@ A checkbox input can only have two states in a form: checked or unchecked. It either submits its value or doesn't. Visually, there are **three** states a checkbox can be in: checked, unchecked, or indeterminate. -{{"demo": "pages/components/checkboxes/IndeterminateCheckbox.js"}} +{{"demo": "IndeterminateCheckbox.js"}} > ⚠️ When indeterminate is set, the value of the `checked` prop only impacts the form submitted values. > It has no accessibility or UX implications. @@ -63,20 +64,20 @@ Visually, there are **three** states a checkbox can be in: checked, unchecked, o `FormGroup` is a helpful wrapper used to group selection control components. -{{"demo": "pages/components/checkboxes/CheckboxesGroup.js"}} +{{"demo": "CheckboxesGroup.js"}} ## Label placement You can change the placement of the label: -{{"demo": "pages/components/checkboxes/FormControlLabelPosition.js"}} +{{"demo": "FormControlLabelPosition.js"}} ## Customization Here is an example of customizing the component. You can learn more about this in the [overrides documentation page](/customization/how-to-customize/). -{{"demo": "pages/components/checkboxes/CustomizedCheckbox.js"}} +{{"demo": "CustomizedCheckbox.js"}} 🎨 If you are looking for inspiration, you can check [MUI Treasury's customization examples](https://mui-treasury.com/styles/checkbox/). diff --git a/docs/src/pages/components/chips/AvatarChips.js b/docs/data/material/components/chips/AvatarChips.js similarity index 100% rename from docs/src/pages/components/chips/AvatarChips.js rename to docs/data/material/components/chips/AvatarChips.js diff --git a/docs/src/pages/components/chips/AvatarChips.tsx b/docs/data/material/components/chips/AvatarChips.tsx similarity index 100% rename from docs/src/pages/components/chips/AvatarChips.tsx rename to docs/data/material/components/chips/AvatarChips.tsx diff --git a/docs/src/pages/components/chips/AvatarChips.tsx.preview b/docs/data/material/components/chips/AvatarChips.tsx.preview similarity index 100% rename from docs/src/pages/components/chips/AvatarChips.tsx.preview rename to docs/data/material/components/chips/AvatarChips.tsx.preview diff --git a/docs/src/pages/components/chips/BasicChips.js b/docs/data/material/components/chips/BasicChips.js similarity index 100% rename from docs/src/pages/components/chips/BasicChips.js rename to docs/data/material/components/chips/BasicChips.js diff --git a/docs/src/pages/components/chips/BasicChips.tsx b/docs/data/material/components/chips/BasicChips.tsx similarity index 100% rename from docs/src/pages/components/chips/BasicChips.tsx rename to docs/data/material/components/chips/BasicChips.tsx diff --git a/docs/src/pages/components/chips/BasicChips.tsx.preview b/docs/data/material/components/chips/BasicChips.tsx.preview similarity index 100% rename from docs/src/pages/components/chips/BasicChips.tsx.preview rename to docs/data/material/components/chips/BasicChips.tsx.preview diff --git a/docs/src/pages/components/chips/ChipsArray.js b/docs/data/material/components/chips/ChipsArray.js similarity index 100% rename from docs/src/pages/components/chips/ChipsArray.js rename to docs/data/material/components/chips/ChipsArray.js diff --git a/docs/src/pages/components/chips/ChipsArray.tsx b/docs/data/material/components/chips/ChipsArray.tsx similarity index 100% rename from docs/src/pages/components/chips/ChipsArray.tsx rename to docs/data/material/components/chips/ChipsArray.tsx diff --git a/docs/src/pages/components/chips/ChipsPlayground.js b/docs/data/material/components/chips/ChipsPlayground.js similarity index 100% rename from docs/src/pages/components/chips/ChipsPlayground.js rename to docs/data/material/components/chips/ChipsPlayground.js diff --git a/docs/src/pages/components/chips/ClickableAndDeletableChips.js b/docs/data/material/components/chips/ClickableAndDeletableChips.js similarity index 100% rename from docs/src/pages/components/chips/ClickableAndDeletableChips.js rename to docs/data/material/components/chips/ClickableAndDeletableChips.js diff --git a/docs/src/pages/components/chips/ClickableAndDeletableChips.tsx b/docs/data/material/components/chips/ClickableAndDeletableChips.tsx similarity index 100% rename from docs/src/pages/components/chips/ClickableAndDeletableChips.tsx rename to docs/data/material/components/chips/ClickableAndDeletableChips.tsx diff --git a/docs/src/pages/components/chips/ClickableAndDeletableChips.tsx.preview b/docs/data/material/components/chips/ClickableAndDeletableChips.tsx.preview similarity index 100% rename from docs/src/pages/components/chips/ClickableAndDeletableChips.tsx.preview rename to docs/data/material/components/chips/ClickableAndDeletableChips.tsx.preview diff --git a/docs/src/pages/components/chips/ClickableChips.js b/docs/data/material/components/chips/ClickableChips.js similarity index 100% rename from docs/src/pages/components/chips/ClickableChips.js rename to docs/data/material/components/chips/ClickableChips.js diff --git a/docs/src/pages/components/chips/ClickableChips.tsx b/docs/data/material/components/chips/ClickableChips.tsx similarity index 100% rename from docs/src/pages/components/chips/ClickableChips.tsx rename to docs/data/material/components/chips/ClickableChips.tsx diff --git a/docs/src/pages/components/chips/ClickableChips.tsx.preview b/docs/data/material/components/chips/ClickableChips.tsx.preview similarity index 100% rename from docs/src/pages/components/chips/ClickableChips.tsx.preview rename to docs/data/material/components/chips/ClickableChips.tsx.preview diff --git a/docs/src/pages/components/chips/ClickableLinkChips.js b/docs/data/material/components/chips/ClickableLinkChips.js similarity index 100% rename from docs/src/pages/components/chips/ClickableLinkChips.js rename to docs/data/material/components/chips/ClickableLinkChips.js diff --git a/docs/src/pages/components/chips/ClickableLinkChips.tsx b/docs/data/material/components/chips/ClickableLinkChips.tsx similarity index 100% rename from docs/src/pages/components/chips/ClickableLinkChips.tsx rename to docs/data/material/components/chips/ClickableLinkChips.tsx diff --git a/docs/src/pages/components/chips/ClickableLinkChips.tsx.preview b/docs/data/material/components/chips/ClickableLinkChips.tsx.preview similarity index 100% rename from docs/src/pages/components/chips/ClickableLinkChips.tsx.preview rename to docs/data/material/components/chips/ClickableLinkChips.tsx.preview diff --git a/docs/src/pages/components/chips/ColorChips.js b/docs/data/material/components/chips/ColorChips.js similarity index 100% rename from docs/src/pages/components/chips/ColorChips.js rename to docs/data/material/components/chips/ColorChips.js diff --git a/docs/src/pages/components/chips/ColorChips.tsx b/docs/data/material/components/chips/ColorChips.tsx similarity index 100% rename from docs/src/pages/components/chips/ColorChips.tsx rename to docs/data/material/components/chips/ColorChips.tsx diff --git a/docs/src/pages/components/chips/ColorChips.tsx.preview b/docs/data/material/components/chips/ColorChips.tsx.preview similarity index 100% rename from docs/src/pages/components/chips/ColorChips.tsx.preview rename to docs/data/material/components/chips/ColorChips.tsx.preview diff --git a/docs/src/pages/components/chips/CustomDeleteIconChips.js b/docs/data/material/components/chips/CustomDeleteIconChips.js similarity index 100% rename from docs/src/pages/components/chips/CustomDeleteIconChips.js rename to docs/data/material/components/chips/CustomDeleteIconChips.js diff --git a/docs/src/pages/components/chips/CustomDeleteIconChips.tsx b/docs/data/material/components/chips/CustomDeleteIconChips.tsx similarity index 100% rename from docs/src/pages/components/chips/CustomDeleteIconChips.tsx rename to docs/data/material/components/chips/CustomDeleteIconChips.tsx diff --git a/docs/src/pages/components/chips/CustomDeleteIconChips.tsx.preview b/docs/data/material/components/chips/CustomDeleteIconChips.tsx.preview similarity index 100% rename from docs/src/pages/components/chips/CustomDeleteIconChips.tsx.preview rename to docs/data/material/components/chips/CustomDeleteIconChips.tsx.preview diff --git a/docs/src/pages/components/chips/DeletableChips.js b/docs/data/material/components/chips/DeletableChips.js similarity index 100% rename from docs/src/pages/components/chips/DeletableChips.js rename to docs/data/material/components/chips/DeletableChips.js diff --git a/docs/src/pages/components/chips/DeletableChips.tsx b/docs/data/material/components/chips/DeletableChips.tsx similarity index 100% rename from docs/src/pages/components/chips/DeletableChips.tsx rename to docs/data/material/components/chips/DeletableChips.tsx diff --git a/docs/src/pages/components/chips/DeletableChips.tsx.preview b/docs/data/material/components/chips/DeletableChips.tsx.preview similarity index 100% rename from docs/src/pages/components/chips/DeletableChips.tsx.preview rename to docs/data/material/components/chips/DeletableChips.tsx.preview diff --git a/docs/src/pages/components/chips/IconChips.js b/docs/data/material/components/chips/IconChips.js similarity index 100% rename from docs/src/pages/components/chips/IconChips.js rename to docs/data/material/components/chips/IconChips.js diff --git a/docs/src/pages/components/chips/IconChips.tsx b/docs/data/material/components/chips/IconChips.tsx similarity index 100% rename from docs/src/pages/components/chips/IconChips.tsx rename to docs/data/material/components/chips/IconChips.tsx diff --git a/docs/src/pages/components/chips/IconChips.tsx.preview b/docs/data/material/components/chips/IconChips.tsx.preview similarity index 100% rename from docs/src/pages/components/chips/IconChips.tsx.preview rename to docs/data/material/components/chips/IconChips.tsx.preview diff --git a/docs/src/pages/components/chips/SizesChips.js b/docs/data/material/components/chips/SizesChips.js similarity index 100% rename from docs/src/pages/components/chips/SizesChips.js rename to docs/data/material/components/chips/SizesChips.js diff --git a/docs/src/pages/components/chips/SizesChips.tsx b/docs/data/material/components/chips/SizesChips.tsx similarity index 100% rename from docs/src/pages/components/chips/SizesChips.tsx rename to docs/data/material/components/chips/SizesChips.tsx diff --git a/docs/src/pages/components/chips/SizesChips.tsx.preview b/docs/data/material/components/chips/SizesChips.tsx.preview similarity index 100% rename from docs/src/pages/components/chips/SizesChips.tsx.preview rename to docs/data/material/components/chips/SizesChips.tsx.preview diff --git a/docs/src/pages/components/chips/chips-pt.md b/docs/data/material/components/chips/chips-pt.md similarity index 75% rename from docs/src/pages/components/chips/chips-pt.md rename to docs/data/material/components/chips/chips-pt.md index cb6a2bb5b42f7f..6407a505cde2ee 100644 --- a/docs/src/pages/components/chips/chips-pt.md +++ b/docs/data/material/components/chips/chips-pt.md @@ -1,4 +1,5 @@ --- +product: material title: Componente React Chip components: Chip githubLabel: 'component: chip' @@ -19,7 +20,7 @@ Embora incluído aqui como um componente independente, o uso mais comum será em O componente `Chip` oferece suporte a estilos contornados e preenchidos. -{{"demo": "pages/components/chips/BasicChips.js"}} +{{"demo": "BasicChips.js"}} ## Ações do Chip @@ -30,23 +31,23 @@ Você pode usar as seguintes ações. ### Clicável -{{"demo": "pages/components/chips/ClickeableChips.js"}} +{{"demo": "ClickeableChips.js"}} ### Deletável -{{"demo": "pages/components/chips/DeleteableChips.js"}} +{{"demo": "DeleteableChips.js"}} ### Clicável e deletável -{{"demo": "pages/components/chips/ClickeableAndDeleteableChips.js"}} +{{"demo": "ClickeableAndDeleteableChips.js"}} ### Link clicável -{{"demo": "pages/components/chips/ClickeableLinkChips.js"}} +{{"demo": "ClickeableLinkChips.js"}} ### Ícone de exclusão personalizado -{{"demo": "pages/components/chips/CustomDeleteIconChips.js"}} +{{"demo": "CustomDeleteIconChips.js"}} ## Chip adornments @@ -56,33 +57,33 @@ Use the `avatar` prop to added a avatar or use the `icon` prop to added a icon. ### Avatar chip -{{"demo": "pages/components/chips/AvatarChips.js"}} +{{"demo": "AvatarChips.js"}} ### Icon chip -{{"demo": "pages/components/chips/IconChips.js"}} +{{"demo": "IconChips.js"}} ## Color chip You can use the `color` prop to define a primary or secondary color. -{{"demo": "pages/components/chips/ColorChips.js"}} +{{"demo": "ColorChips.js"}} ## Sizes chip Você pode usar a propriedade `size` para definir um Chip pequeno. -{{"demo": "pages/components/chips/SizesChips.js"}} +{{"demo": "SizesChips.js"}} ## Matriz de Chip (Array) An example of rendering multiple chips from an array of values. Deletando um chip irá remove-lo da matriz. Note that since no `onClick` prop is defined, the `Chip` can be focused, but does not gain depth while clicked or touched. -{{"demo": "pages/components/chips/ChipsArray.js", "bg": true}} +{{"demo": "ChipsArray.js", "bg": true}} ## Chip playground -{{"demo": "pages/components/chips/ChipsPlayground.js", "hideToolbar": true}} +{{"demo": "ChipsPlayground.js", "hideToolbar": true}} ## Acessibilidade diff --git a/docs/src/pages/components/chips/chips-zh.md b/docs/data/material/components/chips/chips-zh.md similarity index 74% rename from docs/src/pages/components/chips/chips-zh.md rename to docs/data/material/components/chips/chips-zh.md index ff31e9f45f20bb..8f0f8857b5175f 100644 --- a/docs/src/pages/components/chips/chips-zh.md +++ b/docs/data/material/components/chips/chips-zh.md @@ -1,4 +1,5 @@ --- +product: material title: React Chip（纸片）组件 components: Chip githubLabel: 'component: chip' @@ -19,7 +20,7 @@ materialDesign: https://material.io/components/chips The `Chip` component supports outlined and filled styling. -{{"demo": "pages/components/chips/BasicChips.js"}} +{{"demo": "BasicChips.js"}} ## Chip actions @@ -30,23 +31,23 @@ You can use the following actions. ### Clickeable -{{"demo": "pages/components/chips/ClickeableChips.js"}} +{{"demo": "ClickeableChips.js"}} ### Deleteable -{{"demo": "pages/components/chips/DeleteableChips.js"}} +{{"demo": "DeleteableChips.js"}} ### Clickeable and deleteable -{{"demo": "pages/components/chips/ClickeableAndDeleteableChips.js"}} +{{"demo": "ClickeableAndDeleteableChips.js"}} ### Clickeable link -{{"demo": "pages/components/chips/ClickeableLinkChips.js"}} +{{"demo": "ClickeableLinkChips.js"}} ### Custom delete icon -{{"demo": "pages/components/chips/CustomDeleteIconChips.js"}} +{{"demo": "CustomDeleteIconChips.js"}} ## Chip adornments @@ -56,33 +57,33 @@ You can use the following actions. ### Avatar chip -{{"demo": "pages/components/chips/AvatarChips.js"}} +{{"demo": "AvatarChips.js"}} ### Icon chip -{{"demo": "pages/components/chips/IconChips.js"}} +{{"demo": "IconChips.js"}} ## Color chip You can use the `color` prop to define a primary or secondary color. -{{"demo": "pages/components/chips/ColorChips.js"}} +{{"demo": "ColorChips.js"}} ## Sizes chip 您可以借助 `size` 属性来定义一个小型纸片组件。 -{{"demo": "pages/components/chips/SizesChips.js"}} +{{"demo": "SizesChips.js"}} ## 纸片阵列 An example of rendering multiple chips from an array of values. 删除一个纸片元素，则会将其从纸片组的数组中删除。 删除一个纸片元素，则会将其从纸片组的数组中删除。 Note that since no `onClick` prop is defined, the `Chip` can be focused, but does not gain depth while clicked or touched. -{{"demo": "pages/components/chips/ChipsArray.js", "bg": true}} +{{"demo": "ChipsArray.js", "bg": true}} ## Chip playground -{{"demo": "pages/components/chips/ChipsPlayground.js", "hideToolbar": true}} +{{"demo": "ChipsPlayground.js", "hideToolbar": true}} ## 无障碍设计 diff --git a/docs/src/pages/components/chips/chips.md b/docs/data/material/components/chips/chips.md similarity index 73% rename from docs/src/pages/components/chips/chips.md rename to docs/data/material/components/chips/chips.md index ed15cfeb47141f..4404e6f7f114c4 100644 --- a/docs/src/pages/components/chips/chips.md +++ b/docs/data/material/components/chips/chips.md @@ -1,4 +1,5 @@ --- +product: material title: React Chip component components: Chip githubLabel: 'component: chip' @@ -21,7 +22,7 @@ not shown in context. The `Chip` component supports outlined and filled styling. -{{"demo": "pages/components/chips/BasicChips.js"}} +{{"demo": "BasicChips.js"}} ## Chip actions @@ -32,23 +33,23 @@ You can use the following actions. ### Clickable -{{"demo": "pages/components/chips/ClickableChips.js"}} +{{"demo": "ClickableChips.js"}} ### Deletable -{{"demo": "pages/components/chips/DeletableChips.js"}} +{{"demo": "DeletableChips.js"}} ### Clickable and deletable -{{"demo": "pages/components/chips/ClickableAndDeletableChips.js"}} +{{"demo": "ClickableAndDeletableChips.js"}} ### Clickable link -{{"demo": "pages/components/chips/ClickableLinkChips.js"}} +{{"demo": "ClickableLinkChips.js"}} ### Custom delete icon -{{"demo": "pages/components/chips/CustomDeleteIconChips.js"}} +{{"demo": "CustomDeleteIconChips.js"}} ## Chip adornments @@ -58,23 +59,23 @@ Use the `avatar` prop to added a avatar or use the `icon` prop to added a icon. ### Avatar chip -{{"demo": "pages/components/chips/AvatarChips.js"}} +{{"demo": "AvatarChips.js"}} ### Icon chip -{{"demo": "pages/components/chips/IconChips.js"}} +{{"demo": "IconChips.js"}} ## Color chip You can use the `color` prop to define a color from theme palette. -{{"demo": "pages/components/chips/ColorChips.js"}} +{{"demo": "ColorChips.js"}} ## Sizes chip You can use the `size` prop to define a small Chip. -{{"demo": "pages/components/chips/SizesChips.js"}} +{{"demo": "SizesChips.js"}} ## Chip array @@ -83,11 +84,11 @@ Deleting a chip removes it from the array. Note that since no `onClick` prop is defined, the `Chip` can be focused, but does not gain depth while clicked or touched. -{{"demo": "pages/components/chips/ChipsArray.js", "bg": true}} +{{"demo": "ChipsArray.js", "bg": true}} ## Chip playground -{{"demo": "pages/components/chips/ChipsPlayground.js", "hideToolbar": true}} +{{"demo": "ChipsPlayground.js", "hideToolbar": true}} ## Accessibility diff --git a/docs/src/pages/components/click-away-listener/ClickAway.js b/docs/data/material/components/click-away-listener/ClickAway.js similarity index 100% rename from docs/src/pages/components/click-away-listener/ClickAway.js rename to docs/data/material/components/click-away-listener/ClickAway.js diff --git a/docs/src/pages/components/click-away-listener/ClickAway.tsx b/docs/data/material/components/click-away-listener/ClickAway.tsx similarity index 100% rename from docs/src/pages/components/click-away-listener/ClickAway.tsx rename to docs/data/material/components/click-away-listener/ClickAway.tsx diff --git a/docs/src/pages/components/click-away-listener/ClickAway.tsx.preview b/docs/data/material/components/click-away-listener/ClickAway.tsx.preview similarity index 100% rename from docs/src/pages/components/click-away-listener/ClickAway.tsx.preview rename to docs/data/material/components/click-away-listener/ClickAway.tsx.preview diff --git a/docs/src/pages/components/click-away-listener/LeadingClickAway.js b/docs/data/material/components/click-away-listener/LeadingClickAway.js similarity index 100% rename from docs/src/pages/components/click-away-listener/LeadingClickAway.js rename to docs/data/material/components/click-away-listener/LeadingClickAway.js diff --git a/docs/src/pages/components/click-away-listener/LeadingClickAway.tsx b/docs/data/material/components/click-away-listener/LeadingClickAway.tsx similarity index 100% rename from docs/src/pages/components/click-away-listener/LeadingClickAway.tsx rename to docs/data/material/components/click-away-listener/LeadingClickAway.tsx diff --git a/docs/src/pages/components/click-away-listener/LeadingClickAway.tsx.preview b/docs/data/material/components/click-away-listener/LeadingClickAway.tsx.preview similarity index 100% rename from docs/src/pages/components/click-away-listener/LeadingClickAway.tsx.preview rename to docs/data/material/components/click-away-listener/LeadingClickAway.tsx.preview diff --git a/docs/src/pages/components/click-away-listener/PortalClickAway.js b/docs/data/material/components/click-away-listener/PortalClickAway.js similarity index 100% rename from docs/src/pages/components/click-away-listener/PortalClickAway.js rename to docs/data/material/components/click-away-listener/PortalClickAway.js diff --git a/docs/src/pages/components/click-away-listener/PortalClickAway.tsx b/docs/data/material/components/click-away-listener/PortalClickAway.tsx similarity index 100% rename from docs/src/pages/components/click-away-listener/PortalClickAway.tsx rename to docs/data/material/components/click-away-listener/PortalClickAway.tsx diff --git a/docs/src/pages/components/click-away-listener/PortalClickAway.tsx.preview b/docs/data/material/components/click-away-listener/PortalClickAway.tsx.preview similarity index 100% rename from docs/src/pages/components/click-away-listener/PortalClickAway.tsx.preview rename to docs/data/material/components/click-away-listener/PortalClickAway.tsx.preview diff --git a/docs/src/pages/components/click-away-listener/click-away-listener-pt.md b/docs/data/material/components/click-away-listener/click-away-listener-pt.md similarity index 87% rename from docs/src/pages/components/click-away-listener/click-away-listener-pt.md rename to docs/data/material/components/click-away-listener/click-away-listener-pt.md index 92127cdbb95d4b..90ada33260de58 100644 --- a/docs/src/pages/components/click-away-listener/click-away-listener-pt.md +++ b/docs/data/material/components/click-away-listener/click-away-listener-pt.md @@ -1,4 +1,5 @@ --- +product: material title: Componente React para Detectar clique fora components: ClickAwayListener githubLabel: 'component: ClickAwayListener' @@ -17,7 +18,7 @@ githubLabel: 'component: ClickAwayListener' Por exemplo, se você precisar ocultar um menu quando as pessoas clicarem em qualquer outro lugar da sua página: -{{"demo": "pages/components/click-away-listener/ClickAway.js"}} +{{"demo": "ClickAway.js"}} Observe que o componente aceita apenas um elemento filho. Você pode encontrar demonstrações avançadas na [seção documentação de menu](/components/menus/#menulist-composition). @@ -25,13 +26,13 @@ Observe que o componente aceita apenas um elemento filho. Você pode encontrar d A demonstração a seguir usa [`Portal`](/components/portal/) para renderizar o menu suspenso em uma nova "subárvore" fora da hierarquia atual do DOM. -{{"demo": "pages/components/click-away-listener/PortalClickAway.js"}} +{{"demo": "PortalClickAway.js"}} ## Eventos Por padrão, o componente responde aos eventos de clique e de toque final (click + touch end). No entanto, você pode configurá-lo para responder aos eventos de mouse pressionado e toque inicial (mouse down + touch start). -{{"demo": "pages/components/click-away-listener/LeadingClickAway.js"}} +{{"demo": "LeadingClickAway.js"}} > ⚠️ Neste modo, apenas as interações na barra de rolagem do documento são ignoradas. diff --git a/docs/src/pages/components/click-away-listener/click-away-listener-zh.md b/docs/data/material/components/click-away-listener/click-away-listener-zh.md similarity index 87% rename from docs/src/pages/components/click-away-listener/click-away-listener-zh.md rename to docs/data/material/components/click-away-listener/click-away-listener-zh.md index bf3737f6448c32..f3f10df5d3bf45 100644 --- a/docs/src/pages/components/click-away-listener/click-away-listener-zh.md +++ b/docs/data/material/components/click-away-listener/click-away-listener-zh.md @@ -1,4 +1,5 @@ --- +product: material title: React Detect click outside（它处点击监听器）组件 components: ClickAwayListener githubLabel: 'component: ClickAwayListener' @@ -17,7 +18,7 @@ githubLabel: 'component: ClickAwayListener' 例如，当用户在点击页面除菜单外的任何一处，您可能想隐藏一个下拉的菜单： -{{"demo": "pages/components/click-away-listener/ClickAway.js"}} +{{"demo": "ClickAway.js"}} 请注意，该组件仅接受一个子元素。 你可以在 [Menu 的文档章节](/components/menus/#menulist-composition) 阅读更高级的样例。 @@ -25,13 +26,13 @@ githubLabel: 'component: ClickAwayListener' 下面的演示使用 [`传送门组件（Portal）`](/components/portal/) 将下拉菜单渲染到当前 DOM 层次之外的新的“子级树”。 -{{"demo": "pages/components/click-away-listener/PortalClickAway.js"}} +{{"demo": "PortalClickAway.js"}} ## 前端（Leading edge） 默认情况下，组件响应了尾随事件（trailing events）（点击 + 触摸结束）。 然而，您可以配置它来回应一些主要的事件（leading events）（鼠标按下 + 触摸开始）。 -{{"demo": "pages/components/click-away-listener/LeadingClickAway.js"}} +{{"demo": "LeadingClickAway.js"}} > ⚠️ 在此模式下，仅有文档对象滚动条上的交互被忽略。 diff --git a/docs/src/pages/components/click-away-listener/click-away-listener.md b/docs/data/material/components/click-away-listener/click-away-listener.md similarity index 87% rename from docs/src/pages/components/click-away-listener/click-away-listener.md rename to docs/data/material/components/click-away-listener/click-away-listener.md index a0e12324f06b35..e6b0f038f96b92 100644 --- a/docs/src/pages/components/click-away-listener/click-away-listener.md +++ b/docs/data/material/components/click-away-listener/click-away-listener.md @@ -1,4 +1,5 @@ --- +product: material title: Detect click outside React component components: ClickAwayListener githubLabel: 'component: ClickAwayListener' @@ -17,7 +18,7 @@ githubLabel: 'component: ClickAwayListener' For instance, if you need to hide a menu dropdown when people click anywhere else on your page: -{{"demo": "pages/components/click-away-listener/ClickAway.js"}} +{{"demo": "ClickAway.js"}} Notice that the component only accepts one child element. You can find a more advanced demo on the [Menu documentation section](/components/menus/#menulist-composition). @@ -26,14 +27,14 @@ You can find a more advanced demo on the [Menu documentation section](/component The following demo uses [`Portal`](/components/portal/) to render the dropdown into a new "subtree" outside of current DOM hierarchy. -{{"demo": "pages/components/click-away-listener/PortalClickAway.js"}} +{{"demo": "PortalClickAway.js"}} ## Leading edge By default, the component responds to the trailing events (click + touch end). However, you can configure it to respond to the leading events (mouse down + touch start). -{{"demo": "pages/components/click-away-listener/LeadingClickAway.js"}} +{{"demo": "LeadingClickAway.js"}} > ⚠️ In this mode, only interactions on the scrollbar of the document is ignored. diff --git a/docs/src/pages/components/container/FixedContainer.js b/docs/data/material/components/container/FixedContainer.js similarity index 100% rename from docs/src/pages/components/container/FixedContainer.js rename to docs/data/material/components/container/FixedContainer.js diff --git a/docs/src/pages/components/container/FixedContainer.tsx b/docs/data/material/components/container/FixedContainer.tsx similarity index 100% rename from docs/src/pages/components/container/FixedContainer.tsx rename to docs/data/material/components/container/FixedContainer.tsx diff --git a/docs/src/pages/components/container/FixedContainer.tsx.preview b/docs/data/material/components/container/FixedContainer.tsx.preview similarity index 100% rename from docs/src/pages/components/container/FixedContainer.tsx.preview rename to docs/data/material/components/container/FixedContainer.tsx.preview diff --git a/docs/src/pages/components/container/SimpleContainer.js b/docs/data/material/components/container/SimpleContainer.js similarity index 100% rename from docs/src/pages/components/container/SimpleContainer.js rename to docs/data/material/components/container/SimpleContainer.js diff --git a/docs/src/pages/components/container/SimpleContainer.tsx b/docs/data/material/components/container/SimpleContainer.tsx similarity index 100% rename from docs/src/pages/components/container/SimpleContainer.tsx rename to docs/data/material/components/container/SimpleContainer.tsx diff --git a/docs/src/pages/components/container/SimpleContainer.tsx.preview b/docs/data/material/components/container/SimpleContainer.tsx.preview similarity index 100% rename from docs/src/pages/components/container/SimpleContainer.tsx.preview rename to docs/data/material/components/container/SimpleContainer.tsx.preview diff --git a/docs/src/pages/components/container/container-pt.md b/docs/data/material/components/container/container-pt.md similarity index 80% rename from docs/src/pages/components/container/container-pt.md rename to docs/data/material/components/container/container-pt.md index dc4c4a40f92b84..be6d3e7ef7529c 100644 --- a/docs/src/pages/components/container/container-pt.md +++ b/docs/data/material/components/container/container-pt.md @@ -1,4 +1,5 @@ --- +product: material title: Componente React Container components: Container githubLabel: 'component: Container' @@ -16,7 +17,7 @@ Enquanto os containers podem ser aninhados, a maioria dos leiautes não necessit A largura de um container fluído é limitada pelo valor da propriedade `maxWidth`. -{{"demo": "pages/components/container/SimpleContainer.js", "iframe": true, "defaultCodeOpen": false}} +{{"demo": "SimpleContainer.js", "iframe": true, "defaultCodeOpen": false}} ```jsx @@ -26,7 +27,7 @@ A largura de um container fluído é limitada pelo valor da propriedade `maxWidt Se você preferir projetar um conjunto fixo de tamanhos em vez de tentar acomodar em uma visualização totalmente fluída, você pode definir a propriedade `fixed`. A largura máxima corresponde à largura mínima do ponto de quebra atual. -{{"demo": "pages/components/container/FixedContainer.js", "iframe": true, "defaultCodeOpen": false}} +{{"demo": "FixedContainer.js", "iframe": true, "defaultCodeOpen": false}} ```jsx diff --git a/docs/src/pages/components/container/container-zh.md b/docs/data/material/components/container/container-zh.md similarity index 78% rename from docs/src/pages/components/container/container-zh.md rename to docs/data/material/components/container/container-zh.md index ba6f01782a18f6..72d7e139aaea15 100644 --- a/docs/src/pages/components/container/container-zh.md +++ b/docs/data/material/components/container/container-zh.md @@ -1,4 +1,5 @@ --- +product: material title: React Container（容器）组件 components: Container githubLabel: 'component: Container' @@ -16,7 +17,7 @@ githubLabel: 'component: Container' 一个 fluid 容器所能达到的宽度被 `maxWidth` 属性的值所限制。 -{{"demo": "pages/components/container/SimpleContainer.js", "iframe": true, "defaultCodeOpen": false}} +{{"demo": "SimpleContainer.js", "iframe": true, "defaultCodeOpen": false}} ```jsx @@ -26,7 +27,7 @@ githubLabel: 'component: Container' 通过设置 `fixed` 属性，您可以设计固定的大小而不是尝试完全流体布局的视口。 max-width 和当前断点的 min-width 则相同。 -{{"demo": "pages/components/container/FixedContainer.js", "iframe": true, "defaultCodeOpen": false}} +{{"demo": "FixedContainer.js", "iframe": true, "defaultCodeOpen": false}} ```jsx diff --git a/docs/src/pages/components/container/container.md b/docs/data/material/components/container/container.md similarity index 78% rename from docs/src/pages/components/container/container.md rename to docs/data/material/components/container/container.md index ec4e81c75eb2f4..01a991edf033c7 100644 --- a/docs/src/pages/components/container/container.md +++ b/docs/data/material/components/container/container.md @@ -1,4 +1,5 @@ --- +product: material title: React Container component components: Container githubLabel: 'component: Container' @@ -16,7 +17,7 @@ While containers can be nested, most layouts do not require a nested container. A fluid container width is bounded by the `maxWidth` prop value. -{{"demo": "pages/components/container/SimpleContainer.js", "iframe": true, "defaultCodeOpen": false}} +{{"demo": "SimpleContainer.js", "iframe": true, "defaultCodeOpen": false}} ```jsx @@ -27,7 +28,7 @@ A fluid container width is bounded by the `maxWidth` prop value. If you prefer to design for a fixed set of sizes instead of trying to accommodate a fully fluid viewport, you can set the `fixed` prop. The max-width matches the min-width of the current breakpoint. -{{"demo": "pages/components/container/FixedContainer.js", "iframe": true, "defaultCodeOpen": false}} +{{"demo": "FixedContainer.js", "iframe": true, "defaultCodeOpen": false}} ```jsx diff --git a/docs/src/pages/components/css-baseline/css-baseline-pt.md b/docs/data/material/components/css-baseline/css-baseline-pt.md similarity index 98% rename from docs/src/pages/components/css-baseline/css-baseline-pt.md rename to docs/data/material/components/css-baseline/css-baseline-pt.md index e7713e5b9230f3..d96974d44703b2 100644 --- a/docs/src/pages/components/css-baseline/css-baseline-pt.md +++ b/docs/data/material/components/css-baseline/css-baseline-pt.md @@ -1,4 +1,5 @@ --- +product: material components: CssBaseline, ScopedCssBaseline githubLabel: 'component: CssBaseline' --- @@ -19,10 +20,10 @@ import CssBaseline from '@material-ui/core/CssBaseline'; export default function MyApp() { return ( - + {/* O resto da sua aplicação */} - + ); } ``` diff --git a/docs/src/pages/components/css-baseline/css-baseline-zh.md b/docs/data/material/components/css-baseline/css-baseline-zh.md similarity index 94% rename from docs/src/pages/components/css-baseline/css-baseline-zh.md rename to docs/data/material/components/css-baseline/css-baseline-zh.md index ed41b44bb460ec..41dcf9b4813722 100644 --- a/docs/src/pages/components/css-baseline/css-baseline-zh.md +++ b/docs/data/material/components/css-baseline/css-baseline-zh.md @@ -1,4 +1,5 @@ --- +product: material components: CssBaseline, ScopedCssBaseline githubLabel: 'component: CssBaseline' --- @@ -55,7 +56,7 @@ export default function MyApp() { 我们更新了 `` 和 `` 元素以提供更好的页面范围的默认值。 具体来说： - 所有浏览器中的边距将会被删除。 -- 默认使用Material Design的背景颜色。 它在标准设备上使用的是 [`theme.palette.background.default`](/customization/default-theme/?expand-path=$.palette.background) ，而打印设备上使用的是白色背景。 +- 默认使用 Material Design 的背景颜色。 它在标准设备上使用的是 [`theme.palette.background.default`](/customization/default-theme/?expand-path=$.palette.background) ，而打印设备上使用的是白色背景。 - If `enableColorScheme` is provided to `CssBaseline`, native components color will be set by applying [`color-scheme`](https://web.dev/color-scheme/) on ``. The value used is provided by the theme property `theme.palette.mode`. ### 布局 diff --git a/docs/src/pages/components/css-baseline/css-baseline.md b/docs/data/material/components/css-baseline/css-baseline.md similarity index 99% rename from docs/src/pages/components/css-baseline/css-baseline.md rename to docs/data/material/components/css-baseline/css-baseline.md index 43b98cfbdd1d85..3d93b52c6b01a5 100644 --- a/docs/src/pages/components/css-baseline/css-baseline.md +++ b/docs/data/material/components/css-baseline/css-baseline.md @@ -1,4 +1,5 @@ --- +product: material components: CssBaseline, ScopedCssBaseline githubLabel: 'component: CssBaseline' --- diff --git a/docs/src/pages/components/date-picker/BasicDatePicker.js b/docs/data/material/components/date-picker/BasicDatePicker.js similarity index 100% rename from docs/src/pages/components/date-picker/BasicDatePicker.js rename to docs/data/material/components/date-picker/BasicDatePicker.js diff --git a/docs/src/pages/components/date-picker/BasicDatePicker.tsx b/docs/data/material/components/date-picker/BasicDatePicker.tsx similarity index 100% rename from docs/src/pages/components/date-picker/BasicDatePicker.tsx rename to docs/data/material/components/date-picker/BasicDatePicker.tsx diff --git a/docs/src/pages/components/date-picker/BasicDatePicker.tsx.preview b/docs/data/material/components/date-picker/BasicDatePicker.tsx.preview similarity index 100% rename from docs/src/pages/components/date-picker/BasicDatePicker.tsx.preview rename to docs/data/material/components/date-picker/BasicDatePicker.tsx.preview diff --git a/docs/src/pages/components/date-picker/CustomDay.js b/docs/data/material/components/date-picker/CustomDay.js similarity index 100% rename from docs/src/pages/components/date-picker/CustomDay.js rename to docs/data/material/components/date-picker/CustomDay.js diff --git a/docs/src/pages/components/date-picker/CustomDay.tsx b/docs/data/material/components/date-picker/CustomDay.tsx similarity index 100% rename from docs/src/pages/components/date-picker/CustomDay.tsx rename to docs/data/material/components/date-picker/CustomDay.tsx diff --git a/docs/src/pages/components/date-picker/CustomDay.tsx.preview b/docs/data/material/components/date-picker/CustomDay.tsx.preview similarity index 100% rename from docs/src/pages/components/date-picker/CustomDay.tsx.preview rename to docs/data/material/components/date-picker/CustomDay.tsx.preview diff --git a/docs/src/pages/components/date-picker/CustomInput.js b/docs/data/material/components/date-picker/CustomInput.js similarity index 100% rename from docs/src/pages/components/date-picker/CustomInput.js rename to docs/data/material/components/date-picker/CustomInput.js diff --git a/docs/src/pages/components/date-picker/CustomInput.tsx b/docs/data/material/components/date-picker/CustomInput.tsx similarity index 100% rename from docs/src/pages/components/date-picker/CustomInput.tsx rename to docs/data/material/components/date-picker/CustomInput.tsx diff --git a/docs/src/pages/components/date-picker/CustomInput.tsx.preview b/docs/data/material/components/date-picker/CustomInput.tsx.preview similarity index 100% rename from docs/src/pages/components/date-picker/CustomInput.tsx.preview rename to docs/data/material/components/date-picker/CustomInput.tsx.preview diff --git a/docs/src/pages/components/date-picker/FormPropsDatePickers.js b/docs/data/material/components/date-picker/FormPropsDatePickers.js similarity index 100% rename from docs/src/pages/components/date-picker/FormPropsDatePickers.js rename to docs/data/material/components/date-picker/FormPropsDatePickers.js diff --git a/docs/src/pages/components/date-picker/FormPropsDatePickers.tsx b/docs/data/material/components/date-picker/FormPropsDatePickers.tsx similarity index 100% rename from docs/src/pages/components/date-picker/FormPropsDatePickers.tsx rename to docs/data/material/components/date-picker/FormPropsDatePickers.tsx diff --git a/docs/src/pages/components/date-picker/HelperText.js b/docs/data/material/components/date-picker/HelperText.js similarity index 100% rename from docs/src/pages/components/date-picker/HelperText.js rename to docs/data/material/components/date-picker/HelperText.js diff --git a/docs/src/pages/components/date-picker/HelperText.tsx b/docs/data/material/components/date-picker/HelperText.tsx similarity index 100% rename from docs/src/pages/components/date-picker/HelperText.tsx rename to docs/data/material/components/date-picker/HelperText.tsx diff --git a/docs/src/pages/components/date-picker/HelperText.tsx.preview b/docs/data/material/components/date-picker/HelperText.tsx.preview similarity index 100% rename from docs/src/pages/components/date-picker/HelperText.tsx.preview rename to docs/data/material/components/date-picker/HelperText.tsx.preview diff --git a/docs/src/pages/components/date-picker/JalaliDatePicker.js b/docs/data/material/components/date-picker/JalaliDatePicker.js similarity index 100% rename from docs/src/pages/components/date-picker/JalaliDatePicker.js rename to docs/data/material/components/date-picker/JalaliDatePicker.js diff --git a/docs/src/pages/components/date-picker/JalaliDatePicker.tsx b/docs/data/material/components/date-picker/JalaliDatePicker.tsx similarity index 100% rename from docs/src/pages/components/date-picker/JalaliDatePicker.tsx rename to docs/data/material/components/date-picker/JalaliDatePicker.tsx diff --git a/docs/src/pages/components/date-picker/JalaliDatePicker.tsx.preview b/docs/data/material/components/date-picker/JalaliDatePicker.tsx.preview similarity index 100% rename from docs/src/pages/components/date-picker/JalaliDatePicker.tsx.preview rename to docs/data/material/components/date-picker/JalaliDatePicker.tsx.preview diff --git a/docs/src/pages/components/date-picker/LocalizedDatePicker.js b/docs/data/material/components/date-picker/LocalizedDatePicker.js similarity index 100% rename from docs/src/pages/components/date-picker/LocalizedDatePicker.js rename to docs/data/material/components/date-picker/LocalizedDatePicker.js diff --git a/docs/src/pages/components/date-picker/LocalizedDatePicker.tsx b/docs/data/material/components/date-picker/LocalizedDatePicker.tsx similarity index 100% rename from docs/src/pages/components/date-picker/LocalizedDatePicker.tsx rename to docs/data/material/components/date-picker/LocalizedDatePicker.tsx diff --git a/docs/src/pages/components/date-picker/ResponsiveDatePickers.js b/docs/data/material/components/date-picker/ResponsiveDatePickers.js similarity index 100% rename from docs/src/pages/components/date-picker/ResponsiveDatePickers.js rename to docs/data/material/components/date-picker/ResponsiveDatePickers.js diff --git a/docs/src/pages/components/date-picker/ResponsiveDatePickers.tsx b/docs/data/material/components/date-picker/ResponsiveDatePickers.tsx similarity index 100% rename from docs/src/pages/components/date-picker/ResponsiveDatePickers.tsx rename to docs/data/material/components/date-picker/ResponsiveDatePickers.tsx diff --git a/docs/src/pages/components/date-picker/ServerRequestDatePicker.js b/docs/data/material/components/date-picker/ServerRequestDatePicker.js similarity index 100% rename from docs/src/pages/components/date-picker/ServerRequestDatePicker.js rename to docs/data/material/components/date-picker/ServerRequestDatePicker.js diff --git a/docs/src/pages/components/date-picker/ServerRequestDatePicker.tsx b/docs/data/material/components/date-picker/ServerRequestDatePicker.tsx similarity index 100% rename from docs/src/pages/components/date-picker/ServerRequestDatePicker.tsx rename to docs/data/material/components/date-picker/ServerRequestDatePicker.tsx diff --git a/docs/src/pages/components/date-picker/StaticDatePickerDemo.js b/docs/data/material/components/date-picker/StaticDatePickerDemo.js similarity index 100% rename from docs/src/pages/components/date-picker/StaticDatePickerDemo.js rename to docs/data/material/components/date-picker/StaticDatePickerDemo.js diff --git a/docs/src/pages/components/date-picker/StaticDatePickerDemo.tsx b/docs/data/material/components/date-picker/StaticDatePickerDemo.tsx similarity index 100% rename from docs/src/pages/components/date-picker/StaticDatePickerDemo.tsx rename to docs/data/material/components/date-picker/StaticDatePickerDemo.tsx diff --git a/docs/src/pages/components/date-picker/StaticDatePickerDemo.tsx.preview b/docs/data/material/components/date-picker/StaticDatePickerDemo.tsx.preview similarity index 100% rename from docs/src/pages/components/date-picker/StaticDatePickerDemo.tsx.preview rename to docs/data/material/components/date-picker/StaticDatePickerDemo.tsx.preview diff --git a/docs/src/pages/components/date-picker/StaticDatePickerLandscape.js b/docs/data/material/components/date-picker/StaticDatePickerLandscape.js similarity index 100% rename from docs/src/pages/components/date-picker/StaticDatePickerLandscape.js rename to docs/data/material/components/date-picker/StaticDatePickerLandscape.js diff --git a/docs/src/pages/components/date-picker/StaticDatePickerLandscape.tsx b/docs/data/material/components/date-picker/StaticDatePickerLandscape.tsx similarity index 100% rename from docs/src/pages/components/date-picker/StaticDatePickerLandscape.tsx rename to docs/data/material/components/date-picker/StaticDatePickerLandscape.tsx diff --git a/docs/src/pages/components/date-picker/StaticDatePickerLandscape.tsx.preview b/docs/data/material/components/date-picker/StaticDatePickerLandscape.tsx.preview similarity index 100% rename from docs/src/pages/components/date-picker/StaticDatePickerLandscape.tsx.preview rename to docs/data/material/components/date-picker/StaticDatePickerLandscape.tsx.preview diff --git a/docs/src/pages/components/date-picker/SubComponentsPickers.js b/docs/data/material/components/date-picker/SubComponentsPickers.js similarity index 100% rename from docs/src/pages/components/date-picker/SubComponentsPickers.js rename to docs/data/material/components/date-picker/SubComponentsPickers.js diff --git a/docs/src/pages/components/date-picker/SubComponentsPickers.tsx b/docs/data/material/components/date-picker/SubComponentsPickers.tsx similarity index 100% rename from docs/src/pages/components/date-picker/SubComponentsPickers.tsx rename to docs/data/material/components/date-picker/SubComponentsPickers.tsx diff --git a/docs/src/pages/components/date-picker/ViewsDatePicker.js b/docs/data/material/components/date-picker/ViewsDatePicker.js similarity index 100% rename from docs/src/pages/components/date-picker/ViewsDatePicker.js rename to docs/data/material/components/date-picker/ViewsDatePicker.js diff --git a/docs/src/pages/components/date-picker/ViewsDatePicker.tsx b/docs/data/material/components/date-picker/ViewsDatePicker.tsx similarity index 100% rename from docs/src/pages/components/date-picker/ViewsDatePicker.tsx rename to docs/data/material/components/date-picker/ViewsDatePicker.tsx diff --git a/docs/src/pages/components/date-picker/date-picker-pt.md b/docs/data/material/components/date-picker/date-picker-pt.md similarity index 81% rename from docs/src/pages/components/date-picker/date-picker-pt.md rename to docs/data/material/components/date-picker/date-picker-pt.md index 3df71b155dcdb0..5c7cdd77e7a7c9 100644 --- a/docs/src/pages/components/date-picker/date-picker-pt.md +++ b/docs/data/material/components/date-picker/date-picker-pt.md @@ -1,4 +1,5 @@ --- +product: material title: Componente React Seletor de data components: CalendarPicker, CalendarPickerSkeleton, DatePicker, DesktopDatePicker, MobileDatePicker, MonthPicker, PickersDay, StaticDatePicker, YearPicker githubLabel: 'component: date picker' @@ -39,13 +40,13 @@ function App() { The date picker is rendered as a modal dialog on mobile, and a textbox with a popup on desktop. -{{"demo": "pages/components/date-picker/BasicDatePicker.js"}} +{{"demo": "BasicDatePicker.js"}} ## Modo estático It's possible to render any date picker without the modal/popover and text field. Isso pode ser útil na construção de containers customizados de popover/modal. -{{"demo": "pages/components/date-picker/StaticDatePickerDemo.js", "bg": true}} +{{"demo": "StaticDatePickerDemo.js", "bg": true}} ## Responsividade @@ -56,64 +57,64 @@ O componente seletor de data é projetado e otimizado para o dispositivo em que By default, the `DatePicker` component renders the desktop version if the media query [`@media (pointer: fine)`](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pointer) matches. Isto pode ser customizado com a propriedade `desktopModeMediaQuery`. -{{"demo": "pages/components/date-picker/ResponsiveDatePickers.js"}} +{{"demo": "ResponsiveDatePickers.js"}} ## Propriedades de formulário The date picker component can be disabled or read-only. -{{"demo": "pages/components/date-picker/FormPropsDatePickers.js"}} +{{"demo": "FormPropsDatePickers.js"}} ## Localização Use `LocalizationProvider` para alterar a date-engine de localização que é usada para renderizar o seletor de data. Aqui esta um exemplo de alteração da localidade com o adaptador `date-fns`: -{{"demo": "pages/components/date-picker/LocalizedDatePicker.js"}} +{{"demo": "LocalizedDatePicker.js"}} ## Jalali calendar system Install `date-fns-jalali` and use `@date-io/date-fns-jalali` adapter to support [Jalali calendar](https://en.wikipedia.org/wiki/Jalali_calendar). -{{"demo": "pages/components/date-picker/JalaliDatePicker.js"}} +{{"demo": "JalaliDatePicker.js"}} ## Exemplos de exibições É possível combinar `year`, `month`, e `date` para seleção na exibição. As exibições aparecerão na ordem em que estão incluídas no array `views`. -{{"demo": "pages/components/date-picker/ViewsDatePicker.js"}} +{{"demo": "ViewsDatePicker.js"}} ## Orientação paisagem For ease of use, the date picker will automatically change the layout between portrait and landscape by subscription to the `window.orientation` change. Você pode forçar um leiaute específico usando a propriedade `orientation`. -{{"demo": "pages/components/date-picker/StaticDatePickerLandscape.js", "bg": true}} +{{"demo": "StaticDatePickerLandscape.js", "bg": true}} ## Subcomponentes -Some lower-level sub-components (`CalendarPicker`, `MonthPicker`, and `YearPicker`) are also exported. Estes são renderizados sem estar encapsulado ou lógica exterior (campo com mascara, valores de data e validação, etc.). +Some lower-level sub-components (`CalendarPicker`, `MonthPicker`, and `YearPicker`) are also exported. Estes são renderizados sem estar encapsulado ou lógica exterior (campo com mascara, valores de data e validação, etc.). -{{"demo": "pages/components/date-picker/SubComponentsPickers.js"}} +{{"demo": "SubComponentsPickers.js"}} ## Componente de entrada customizado You can customize the rendering of the input with the `renderInput` prop. Certifique-se de encaminhar `ref` e `inputProps` corretamente para o componente de entrada customizado. -{{"demo": "pages/components/date-picker/CustomInput.js"}} +{{"demo": "CustomInput.js"}} ## Renderização customizada do dia Os dias exibidos são customizados com uma função na propriedade `renderDay`. You can take advantage of the [PickersDay](/api/pickers-day/) component. -{{"demo": "pages/components/date-picker/CustomDay.js"}} +{{"demo": "CustomDay.js"}} ## Dados dinâmicos Às vezes, pode ser necessário exibir informação adicional diretamente no calendário. Aqui está um exemplo de pré-busca e exibição de dados do servidor usando as propriedades `onMonthChange`, `loading`, e `renderDay`. -{{"demo": "pages/components/date-picker/ServerRequestDatePicker.js"}} +{{"demo": "ServerRequestDatePicker.js"}} ## Helper text Você pode mostrar um texto de ajuda com o formato de data aceito. -{{"demo": "pages/components/date-picker/HelperText.js"}} +{{"demo": "HelperText.js"}} diff --git a/docs/src/pages/components/date-picker/date-picker-zh.md b/docs/data/material/components/date-picker/date-picker-zh.md similarity index 83% rename from docs/src/pages/components/date-picker/date-picker-zh.md rename to docs/data/material/components/date-picker/date-picker-zh.md index 865e4b8703274b..7e7908ae131aa2 100644 --- a/docs/src/pages/components/date-picker/date-picker-zh.md +++ b/docs/data/material/components/date-picker/date-picker-zh.md @@ -1,4 +1,5 @@ --- +product: material title: React Date Picker（日期选择器）组件 components: CalendarPicker, CalendarPickerSkeleton, DatePicker, DesktopDatePicker, MobileDatePicker, MonthPicker, PickersDay, StaticDatePicker, YearPicker githubLabel: 'component: date picker' @@ -39,13 +40,13 @@ function App() { The date picker is rendered as a modal dialog on mobile, and a textbox with a popup on desktop. -{{"demo": "pages/components/date-picker/BasicDatePicker.js"}} +{{"demo": "BasicDatePicker.js"}} ## 静态模式 It's possible to render any date picker without the modal/popover and text field. 这样的话就可以帮助进一步定制弹出提示/模态框的容器。 这样的话就可以帮助进一步定制弹出提示/模态框的容器。 -{{"demo": "pages/components/date-picker/StaticDatePickerDemo.js", "bg": true}} +{{"demo": "StaticDatePickerDemo.js", "bg": true}} ## 响应式 @@ -56,64 +57,64 @@ It's possible to render any date picker without the modal/popover and text field By default, the `DatePicker` component renders the desktop version if the media query [`@media (pointer: fine)`](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pointer) matches. 你也可以使用 `desktopModeMediaQuery` 属性来自定义它。 This can be customized with the `desktopModeMediaQuery` prop. -{{"demo": "pages/components/date-picker/ResponsiveDatePickers.js"}} +{{"demo": "ResponsiveDatePickers.js"}} ## Form props 表单的属性 The date picker component can be disabled or read-only. -{{"demo": "pages/components/date-picker/FormPropsDatePickers.js"}} +{{"demo": "FormPropsDatePickers.js"}} ## Localization 本地化 你可以使用 `LocalizationProvider` 来改变用于渲染日期选择的 date-engine（日期引擎）本地化设置。 下面是一个更改 `date-fns` 适配器本地化设置的示例： -{{"demo": "pages/components/date-picker/LocalizedDatePicker.js"}} +{{"demo": "LocalizedDatePicker.js"}} ## Jalali calendar system Install `date-fns-jalali` and use `@date-io/date-fns-jalali` adapter to support [Jalali calendar](https://en.wikipedia.org/wiki/Jalali_calendar). -{{"demo": "pages/components/date-picker/JalaliDatePicker.js"}} +{{"demo": "JalaliDatePicker.js"}} ## 试玩例子 你可以将 `year`，`month` 和 `date` 进行组合显示。 视图的显示顺序是由被包含在 `views` 数组的顺序来决定的。 -{{"demo": "pages/components/date-picker/ViewsDatePicker.js"}} +{{"demo": "ViewsDatePicker.js"}} ## 横竖方向 For ease of use, the date picker will automatically change the layout between portrait and landscape by subscription to the `window.orientation` change. 你可以使用 `orientation` 属性来强行指定布局。 你可以使用 `orientation` 属性来强行指定布局。 -{{"demo": "pages/components/date-picker/StaticDatePickerLandscape.js", "bg": true}} +{{"demo": "StaticDatePickerLandscape.js", "bg": true}} ## 子组件 Some lower-level sub-components (`CalendarPicker`, `MonthPicker`, and `YearPicker`) are also exported. 这些都是在没有包装器或外部逻辑（屏蔽输入、日期值解析和验证等）的情况下渲染的。 这些都是在没有包装器或外部逻辑（屏蔽输入、日期值解析和验证等）的情况下渲染的。 -{{"demo": "pages/components/date-picker/SubComponentsPickers.js"}} +{{"demo": "SubComponentsPickers.js"}} ## 自定义输入组件 You can customize the rendering of the input with the `renderInput` prop. 请确保 `ref` 和 `inputProps` 都以正确的方式传入到所定制的输入组件。 请确保 `ref` 和 `inputProps` 都以正确的方式传入到所定制的输入组件。 -{{"demo": "pages/components/date-picker/CustomInput.js"}} +{{"demo": "CustomInput.js"}} ## 自定义日期渲染 你可以通过 `renderDay` 函数属性来自定义所显示的日期。 You can take advantage of the [PickersDay](/api/pickers-day/) component. -{{"demo": "pages/components/date-picker/CustomDay.js"}} +{{"demo": "CustomDay.js"}} ## 动态数据 有些时候可能有在日历中显示额外信息的需求。 下面是一个使用 `onMonthChange`、`loading` 和 `renderDay` 属性来预取并显示服务器端数据的例子。 -{{"demo": "pages/components/date-picker/ServerRequestDatePicker.js"}} +{{"demo": "ServerRequestDatePicker.js"}} ## Helper text You can show a helper text with the date format accepted. -{{"demo": "pages/components/date-picker/HelperText.js"}} +{{"demo": "HelperText.js"}} diff --git a/docs/src/pages/components/date-picker/date-picker.md b/docs/data/material/components/date-picker/date-picker.md similarity index 82% rename from docs/src/pages/components/date-picker/date-picker.md rename to docs/data/material/components/date-picker/date-picker.md index 1e0afaa3ada85f..1e6345803278f7 100644 --- a/docs/src/pages/components/date-picker/date-picker.md +++ b/docs/data/material/components/date-picker/date-picker.md @@ -1,4 +1,5 @@ --- +product: material title: React Date Picker component components: CalendarPicker, CalendarPickerSkeleton, DatePicker, DesktopDatePicker, MobileDatePicker, MonthPicker, PickersDay, StaticDatePicker, YearPicker githubLabel: 'component: date picker' @@ -39,13 +40,13 @@ function App() { The date picker is rendered as a modal dialog on mobile, and a textbox with a popup on desktop. -{{"demo": "pages/components/date-picker/BasicDatePicker.js"}} +{{"demo": "BasicDatePicker.js"}} ## Static mode It's possible to render any date picker without the modal/popover and text field. This can be helpful when building custom popover/modal containers. -{{"demo": "pages/components/date-picker/StaticDatePickerDemo.js", "bg": true}} +{{"demo": "StaticDatePickerDemo.js", "bg": true}} ## Responsiveness @@ -57,65 +58,65 @@ The date picker component is designed and optimized for the device it runs on. By default, the `DatePicker` component renders the desktop version if the media query [`@media (pointer: fine)`](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pointer) matches. This can be customized with the `desktopModeMediaQuery` prop. -{{"demo": "pages/components/date-picker/ResponsiveDatePickers.js"}} +{{"demo": "ResponsiveDatePickers.js"}} ## Form props The date picker component can be disabled or read-only. -{{"demo": "pages/components/date-picker/FormPropsDatePickers.js"}} +{{"demo": "FormPropsDatePickers.js"}} ## Localization Use `LocalizationProvider` to change the date-engine locale that is used to render the date picker. Here is an example of changing the locale for the `date-fns` adapter: -{{"demo": "pages/components/date-picker/LocalizedDatePicker.js"}} +{{"demo": "LocalizedDatePicker.js"}} ## Jalali calendar system Install `date-fns-jalali` and use `@date-io/date-fns-jalali` adapter to support [Jalali calendar](https://en.wikipedia.org/wiki/Jalali_calendar). -{{"demo": "pages/components/date-picker/JalaliDatePicker.js"}} +{{"demo": "JalaliDatePicker.js"}} ## Views playground It's possible to combine `year`, `month`, and `date` selection views. Views will appear in the order they're included in the `views` array. -{{"demo": "pages/components/date-picker/ViewsDatePicker.js"}} +{{"demo": "ViewsDatePicker.js"}} ## Landscape orientation For ease of use, the date picker will automatically change the layout between portrait and landscape by subscription to the `window.orientation` change. You can force a specific layout using the `orientation` prop. -{{"demo": "pages/components/date-picker/StaticDatePickerLandscape.js", "bg": true}} +{{"demo": "StaticDatePickerLandscape.js", "bg": true}} ## Sub-components Some lower-level sub-components (`CalendarPicker`, `MonthPicker`, and `YearPicker`) are also exported. These are rendered without a wrapper or outer logic (masked input, date values parsing and validation, etc.). -{{"demo": "pages/components/date-picker/SubComponentsPickers.js"}} +{{"demo": "SubComponentsPickers.js"}} ## Custom input component You can customize the rendering of the input with the `renderInput` prop. Make sure to spread `ref` and `inputProps` correctly to the custom input component. -{{"demo": "pages/components/date-picker/CustomInput.js"}} +{{"demo": "CustomInput.js"}} ## Customized day rendering The displayed days are customizable with the `renderDay` function prop. You can take advantage of the [PickersDay](/api/pickers-day/) component. -{{"demo": "pages/components/date-picker/CustomDay.js"}} +{{"demo": "CustomDay.js"}} ## Dynamic data Sometimes it may be necessary to display additional info right in the calendar. Here's an example of prefetching and displaying server-side data using the `onMonthChange`, `loading`, and `renderDay` props. -{{"demo": "pages/components/date-picker/ServerRequestDatePicker.js"}} +{{"demo": "ServerRequestDatePicker.js"}} ## Helper text You can show a helper text with the date format accepted. -{{"demo": "pages/components/date-picker/HelperText.js"}} +{{"demo": "HelperText.js"}} diff --git a/docs/src/pages/components/date-range-picker/BasicDateRangePicker.js b/docs/data/material/components/date-range-picker/BasicDateRangePicker.js similarity index 100% rename from docs/src/pages/components/date-range-picker/BasicDateRangePicker.js rename to docs/data/material/components/date-range-picker/BasicDateRangePicker.js diff --git a/docs/src/pages/components/date-range-picker/BasicDateRangePicker.tsx b/docs/data/material/components/date-range-picker/BasicDateRangePicker.tsx similarity index 100% rename from docs/src/pages/components/date-range-picker/BasicDateRangePicker.tsx rename to docs/data/material/components/date-range-picker/BasicDateRangePicker.tsx diff --git a/docs/src/pages/components/date-range-picker/CalendarsDateRangePicker.js b/docs/data/material/components/date-range-picker/CalendarsDateRangePicker.js similarity index 100% rename from docs/src/pages/components/date-range-picker/CalendarsDateRangePicker.js rename to docs/data/material/components/date-range-picker/CalendarsDateRangePicker.js diff --git a/docs/src/pages/components/date-range-picker/CalendarsDateRangePicker.tsx b/docs/data/material/components/date-range-picker/CalendarsDateRangePicker.tsx similarity index 100% rename from docs/src/pages/components/date-range-picker/CalendarsDateRangePicker.tsx rename to docs/data/material/components/date-range-picker/CalendarsDateRangePicker.tsx diff --git a/docs/src/pages/components/date-range-picker/CustomDateRangeInputs.js b/docs/data/material/components/date-range-picker/CustomDateRangeInputs.js similarity index 100% rename from docs/src/pages/components/date-range-picker/CustomDateRangeInputs.js rename to docs/data/material/components/date-range-picker/CustomDateRangeInputs.js diff --git a/docs/src/pages/components/date-range-picker/CustomDateRangeInputs.tsx b/docs/data/material/components/date-range-picker/CustomDateRangeInputs.tsx similarity index 100% rename from docs/src/pages/components/date-range-picker/CustomDateRangeInputs.tsx rename to docs/data/material/components/date-range-picker/CustomDateRangeInputs.tsx diff --git a/docs/src/pages/components/date-range-picker/CustomDateRangePickerDay.js b/docs/data/material/components/date-range-picker/CustomDateRangePickerDay.js similarity index 100% rename from docs/src/pages/components/date-range-picker/CustomDateRangePickerDay.js rename to docs/data/material/components/date-range-picker/CustomDateRangePickerDay.js diff --git a/docs/src/pages/components/date-range-picker/CustomDateRangePickerDay.tsx b/docs/data/material/components/date-range-picker/CustomDateRangePickerDay.tsx similarity index 100% rename from docs/src/pages/components/date-range-picker/CustomDateRangePickerDay.tsx rename to docs/data/material/components/date-range-picker/CustomDateRangePickerDay.tsx diff --git a/docs/src/pages/components/date-range-picker/CustomDateRangePickerDay.tsx.preview b/docs/data/material/components/date-range-picker/CustomDateRangePickerDay.tsx.preview similarity index 100% rename from docs/src/pages/components/date-range-picker/CustomDateRangePickerDay.tsx.preview rename to docs/data/material/components/date-range-picker/CustomDateRangePickerDay.tsx.preview diff --git a/docs/src/pages/components/date-range-picker/FormPropsDateRangePickers.js b/docs/data/material/components/date-range-picker/FormPropsDateRangePickers.js similarity index 100% rename from docs/src/pages/components/date-range-picker/FormPropsDateRangePickers.js rename to docs/data/material/components/date-range-picker/FormPropsDateRangePickers.js diff --git a/docs/src/pages/components/date-range-picker/FormPropsDateRangePickers.tsx b/docs/data/material/components/date-range-picker/FormPropsDateRangePickers.tsx similarity index 100% rename from docs/src/pages/components/date-range-picker/FormPropsDateRangePickers.tsx rename to docs/data/material/components/date-range-picker/FormPropsDateRangePickers.tsx diff --git a/docs/src/pages/components/date-range-picker/MinMaxDateRangePicker.js b/docs/data/material/components/date-range-picker/MinMaxDateRangePicker.js similarity index 100% rename from docs/src/pages/components/date-range-picker/MinMaxDateRangePicker.js rename to docs/data/material/components/date-range-picker/MinMaxDateRangePicker.js diff --git a/docs/src/pages/components/date-range-picker/MinMaxDateRangePicker.tsx b/docs/data/material/components/date-range-picker/MinMaxDateRangePicker.tsx similarity index 100% rename from docs/src/pages/components/date-range-picker/MinMaxDateRangePicker.tsx rename to docs/data/material/components/date-range-picker/MinMaxDateRangePicker.tsx diff --git a/docs/src/pages/components/date-range-picker/ResponsiveDateRangePicker.js b/docs/data/material/components/date-range-picker/ResponsiveDateRangePicker.js similarity index 100% rename from docs/src/pages/components/date-range-picker/ResponsiveDateRangePicker.js rename to docs/data/material/components/date-range-picker/ResponsiveDateRangePicker.js diff --git a/docs/src/pages/components/date-range-picker/ResponsiveDateRangePicker.tsx b/docs/data/material/components/date-range-picker/ResponsiveDateRangePicker.tsx similarity index 100% rename from docs/src/pages/components/date-range-picker/ResponsiveDateRangePicker.tsx rename to docs/data/material/components/date-range-picker/ResponsiveDateRangePicker.tsx diff --git a/docs/src/pages/components/date-range-picker/StaticDateRangePickerDemo.js b/docs/data/material/components/date-range-picker/StaticDateRangePickerDemo.js similarity index 100% rename from docs/src/pages/components/date-range-picker/StaticDateRangePickerDemo.js rename to docs/data/material/components/date-range-picker/StaticDateRangePickerDemo.js diff --git a/docs/src/pages/components/date-range-picker/StaticDateRangePickerDemo.tsx b/docs/data/material/components/date-range-picker/StaticDateRangePickerDemo.tsx similarity index 100% rename from docs/src/pages/components/date-range-picker/StaticDateRangePickerDemo.tsx rename to docs/data/material/components/date-range-picker/StaticDateRangePickerDemo.tsx diff --git a/docs/src/pages/components/date-range-picker/StaticDateRangePickerDemo.tsx.preview b/docs/data/material/components/date-range-picker/StaticDateRangePickerDemo.tsx.preview similarity index 100% rename from docs/src/pages/components/date-range-picker/StaticDateRangePickerDemo.tsx.preview rename to docs/data/material/components/date-range-picker/StaticDateRangePickerDemo.tsx.preview diff --git a/docs/src/pages/components/date-range-picker/date-range-picker-pt.md b/docs/data/material/components/date-range-picker/date-range-picker-pt.md similarity index 81% rename from docs/src/pages/components/date-range-picker/date-range-picker-pt.md rename to docs/data/material/components/date-range-picker/date-range-picker-pt.md index 9927ff7fc0c425..849c8f5388935b 100644 --- a/docs/src/pages/components/date-range-picker/date-range-picker-pt.md +++ b/docs/data/material/components/date-range-picker/date-range-picker-pt.md @@ -1,4 +1,5 @@ --- +product: material title: Componente React Seletor intervalo de data components: DateRangePicker, DateRangePickerDay, DesktopDateRangePicker, MobileDateRangePicker, StaticDateRangePicker githubLabel: 'component: date range picker' @@ -10,7 +11,7 @@ materialDesign: https://material.io/components/date-pickers

Seletores de data permitem ao usuário selecionar um intervalo de datas.

-> ⚠️ Pro component

The date range picker is intended for Material-UI X Pro, a commercial set of advanced components built on top of the community edition (MIT license).

Esta extensão paga incluirá mais componentes avançados (um data grid rico, seletor de intervalo de data, arrastar & soltar na visualização em árvore, etc.). [Early access](https://mui.com/store/items/material-ui-pro/) starts at an affordable price. +> ⚠️ Pro component

The date range picker is intended for Material-UI X Pro, a commercial set of advanced components built on top of the community edition (MIT license).

Esta extensão paga incluirá mais componentes avançados (um data grid rico, seletor de intervalo de data, arrastar & soltar na visualização em árvore, etc.). [Early access](https://mui.com/store/items/material-ui-pro/) starts at an affordable price. Os seletores de intervalo de datas permitem que o usuário selecione um intervalo de datas. @@ -38,13 +39,13 @@ function App() { Note que você pode passar quase qualquer propriedade de [DatePicker](/api/date-picker/). -{{"demo": "pages/components/date-range-picker/BasicDateRangePicker.js"}} +{{"demo": "BasicDateRangePicker.js"}} ## Modo estático É possível renderizar qualquer seletor em linha. Isto permitirá construir contêineres customizados de popover/modal. -{{"demo": "pages/components/date-range-picker/StaticDateRangePickerDemo.js", "bg": true}} +{{"demo": "StaticDateRangePickerDemo.js", "bg": true}} ## Responsividade @@ -55,34 +56,34 @@ O componente de seletor de intervalo de data é projetado e otimizado para o dis By default, the `DateRangePicker` component renders the desktop version if the media query [`@media (pointer: fine)`](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pointer) matches. This can be customized with the `desktopModeMediaQuery` prop. -{{"demo": "pages/components/date-range-picker/ResponsiveDateRangePicker.js"}} +{{"demo": "ResponsiveDateRangePicker.js"}} ## Propriedades de formulário The date range picker component can be disabled or read-only. -{{"demo": "pages/components/date-range-picker/FormPropsDateRangePickers.js"}} +{{"demo": "FormPropsDateRangePickers.js"}} ## Número diferente de meses Observe que a propriedade `calendars` só funciona no modo desktop. -{{"demo": "pages/components/date-range-picker/CalendarsDateRangePicker.js"}} +{{"demo": "CalendarsDateRangePicker.js"}} ## Desabilitando datas Desabilitar datas se comporta da mesma forma que `DatePicker`. -{{"demo": "pages/components/date-range-picker/MinMaxDateRangePicker.js"}} +{{"demo": "MinMaxDateRangePicker.js"}} ## Componente de entrada customizado É possível customizar o componente de entrada renderizado com a propriedade `renderInput`. Para o `DateRangePicker` ele recebe **2** parâmetros– para o campo inicial e final, respectivamente. Se você precisar renderizar campos de entrada customizados, certifique-se de encaminhar `ref` e `inputProps` corretamente para os componentes de entrada. -{{"demo": "pages/components/date-range-picker/CustomDateRangeInputs.js"}} +{{"demo": "CustomDateRangeInputs.js"}} ## Renderização customizada do dia Os dias exibidos são customizados com uma função na propriedade `renderDay`. You can take advantage of the internal [DateRangePickerDay](/api/date-range-picker-day/) component. -{{"demo": "pages/components/date-range-picker/CustomDateRangePickerDay.js"}} +{{"demo": "CustomDateRangePickerDay.js"}} diff --git a/docs/src/pages/components/date-range-picker/date-range-picker-zh.md b/docs/data/material/components/date-range-picker/date-range-picker-zh.md similarity index 86% rename from docs/src/pages/components/date-range-picker/date-range-picker-zh.md rename to docs/data/material/components/date-range-picker/date-range-picker-zh.md index baf18260b93b65..935ca0b39778a1 100644 --- a/docs/src/pages/components/date-range-picker/date-range-picker-zh.md +++ b/docs/data/material/components/date-range-picker/date-range-picker-zh.md @@ -1,4 +1,5 @@ --- +product: material title: React Date Range Picker（日期范围选择器）组件 components: DateRangePicker, DateRangePickerDay, DesktopDateRangePicker, MobileDateRangePicker, StaticDateRangePicker <<<<<<< HEAD @@ -43,13 +44,13 @@ function App() { 请注意，你可以从 [DatePicker](/api/date-picker/) 中传递几乎任何的属性。 -{{"demo": "pages/components/date-range-picker/BasicDateRangePicker.js"}} +{{"demo": "BasicDateRangePicker.js"}} ## 静态模式 可以将任何选择器内嵌渲染。 这将启用自定义弹出提示/模态框的容器。 -{{"demo": "pages/components/date-range-picker/StaticDateRangePickerDemo.js", "bg": true}} +{{"demo": "StaticDateRangePickerDemo.js", "bg": true}} ## 响应式 @@ -60,34 +61,34 @@ function App() { By default, the `DateRangePicker` component renders the desktop version if the media query [`@media (pointer: fine)`](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pointer) matches. 你也可以使用 `desktopModeMediaQuery` 属性来自定义它。 你也可以使用 `desktopModeMediaQuery` 属性来自定义它。 -{{"demo": "pages/components/date-range-picker/ResponsiveDateRangePicker.js"}} +{{"demo": "ResponsiveDateRangePicker.js"}} ## Form props 表单的属性 The date range picker component can be disabled or read-only. -{{"demo": "pages/components/date-range-picker/FormPropsDateRangePickers.js"}} +{{"demo": "FormPropsDateRangePickers.js"}} ## 不同的月数 请注意，`calendars` 属性仅运行在桌面端。 -{{"demo": "pages/components/date-range-picker/CalendarsDateRangePicker.js"}} +{{"demo": "CalendarsDateRangePicker.js"}} ## 禁用日期 禁用日期的行为与 `DatePicker` 相同。 -{{"demo": "pages/components/date-range-picker/MinMaxDateRangePicker.js"}} +{{"demo": "MinMaxDateRangePicker.js"}} ## 自定义输入组件 你可以使用 `renderInput` 属性来渲染自定义的输入。 对于 `DateRangePicker`，它需要**两个**参数 – 分别是开始和结束输入。 如果你需要渲染自定义的输入，请确保将 `ref` 和 `inputProps` 都正确地传入到输入组件中。 -{{"demo": "pages/components/date-range-picker/CustomDateRangeInputs.js"}} +{{"demo": "CustomDateRangeInputs.js"}} ## 自定义日期渲染 你可以通过 `renderDay` 函数属性来自定义所显示的日期。 You can take advantage of the internal [DateRangePickerDay](/api/date-range-picker-day/) component. -{{"demo": "pages/components/date-range-picker/CustomDateRangePickerDay.js"}} +{{"demo": "CustomDateRangePickerDay.js"}} diff --git a/docs/src/pages/components/date-range-picker/date-range-picker.md b/docs/data/material/components/date-range-picker/date-range-picker.md similarity index 84% rename from docs/src/pages/components/date-range-picker/date-range-picker.md rename to docs/data/material/components/date-range-picker/date-range-picker.md index 5bfc254ee94a93..a6b2e36dddd192 100644 --- a/docs/src/pages/components/date-range-picker/date-range-picker.md +++ b/docs/data/material/components/date-range-picker/date-range-picker.md @@ -1,4 +1,5 @@ --- +product: material title: React Date Range Picker component components: DateRangePicker, DateRangePickerDay, DesktopDateRangePicker, MobileDateRangePicker, StaticDateRangePicker githubLabel: 'component: date range picker' @@ -42,13 +43,13 @@ function App() { Note that you can pass almost any prop from [DatePicker](/api/date-picker/). -{{"demo": "pages/components/date-range-picker/BasicDateRangePicker.js"}} +{{"demo": "BasicDateRangePicker.js"}} ## Static mode It's possible to render any picker inline. This will enable building custom popover/modal containers. -{{"demo": "pages/components/date-range-picker/StaticDateRangePickerDemo.js", "bg": true}} +{{"demo": "StaticDateRangePickerDemo.js", "bg": true}} ## Responsiveness @@ -60,36 +61,36 @@ The date range picker component is designed to be optimized for the device it ru By default, the `DateRangePicker` component renders the desktop version if the media query [`@media (pointer: fine)`](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pointer) matches. This can be customized with the `desktopModeMediaQuery` prop. -{{"demo": "pages/components/date-range-picker/ResponsiveDateRangePicker.js"}} +{{"demo": "ResponsiveDateRangePicker.js"}} ## Form props The date range picker component can be disabled or read-only. -{{"demo": "pages/components/date-range-picker/FormPropsDateRangePickers.js"}} +{{"demo": "FormPropsDateRangePickers.js"}} ## Different number of months Note that the `calendars` prop only works in desktop mode. -{{"demo": "pages/components/date-range-picker/CalendarsDateRangePicker.js"}} +{{"demo": "CalendarsDateRangePicker.js"}} ## Disabling dates Disabling dates behaves the same as the simple `DatePicker`. -{{"demo": "pages/components/date-range-picker/MinMaxDateRangePicker.js"}} +{{"demo": "MinMaxDateRangePicker.js"}} ## Custom input component You can customize the rendered input with the `renderInput` prop. For `DateRangePicker` it takes **2** parameters – for start and end input respectively. If you need to render custom inputs make sure to spread `ref` and `inputProps` correctly to the input components. -{{"demo": "pages/components/date-range-picker/CustomDateRangeInputs.js"}} +{{"demo": "CustomDateRangeInputs.js"}} ## Customized day rendering The displayed days are customizable with the `renderDay` function prop. You can take advantage of the internal [DateRangePickerDay](/api/date-range-picker-day/) component. -{{"demo": "pages/components/date-range-picker/CustomDateRangePickerDay.js"}} +{{"demo": "CustomDateRangePickerDay.js"}} diff --git a/docs/src/pages/components/date-time-picker/BasicDateTimePicker.js b/docs/data/material/components/date-time-picker/BasicDateTimePicker.js similarity index 100% rename from docs/src/pages/components/date-time-picker/BasicDateTimePicker.js rename to docs/data/material/components/date-time-picker/BasicDateTimePicker.js diff --git a/docs/src/pages/components/date-time-picker/BasicDateTimePicker.tsx b/docs/data/material/components/date-time-picker/BasicDateTimePicker.tsx similarity index 100% rename from docs/src/pages/components/date-time-picker/BasicDateTimePicker.tsx rename to docs/data/material/components/date-time-picker/BasicDateTimePicker.tsx diff --git a/docs/src/pages/components/date-time-picker/BasicDateTimePicker.tsx.preview b/docs/data/material/components/date-time-picker/BasicDateTimePicker.tsx.preview similarity index 100% rename from docs/src/pages/components/date-time-picker/BasicDateTimePicker.tsx.preview rename to docs/data/material/components/date-time-picker/BasicDateTimePicker.tsx.preview diff --git a/docs/src/pages/components/date-time-picker/CustomDateTimePicker.js b/docs/data/material/components/date-time-picker/CustomDateTimePicker.js similarity index 100% rename from docs/src/pages/components/date-time-picker/CustomDateTimePicker.js rename to docs/data/material/components/date-time-picker/CustomDateTimePicker.js diff --git a/docs/src/pages/components/date-time-picker/CustomDateTimePicker.tsx b/docs/data/material/components/date-time-picker/CustomDateTimePicker.tsx similarity index 100% rename from docs/src/pages/components/date-time-picker/CustomDateTimePicker.tsx rename to docs/data/material/components/date-time-picker/CustomDateTimePicker.tsx diff --git a/docs/src/pages/components/date-time-picker/DateTimeValidation.js b/docs/data/material/components/date-time-picker/DateTimeValidation.js similarity index 100% rename from docs/src/pages/components/date-time-picker/DateTimeValidation.js rename to docs/data/material/components/date-time-picker/DateTimeValidation.js diff --git a/docs/src/pages/components/date-time-picker/DateTimeValidation.tsx b/docs/data/material/components/date-time-picker/DateTimeValidation.tsx similarity index 100% rename from docs/src/pages/components/date-time-picker/DateTimeValidation.tsx rename to docs/data/material/components/date-time-picker/DateTimeValidation.tsx diff --git a/docs/src/pages/components/date-time-picker/FormPropsDateTimePickers.js b/docs/data/material/components/date-time-picker/FormPropsDateTimePickers.js similarity index 100% rename from docs/src/pages/components/date-time-picker/FormPropsDateTimePickers.js rename to docs/data/material/components/date-time-picker/FormPropsDateTimePickers.js diff --git a/docs/src/pages/components/date-time-picker/FormPropsDateTimePickers.tsx b/docs/data/material/components/date-time-picker/FormPropsDateTimePickers.tsx similarity index 100% rename from docs/src/pages/components/date-time-picker/FormPropsDateTimePickers.tsx rename to docs/data/material/components/date-time-picker/FormPropsDateTimePickers.tsx diff --git a/docs/src/pages/components/date-time-picker/ResponsiveDateTimePickers.js b/docs/data/material/components/date-time-picker/ResponsiveDateTimePickers.js similarity index 100% rename from docs/src/pages/components/date-time-picker/ResponsiveDateTimePickers.js rename to docs/data/material/components/date-time-picker/ResponsiveDateTimePickers.js diff --git a/docs/src/pages/components/date-time-picker/ResponsiveDateTimePickers.tsx b/docs/data/material/components/date-time-picker/ResponsiveDateTimePickers.tsx similarity index 100% rename from docs/src/pages/components/date-time-picker/ResponsiveDateTimePickers.tsx rename to docs/data/material/components/date-time-picker/ResponsiveDateTimePickers.tsx diff --git a/docs/src/pages/components/date-time-picker/StaticDateTimePickerDemo.js b/docs/data/material/components/date-time-picker/StaticDateTimePickerDemo.js similarity index 100% rename from docs/src/pages/components/date-time-picker/StaticDateTimePickerDemo.js rename to docs/data/material/components/date-time-picker/StaticDateTimePickerDemo.js diff --git a/docs/src/pages/components/date-time-picker/StaticDateTimePickerDemo.tsx b/docs/data/material/components/date-time-picker/StaticDateTimePickerDemo.tsx similarity index 100% rename from docs/src/pages/components/date-time-picker/StaticDateTimePickerDemo.tsx rename to docs/data/material/components/date-time-picker/StaticDateTimePickerDemo.tsx diff --git a/docs/src/pages/components/date-time-picker/StaticDateTimePickerDemo.tsx.preview b/docs/data/material/components/date-time-picker/StaticDateTimePickerDemo.tsx.preview similarity index 100% rename from docs/src/pages/components/date-time-picker/StaticDateTimePickerDemo.tsx.preview rename to docs/data/material/components/date-time-picker/StaticDateTimePickerDemo.tsx.preview diff --git a/docs/src/pages/components/date-time-picker/date-time-picker-pt.md b/docs/data/material/components/date-time-picker/date-time-picker-pt.md similarity index 88% rename from docs/src/pages/components/date-time-picker/date-time-picker-pt.md rename to docs/data/material/components/date-time-picker/date-time-picker-pt.md index e50d6c83d2a0cb..5ab4fe4f6487de 100644 --- a/docs/src/pages/components/date-time-picker/date-time-picker-pt.md +++ b/docs/data/material/components/date-time-picker/date-time-picker-pt.md @@ -1,4 +1,5 @@ --- +product: material title: Componente React Seletor de data e hora components: DateTimePicker,DesktopDateTimePicker,MobileDateTimePicker,StaticDateTimePicker <<<<<<< HEAD @@ -43,7 +44,7 @@ function App() { Permite escolher a data e hora. Existem 4 etapas disponíveis (ano, data, hora e minuto), então as abas são necessárias para distinguir visualmente os passos de data/hora. -{{"demo": "pages/components/date-time-picker/BasicDateTimePicker.js"}} +{{"demo": "BasicDateTimePicker.js"}} ## Responsividade @@ -54,13 +55,13 @@ O componente `DateTimePicker` é projetado e otimizado para o dispositivo em que By default, the `DateTimePicker` component renders the desktop version if the media query [`@media (pointer: fine)`](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pointer) matches. Isto pode ser customizado com a propriedade `desktopModeMediaQuery`. -{{"demo": "pages/components/date-time-picker/ResponsiveDateTimePickers.js"}} +{{"demo": "ResponsiveDateTimePickers.js"}} ## Propriedades de formulário The date time picker component can be disabled or read-only. -{{"demo": "pages/components/date-time-picker/FormPropsDateTimePickers.js"}} +{{"demo": "FormPropsDateTimePickers.js"}} ## Validação de data e hora @@ -69,16 +70,16 @@ The date time picker component can be disabled or read-only. - por meio de `minDateTime`/`maxDateTime` é possível restringir a seleção de tempo para antes ou após um determinado momento no tempo - usando `minTime`/`maxTime`, você pode desabilitar selecionar horas antes ou depois de um certo tempo a cada dia, respectivamente -{{"demo": "pages/components/date-time-picker/DateTimeValidation.js"}} +{{"demo": "DateTimeValidation.js"}} ## Modo estático It's possible to render any date & time picker inline. Isto permitirá construir contêineres customizados de popover/modal. -{{"demo": "pages/components/date-time-picker/StaticDateTimePickerDemo.js", "bg": true}} +{{"demo": "StaticDateTimePickerDemo.js", "bg": true}} ## Customização Aqui estão alguns exemplos de seletores de data & hora fortemente customizados: -{{"demo": "pages/components/date-time-picker/CustomDateTimePicker.js"}} +{{"demo": "CustomDateTimePicker.js"}} diff --git a/docs/src/pages/components/date-time-picker/date-time-picker-zh.md b/docs/data/material/components/date-time-picker/date-time-picker-zh.md similarity index 87% rename from docs/src/pages/components/date-time-picker/date-time-picker-zh.md rename to docs/data/material/components/date-time-picker/date-time-picker-zh.md index 798ad5e81118f3..95f44fdc48df84 100644 --- a/docs/src/pages/components/date-time-picker/date-time-picker-zh.md +++ b/docs/data/material/components/date-time-picker/date-time-picker-zh.md @@ -1,4 +1,5 @@ --- +product: material title: React Date Time Picker（日期时间选择器） 组件 components: DateTimePicker,DesktopDateTimePicker,MobileDateTimePicker,StaticDateTimePicker <<<<<<< HEAD @@ -43,7 +44,7 @@ function App() { 需要先选择日期在选择时间。 有 4 个步骤可供选择（年、日期、小时和分钟），所以需要用标签来直观地区分日期/时间步骤。 -{{"demo": "pages/components/date-time-picker/BasicDateTimePicker.js"}} +{{"demo": "BasicDateTimePicker.js"}} ## 响应式 @@ -54,13 +55,13 @@ function App() { By default, the `DateTimePicker` component renders the desktop version if the media query [`@media (pointer: fine)`](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pointer) matches. 你也可以使用 `desktopModeMediaQuery` 属性来自定义它。 你也可以使用 `desktopModeMediaQuery` 属性来自定义它。 -{{"demo": "pages/components/date-time-picker/ResponsiveDateTimePickers.js"}} +{{"demo": "ResponsiveDateTimePickers.js"}} ## Form props 表单的属性 The date time picker component can be disabled or read-only. -{{"demo": "pages/components/date-time-picker/FormPropsDateTimePickers.js"}} +{{"demo": "FormPropsDateTimePickers.js"}} ## 对日期和时间进行验证 @@ -69,16 +70,16 @@ The date time picker component can be disabled or read-only. - 通过使用 `minDateTime`/`maxDateTime` 可以将时间选择限制在某一特定时刻之前或之后。 - 使用 `minTime`/`maxTime`，你可以分别在每天的某个时间之前或之后禁止选择时间。 -{{"demo": "pages/components/date-time-picker/DateTimeValidation.js"}} +{{"demo": "DateTimeValidation.js"}} ## 静态模式 It's possible to render any date & time picker inline. 这将启用自定义弹出提示/模态框的容器。 This will enable building custom popover/modal containers. -{{"demo": "pages/components/date-time-picker/StaticDateTimePickerDemo.js", "bg": true}} +{{"demo": "StaticDateTimePickerDemo.js", "bg": true}} ## Customization 个性化 以下是一些高度定制的日期 & 时间选择器的例子： -{{"demo": "pages/components/date-time-picker/CustomDateTimePicker.js"}} +{{"demo": "CustomDateTimePicker.js"}} diff --git a/docs/src/pages/components/date-time-picker/date-time-picker.md b/docs/data/material/components/date-time-picker/date-time-picker.md similarity index 86% rename from docs/src/pages/components/date-time-picker/date-time-picker.md rename to docs/data/material/components/date-time-picker/date-time-picker.md index 12d6e74d718501..09cb3c02034965 100644 --- a/docs/src/pages/components/date-time-picker/date-time-picker.md +++ b/docs/data/material/components/date-time-picker/date-time-picker.md @@ -1,4 +1,5 @@ --- +product: material title: React Date Time Picker component components: DateTimePicker,DesktopDateTimePicker,MobileDateTimePicker,StaticDateTimePicker githubLabel: 'component: date time picker' @@ -39,7 +40,7 @@ function App() { Allows choosing date then time. There are 4 steps available (year, date, hour and minute), so tabs are required to visually distinguish date/time steps. -{{"demo": "pages/components/date-time-picker/BasicDateTimePicker.js"}} +{{"demo": "BasicDateTimePicker.js"}} ## Responsiveness @@ -51,13 +52,13 @@ The `DateTimePicker` component is designed and optimized for the device it runs By default, the `DateTimePicker` component renders the desktop version if the media query [`@media (pointer: fine)`](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pointer) matches. This can be customized with the `desktopModeMediaQuery` prop. -{{"demo": "pages/components/date-time-picker/ResponsiveDateTimePickers.js"}} +{{"demo": "ResponsiveDateTimePickers.js"}} ## Form props The date time picker component can be disabled or read-only. -{{"demo": "pages/components/date-time-picker/FormPropsDateTimePickers.js"}} +{{"demo": "FormPropsDateTimePickers.js"}} ## Date and time validation @@ -66,16 +67,16 @@ It is possible to restrict date and time selection in two ways: - by using `minDateTime`/`maxDateTime` its possible to restrict time selection to before or after a particular moment in time - using `minTime`/`maxTime`, you can disable selecting times before or after a certain time each day respectively -{{"demo": "pages/components/date-time-picker/DateTimeValidation.js"}} +{{"demo": "DateTimeValidation.js"}} ## Static mode It's possible to render any date & time picker inline. This will enable building custom popover/modal containers. -{{"demo": "pages/components/date-time-picker/StaticDateTimePickerDemo.js", "bg": true}} +{{"demo": "StaticDateTimePickerDemo.js", "bg": true}} ## Customization Here are some examples of heavily customized date & time pickers: -{{"demo": "pages/components/date-time-picker/CustomDateTimePicker.js"}} +{{"demo": "CustomDateTimePicker.js"}} diff --git a/docs/src/pages/components/dialogs/AlertDialog.js b/docs/data/material/components/dialogs/AlertDialog.js similarity index 100% rename from docs/src/pages/components/dialogs/AlertDialog.js rename to docs/data/material/components/dialogs/AlertDialog.js diff --git a/docs/src/pages/components/dialogs/AlertDialog.tsx b/docs/data/material/components/dialogs/AlertDialog.tsx similarity index 100% rename from docs/src/pages/components/dialogs/AlertDialog.tsx rename to docs/data/material/components/dialogs/AlertDialog.tsx diff --git a/docs/src/pages/components/dialogs/AlertDialogSlide.js b/docs/data/material/components/dialogs/AlertDialogSlide.js similarity index 100% rename from docs/src/pages/components/dialogs/AlertDialogSlide.js rename to docs/data/material/components/dialogs/AlertDialogSlide.js diff --git a/docs/src/pages/components/dialogs/AlertDialogSlide.tsx b/docs/data/material/components/dialogs/AlertDialogSlide.tsx similarity index 100% rename from docs/src/pages/components/dialogs/AlertDialogSlide.tsx rename to docs/data/material/components/dialogs/AlertDialogSlide.tsx diff --git a/docs/src/pages/components/dialogs/ConfirmationDialog.js b/docs/data/material/components/dialogs/ConfirmationDialog.js similarity index 100% rename from docs/src/pages/components/dialogs/ConfirmationDialog.js rename to docs/data/material/components/dialogs/ConfirmationDialog.js diff --git a/docs/src/pages/components/dialogs/ConfirmationDialog.tsx b/docs/data/material/components/dialogs/ConfirmationDialog.tsx similarity index 100% rename from docs/src/pages/components/dialogs/ConfirmationDialog.tsx rename to docs/data/material/components/dialogs/ConfirmationDialog.tsx diff --git a/docs/src/pages/components/dialogs/CustomizedDialogs.js b/docs/data/material/components/dialogs/CustomizedDialogs.js similarity index 100% rename from docs/src/pages/components/dialogs/CustomizedDialogs.js rename to docs/data/material/components/dialogs/CustomizedDialogs.js diff --git a/docs/src/pages/components/dialogs/CustomizedDialogs.tsx b/docs/data/material/components/dialogs/CustomizedDialogs.tsx similarity index 100% rename from docs/src/pages/components/dialogs/CustomizedDialogs.tsx rename to docs/data/material/components/dialogs/CustomizedDialogs.tsx diff --git a/docs/src/pages/components/dialogs/DraggableDialog.js b/docs/data/material/components/dialogs/DraggableDialog.js similarity index 100% rename from docs/src/pages/components/dialogs/DraggableDialog.js rename to docs/data/material/components/dialogs/DraggableDialog.js diff --git a/docs/src/pages/components/dialogs/DraggableDialog.tsx b/docs/data/material/components/dialogs/DraggableDialog.tsx similarity index 100% rename from docs/src/pages/components/dialogs/DraggableDialog.tsx rename to docs/data/material/components/dialogs/DraggableDialog.tsx diff --git a/docs/src/pages/components/dialogs/FormDialog.js b/docs/data/material/components/dialogs/FormDialog.js similarity index 100% rename from docs/src/pages/components/dialogs/FormDialog.js rename to docs/data/material/components/dialogs/FormDialog.js diff --git a/docs/src/pages/components/dialogs/FormDialog.tsx b/docs/data/material/components/dialogs/FormDialog.tsx similarity index 100% rename from docs/src/pages/components/dialogs/FormDialog.tsx rename to docs/data/material/components/dialogs/FormDialog.tsx diff --git a/docs/src/pages/components/dialogs/FullScreenDialog.js b/docs/data/material/components/dialogs/FullScreenDialog.js similarity index 100% rename from docs/src/pages/components/dialogs/FullScreenDialog.js rename to docs/data/material/components/dialogs/FullScreenDialog.js diff --git a/docs/src/pages/components/dialogs/FullScreenDialog.tsx b/docs/data/material/components/dialogs/FullScreenDialog.tsx similarity index 100% rename from docs/src/pages/components/dialogs/FullScreenDialog.tsx rename to docs/data/material/components/dialogs/FullScreenDialog.tsx diff --git a/docs/src/pages/components/dialogs/MaxWidthDialog.js b/docs/data/material/components/dialogs/MaxWidthDialog.js similarity index 100% rename from docs/src/pages/components/dialogs/MaxWidthDialog.js rename to docs/data/material/components/dialogs/MaxWidthDialog.js diff --git a/docs/src/pages/components/dialogs/MaxWidthDialog.tsx b/docs/data/material/components/dialogs/MaxWidthDialog.tsx similarity index 100% rename from docs/src/pages/components/dialogs/MaxWidthDialog.tsx rename to docs/data/material/components/dialogs/MaxWidthDialog.tsx diff --git a/docs/src/pages/components/dialogs/ResponsiveDialog.js b/docs/data/material/components/dialogs/ResponsiveDialog.js similarity index 100% rename from docs/src/pages/components/dialogs/ResponsiveDialog.js rename to docs/data/material/components/dialogs/ResponsiveDialog.js diff --git a/docs/src/pages/components/dialogs/ResponsiveDialog.tsx b/docs/data/material/components/dialogs/ResponsiveDialog.tsx similarity index 100% rename from docs/src/pages/components/dialogs/ResponsiveDialog.tsx rename to docs/data/material/components/dialogs/ResponsiveDialog.tsx diff --git a/docs/src/pages/components/dialogs/ScrollDialog.js b/docs/data/material/components/dialogs/ScrollDialog.js similarity index 100% rename from docs/src/pages/components/dialogs/ScrollDialog.js rename to docs/data/material/components/dialogs/ScrollDialog.js diff --git a/docs/src/pages/components/dialogs/ScrollDialog.tsx b/docs/data/material/components/dialogs/ScrollDialog.tsx similarity index 100% rename from docs/src/pages/components/dialogs/ScrollDialog.tsx rename to docs/data/material/components/dialogs/ScrollDialog.tsx diff --git a/docs/src/pages/components/dialogs/SimpleDialog.js b/docs/data/material/components/dialogs/SimpleDialog.js similarity index 100% rename from docs/src/pages/components/dialogs/SimpleDialog.js rename to docs/data/material/components/dialogs/SimpleDialog.js diff --git a/docs/src/pages/components/dialogs/SimpleDialog.tsx b/docs/data/material/components/dialogs/SimpleDialog.tsx similarity index 100% rename from docs/src/pages/components/dialogs/SimpleDialog.tsx rename to docs/data/material/components/dialogs/SimpleDialog.tsx diff --git a/docs/src/pages/components/dialogs/SimpleDialog.tsx.preview b/docs/data/material/components/dialogs/SimpleDialog.tsx.preview similarity index 100% rename from docs/src/pages/components/dialogs/SimpleDialog.tsx.preview rename to docs/data/material/components/dialogs/SimpleDialog.tsx.preview diff --git a/docs/src/pages/components/dialogs/dialogs-pt.md b/docs/data/material/components/dialogs/dialogs-pt.md similarity index 87% rename from docs/src/pages/components/dialogs/dialogs-pt.md rename to docs/data/material/components/dialogs/dialogs-pt.md index 067ace667cc631..7d4508ac9d0ef8 100644 --- a/docs/src/pages/components/dialogs/dialogs-pt.md +++ b/docs/data/material/components/dialogs/dialogs-pt.md @@ -1,4 +1,5 @@ --- +product: material title: Componente Diálogo para React components: Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Slide githubLabel: 'component: dialog' @@ -25,7 +26,7 @@ Mecanismo de toque: - Escolhendo uma opção irá imediatamente confirmar a opção e fechar o menu - Tocando para sair do diálogo ou pressionando a opção de voltar irá cancelar a ação e fechar o diálogo -{{"demo": "pages/components/dialogs/SimpleDialog.js"}} +{{"demo": "SimpleDialog.js"}} ## Alertas @@ -43,19 +44,19 @@ Se um título é necessário: - Use uma pergunta ou declaração clara com uma explicação na área de conteúdo, como "Apagar dados do USB?". - Evite desculpas, ambiguidade ou sentenças como "Aviso!" ou "Você tem certeza?" -{{"demo": "pages/components/dialogs/AlertDialog.js"}} +{{"demo": "AlertDialog.js"}} ## Transições Você também pode trocar a transição, o próximo exemplo utiliza `Slide`. -{{"demo": "pages/components/dialogs/AlertDialogSlide.js"}} +{{"demo": "AlertDialogSlide.js"}} ## Formulário de diálogo Os formulários de diálogo permitem que usuários preencham campos dentro de um diálogo. Por exemplo, se seu site solicita aos inscritos que preencham um endereço de e-mail, eles poderão preencher o campo de e-mail e tocar em "Enviar". -{{"demo": "pages/components/dialogs/FormDialog.js"}} +{{"demo": "FormDialog.js"}} ## Diálogos customizados @@ -63,17 +64,17 @@ Aqui está um exemplo de customização do componente. Você pode aprender mais O diálogo tem um botão de fechar para facilitar a utilização. -{{"demo": "pages/components/dialogs/CustomizedDialogs.js"}} +{{"demo": "CustomizedDialogs.js"}} ## Diálogos em tela cheia -{{"demo": "pages/components/dialogs/FullScreenDialog.js"}} +{{"demo": "FullScreenDialog.js"}} ## Tamanhos opcionais Você pode definir uma largura máxima usando um enumerador na propriedade `maxWidth` combinando com a propriedade booleana `fullWidth`. Quando a propriedade `fullWidth` for verdadeira, a caixa de diálogo será adaptada com base no valor definido em `maxWidth`. -{{"demo": "pages/components/dialogs/MaxWidthDialog.js"}} +{{"demo": "MaxWidthDialog.js"}} ## Tela cheia responsiva @@ -86,11 +87,11 @@ function MyComponent() { const theme = useTheme(); const fullScreen = useMediaQuery(theme.breakpoints.down('sm')); - return + return ; } ``` -{{"demo": "pages/components/dialogs/ResponsiveDialog.js"}} +{{"demo": "ResponsiveDialog.js"}} ## Diálogos de confirmação @@ -98,13 +99,13 @@ Os diálogos de confirmação exigem que os usuários confirmem explicitamente s Tocar em "Cancelar" em um diálogo de confirmação ou pressionar Voltar, cancela a ação, descarta todas as alterações e fecha o diálogo. -{{"demo": "pages/components/dialogs/ConfirmationDialog.js"}} +{{"demo": "ConfirmationDialog.js"}} ## Diálogo arrastável You can create a draggable dialog by using [react-draggable](https://github.com/react-grid-layout/react-draggable). Para fazer isso, você deve passar o componente importado `Draggable` como `PaperComponent` do componente `Dialog`. Isso fará com que todo o diálogo seja arrastável. -{{"demo": "pages/components/dialogs/DraggableDialog.js"}} +{{"demo": "DraggableDialog.js"}} ## Rolagem de conteúdo longo @@ -115,7 +116,7 @@ Quando diálogos ficam muito grandes para a tela do usuário ou dispositivo, a r Experimente a demonstração abaixo para ver o que queremos dizer: -{{"demo": "pages/components/dialogs/ScrollDialog.js"}} +{{"demo": "ScrollDialog.js"}} ## Performance diff --git a/docs/src/pages/components/dialogs/dialogs-zh.md b/docs/data/material/components/dialogs/dialogs-zh.md similarity index 87% rename from docs/src/pages/components/dialogs/dialogs-zh.md rename to docs/data/material/components/dialogs/dialogs-zh.md index f79bd18f62f5a6..8a8955d744b3d6 100644 --- a/docs/src/pages/components/dialogs/dialogs-zh.md +++ b/docs/data/material/components/dialogs/dialogs-zh.md @@ -1,4 +1,5 @@ --- +product: material title: React Dialog（对话框）组件 components: Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Slide githubLabel: 'component: dialog' @@ -25,7 +26,7 @@ waiAria: 'https://www.w3.org/TR/wai-aria-practices/#dialog_modal' - 选中一个选项则会立刻触发提交选项，并关闭菜单的操作 - 在对话框外点击，或按下“返回”，将会取消操作并关闭对话框。 -{{"demo": "pages/components/dialogs/SimpleDialog.js"}} +{{"demo": "SimpleDialog.js"}} ## 警告框 @@ -43,19 +44,19 @@ waiAria: 'https://www.w3.org/TR/wai-aria-practices/#dialog_modal' - 使用明确的问题或声明，并在内容区域对其做出解释，例如：“是否要清除 USB 上的内容？”。 - 避免使用道歉、模棱两可的内容或者问题，例如”警告！ “或者”你确定吗？ “ -{{"demo": "pages/components/dialogs/AlertDialog.js"}} +{{"demo": "AlertDialog.js"}} ## 过渡动画 当然你也可以换掉过渡效果，下面的示例使用了 ` Slide（幻灯片）`。 -{{"demo": "pages/components/dialogs/AlertDialogSlide.js"}} +{{"demo": "AlertDialogSlide.js"}} ## 表单对话框 表单对话框允许用户在对话框内填写表单。 比如说，如果您的网站提示潜在订阅者填写他们的电子邮件地址，他们可以填写电子邮件字段然后点击“提交”。 -{{"demo": "pages/components/dialogs/FormDialog.js"}} +{{"demo": "FormDialog.js"}} ## 自定义对话框 @@ -63,17 +64,17 @@ waiAria: 'https://www.w3.org/TR/wai-aria-practices/#dialog_modal' 该对话框加上了一个关闭按钮来辅助可用性。 -{{"demo": "pages/components/dialogs/CustomizedDialogs.js"}} +{{"demo": "CustomizedDialogs.js"}} ## 全屏对话框 -{{"demo": "pages/components/dialogs/FullScreenDialog.js"}} +{{"demo": "FullScreenDialog.js"}} ## 大小选择项 您可以使用 `maxWidth`的 enumerable 和 `fullWidth`的 boolean 来设定对话框的最大宽度。 当 `fullWidth` 属性为 true 时，对话框将根据 `maxWidth` 的值进行自我调整。 -{{"demo": "pages/components/dialogs/MaxWidthDialog.js"}} +{{"demo": "MaxWidthDialog.js"}} ## 响应式全屏 @@ -90,7 +91,7 @@ function MyComponent() { } ``` -{{"demo": "pages/components/dialogs/ResponsiveDialog.js"}} +{{"demo": "ResponsiveDialog.js"}} ## 确认对话框 @@ -98,13 +99,13 @@ function MyComponent() { 在确认对话框中点按“取消”或“返回（Back）”键，可取消操作，放弃任何更改，并关闭对话框。 -{{"demo": "pages/components/dialogs/ConfirmationDialog.js"}} +{{"demo": "ConfirmationDialog.js"}} ## 可拖动的对话框 You can create a draggable dialog by using [react-draggable](https://github.com/react-grid-layout/react-draggable). 为此，您可以将需要导入的 `Draggable` 组件作为 `Dialog` 组件的 `PaperComponent` 来传入。 这样一来，您就可以拖动整个对话框。 -{{"demo": "pages/components/dialogs/DraggableDialog.js"}} +{{"demo": "DraggableDialog.js"}} ## 长内容滚动 @@ -115,7 +116,7 @@ You can create a draggable dialog by using [react-draggable](https://github.com/ 请看一下下面的例子，这会帮助您加深理解： -{{"demo": "pages/components/dialogs/ScrollDialog.js"}} +{{"demo": "ScrollDialog.js"}} ## 性能 diff --git a/docs/src/pages/components/dialogs/dialogs.md b/docs/data/material/components/dialogs/dialogs.md similarity index 87% rename from docs/src/pages/components/dialogs/dialogs.md rename to docs/data/material/components/dialogs/dialogs.md index 179b35cb39e0ba..af38a214791678 100644 --- a/docs/src/pages/components/dialogs/dialogs.md +++ b/docs/data/material/components/dialogs/dialogs.md @@ -1,4 +1,5 @@ --- +product: material title: React Dialog component components: Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Slide githubLabel: 'component: dialog' @@ -26,7 +27,7 @@ Touch mechanics: - Choosing an option immediately commits the option and closes the menu - Touching outside of the dialog, or pressing Back, cancels the action and closes the dialog -{{"demo": "pages/components/dialogs/SimpleDialog.js"}} +{{"demo": "SimpleDialog.js"}} ## Alerts @@ -46,20 +47,20 @@ If a title is required: - Use a clear question or statement with an explanation in the content area, such as "Erase USB storage?". - Avoid apologies, ambiguity, or questions, such as "Warning!" or "Are you sure?" -{{"demo": "pages/components/dialogs/AlertDialog.js"}} +{{"demo": "AlertDialog.js"}} ## Transitions You can also swap out the transition, the next example uses `Slide`. -{{"demo": "pages/components/dialogs/AlertDialogSlide.js"}} +{{"demo": "AlertDialogSlide.js"}} ## Form dialogs Form dialogs allow users to fill out form fields within a dialog. For example, if your site prompts for potential subscribers to fill in their email address, they can fill out the email field and touch 'Submit'. -{{"demo": "pages/components/dialogs/FormDialog.js"}} +{{"demo": "FormDialog.js"}} ## Customization @@ -68,18 +69,18 @@ You can learn more about this in the [overrides documentation page](/customizati The dialog has a close button added to aid usability. -{{"demo": "pages/components/dialogs/CustomizedDialogs.js"}} +{{"demo": "CustomizedDialogs.js"}} ## Full-screen dialogs -{{"demo": "pages/components/dialogs/FullScreenDialog.js"}} +{{"demo": "FullScreenDialog.js"}} ## Optional sizes You can set a dialog maximum width by using the `maxWidth` enumerable in combination with the `fullWidth` boolean. When the `fullWidth` prop is true, the dialog will adapt based on the `maxWidth` value. -{{"demo": "pages/components/dialogs/MaxWidthDialog.js"}} +{{"demo": "MaxWidthDialog.js"}} ## Responsive full-screen @@ -96,7 +97,7 @@ function MyComponent() { } ``` -{{"demo": "pages/components/dialogs/ResponsiveDialog.js"}} +{{"demo": "ResponsiveDialog.js"}} ## Confirmation dialogs @@ -105,7 +106,7 @@ For example, users can listen to multiple ringtones but only make a final select Touching "Cancel" in a confirmation dialog, or pressing Back, cancels the action, discards any changes, and closes the dialog. -{{"demo": "pages/components/dialogs/ConfirmationDialog.js"}} +{{"demo": "ConfirmationDialog.js"}} ## Draggable dialog @@ -113,7 +114,7 @@ You can create a draggable dialog by using [react-draggable](https://github.com/ To do so, you can pass the imported `Draggable` component as the `PaperComponent` of the `Dialog` component. This will make the entire dialog draggable. -{{"demo": "pages/components/dialogs/DraggableDialog.js"}} +{{"demo": "DraggableDialog.js"}} ## Scrolling long content @@ -124,7 +125,7 @@ When dialogs become too long for the user's viewport or device, they scroll. Try the demo below to see what we mean: -{{"demo": "pages/components/dialogs/ScrollDialog.js"}} +{{"demo": "ScrollDialog.js"}} ## Performance diff --git a/docs/src/pages/components/dividers/DividerText.js b/docs/data/material/components/dividers/DividerText.js similarity index 100% rename from docs/src/pages/components/dividers/DividerText.js rename to docs/data/material/components/dividers/DividerText.js diff --git a/docs/src/pages/components/dividers/DividerText.tsx b/docs/data/material/components/dividers/DividerText.tsx similarity index 100% rename from docs/src/pages/components/dividers/DividerText.tsx rename to docs/data/material/components/dividers/DividerText.tsx diff --git a/docs/src/pages/components/dividers/DividerText.tsx.preview b/docs/data/material/components/dividers/DividerText.tsx.preview similarity index 100% rename from docs/src/pages/components/dividers/DividerText.tsx.preview rename to docs/data/material/components/dividers/DividerText.tsx.preview diff --git a/docs/src/pages/components/dividers/InsetDividers.js b/docs/data/material/components/dividers/InsetDividers.js similarity index 100% rename from docs/src/pages/components/dividers/InsetDividers.js rename to docs/data/material/components/dividers/InsetDividers.js diff --git a/docs/src/pages/components/dividers/InsetDividers.tsx b/docs/data/material/components/dividers/InsetDividers.tsx similarity index 100% rename from docs/src/pages/components/dividers/InsetDividers.tsx rename to docs/data/material/components/dividers/InsetDividers.tsx diff --git a/docs/src/pages/components/dividers/ListDividers.js b/docs/data/material/components/dividers/ListDividers.js similarity index 100% rename from docs/src/pages/components/dividers/ListDividers.js rename to docs/data/material/components/dividers/ListDividers.js diff --git a/docs/src/pages/components/dividers/ListDividers.tsx b/docs/data/material/components/dividers/ListDividers.tsx similarity index 100% rename from docs/src/pages/components/dividers/ListDividers.tsx rename to docs/data/material/components/dividers/ListDividers.tsx diff --git a/docs/src/pages/components/dividers/ListDividers.tsx.preview b/docs/data/material/components/dividers/ListDividers.tsx.preview similarity index 100% rename from docs/src/pages/components/dividers/ListDividers.tsx.preview rename to docs/data/material/components/dividers/ListDividers.tsx.preview diff --git a/docs/src/pages/components/dividers/MiddleDividers.js b/docs/data/material/components/dividers/MiddleDividers.js similarity index 100% rename from docs/src/pages/components/dividers/MiddleDividers.js rename to docs/data/material/components/dividers/MiddleDividers.js diff --git a/docs/src/pages/components/dividers/MiddleDividers.tsx b/docs/data/material/components/dividers/MiddleDividers.tsx similarity index 100% rename from docs/src/pages/components/dividers/MiddleDividers.tsx rename to docs/data/material/components/dividers/MiddleDividers.tsx diff --git a/docs/src/pages/components/dividers/SubheaderDividers.js b/docs/data/material/components/dividers/SubheaderDividers.js similarity index 100% rename from docs/src/pages/components/dividers/SubheaderDividers.js rename to docs/data/material/components/dividers/SubheaderDividers.js diff --git a/docs/src/pages/components/dividers/SubheaderDividers.tsx b/docs/data/material/components/dividers/SubheaderDividers.tsx similarity index 100% rename from docs/src/pages/components/dividers/SubheaderDividers.tsx rename to docs/data/material/components/dividers/SubheaderDividers.tsx diff --git a/docs/src/pages/components/dividers/VerticalDividerMiddle.js b/docs/data/material/components/dividers/VerticalDividerMiddle.js similarity index 100% rename from docs/src/pages/components/dividers/VerticalDividerMiddle.js rename to docs/data/material/components/dividers/VerticalDividerMiddle.js diff --git a/docs/src/pages/components/dividers/VerticalDividerMiddle.tsx b/docs/data/material/components/dividers/VerticalDividerMiddle.tsx similarity index 100% rename from docs/src/pages/components/dividers/VerticalDividerMiddle.tsx rename to docs/data/material/components/dividers/VerticalDividerMiddle.tsx diff --git a/docs/src/pages/components/dividers/VerticalDividerText.js b/docs/data/material/components/dividers/VerticalDividerText.js similarity index 100% rename from docs/src/pages/components/dividers/VerticalDividerText.js rename to docs/data/material/components/dividers/VerticalDividerText.js diff --git a/docs/src/pages/components/dividers/VerticalDividerText.tsx b/docs/data/material/components/dividers/VerticalDividerText.tsx similarity index 100% rename from docs/src/pages/components/dividers/VerticalDividerText.tsx rename to docs/data/material/components/dividers/VerticalDividerText.tsx diff --git a/docs/src/pages/components/dividers/VerticalDividerText.tsx.preview b/docs/data/material/components/dividers/VerticalDividerText.tsx.preview similarity index 100% rename from docs/src/pages/components/dividers/VerticalDividerText.tsx.preview rename to docs/data/material/components/dividers/VerticalDividerText.tsx.preview diff --git a/docs/src/pages/components/dividers/VerticalDividers.js b/docs/data/material/components/dividers/VerticalDividers.js similarity index 100% rename from docs/src/pages/components/dividers/VerticalDividers.js rename to docs/data/material/components/dividers/VerticalDividers.js diff --git a/docs/src/pages/components/dividers/VerticalDividers.tsx b/docs/data/material/components/dividers/VerticalDividers.tsx similarity index 100% rename from docs/src/pages/components/dividers/VerticalDividers.tsx rename to docs/data/material/components/dividers/VerticalDividers.tsx diff --git a/docs/src/pages/components/dividers/dividers-pt.md b/docs/data/material/components/dividers/dividers-pt.md similarity index 71% rename from docs/src/pages/components/dividers/dividers-pt.md rename to docs/data/material/components/dividers/dividers-pt.md index a225ac9ce9d03b..3245f1ccddf0e6 100644 --- a/docs/src/pages/components/dividers/dividers-pt.md +++ b/docs/data/material/components/dividers/dividers-pt.md @@ -1,4 +1,5 @@ --- +product: material title: Componente React Divisor components: Divider githubLabel: 'component: divider' @@ -17,7 +18,7 @@ materialDesign: https://material.io/components/dividers O divisor renderiza como um `
` por padrão. Você pode adicionar a renderização desse elemento no DOM usando a propriedade `divider` no componente `ListItem`. -{{"demo": "pages/components/dividers/ListDividers.js", "bg": true}} +{{"demo": "ListDividers.js", "bg": true}} ## Especificação HTML5 @@ -25,27 +26,27 @@ Em uma lista, você deve garantir que o `Divider` seja renderizado como um eleme ## Divisores de inclusão -{{"demo": "pages/components/dividers/InsetDividers.js", "bg": true}} +{{"demo": "InsetDividers.js", "bg": true}} ## Divisores de subtítulo -{{"demo": "pages/components/dividers/SubheaderDividers.js", "bg": true}} +{{"demo": "SubheaderDividers.js", "bg": true}} ## Divisores médios -{{"demo": "pages/components/dividers/MiddleDividers.js", "bg": true}} +{{"demo": "MiddleDividers.js", "bg": true}} ## Divisores com texto Você também pode renderizar um divisor com conteúdo. -{{"demo": "pages/components/dividers/DividerText.js"}} +{{"demo": "DividerText.js"}} ## Divisor vertical Você pode renderizar um divisor vertical usando a propriedade `orientation`. -{{"demo": "pages/components/dividers/VerticalDividers.js", "bg": true}} +{{"demo": "VerticalDividers.js", "bg": true}} > Observe o uso da propriedade `flexItem` para acomodar em um contêiner flexível. @@ -53,10 +54,10 @@ Você pode renderizar um divisor vertical usando a propriedade `orientation`. You can also render a vertical divider with `variant="middle"`. -{{"demo": "pages/components/dividers/VerticalDividerMiddle.js", "bg": true}} +{{"demo": "VerticalDividerMiddle.js", "bg": true}} ### Vertical com texto Você também pode renderizar um divisor vertical com conteúdo. -{{"demo": "pages/components/dividers/VerticalDividerText.js"}} +{{"demo": "VerticalDividerText.js"}} diff --git a/docs/src/pages/components/dividers/dividers-zh.md b/docs/data/material/components/dividers/dividers-zh.md similarity index 69% rename from docs/src/pages/components/dividers/dividers-zh.md rename to docs/data/material/components/dividers/dividers-zh.md index 2d87f7bf604412..7c87db7369297a 100644 --- a/docs/src/pages/components/dividers/dividers-zh.md +++ b/docs/data/material/components/dividers/dividers-zh.md @@ -1,4 +1,5 @@ --- +product: material title: React Divider（分隔线）组件 components: Divider githubLabel: 'component: divider' @@ -17,7 +18,7 @@ materialDesign: https://material.io/components/dividers 默认情况下，分割线会渲染成一个 `
`。 您可以使用 `ListItem` 组件上的 `divider` 属性来保存渲染此 DOM 元素。 -{{"demo": "pages/components/dividers/ListDividers.js", "bg": true}} +{{"demo": "ListDividers.js", "bg": true}} ## HTML5 规范 @@ -25,27 +26,27 @@ materialDesign: https://material.io/components/dividers ## 内嵌分隔线 -{{"demo": "pages/components/dividers/InsetDividers.js", "bg": true}} +{{"demo": "InsetDividers.js", "bg": true}} ## 副标题分割线 -{{"demo": "pages/components/dividers/SubheaderDividers.js", "bg": true}} +{{"demo": "SubheaderDividers.js", "bg": true}} ## 中段分隔线 -{{"demo": "pages/components/dividers/MiddleDividers.js", "bg": true}} +{{"demo": "MiddleDividers.js", "bg": true}} ## 文本分隔线 你也可以使用文本内容来渲染分隔线。 -{{"demo": "pages/components/dividers/DividerText.js"}} +{{"demo": "DividerText.js"}} ## 垂直分隔线 您也可以使用 `orientation` 属性将分割线渲染成垂直形状。 -{{"demo": "pages/components/dividers/VerticalDividers.js", "bg": true}} +{{"demo": "VerticalDividers.js", "bg": true}} > 请注意这其中使用了 `flexItem` 属性来适应 flex 容器。 @@ -53,10 +54,10 @@ materialDesign: https://material.io/components/dividers You can also render a vertical divider with `variant="middle"`. -{{"demo": "pages/components/dividers/VerticalDividerMiddle.js", "bg": true}} +{{"demo": "VerticalDividerMiddle.js", "bg": true}} ### 垂直的文本分隔线 你也可以使用文本内容来渲染垂直的分隔线。 -{{"demo": "pages/components/dividers/VerticalDividerText.js"}} +{{"demo": "VerticalDividerText.js"}} diff --git a/docs/src/pages/components/dividers/dividers.md b/docs/data/material/components/dividers/dividers.md similarity index 68% rename from docs/src/pages/components/dividers/dividers.md rename to docs/data/material/components/dividers/dividers.md index 447d3910db28ab..42345c53a21341 100644 --- a/docs/src/pages/components/dividers/dividers.md +++ b/docs/data/material/components/dividers/dividers.md @@ -1,4 +1,5 @@ --- +product: material title: React Divider component components: Divider githubLabel: 'component: divider' @@ -18,7 +19,7 @@ Dividers separate content into clear groups. The divider renders as an `
` by default. You can save rendering this DOM element by using the `divider` prop on the `ListItem` component. -{{"demo": "pages/components/dividers/ListDividers.js", "bg": true}} +{{"demo": "ListDividers.js", "bg": true}} ## HTML5 specification @@ -27,27 +28,27 @@ The examples below show two ways of achieving this. ## Inset dividers -{{"demo": "pages/components/dividers/InsetDividers.js", "bg": true}} +{{"demo": "InsetDividers.js", "bg": true}} ## Subheader dividers -{{"demo": "pages/components/dividers/SubheaderDividers.js", "bg": true}} +{{"demo": "SubheaderDividers.js", "bg": true}} ## Middle divider -{{"demo": "pages/components/dividers/MiddleDividers.js", "bg": true}} +{{"demo": "MiddleDividers.js", "bg": true}} ## Dividers with text You can also render a divider with content. -{{"demo": "pages/components/dividers/DividerText.js"}} +{{"demo": "DividerText.js"}} ## Vertical divider You can also render a divider vertically using the `orientation` prop. -{{"demo": "pages/components/dividers/VerticalDividers.js", "bg": true}} +{{"demo": "VerticalDividers.js", "bg": true}} > Note the use of the `flexItem` prop to accommodate for the flex container. @@ -55,10 +56,10 @@ You can also render a divider vertically using the `orientation` prop. You can also render a vertical divider with `variant="middle"`. -{{"demo": "pages/components/dividers/VerticalDividerMiddle.js", "bg": true}} +{{"demo": "VerticalDividerMiddle.js", "bg": true}} ### Vertical with text You can also render a vertical divider with content. -{{"demo": "pages/components/dividers/VerticalDividerText.js"}} +{{"demo": "VerticalDividerText.js"}} diff --git a/docs/src/pages/components/drawers/ClippedDrawer.js b/docs/data/material/components/drawers/ClippedDrawer.js similarity index 100% rename from docs/src/pages/components/drawers/ClippedDrawer.js rename to docs/data/material/components/drawers/ClippedDrawer.js diff --git a/docs/src/pages/components/drawers/ClippedDrawer.tsx b/docs/data/material/components/drawers/ClippedDrawer.tsx similarity index 100% rename from docs/src/pages/components/drawers/ClippedDrawer.tsx rename to docs/data/material/components/drawers/ClippedDrawer.tsx diff --git a/docs/src/pages/components/drawers/MiniDrawer.js b/docs/data/material/components/drawers/MiniDrawer.js similarity index 100% rename from docs/src/pages/components/drawers/MiniDrawer.js rename to docs/data/material/components/drawers/MiniDrawer.js diff --git a/docs/src/pages/components/drawers/MiniDrawer.tsx b/docs/data/material/components/drawers/MiniDrawer.tsx similarity index 100% rename from docs/src/pages/components/drawers/MiniDrawer.tsx rename to docs/data/material/components/drawers/MiniDrawer.tsx diff --git a/docs/src/pages/components/drawers/PermanentDrawerLeft.js b/docs/data/material/components/drawers/PermanentDrawerLeft.js similarity index 100% rename from docs/src/pages/components/drawers/PermanentDrawerLeft.js rename to docs/data/material/components/drawers/PermanentDrawerLeft.js diff --git a/docs/src/pages/components/drawers/PermanentDrawerLeft.tsx b/docs/data/material/components/drawers/PermanentDrawerLeft.tsx similarity index 100% rename from docs/src/pages/components/drawers/PermanentDrawerLeft.tsx rename to docs/data/material/components/drawers/PermanentDrawerLeft.tsx diff --git a/docs/src/pages/components/drawers/PermanentDrawerRight.js b/docs/data/material/components/drawers/PermanentDrawerRight.js similarity index 100% rename from docs/src/pages/components/drawers/PermanentDrawerRight.js rename to docs/data/material/components/drawers/PermanentDrawerRight.js diff --git a/docs/src/pages/components/drawers/PermanentDrawerRight.tsx b/docs/data/material/components/drawers/PermanentDrawerRight.tsx similarity index 100% rename from docs/src/pages/components/drawers/PermanentDrawerRight.tsx rename to docs/data/material/components/drawers/PermanentDrawerRight.tsx diff --git a/docs/src/pages/components/drawers/PersistentDrawerLeft.js b/docs/data/material/components/drawers/PersistentDrawerLeft.js similarity index 100% rename from docs/src/pages/components/drawers/PersistentDrawerLeft.js rename to docs/data/material/components/drawers/PersistentDrawerLeft.js diff --git a/docs/src/pages/components/drawers/PersistentDrawerLeft.tsx b/docs/data/material/components/drawers/PersistentDrawerLeft.tsx similarity index 100% rename from docs/src/pages/components/drawers/PersistentDrawerLeft.tsx rename to docs/data/material/components/drawers/PersistentDrawerLeft.tsx diff --git a/docs/src/pages/components/drawers/PersistentDrawerRight.js b/docs/data/material/components/drawers/PersistentDrawerRight.js similarity index 100% rename from docs/src/pages/components/drawers/PersistentDrawerRight.js rename to docs/data/material/components/drawers/PersistentDrawerRight.js diff --git a/docs/src/pages/components/drawers/PersistentDrawerRight.tsx b/docs/data/material/components/drawers/PersistentDrawerRight.tsx similarity index 100% rename from docs/src/pages/components/drawers/PersistentDrawerRight.tsx rename to docs/data/material/components/drawers/PersistentDrawerRight.tsx diff --git a/docs/src/pages/components/drawers/ResponsiveDrawer.js b/docs/data/material/components/drawers/ResponsiveDrawer.js similarity index 100% rename from docs/src/pages/components/drawers/ResponsiveDrawer.js rename to docs/data/material/components/drawers/ResponsiveDrawer.js diff --git a/docs/src/pages/components/drawers/ResponsiveDrawer.tsx b/docs/data/material/components/drawers/ResponsiveDrawer.tsx similarity index 100% rename from docs/src/pages/components/drawers/ResponsiveDrawer.tsx rename to docs/data/material/components/drawers/ResponsiveDrawer.tsx diff --git a/docs/src/pages/components/drawers/SwipeableEdgeDrawer.js b/docs/data/material/components/drawers/SwipeableEdgeDrawer.js similarity index 100% rename from docs/src/pages/components/drawers/SwipeableEdgeDrawer.js rename to docs/data/material/components/drawers/SwipeableEdgeDrawer.js diff --git a/docs/src/pages/components/drawers/SwipeableEdgeDrawer.tsx b/docs/data/material/components/drawers/SwipeableEdgeDrawer.tsx similarity index 100% rename from docs/src/pages/components/drawers/SwipeableEdgeDrawer.tsx rename to docs/data/material/components/drawers/SwipeableEdgeDrawer.tsx diff --git a/docs/src/pages/components/drawers/SwipeableTemporaryDrawer.js b/docs/data/material/components/drawers/SwipeableTemporaryDrawer.js similarity index 100% rename from docs/src/pages/components/drawers/SwipeableTemporaryDrawer.js rename to docs/data/material/components/drawers/SwipeableTemporaryDrawer.js diff --git a/docs/src/pages/components/drawers/SwipeableTemporaryDrawer.tsx b/docs/data/material/components/drawers/SwipeableTemporaryDrawer.tsx similarity index 100% rename from docs/src/pages/components/drawers/SwipeableTemporaryDrawer.tsx rename to docs/data/material/components/drawers/SwipeableTemporaryDrawer.tsx diff --git a/docs/src/pages/components/drawers/SwipeableTemporaryDrawer.tsx.preview b/docs/data/material/components/drawers/SwipeableTemporaryDrawer.tsx.preview similarity index 100% rename from docs/src/pages/components/drawers/SwipeableTemporaryDrawer.tsx.preview rename to docs/data/material/components/drawers/SwipeableTemporaryDrawer.tsx.preview diff --git a/docs/src/pages/components/drawers/TemporaryDrawer.js b/docs/data/material/components/drawers/TemporaryDrawer.js similarity index 100% rename from docs/src/pages/components/drawers/TemporaryDrawer.js rename to docs/data/material/components/drawers/TemporaryDrawer.js diff --git a/docs/src/pages/components/drawers/TemporaryDrawer.tsx b/docs/data/material/components/drawers/TemporaryDrawer.tsx similarity index 100% rename from docs/src/pages/components/drawers/TemporaryDrawer.tsx rename to docs/data/material/components/drawers/TemporaryDrawer.tsx diff --git a/docs/src/pages/components/drawers/TemporaryDrawer.tsx.preview b/docs/data/material/components/drawers/TemporaryDrawer.tsx.preview similarity index 100% rename from docs/src/pages/components/drawers/TemporaryDrawer.tsx.preview rename to docs/data/material/components/drawers/TemporaryDrawer.tsx.preview diff --git a/docs/src/pages/components/drawers/drawers-pt.md b/docs/data/material/components/drawers/drawers-pt.md similarity index 86% rename from docs/src/pages/components/drawers/drawers-pt.md rename to docs/data/material/components/drawers/drawers-pt.md index 462942e37262eb..36c7888960fc16 100644 --- a/docs/src/pages/components/drawers/drawers-pt.md +++ b/docs/data/material/components/drawers/drawers-pt.md @@ -1,4 +1,5 @@ --- +product: material title: Componente Drawer para React components: Drawer, SwipeableDrawer githubLabel: 'component: drawer' @@ -21,7 +22,7 @@ Drawers de navegação temporária podem alternar entre aberto e fechado. Fechad O drawer pode ser cancelado clicando na sobreposição ou pressionando a tecla Esc. Fecha quando um item é selecionado, podendo ser manipulado pela propriedade `open`. -{{"demo": "pages/components/drawers/TemporaryDrawer.js"}} +{{"demo": "TemporaryDrawer.js"}} ### Deslizável @@ -29,7 +30,7 @@ Voê pode fazer um drawer deslizável (swipeable) com o componente `SwipeableDra Este componente vem sobrecarregado com 2 kB gzipped de utilidades. Alguns dispositivos móveis de baixo custo podem não ser capazes de seguir os dedos a 60 FPS. Você pode usar a propriedade `disableBackdropTransition` para ajudar. -{{"demo": "pages/components/drawers/SwipeableTemporaryDrawer.js"}} +{{"demo": "SwipeableTemporaryDrawer.js"}} As seguintes propriedades são usadas neste site de documentação para otimizar a usabilidade do componente: @@ -49,7 +50,7 @@ Você pode configurar a propriedade `SwipeableDrawer` para visualizar uma borda Se você estiver em uma área de trabalho, poderá alternar o drawer com o botão "OPEN". Se estiver pelo celular, abra a demonstração no CodeSandbox (ícone "editar") e deslizar. -{{"demo": "pages/components/drawers/SwipeableEdgeDrawer.js", "iframe": true, "height": 400, "maxWidth": 300}} +{{"demo": "SwipeableEdgeDrawer.js", "iframe": true, "height": 400, "maxWidth": 300}} ### Navegação em altura total @@ -70,7 +71,7 @@ Mais detalhes na [seção de desempenho Modal](/components/modal/#performance). You can use the `temporary` variant to display a drawer for small screens and `permanent` for a drawer for wider screens. -{{"demo": "pages/components/drawers/ResponsiveDrawer.js", "iframe": true}} +{{"demo": "ResponsiveDrawer.js", "iframe": true}} ## Drawer persistente @@ -80,9 +81,9 @@ Quando o drawer está fora da grade da página e se abre, o drawer força o outr Drawers de navegação persistentes são aceitáveis para todos os tamanhos maiores que os móveis. Não são recomendadas para aplicativos com vários níveis de hierarquia que requerem usar navegação com uma seta para cima. -{{"demo": "pages/components/drawers/PersistentDrawerLeft.js", "iframe": true}} +{{"demo": "PersistentDrawerLeft.js", "iframe": true}} -{{"demo": "pages/components/drawers/PersistentDrawerRight.js", "iframe": true}} +{{"demo": "PersistentDrawerRight.js", "iframe": true}} ## Variação mini drawer @@ -90,7 +91,7 @@ Nesta variação, o drawer de navegação persistente muda sua largura. Seu esta A variação mini é recomendada para seções de aplicativos que necessitam ser selecionadas por um acesso rápido ao lado do conteúdo. -{{"demo": "pages/components/drawers/MiniDrawer.js", "iframe": true}} +{{"demo": "MiniDrawer.js", "iframe": true}} ## Drawer permanente @@ -102,12 +103,12 @@ Aplicativos focados no consumo de informações que usam uma hierarquia da esque Aplicativos focados no consumo de informações que usam uma hierarquia da esquerda para a direita. -{{"demo": "pages/components/drawers/PermanentDrawerLeft.js", "iframe": true}} +{{"demo": "PermanentDrawerLeft.js", "iframe": true}} -{{"demo": "pages/components/drawers/PermanentDrawerRight.js", "iframe": true}} +{{"demo": "PermanentDrawerRight.js", "iframe": true}} ### Cortado por baixo da barra de aplicativos Aplicativos focados em produtividade que exigem consistência na tela. -{{"demo": "pages/components/drawers/ClippedDrawer.js", "iframe": true}} +{{"demo": "ClippedDrawer.js", "iframe": true}} diff --git a/docs/src/pages/components/drawers/drawers-zh.md b/docs/data/material/components/drawers/drawers-zh.md similarity index 81% rename from docs/src/pages/components/drawers/drawers-zh.md rename to docs/data/material/components/drawers/drawers-zh.md index c7f6c4f3db38fd..9e090ce0f14533 100644 --- a/docs/src/pages/components/drawers/drawers-zh.md +++ b/docs/data/material/components/drawers/drawers-zh.md @@ -1,4 +1,5 @@ --- +product: material title: React Drawer（抽屉）组件 components: Drawer, SwipeableDrawer githubLabel: 'component: drawer' @@ -21,15 +22,15 @@ materialDesign: https://material.io/components/navigation-drawer 而点击覆盖的区域（overlay）或者按下 Esc 键则可以关闭抽屉。 通过操控 `open` 属性，当选中一个子项的时候，抽屉则会被关闭。 -{{"demo": "pages/components/drawers/TemporaryDrawer.js"}} +{{"demo": "TemporaryDrawer.js"}} ### 可滑动的抽屉 您可以使用 `SwipeableDrawer` 组件来实现滑动抽屉。 -此组件附带 2 kB gzipped 的负载开销。 一些低端移动设备无法以60 FPS 的速度跟随手指的移动。 你可以通过使用 `disableBackdropTransition` 这个属性来解决此问题。 +此组件附带 2 kB gzipped 的负载开销。 一些低端移动设备无法以 60 FPS 的速度跟随手指的移动。 你可以通过使用 `disableBackdropTransition` 这个属性来解决此问题。 -{{"demo": "pages/components/drawers/SwipeableTemporaryDrawer.js"}} +{{"demo": "SwipeableTemporaryDrawer.js"}} 在此文档的页面中有以下的一些属性，它们用来优化组件的使用： @@ -49,7 +50,7 @@ const iOS = 如果你使用的是桌面设备，那么可以点击 "OPEN" 按钮来切换抽屉的显示。 如果你使用的设备是手机，那么可以在 CodeSandbox（“编辑”图标）中打开该演示，并尝试滑动抽屉。 -{{"demo": "pages/components/drawers/SwipeableEdgeDrawer.js", "iframe": true, "height": 400, "maxWidth": 300}} +{{"demo": "SwipeableEdgeDrawer.js", "iframe": true, "height": 400, "maxWidth": 300}} ### 全高导航栏 @@ -70,7 +71,7 @@ const iOS = You can use the `temporary` variant to display a drawer for small screens and `permanent` for a drawer for wider screens. -{{"demo": "pages/components/drawers/ResponsiveDrawer.js", "iframe": true}} +{{"demo": "ResponsiveDrawer.js", "iframe": true}} ## 持久的抽屉 @@ -80,9 +81,9 @@ You can use the `temporary` variant to display a drawer for small screens and `p 持久的抽屉能够适用于比移动设备大的屏幕尺寸。 那些有多个层次等级的应用，会用到向上的箭头作为导航，在这样的情况下，我们不推荐使用持久的抽屉。 -{{"demo": "pages/components/drawers/PersistentDrawerLeft.js", "iframe": true}} +{{"demo": "PersistentDrawerLeft.js", "iframe": true}} -{{"demo": "pages/components/drawers/PersistentDrawerRight.js", "iframe": true}} +{{"demo": "PersistentDrawerRight.js", "iframe": true}} ## 迷你变体抽屉 @@ -90,7 +91,7 @@ You can use the `temporary` variant to display a drawer for small screens and `p 若有快速选择访问应用以及访问应用内容的需求，我们建议您使用迷你变体抽屉。 -{{"demo": "pages/components/drawers/MiniDrawer.js", "iframe": true}} +{{"demo": "MiniDrawer.js", "iframe": true}} ## 永久抽屉 @@ -102,12 +103,12 @@ You can use the `temporary` variant to display a drawer for small screens and `p 一个从左到右层次结构的信息消费，是应用程序需要重视的。 -{{"demo": "pages/components/drawers/PermanentDrawerLeft.js", "iframe": true}} +{{"demo": "PermanentDrawerLeft.js", "iframe": true}} -{{"demo": "pages/components/drawers/PermanentDrawerRight.js", "iframe": true}} +{{"demo": "PermanentDrawerRight.js", "iframe": true}} ### 从应用栏下开始分割 一些专注于生产力的应用，需要保持在整个屏幕上的平衡。 -{{"demo": "pages/components/drawers/ClippedDrawer.js", "iframe": true}} +{{"demo": "ClippedDrawer.js", "iframe": true}} diff --git a/docs/src/pages/components/drawers/drawers.md b/docs/data/material/components/drawers/drawers.md similarity index 84% rename from docs/src/pages/components/drawers/drawers.md rename to docs/data/material/components/drawers/drawers.md index 43bfe99c3fda9d..82988e73b87256 100644 --- a/docs/src/pages/components/drawers/drawers.md +++ b/docs/data/material/components/drawers/drawers.md @@ -1,4 +1,5 @@ --- +product: material title: React Drawer component components: Drawer, SwipeableDrawer githubLabel: 'component: drawer' @@ -22,7 +23,7 @@ Temporary navigation drawers can toggle open or closed. Closed by default, the d The Drawer can be cancelled by clicking the overlay or pressing the Esc key. It closes when an item is selected, handled by controlling the `open` prop. -{{"demo": "pages/components/drawers/TemporaryDrawer.js"}} +{{"demo": "TemporaryDrawer.js"}} ### Swipeable @@ -32,7 +33,7 @@ This component comes with a 2 kB gzipped payload overhead. Some low-end mobile devices won't be able to follow the fingers at 60 FPS. You can use the `disableBackdropTransition` prop to help. -{{"demo": "pages/components/drawers/SwipeableTemporaryDrawer.js"}} +{{"demo": "SwipeableTemporaryDrawer.js"}} The following properties are used in this documentation website for optimal usability of the component: @@ -56,7 +57,7 @@ You can configure the `SwipeableDrawer` to have a visible edge when closed. If you are on a desktop, you can toggle the drawer with the "OPEN" button. If you are on mobile, you can open the demo in CodeSandbox ("edit" icon) and swipe. -{{"demo": "pages/components/drawers/SwipeableEdgeDrawer.js", "iframe": true, "height": 400, "maxWidth": 300}} +{{"demo": "SwipeableEdgeDrawer.js", "iframe": true, "height": 400, "maxWidth": 300}} ### Keep mounted @@ -77,7 +78,7 @@ More details in the [Modal performance section](/components/modal/#performance). You can use the `temporary` variant to display a drawer for small screens and `permanent` for a drawer for wider screens. -{{"demo": "pages/components/drawers/ResponsiveDrawer.js", "iframe": true}} +{{"demo": "ResponsiveDrawer.js", "iframe": true}} ## Persistent drawer @@ -91,9 +92,9 @@ When the drawer is outside of the page grid and opens, the drawer forces other c Persistent navigation drawers are acceptable for all sizes larger than mobile. They are not recommended for apps with multiple levels of hierarchy that require using an up arrow for navigation. -{{"demo": "pages/components/drawers/PersistentDrawerLeft.js", "iframe": true}} +{{"demo": "PersistentDrawerLeft.js", "iframe": true}} -{{"demo": "pages/components/drawers/PersistentDrawerRight.js", "iframe": true}} +{{"demo": "PersistentDrawerRight.js", "iframe": true}} ## Mini variant drawer @@ -103,7 +104,7 @@ When expanded, it appears as the standard persistent navigation drawer. The mini variant is recommended for apps sections that need quick selection access alongside content. -{{"demo": "pages/components/drawers/MiniDrawer.js", "iframe": true}} +{{"demo": "MiniDrawer.js", "iframe": true}} ## Permanent drawer @@ -115,12 +116,12 @@ Permanent navigation drawers are the **recommended default for desktop**. Apps focused on information consumption that use a left-to-right hierarchy. -{{"demo": "pages/components/drawers/PermanentDrawerLeft.js", "iframe": true}} +{{"demo": "PermanentDrawerLeft.js", "iframe": true}} -{{"demo": "pages/components/drawers/PermanentDrawerRight.js", "iframe": true}} +{{"demo": "PermanentDrawerRight.js", "iframe": true}} ### Clipped under the app bar Apps focused on productivity that require balance across the screen. -{{"demo": "pages/components/drawers/ClippedDrawer.js", "iframe": true}} +{{"demo": "ClippedDrawer.js", "iframe": true}} diff --git a/docs/src/pages/components/floating-action-button/FloatingActionButtonExtendedSize.js b/docs/data/material/components/floating-action-button/FloatingActionButtonExtendedSize.js similarity index 100% rename from docs/src/pages/components/floating-action-button/FloatingActionButtonExtendedSize.js rename to docs/data/material/components/floating-action-button/FloatingActionButtonExtendedSize.js diff --git a/docs/src/pages/components/floating-action-button/FloatingActionButtonExtendedSize.tsx b/docs/data/material/components/floating-action-button/FloatingActionButtonExtendedSize.tsx similarity index 100% rename from docs/src/pages/components/floating-action-button/FloatingActionButtonExtendedSize.tsx rename to docs/data/material/components/floating-action-button/FloatingActionButtonExtendedSize.tsx diff --git a/docs/src/pages/components/floating-action-button/FloatingActionButtonExtendedSize.tsx.preview b/docs/data/material/components/floating-action-button/FloatingActionButtonExtendedSize.tsx.preview similarity index 100% rename from docs/src/pages/components/floating-action-button/FloatingActionButtonExtendedSize.tsx.preview rename to docs/data/material/components/floating-action-button/FloatingActionButtonExtendedSize.tsx.preview diff --git a/docs/src/pages/components/floating-action-button/FloatingActionButtonSize.js b/docs/data/material/components/floating-action-button/FloatingActionButtonSize.js similarity index 100% rename from docs/src/pages/components/floating-action-button/FloatingActionButtonSize.js rename to docs/data/material/components/floating-action-button/FloatingActionButtonSize.js diff --git a/docs/src/pages/components/floating-action-button/FloatingActionButtonSize.tsx b/docs/data/material/components/floating-action-button/FloatingActionButtonSize.tsx similarity index 100% rename from docs/src/pages/components/floating-action-button/FloatingActionButtonSize.tsx rename to docs/data/material/components/floating-action-button/FloatingActionButtonSize.tsx diff --git a/docs/src/pages/components/floating-action-button/FloatingActionButtonSize.tsx.preview b/docs/data/material/components/floating-action-button/FloatingActionButtonSize.tsx.preview similarity index 100% rename from docs/src/pages/components/floating-action-button/FloatingActionButtonSize.tsx.preview rename to docs/data/material/components/floating-action-button/FloatingActionButtonSize.tsx.preview diff --git a/docs/src/pages/components/floating-action-button/FloatingActionButtonZoom.js b/docs/data/material/components/floating-action-button/FloatingActionButtonZoom.js similarity index 100% rename from docs/src/pages/components/floating-action-button/FloatingActionButtonZoom.js rename to docs/data/material/components/floating-action-button/FloatingActionButtonZoom.js diff --git a/docs/src/pages/components/floating-action-button/FloatingActionButtonZoom.tsx b/docs/data/material/components/floating-action-button/FloatingActionButtonZoom.tsx similarity index 100% rename from docs/src/pages/components/floating-action-button/FloatingActionButtonZoom.tsx rename to docs/data/material/components/floating-action-button/FloatingActionButtonZoom.tsx diff --git a/docs/src/pages/components/floating-action-button/FloatingActionButtons.js b/docs/data/material/components/floating-action-button/FloatingActionButtons.js similarity index 100% rename from docs/src/pages/components/floating-action-button/FloatingActionButtons.js rename to docs/data/material/components/floating-action-button/FloatingActionButtons.js diff --git a/docs/src/pages/components/floating-action-button/FloatingActionButtons.tsx b/docs/data/material/components/floating-action-button/FloatingActionButtons.tsx similarity index 100% rename from docs/src/pages/components/floating-action-button/FloatingActionButtons.tsx rename to docs/data/material/components/floating-action-button/FloatingActionButtons.tsx diff --git a/docs/src/pages/components/floating-action-button/FloatingActionButtons.tsx.preview b/docs/data/material/components/floating-action-button/FloatingActionButtons.tsx.preview similarity index 100% rename from docs/src/pages/components/floating-action-button/FloatingActionButtons.tsx.preview rename to docs/data/material/components/floating-action-button/FloatingActionButtons.tsx.preview diff --git a/docs/src/pages/components/floating-action-button/floating-action-button-pt.md b/docs/data/material/components/floating-action-button/floating-action-button-pt.md similarity index 80% rename from docs/src/pages/components/floating-action-button/floating-action-button-pt.md rename to docs/data/material/components/floating-action-button/floating-action-button-pt.md index ec2292b81ca7ea..872b7d86223ba6 100644 --- a/docs/src/pages/components/floating-action-button/floating-action-button-pt.md +++ b/docs/data/material/components/floating-action-button/floating-action-button-pt.md @@ -1,4 +1,5 @@ --- +product: material title: Componente React Botão de ação flutuante components: Fab githubLabel: 'component: Fab' @@ -17,15 +18,15 @@ Use um BAF apenas se for a maneira mais adequada para apresentar a ação princi ## BAF básico -{{"demo": "pages/components/floating-action-button/FloatingActionButtons.js"}} +{{"demo": "FloatingActionButtons.js"}} ## Tamanho Por padrão, o tamanho é `grande`. Use the `size` prop for smaller floating action buttons. -{{"demo": "pages/components/floating-action-button/FloatingActionButtonSize.js"}} +{{"demo": "FloatingActionButtonSize.js"}} -{{"demo": "pages/components/floating-action-button/FloatingActionButtonExtendedSize.js"}} +{{"demo": "FloatingActionButtonExtendedSize.js"}} ## Animação @@ -35,4 +36,4 @@ Um botão de ação flutuante que abranja várias telas laterais (como telas com A transição com Zoom pode ser usada para esta finalidade. Observe que, como as animações de entrada e saída são acionadas ao mesmo tempo, usamos `enterDelay` para permitir que a animação do botão de ação flutuante de saída termine antes que a nova seja inserida. -{{"demo": "pages/components/floating-action-button/FloatingActionButtonZoom.js", "bg": true}} +{{"demo": "FloatingActionButtonZoom.js", "bg": true}} diff --git a/docs/src/pages/components/floating-action-button/floating-action-button-zh.md b/docs/data/material/components/floating-action-button/floating-action-button-zh.md similarity index 82% rename from docs/src/pages/components/floating-action-button/floating-action-button-zh.md rename to docs/data/material/components/floating-action-button/floating-action-button-zh.md index b12e71b8236e6d..76bea4c4bcd390 100644 --- a/docs/src/pages/components/floating-action-button/floating-action-button-zh.md +++ b/docs/data/material/components/floating-action-button/floating-action-button-zh.md @@ -1,4 +1,5 @@ --- +product: material title: React Fab（浮动操作按钮）组件 components: Fab githubLabel: 'component: Fab' @@ -17,15 +18,15 @@ Only use a FAB if it is the most suitable way to present a screen's primary acti ## 简单的浮动操作按钮 -{{"demo": "pages/components/floating-action-button/FloatingActionButtons.js"}} +{{"demo": "FloatingActionButtons.js"}} ## Size 大小 By default, the size is `large`. By default, the size is `large`. Use the `size` prop for smaller floating action buttons. -{{"demo": "pages/components/floating-action-button/FloatingActionButtonSize.js"}} +{{"demo": "FloatingActionButtonSize.js"}} -{{"demo": "pages/components/floating-action-button/FloatingActionButtonExtendedSize.js"}} +{{"demo": "FloatingActionButtonExtendedSize.js"}} ## Animation 动画 @@ -35,4 +36,4 @@ By default, the size is `large`. By default, the size is `large`. Use the `size` 您可以使用缩放动画（Zoom transition）来实现这个效果。 请注意，因为退出动画和进入动画都是同时触发的，所以我们需要使 `enterDelay` 方法，确保在新的浮动操作按钮进入之前，就已经执行完旧的那个的退出动作。 -{{"demo": "pages/components/floating-action-button/FloatingActionButtonZoom.js", "bg": true}} +{{"demo": "FloatingActionButtonZoom.js", "bg": true}} diff --git a/docs/src/pages/components/floating-action-button/floating-action-button.md b/docs/data/material/components/floating-action-button/floating-action-button.md similarity index 79% rename from docs/src/pages/components/floating-action-button/floating-action-button.md rename to docs/data/material/components/floating-action-button/floating-action-button.md index 7eacf9edcff5f3..c46658147c9a4d 100644 --- a/docs/src/pages/components/floating-action-button/floating-action-button.md +++ b/docs/data/material/components/floating-action-button/floating-action-button.md @@ -1,4 +1,5 @@ --- +product: material title: React Fab component components: Fab githubLabel: 'component: Fab' @@ -19,15 +20,15 @@ Only one component is recommended per screen to represent the most common action ## Basic FAB -{{"demo": "pages/components/floating-action-button/FloatingActionButtons.js"}} +{{"demo": "FloatingActionButtons.js"}} ## Size By default, the size is `large`. Use the `size` prop for smaller floating action buttons. -{{"demo": "pages/components/floating-action-button/FloatingActionButtonSize.js"}} +{{"demo": "FloatingActionButtonSize.js"}} -{{"demo": "pages/components/floating-action-button/FloatingActionButtonExtendedSize.js"}} +{{"demo": "FloatingActionButtonExtendedSize.js"}} ## Animation @@ -40,4 +41,4 @@ The Zoom transition can be used to achieve this. Note that since both the exitin animations are triggered at the same time, we use `enterDelay` to allow the outgoing Floating Action Button's animation to finish before the new one enters. -{{"demo": "pages/components/floating-action-button/FloatingActionButtonZoom.js", "bg": true}} +{{"demo": "FloatingActionButtonZoom.js", "bg": true}} diff --git a/docs/src/pages/components/grid/AutoGrid.js b/docs/data/material/components/grid/AutoGrid.js similarity index 100% rename from docs/src/pages/components/grid/AutoGrid.js rename to docs/data/material/components/grid/AutoGrid.js diff --git a/docs/src/pages/components/grid/AutoGrid.tsx b/docs/data/material/components/grid/AutoGrid.tsx similarity index 100% rename from docs/src/pages/components/grid/AutoGrid.tsx rename to docs/data/material/components/grid/AutoGrid.tsx diff --git a/docs/src/pages/components/grid/AutoGrid.tsx.preview b/docs/data/material/components/grid/AutoGrid.tsx.preview similarity index 100% rename from docs/src/pages/components/grid/AutoGrid.tsx.preview rename to docs/data/material/components/grid/AutoGrid.tsx.preview diff --git a/docs/src/pages/components/grid/AutoGridNoWrap.js b/docs/data/material/components/grid/AutoGridNoWrap.js similarity index 100% rename from docs/src/pages/components/grid/AutoGridNoWrap.js rename to docs/data/material/components/grid/AutoGridNoWrap.js diff --git a/docs/src/pages/components/grid/AutoGridNoWrap.tsx b/docs/data/material/components/grid/AutoGridNoWrap.tsx similarity index 100% rename from docs/src/pages/components/grid/AutoGridNoWrap.tsx rename to docs/data/material/components/grid/AutoGridNoWrap.tsx diff --git a/docs/src/pages/components/grid/BasicGrid.js b/docs/data/material/components/grid/BasicGrid.js similarity index 100% rename from docs/src/pages/components/grid/BasicGrid.js rename to docs/data/material/components/grid/BasicGrid.js diff --git a/docs/src/pages/components/grid/BasicGrid.tsx b/docs/data/material/components/grid/BasicGrid.tsx similarity index 100% rename from docs/src/pages/components/grid/BasicGrid.tsx rename to docs/data/material/components/grid/BasicGrid.tsx diff --git a/docs/src/pages/components/grid/BasicGrid.tsx.preview b/docs/data/material/components/grid/BasicGrid.tsx.preview similarity index 100% rename from docs/src/pages/components/grid/BasicGrid.tsx.preview rename to docs/data/material/components/grid/BasicGrid.tsx.preview diff --git a/docs/src/pages/components/grid/CSSGrid.js b/docs/data/material/components/grid/CSSGrid.js similarity index 100% rename from docs/src/pages/components/grid/CSSGrid.js rename to docs/data/material/components/grid/CSSGrid.js diff --git a/docs/src/pages/components/grid/CSSGrid.tsx b/docs/data/material/components/grid/CSSGrid.tsx similarity index 100% rename from docs/src/pages/components/grid/CSSGrid.tsx rename to docs/data/material/components/grid/CSSGrid.tsx diff --git a/docs/src/pages/components/grid/CSSGrid.tsx.preview b/docs/data/material/components/grid/CSSGrid.tsx.preview similarity index 100% rename from docs/src/pages/components/grid/CSSGrid.tsx.preview rename to docs/data/material/components/grid/CSSGrid.tsx.preview diff --git a/docs/src/pages/components/grid/ColumnsGrid.js b/docs/data/material/components/grid/ColumnsGrid.js similarity index 100% rename from docs/src/pages/components/grid/ColumnsGrid.js rename to docs/data/material/components/grid/ColumnsGrid.js diff --git a/docs/src/pages/components/grid/ColumnsGrid.tsx b/docs/data/material/components/grid/ColumnsGrid.tsx similarity index 100% rename from docs/src/pages/components/grid/ColumnsGrid.tsx rename to docs/data/material/components/grid/ColumnsGrid.tsx diff --git a/docs/src/pages/components/grid/ColumnsGrid.tsx.preview b/docs/data/material/components/grid/ColumnsGrid.tsx.preview similarity index 100% rename from docs/src/pages/components/grid/ColumnsGrid.tsx.preview rename to docs/data/material/components/grid/ColumnsGrid.tsx.preview diff --git a/docs/src/pages/components/grid/ComplexGrid.js b/docs/data/material/components/grid/ComplexGrid.js similarity index 100% rename from docs/src/pages/components/grid/ComplexGrid.js rename to docs/data/material/components/grid/ComplexGrid.js diff --git a/docs/src/pages/components/grid/ComplexGrid.tsx b/docs/data/material/components/grid/ComplexGrid.tsx similarity index 100% rename from docs/src/pages/components/grid/ComplexGrid.tsx rename to docs/data/material/components/grid/ComplexGrid.tsx diff --git a/docs/src/pages/components/grid/FullWidthGrid.js b/docs/data/material/components/grid/FullWidthGrid.js similarity index 100% rename from docs/src/pages/components/grid/FullWidthGrid.js rename to docs/data/material/components/grid/FullWidthGrid.js diff --git a/docs/src/pages/components/grid/FullWidthGrid.tsx b/docs/data/material/components/grid/FullWidthGrid.tsx similarity index 100% rename from docs/src/pages/components/grid/FullWidthGrid.tsx rename to docs/data/material/components/grid/FullWidthGrid.tsx diff --git a/docs/src/pages/components/grid/FullWidthGrid.tsx.preview b/docs/data/material/components/grid/FullWidthGrid.tsx.preview similarity index 100% rename from docs/src/pages/components/grid/FullWidthGrid.tsx.preview rename to docs/data/material/components/grid/FullWidthGrid.tsx.preview diff --git a/docs/src/pages/components/grid/InteractiveGrid.js b/docs/data/material/components/grid/InteractiveGrid.js similarity index 100% rename from docs/src/pages/components/grid/InteractiveGrid.js rename to docs/data/material/components/grid/InteractiveGrid.js diff --git a/docs/src/pages/components/grid/InteractiveGrid.tsx b/docs/data/material/components/grid/InteractiveGrid.tsx similarity index 100% rename from docs/src/pages/components/grid/InteractiveGrid.tsx rename to docs/data/material/components/grid/InteractiveGrid.tsx diff --git a/docs/src/pages/components/grid/NestedGrid.js b/docs/data/material/components/grid/NestedGrid.js similarity index 100% rename from docs/src/pages/components/grid/NestedGrid.js rename to docs/data/material/components/grid/NestedGrid.js diff --git a/docs/src/pages/components/grid/NestedGrid.tsx b/docs/data/material/components/grid/NestedGrid.tsx similarity index 100% rename from docs/src/pages/components/grid/NestedGrid.tsx rename to docs/data/material/components/grid/NestedGrid.tsx diff --git a/docs/src/pages/components/grid/NestedGrid.tsx.preview b/docs/data/material/components/grid/NestedGrid.tsx.preview similarity index 100% rename from docs/src/pages/components/grid/NestedGrid.tsx.preview rename to docs/data/material/components/grid/NestedGrid.tsx.preview diff --git a/docs/src/pages/components/grid/ResponsiveGrid.js b/docs/data/material/components/grid/ResponsiveGrid.js similarity index 100% rename from docs/src/pages/components/grid/ResponsiveGrid.js rename to docs/data/material/components/grid/ResponsiveGrid.js diff --git a/docs/src/pages/components/grid/ResponsiveGrid.tsx b/docs/data/material/components/grid/ResponsiveGrid.tsx similarity index 100% rename from docs/src/pages/components/grid/ResponsiveGrid.tsx rename to docs/data/material/components/grid/ResponsiveGrid.tsx diff --git a/docs/src/pages/components/grid/ResponsiveGrid.tsx.preview b/docs/data/material/components/grid/ResponsiveGrid.tsx.preview similarity index 100% rename from docs/src/pages/components/grid/ResponsiveGrid.tsx.preview rename to docs/data/material/components/grid/ResponsiveGrid.tsx.preview diff --git a/docs/src/pages/components/grid/RowAndColumnSpacing.js b/docs/data/material/components/grid/RowAndColumnSpacing.js similarity index 100% rename from docs/src/pages/components/grid/RowAndColumnSpacing.js rename to docs/data/material/components/grid/RowAndColumnSpacing.js diff --git a/docs/src/pages/components/grid/RowAndColumnSpacing.tsx b/docs/data/material/components/grid/RowAndColumnSpacing.tsx similarity index 100% rename from docs/src/pages/components/grid/RowAndColumnSpacing.tsx rename to docs/data/material/components/grid/RowAndColumnSpacing.tsx diff --git a/docs/src/pages/components/grid/RowAndColumnSpacing.tsx.preview b/docs/data/material/components/grid/RowAndColumnSpacing.tsx.preview similarity index 100% rename from docs/src/pages/components/grid/RowAndColumnSpacing.tsx.preview rename to docs/data/material/components/grid/RowAndColumnSpacing.tsx.preview diff --git a/docs/src/pages/components/grid/SpacingGrid.js b/docs/data/material/components/grid/SpacingGrid.js similarity index 100% rename from docs/src/pages/components/grid/SpacingGrid.js rename to docs/data/material/components/grid/SpacingGrid.js diff --git a/docs/src/pages/components/grid/SpacingGrid.tsx b/docs/data/material/components/grid/SpacingGrid.tsx similarity index 100% rename from docs/src/pages/components/grid/SpacingGrid.tsx rename to docs/data/material/components/grid/SpacingGrid.tsx diff --git a/docs/src/pages/components/grid/VariableWidthGrid.js b/docs/data/material/components/grid/VariableWidthGrid.js similarity index 100% rename from docs/src/pages/components/grid/VariableWidthGrid.js rename to docs/data/material/components/grid/VariableWidthGrid.js diff --git a/docs/src/pages/components/grid/VariableWidthGrid.tsx b/docs/data/material/components/grid/VariableWidthGrid.tsx similarity index 100% rename from docs/src/pages/components/grid/VariableWidthGrid.tsx rename to docs/data/material/components/grid/VariableWidthGrid.tsx diff --git a/docs/src/pages/components/grid/VariableWidthGrid.tsx.preview b/docs/data/material/components/grid/VariableWidthGrid.tsx.preview similarity index 100% rename from docs/src/pages/components/grid/VariableWidthGrid.tsx.preview rename to docs/data/material/components/grid/VariableWidthGrid.tsx.preview diff --git a/docs/src/pages/components/grid/grid-pt.md b/docs/data/material/components/grid/grid-pt.md similarity index 72% rename from docs/src/pages/components/grid/grid-pt.md rename to docs/data/material/components/grid/grid-pt.md index c1374f93938bbb..d59dd02e7445d2 100644 --- a/docs/src/pages/components/grid/grid-pt.md +++ b/docs/data/material/components/grid/grid-pt.md @@ -1,4 +1,5 @@ --- +product: material title: Componente React Grade components: Grid githubLabel: 'component: Grid' @@ -20,7 +21,7 @@ Uma [grade](https://material.io/design/layout/responsive-layout-grid.html) cria O sistema de grade é implementado com o componente `Grid`: - Ela usa [o módulo CSS de box flexível](https://www.w3.org/TR/css-flexbox-1/) para alta flexibilidade. -- Existem dois tipos de leiautes: *contêineres* e *itens*. +- Existem dois tipos de leiautes: _contêineres_ e _itens_. - Larguras de itens são definidas em porcentagens, desse modo são sempre fluidas e dimensionadas de acordo os seus elementos pai. - Itens têm preenchimento para criar o espaçamento entre itens individuais. - Existem cinco pontos de quebra (breakpoints) na grade: xs, sm, md, lg e xl. @@ -34,11 +35,11 @@ As grades fluídas usam colunas que dimensionam e redimensionam o conteúdo. Uma ### Grade básica -As larguras das colunas é representada por um numero inteiro que varia de 1 a 12. Podemos aplica-las a qualquer ponto de ruptura para indicar quantas colunas são ocupadas pelo componente. +As larguras das colunas é representada por um numero inteiro que varia de 1 a 12. Podemos aplica-las a qualquer ponto de ruptura para indicar quantas colunas são ocupadas pelo componente. Um valor aplicado a um ponto de ruptura se aplica a todos os outros pontos maiores, a menos que seja alterado, como será visto posteriormente nesta página. Por exemplo nesse trecho `xs={12}` definimos que o componente ocupará toda a largura da tela, independente do tamanho da tela. -{{"demo": "pages/components/grid/BasicGrid.js", "bg": true}} +{{"demo": "BasicGrid.js", "bg": true}} ### Grade com pontos de quebra @@ -46,25 +47,25 @@ Podemos definir várias larguras para os componentes, resultando em um leiaute q Aqui por exemplo `xs={12} sm={6}` define que o componente ocupará metade da largura da tela (6 colunas) em um dispositivo com resolução de 600px pra cima. Já para dispositivos menores, o componente vai tomar todas as 12 colunas. -{{"demo": "pages/components/grid/FullWidthGrid.js", "bg": true}} +{{"demo": "FullWidthGrid.js", "bg": true}} ## Espaçamento -Para controlar o espaço entre os filhos, use a prop `spacing` O valor do espaçamento pode ser qualquer numero positivo, incluindo decimais e até strings (cadeia de caracteres) As props são convertidas em css usando o auxiliar [`theme.spacing()`](/customization/spacing/) O valor do espaçamento pode ser qualquer numero positivo, incluindo decimais e até strings (cadeia de caracteres) As props são convertidas em css usando o auxiliar [`theme.spacing()`](/customization/spacing/) +Para controlar o espaço entre os filhos, use a prop `spacing` O valor do espaçamento pode ser qualquer numero positivo, incluindo decimais e até strings (cadeia de caracteres) As props são convertidas em css usando o auxiliar [`theme.spacing()`](/customization/spacing/) O valor do espaçamento pode ser qualquer numero positivo, incluindo decimais e até strings (cadeia de caracteres) As props são convertidas em css usando o auxiliar [`theme.spacing()`](/customization/spacing/) -{{"demo": "pages/components/grid/SpacingGrid.js", "bg": true}} +{{"demo": "SpacingGrid.js", "bg": true}} ### Row & column spacing -As props `rowSpacing` e `columnSpacing` nos permite especificar os espaços entre linhas e entre colunas de forma independente. É similar as propriedades `row-gap` e `column-gap` da [Malha CSS](/system/grid/#row-gap-amp-column-gap). +As props `rowSpacing` e `columnSpacing` nos permite especificar os espaços entre linhas e entre colunas de forma independente. É similar as propriedades `row-gap` e `column-gap` da [Malha CSS](/system/grid/#row-gap-amp-column-gap). -{{"demo": "pages/components/grid/RowAndColumnSpacing.js", "bg": true}} +{{"demo": "RowAndColumnSpacing.js", "bg": true}} ## Valores responsivos -Podemos ativar as props de acordo com ponto de ruptura ativo Podemos ativar as props de acordo com ponto de ruptura ativo Por exemplo, podemos implementar o leiaute responsivo do Material Design ["recommended"](https://material.io/design/layout/responsive-layout-grid.html) +Podemos ativar as props de acordo com ponto de ruptura ativo Podemos ativar as props de acordo com ponto de ruptura ativo Por exemplo, podemos implementar o leiaute responsivo do Material Design ["recommended"](https://material.io/design/layout/responsive-layout-grid.html) -{{"demo": "pages/components/grid/ResponsiveGrid.js", "bg": true}} +{{"demo": "ResponsiveGrid.js", "bg": true}} Valores responsivos são suportados por: @@ -76,46 +77,46 @@ Valores responsivos são suportados por: - todas as outras propriedades do sistema [other props](#system-props) > ⚠️ Quando Usamos a prop de código responsivo `colunas`, cada item da manha precisa de seu correspondente ponto de ruptura. Por exemplo, este não está funcionando Por exemplo, este não está funcionando Os itens da malha precisa de seu valor para `md` (ponto médio) -> +> > ```jsx > -> -> > > +> > >{' '} +> > ``` ## Interativo Abaixo está uma demonstração interativa que permite explorar os resultados visuais das diferentes configurações: -{{"demo": "pages/components/grid/InteractiveGrid.js", "hideToolbar": true, "bg": true}} +{{"demo": "InteractiveGrid.js", "hideToolbar": true, "bg": true}} ## Leiaute Automático -O leiaute automático faz com que o espaço disponível seja compartilhado de forma proporcional _items_ O leiaute automático faz com que o espaço disponível seja compartilhado de forma proporcional _items_ Isso também quer dizer que podemos definir que a largura de um _item_ se ajustará automaticamente ao redor dele +O leiaute automático faz com que o espaço disponível seja compartilhado de forma proporcional _items_ O leiaute automático faz com que o espaço disponível seja compartilhado de forma proporcional _items_ Isso também quer dizer que podemos definir que a largura de um _item_ se ajustará automaticamente ao redor dele -{{"demo": "pages/components/grid/AutoGrid.js", "bg": true}} +{{"demo": "AutoGrid.js", "bg": true}} ### Margem negativa A demo a seguir não segue as normas do Material Design mas ilustra bem como a malha pode ser usada para criar layouts complexos -{{"demo": "pages/components/grid/VariableWidthGrid.js", "bg": true}} +{{"demo": "VariableWidthGrid.js", "bg": true}} ## Grade Complexa -As props `container` e `item` são buleanas independentes; Podemo ser combinados para permitir que um componente Grid seja tanto um contêiner flex como um filho (item do contêiner) +As props `container` e `item` são buleanas independentes; Podemo ser combinados para permitir que um componente Grid seja tanto um contêiner flex como um filho (item do contêiner) -{{"demo": "pages/components/grid/ComplexGrid.js", "bg": true}} +{{"demo": "ComplexGrid.js", "bg": true}} ## Grade Aninhada -As props `container` e `item` são buleanas independentes; Podemo ser combinados para permitir que um componente Grid seja tanto um contêiner flex como um filho (item do contêiner) +As props `container` e `item` são buleanas independentes; Podemo ser combinados para permitir que um componente Grid seja tanto um contêiner flex como um filho (item do contêiner) > Um **container** flex é a caixa gerada por um elemento com uma exibição definida por `flex` ou `inline-flex`. Os filhos em um fluxo de um container flex são chamados de flex **items** e são dispostos usando o modelo de leiaute flex (flex layout). https://www.w3.org/TR/css-flexbox-1/#box-model -{{"demo": "pages/components/grid/NestedGrid.js", "bg": true}} +{{"demo": "NestedGrid.js", "bg": true}} ⚠️ Definindo uma largura explícita para um elemento de grade que é um contêiner flexível, item flexível e tem espaçamento ao mesmo tempo, tem um comportamento inesperado, evite fazendo isto: @@ -129,7 +130,7 @@ Se você precisar fazer isso, remova uma das propriedades. You can change the default number of columns (12) with the `columns` prop. -{{"demo": "pages/components/grid/ColumnsGrid.js", "bg": true}} +{{"demo": "ColumnsGrid.js", "bg": true}} ## Limitações @@ -153,11 +154,11 @@ Para que o item permaneça dentro do contêiner, você precisa definir `min-widt ``` -{{"demo": "pages/components/grid/AutoGridNoWrap.js", "bg": true}} +{{"demo": "AutoGridNoWrap.js", "bg": true}} ### direction: column | column-reverse -As propriedades `xs`, `sm`, `md`, `lg`, e `xl` **não são suportadas** com containers `direction="column"` e `direction="column-reverse"`. +As propriedades `xs`, `sm`, `md`, `lg`, e `xl` **não são suportadas** com containers `direction="column"` e `direction="column-reverse"`. Elas definem o número de grades que o componente usará para um determinado ponto de quebra. Elas destinam-se a controlar a **largura** usando `flex-basis` em contêineres `row`, mas elas irão impactar a altura em contêineres `column`. Se usadas, essas propriedades podem ter efeitos indesejáveis na altura dos elementos do item `Grid`. @@ -165,7 +166,7 @@ Elas definem o número de grades que o componente usará para um determinado pon O componente `Grid` está usando o CSS flexbox internamente. Mas como visto abaixo, você pode facilmente usar [o sistema](/system/grid/) e CSS Grid para a personalização de suas páginas. -{{"demo": "pages/components/grid/CSSGrid.js", "bg": true}} +{{"demo": "CSSGrid.js", "bg": true}} ## System props diff --git a/docs/src/pages/components/grid/grid-zh.md b/docs/data/material/components/grid/grid-zh.md similarity index 89% rename from docs/src/pages/components/grid/grid-zh.md rename to docs/data/material/components/grid/grid-zh.md index 6ea14339ed3a55..01111afbd155a0 100644 --- a/docs/src/pages/components/grid/grid-zh.md +++ b/docs/data/material/components/grid/grid-zh.md @@ -1,4 +1,5 @@ --- +product: material title: React Grid（栅格）组件 components: Grid githubLabel: 'component: Grid' @@ -38,7 +39,7 @@ materialDesign: https://material.io/design/layout/understanding-layout.html A value given to a breakpoint applies to all the other breakpoints wider than it (unless overridden, as you can read later in this page). For example, `xs={12}` sizes a component to occupy the whole viewport width regardless of its size. 例如，无论组件的大小如何，`xs={12}` 都会占据整个视口的宽度。 -{{"demo": "pages/components/grid/BasicGrid.js", "bg": true}} +{{"demo": "BasicGrid.js", "bg": true}} ### 有断点的栅格 @@ -46,25 +47,25 @@ Components may have multiple widths defined, causing the layout to change at the For example, `xs={12} sm={6}` sizes a component to occupy half of the viewport width (6 columns) when viewport width is [600 or more pixels](/customization/breakpoints/#default-breakpoints). For smaller viewports, the component fills all 12 available columns. 对于较小的视口，该组件将填充所有 12 个可用的列。 -{{"demo": "pages/components/grid/FullWidthGrid.js", "bg": true}} +{{"demo": "FullWidthGrid.js", "bg": true}} ## Spacing 间距 To control space between children, use the `spacing` prop. The spacing value can be any positive number, including decimals and any string. The prop is converted into a CSS property using the [`theme.spacing()`](/customization/spacing/) helper. 间距值可以是任何数字（包括浮点数）和字符串。 该属性借助 [`theme.spaming()`](/customization/spacing/) 被转换为 CSS 属性。 -{{"demo": "pages/components/grid/SpacingGrid.js", "bg": true}} +{{"demo": "SpacingGrid.js", "bg": true}} ### 行、列间距 `rowSpacing` 和 `columnSpacing` 属性允许独立指定行和列间距。 The `rowSpacing` and `columnSpacing` props allow for specifying the row and column gaps independently. It's similar to the `row-gap` and `column-gap` properties of [CSS Grid](/system/grid/#row-gap-amp-column-gap). -{{"demo": "pages/components/grid/RowAndColumnSpacing.js", "bg": true}} +{{"demo": "RowAndColumnSpacing.js", "bg": true}} ## 响应式的值 您可以根据活动的断点切换属性的值。 You can switch the props' value based on the active breakpoint. For instance, we can implement the ["recommended"](https://material.io/design/layout/responsive-layout-grid.html) responsive layout grid of Material Design. -{{"demo": "pages/components/grid/ResponsiveGrid.js", "bg": true}} +{{"demo": "ResponsiveGrid.js", "bg": true}} 下列属性支持响应式的值： @@ -76,24 +77,24 @@ To control space between children, use the `spacing` prop. The spacing value can - 系统中的所有[其它属性](#system-props) > ⚠️ When using a responsive `columns` prop, each grid item needs its corresponding breakpoint. For instance, this is not working. The grid item misses the value for `md`: 例如，这种做法行不通。 网格项目丢失了 `md` 的值： -> +> > ```jsx > -> -> > > +> > >{' '} +> > ``` ## 交互式 下面是一个交互式的演示，你也可以探索不同设置下的视觉结果： -{{"demo": "pages/components/grid/InteractiveGrid.js", "hideToolbar": true, "bg": true}} +{{"demo": "InteractiveGrid.js", "hideToolbar": true, "bg": true}} ## 自适应布局 自适应布局可以让 _子项（items）_ 之间平均地利用空间。 这也意味着你可以显式设置一个 _子项（item）_ 的宽度，而使其他项的大小根据其宽度自动进行调整。 -{{"demo": "pages/components/grid/AutoGrid.js", "bg": true}} +{{"demo": "AutoGrid.js", "bg": true}} ### 负边距 @@ -105,7 +106,7 @@ The `Grid` component is using CSS flexbox internally. But as seen below, you can The following demo doesn't follow the Material Design guidelines, but illustrates how the grid can be used to build complex layouts. -{{"demo": "pages/components/grid/ComplexGrid.js", "bg": true}} +{{"demo": "ComplexGrid.js", "bg": true}} ## 嵌套栅格 @@ -115,9 +116,9 @@ The `container` and `item` props are two independent booleans; they can be combi https://www.w3.org/TR/css-flexbox-1/#box-model -{{"demo": "pages/components/grid/NestedGrid.js", "bg": true}} +{{"demo": "NestedGrid.js", "bg": true}} -⚠️给 Flex 容器、Flex 子项以及同时带有间距的 Grid 元素定义一个显式宽度会导致意外的行为，需要避免这样做： +⚠️ 给 Flex 容器、Flex 子项以及同时带有间距的 Grid 元素定义一个显式宽度会导致意外的行为，需要避免这样做： ```jsx @@ -129,7 +130,7 @@ https://www.w3.org/TR/css-flexbox-1/#box-model You can change the default number of columns (12) with the `columns` prop. -{{"demo": "pages/components/grid/ColumnsGrid.js", "bg": true}} +{{"demo": "ColumnsGrid.js", "bg": true}} ## 设计局限 @@ -153,7 +154,7 @@ You can change the default number of columns (12) with the `columns` prop. ``` -{{"demo": "pages/components/grid/AutoGridNoWrap.js", "bg": true}} +{{"demo": "AutoGridNoWrap.js", "bg": true}} ### direction: column | column-reverse @@ -165,7 +166,7 @@ You can change the default number of columns (12) with the `columns` prop. The `Grid` component is using CSS flexbox internally. But as seen below, you can easily use [the system](/system/grid/) and CSS Grid to layout your pages. But as seen below, you can easily use [the system](/system/grid/) and CSS Grid to layout your pages. -{{"demo": "pages/components/grid/CSSGrid.js", "bg": true}} +{{"demo": "CSSGrid.js", "bg": true}} ## System props diff --git a/docs/src/pages/components/grid/grid.md b/docs/data/material/components/grid/grid.md similarity index 89% rename from docs/src/pages/components/grid/grid.md rename to docs/data/material/components/grid/grid.md index ed9f6957612a85..2c70b8f8d45f08 100644 --- a/docs/src/pages/components/grid/grid.md +++ b/docs/data/material/components/grid/grid.md @@ -1,4 +1,5 @@ --- +product: material title: React Grid component components: Grid githubLabel: 'component: Grid' @@ -39,7 +40,7 @@ Column widths are integer values between 1 and 12; they apply at any breakpoint A value given to a breakpoint applies to all the other breakpoints wider than it (unless overridden, as you can read later in this page). For example, `xs={12}` sizes a component to occupy the whole viewport width regardless of its size. -{{"demo": "pages/components/grid/BasicGrid.js", "bg": true}} +{{"demo": "BasicGrid.js", "bg": true}} ### Grid with multiple breakpoints @@ -47,7 +48,7 @@ Components may have multiple widths defined, causing the layout to change at the For example, `xs={12} sm={6}` sizes a component to occupy half of the viewport width (6 columns) when viewport width is [600 or more pixels](/customization/breakpoints/#default-breakpoints). For smaller viewports, the component fills all 12 available columns. -{{"demo": "pages/components/grid/FullWidthGrid.js", "bg": true}} +{{"demo": "FullWidthGrid.js", "bg": true}} ## Spacing @@ -55,21 +56,21 @@ To control space between children, use the `spacing` prop. The spacing value can be any positive number, including decimals and any string. The prop is converted into a CSS property using the [`theme.spacing()`](/customization/spacing/) helper. -{{"demo": "pages/components/grid/SpacingGrid.js", "bg": true}} +{{"demo": "SpacingGrid.js", "bg": true}} ### Row & column spacing The `rowSpacing` and `columnSpacing` props allow for specifying the row and column gaps independently. It's similar to the `row-gap` and `column-gap` properties of [CSS Grid](/system/grid/#row-gap-amp-column-gap). -{{"demo": "pages/components/grid/RowAndColumnSpacing.js", "bg": true}} +{{"demo": "RowAndColumnSpacing.js", "bg": true}} ## Responsive values You can switch the props' value based on the active breakpoint. For instance, we can implement the ["recommended"](https://material.io/design/layout/responsive-layout-grid.html) responsive layout grid of Material Design. -{{"demo": "pages/components/grid/ResponsiveGrid.js", "bg": true}} +{{"demo": "ResponsiveGrid.js", "bg": true}} Responsive values is supported by: @@ -93,27 +94,27 @@ Responsive values is supported by: Below is an interactive demo that lets you explore the visual results of the different settings: -{{"demo": "pages/components/grid/InteractiveGrid.js", "hideToolbar": true, "bg": true}} +{{"demo": "InteractiveGrid.js", "hideToolbar": true, "bg": true}} ## Auto-layout The Auto-layout makes the _items_ equitably share the available space. That also means you can set the width of one _item_ and the others will automatically resize around it. -{{"demo": "pages/components/grid/AutoGrid.js", "bg": true}} +{{"demo": "AutoGrid.js", "bg": true}} ### Variable width content Set one of the size breakpoint props to `"auto"` instead of `true` / a `number` to size a column based on the natural width of its content. -{{"demo": "pages/components/grid/VariableWidthGrid.js", "bg": true}} +{{"demo": "VariableWidthGrid.js", "bg": true}} ## Complex Grid The following demo doesn't follow the Material Design guidelines, but illustrates how the grid can be used to build complex layouts. -{{"demo": "pages/components/grid/ComplexGrid.js", "bg": true}} +{{"demo": "ComplexGrid.js", "bg": true}} ## Nested Grid @@ -123,7 +124,7 @@ The `container` and `item` props are two independent booleans; they can be combi https://www.w3.org/TR/css-flexbox-1/#box-model -{{"demo": "pages/components/grid/NestedGrid.js", "bg": true}} +{{"demo": "NestedGrid.js", "bg": true}} ⚠️ Defining an explicit width to a Grid element that is flex container, flex item, and has spacing at the same time lead to unexpected behavior, avoid doing it: @@ -137,7 +138,7 @@ If you need to do such, remove one of the props. You can change the default number of columns (12) with the `columns` prop. -{{"demo": "pages/components/grid/ColumnsGrid.js", "bg": true}} +{{"demo": "ColumnsGrid.js", "bg": true}} ## Limitations @@ -164,7 +165,7 @@ In practice, you can set the `zeroMinWidth` prop: ``` -{{"demo": "pages/components/grid/AutoGridNoWrap.js", "bg": true}} +{{"demo": "AutoGridNoWrap.js", "bg": true}} ### direction: column | column-reverse @@ -178,7 +179,7 @@ If used, these props may have undesirable effects on the height of the `Grid` it The `Grid` component is using CSS flexbox internally. But as seen below, you can easily use [the system](/system/grid/) and CSS Grid to layout your pages. -{{"demo": "pages/components/grid/CSSGrid.js", "bg": true}} +{{"demo": "CSSGrid.js", "bg": true}} ## System props diff --git a/docs/src/pages/components/hidden/hidden-pt.md b/docs/data/material/components/hidden/hidden-pt.md similarity index 95% rename from docs/src/pages/components/hidden/hidden-pt.md rename to docs/data/material/components/hidden/hidden-pt.md index e85294d43670db..f441d4335a8a25 100644 --- a/docs/src/pages/components/hidden/hidden-pt.md +++ b/docs/data/material/components/hidden/hidden-pt.md @@ -1,4 +1,5 @@ --- +product: material title: Componente React Hidden description: The Hidden component is deprecated, check out the migration guide for more details. components: Hidden diff --git a/docs/src/pages/components/hidden/hidden-zh.md b/docs/data/material/components/hidden/hidden-zh.md similarity index 95% rename from docs/src/pages/components/hidden/hidden-zh.md rename to docs/data/material/components/hidden/hidden-zh.md index ece3ce6cbdb04b..c41c70a97ef9c3 100644 --- a/docs/src/pages/components/hidden/hidden-zh.md +++ b/docs/data/material/components/hidden/hidden-zh.md @@ -1,4 +1,5 @@ --- +product: material title: React Hidden（隐藏）组件 description: The Hidden component is deprecated, check out the migration guide for more details. components: Hidden diff --git a/docs/src/pages/components/hidden/hidden.md b/docs/data/material/components/hidden/hidden.md similarity index 95% rename from docs/src/pages/components/hidden/hidden.md rename to docs/data/material/components/hidden/hidden.md index ba9e3f3148a50c..c85cea0bd7e7eb 100644 --- a/docs/src/pages/components/hidden/hidden.md +++ b/docs/data/material/components/hidden/hidden.md @@ -1,4 +1,5 @@ --- +product: material title: React Hidden component description: The Hidden component is deprecated, check out the migration guide for more details. components: Hidden diff --git a/docs/src/pages/components/icons/CreateSvgIcon.js b/docs/data/material/components/icons/CreateSvgIcon.js similarity index 100% rename from docs/src/pages/components/icons/CreateSvgIcon.js rename to docs/data/material/components/icons/CreateSvgIcon.js diff --git a/docs/src/pages/components/icons/CreateSvgIcon.tsx b/docs/data/material/components/icons/CreateSvgIcon.tsx similarity index 100% rename from docs/src/pages/components/icons/CreateSvgIcon.tsx rename to docs/data/material/components/icons/CreateSvgIcon.tsx diff --git a/docs/src/pages/components/icons/CreateSvgIcon.tsx.preview b/docs/data/material/components/icons/CreateSvgIcon.tsx.preview similarity index 100% rename from docs/src/pages/components/icons/CreateSvgIcon.tsx.preview rename to docs/data/material/components/icons/CreateSvgIcon.tsx.preview diff --git a/docs/src/pages/components/icons/FontAwesomeIcon.js b/docs/data/material/components/icons/FontAwesomeIcon.js similarity index 100% rename from docs/src/pages/components/icons/FontAwesomeIcon.js rename to docs/data/material/components/icons/FontAwesomeIcon.js diff --git a/docs/src/pages/components/icons/FontAwesomeIcon.tsx b/docs/data/material/components/icons/FontAwesomeIcon.tsx similarity index 100% rename from docs/src/pages/components/icons/FontAwesomeIcon.tsx rename to docs/data/material/components/icons/FontAwesomeIcon.tsx diff --git a/docs/src/pages/components/icons/FontAwesomeIcon.tsx.preview b/docs/data/material/components/icons/FontAwesomeIcon.tsx.preview similarity index 100% rename from docs/src/pages/components/icons/FontAwesomeIcon.tsx.preview rename to docs/data/material/components/icons/FontAwesomeIcon.tsx.preview diff --git a/docs/src/pages/components/icons/FontAwesomeIconSize.js b/docs/data/material/components/icons/FontAwesomeIconSize.js similarity index 100% rename from docs/src/pages/components/icons/FontAwesomeIconSize.js rename to docs/data/material/components/icons/FontAwesomeIconSize.js diff --git a/docs/src/pages/components/icons/FontAwesomeIconSize.tsx b/docs/data/material/components/icons/FontAwesomeIconSize.tsx similarity index 100% rename from docs/src/pages/components/icons/FontAwesomeIconSize.tsx rename to docs/data/material/components/icons/FontAwesomeIconSize.tsx diff --git a/docs/src/pages/components/icons/FontAwesomeIconSize.tsx.preview b/docs/data/material/components/icons/FontAwesomeIconSize.tsx.preview similarity index 100% rename from docs/src/pages/components/icons/FontAwesomeIconSize.tsx.preview rename to docs/data/material/components/icons/FontAwesomeIconSize.tsx.preview diff --git a/docs/src/pages/components/icons/FontAwesomeSvgIconDemo.js b/docs/data/material/components/icons/FontAwesomeSvgIconDemo.js similarity index 100% rename from docs/src/pages/components/icons/FontAwesomeSvgIconDemo.js rename to docs/data/material/components/icons/FontAwesomeSvgIconDemo.js diff --git a/docs/src/pages/components/icons/FontAwesomeSvgIconDemo.tsx b/docs/data/material/components/icons/FontAwesomeSvgIconDemo.tsx similarity index 100% rename from docs/src/pages/components/icons/FontAwesomeSvgIconDemo.tsx rename to docs/data/material/components/icons/FontAwesomeSvgIconDemo.tsx diff --git a/docs/src/pages/components/icons/FontAwesomeSvgIconDemo.tsx.preview b/docs/data/material/components/icons/FontAwesomeSvgIconDemo.tsx.preview similarity index 100% rename from docs/src/pages/components/icons/FontAwesomeSvgIconDemo.tsx.preview rename to docs/data/material/components/icons/FontAwesomeSvgIconDemo.tsx.preview diff --git a/docs/src/pages/components/icons/Icons.js b/docs/data/material/components/icons/Icons.js similarity index 100% rename from docs/src/pages/components/icons/Icons.js rename to docs/data/material/components/icons/Icons.js diff --git a/docs/src/pages/components/icons/Icons.tsx b/docs/data/material/components/icons/Icons.tsx similarity index 100% rename from docs/src/pages/components/icons/Icons.tsx rename to docs/data/material/components/icons/Icons.tsx diff --git a/docs/src/pages/components/icons/Icons.tsx.preview b/docs/data/material/components/icons/Icons.tsx.preview similarity index 100% rename from docs/src/pages/components/icons/Icons.tsx.preview rename to docs/data/material/components/icons/Icons.tsx.preview diff --git a/docs/src/pages/components/icons/SvgIconsColor.js b/docs/data/material/components/icons/SvgIconsColor.js similarity index 100% rename from docs/src/pages/components/icons/SvgIconsColor.js rename to docs/data/material/components/icons/SvgIconsColor.js diff --git a/docs/src/pages/components/icons/SvgIconsColor.tsx b/docs/data/material/components/icons/SvgIconsColor.tsx similarity index 100% rename from docs/src/pages/components/icons/SvgIconsColor.tsx rename to docs/data/material/components/icons/SvgIconsColor.tsx diff --git a/docs/src/pages/components/icons/SvgIconsColor.tsx.preview b/docs/data/material/components/icons/SvgIconsColor.tsx.preview similarity index 100% rename from docs/src/pages/components/icons/SvgIconsColor.tsx.preview rename to docs/data/material/components/icons/SvgIconsColor.tsx.preview diff --git a/docs/src/pages/components/icons/SvgIconsSize.js b/docs/data/material/components/icons/SvgIconsSize.js similarity index 100% rename from docs/src/pages/components/icons/SvgIconsSize.js rename to docs/data/material/components/icons/SvgIconsSize.js diff --git a/docs/src/pages/components/icons/SvgIconsSize.tsx b/docs/data/material/components/icons/SvgIconsSize.tsx similarity index 100% rename from docs/src/pages/components/icons/SvgIconsSize.tsx rename to docs/data/material/components/icons/SvgIconsSize.tsx diff --git a/docs/src/pages/components/icons/SvgIconsSize.tsx.preview b/docs/data/material/components/icons/SvgIconsSize.tsx.preview similarity index 100% rename from docs/src/pages/components/icons/SvgIconsSize.tsx.preview rename to docs/data/material/components/icons/SvgIconsSize.tsx.preview diff --git a/docs/src/pages/components/icons/SvgMaterialIcons.js b/docs/data/material/components/icons/SvgMaterialIcons.js similarity index 100% rename from docs/src/pages/components/icons/SvgMaterialIcons.js rename to docs/data/material/components/icons/SvgMaterialIcons.js diff --git a/docs/src/pages/components/icons/SvgMaterialIcons.tsx b/docs/data/material/components/icons/SvgMaterialIcons.tsx similarity index 100% rename from docs/src/pages/components/icons/SvgMaterialIcons.tsx rename to docs/data/material/components/icons/SvgMaterialIcons.tsx diff --git a/docs/src/pages/components/icons/TwoToneIcons.js b/docs/data/material/components/icons/TwoToneIcons.js similarity index 100% rename from docs/src/pages/components/icons/TwoToneIcons.js rename to docs/data/material/components/icons/TwoToneIcons.js diff --git a/docs/src/pages/components/icons/TwoToneIcons.tsx b/docs/data/material/components/icons/TwoToneIcons.tsx similarity index 100% rename from docs/src/pages/components/icons/TwoToneIcons.tsx rename to docs/data/material/components/icons/TwoToneIcons.tsx diff --git a/docs/src/pages/components/icons/TwoToneIcons.tsx.preview b/docs/data/material/components/icons/TwoToneIcons.tsx.preview similarity index 100% rename from docs/src/pages/components/icons/TwoToneIcons.tsx.preview rename to docs/data/material/components/icons/TwoToneIcons.tsx.preview diff --git a/docs/src/pages/components/icons/icons-pt.md b/docs/data/material/components/icons/icons-pt.md similarity index 95% rename from docs/src/pages/components/icons/icons-pt.md rename to docs/data/material/components/icons/icons-pt.md index 8e04a44204268f..65ecda15d69490 100644 --- a/docs/src/pages/components/icons/icons-pt.md +++ b/docs/data/material/components/icons/icons-pt.md @@ -1,4 +1,5 @@ --- +product: material title: Componente React para Ícones components: Icon, SvgIcon githubLabel: 'components: SvgIcon' @@ -72,7 +73,7 @@ Cada ícone Material também tem um "tema": Filled (padrão), Outlined, Rounded, > Note: The Material Design guidelines name the icons using "snake_case" naming (for example `delete_forever`, `add_a_photo`), while `@material-ui/icons` exports the respective icons using "PascalCase" naming (for example `DeleteForever`, `AddAPhoto`). Há três exceções a essa regra de nomenclatura: `3d_rotation` exportado como `ThreeDRotation`, `4k` exportado como `FourK`e `360` exportado como `ThreeSixty`. -{{"demo": "pages/components/icons/SvgMaterialIcons.js"}} +{{"demo": "SvgMaterialIcons.js"}} ### Testando @@ -108,11 +109,11 @@ function HomeIcon(props) { ### Cor -{{"demo": "pages/components/icons/SvgIconsColor.js"}} +{{"demo": "SvgIconsColor.js"}} ### Tamanho -{{"demo": "pages/components/icons/SvgIconsSize.js"}} +{{"demo": "SvgIconsSize.js"}} ### Propriedade Componente @@ -157,7 +158,7 @@ const HomeIcon = createSvgIcon( ); ``` -{{"demo": "pages/components/icons/CreateSvgIcon.js"}} +{{"demo": "CreateSvgIcon.js"}} ### Fonte Awesome @@ -184,7 +185,7 @@ O componente `Icon` exibirá um ícone de qualquer fonte de ícone que suporte l ```jsx import Icon from '@material-ui/core/Icon'; -star +star; ``` Por padrão, um ícone herdará a cor do texto atual. Opcionalmente, você pode definir a cor do ícone usando uma das propriedades de cor do tema: `primary`, `secondary`, `action`, `erro` & `disabled`. @@ -194,10 +195,13 @@ Por padrão, um ícone herdará a cor do texto atual. Opcionalmente, você pode `Icon` irá por padrão definir o nome de classe base correto para a fonte Material Icons (variante filled). Tudo que você precisa fazer é carregar a fonte, por exemplo, através do Google Web Fonts: ```html - + ``` -{{"demo": "pages/components/icons/Icons.js"}} +{{"demo": "Icons.js"}} ### Fonte customizada @@ -213,7 +217,7 @@ import Icon from '@material-ui/core/Icon'; />; ``` -{{"demo": "pages/components/icons/TwoToneIcons.js"}} +{{"demo": "TwoToneIcons.js"}} #### Nome da classe base global @@ -242,7 +246,7 @@ Então, você pode usar a fonte de dois tons diretamente: A [fonte Awesome](https://fontawesome.com/icons) pode ser usada com o componente `Icon` da seguinte forma: -{{"demo": "pages/components/icons/FontAwesomeIcon.js"}} +{{"demo": "FontAwesomeIcon.js"}} Note que os ícones da fonte Awesome não foram projetados como os ícones do Material Design (compare as duas demonstrações anteriores). Os ícones fa são cortados para usar todo o espaço disponível. Você pode ajustar isso com uma sobrescrita global: @@ -263,7 +267,7 @@ const theme = createTheme({ }); ``` -{{"demo": "pages/components/icons/FontAwesomeIconSize.js"}} +{{"demo": "FontAwesomeIconSize.js"}} ## Fonte vs SVG. Qual abordagem usar? @@ -300,7 +304,7 @@ import SvgIcon from '@material-ui/core/SvgIcon'; - +; ``` #### Ícones de fonte semânticos diff --git a/docs/src/pages/components/icons/icons-zh.md b/docs/data/material/components/icons/icons-zh.md similarity index 94% rename from docs/src/pages/components/icons/icons-zh.md rename to docs/data/material/components/icons/icons-zh.md index c522e4ce86dec3..59f484076660ff 100644 --- a/docs/src/pages/components/icons/icons-zh.md +++ b/docs/data/material/components/icons/icons-zh.md @@ -1,4 +1,5 @@ --- +product: material title: React Icon（图标）组件 components: Icon, SvgIcon githubLabel: 'components: SvgIcon' @@ -72,7 +73,7 @@ yarn add @mui/material > Note: The Material Design guidelines name the icons using "snake_case" naming (for example `delete_forever`, `add_a_photo`), while `@material-ui/icons` exports the respective icons using "PascalCase" naming (for example `DeleteForever`, `AddAPhoto`). 并且此命名规则有三个特例：`3d_rotation` 导出为 `ThreeDRotation`，`4k` 导出为 `FourK`，以及 `360` 导出为 `ThreeSixty`。 并且此命名规则有三个特例：`3d_rotation` 导出为 `ThreeDRotation`，`4k` 导出为 `FourK`，以及 `360` 导出为 `ThreeSixty`。 -{{"demo": "pages/components/icons/SvgMaterialIcons.js"}} +{{"demo": "SvgMaterialIcons.js"}} ### 测试 @@ -108,11 +109,11 @@ function HomeIcon(props) { ### Color 颜色 -{{"demo": "pages/components/icons/SvgIconsColor.js"}} +{{"demo": "SvgIconsColor.js"}} ### Size 大小 -{{"demo": "pages/components/icons/SvgIconsSize.js"}} +{{"demo": "SvgIconsSize.js"}} ### 组件属性 @@ -157,7 +158,7 @@ const HomeIcon = createSvgIcon( ); ``` -{{"demo": "pages/components/icons/CreateSvgIcon.js"}} +{{"demo": "CreateSvgIcon.js"}} ### Font Awesome @@ -165,7 +166,7 @@ const HomeIcon = createSvgIcon( 如下是一个同时将 `Font Awesome<` 和 `Icon` 一起的示例： -{{"demo": "pages/components/icons/FontAwesomeSvgIconDemo.js"}} +{{"demo": "FontAwesomeSvgIconDemo.js"}} FontAwesomeIcon 的 `fullWidth` 属性也可以用来应用近似正确的尺寸，但这样的效果并不完美。 @@ -184,7 +185,7 @@ FontAwesomeIcon 的 `fullWidth` 属性也可以用来应用近似正确的尺寸 ```jsx import Icon from '@material-ui/core/Icon'; -star +star; ``` 默认情况下，一个图标会继承使用当前的文本颜色。 您也可以选择使用以下任何一个主题颜色属性来设置图标的颜色：`primary`，`secondary`，`action`，`error` 以及 `disabled`。 @@ -194,10 +195,13 @@ import Icon from '@material-ui/core/Icon'; `Icon` 默认情况下将为 Material Icons 字体（填充变体）设置正确的基类名称。 所以你需要加载字体即可，例如使用 Google Web Fonts： ```html - + ``` -{{"demo": "pages/components/icons/Icons.js"}} +{{"demo": "Icons.js"}} ### 自定义字体 @@ -213,7 +217,7 @@ import Icon from '@mui/material/Icon'; />; ``` -{{"demo": "pages/components/icons/TwoToneIcons.js"}} +{{"demo": "TwoToneIcons.js"}} #### 全局类名 @@ -247,7 +251,7 @@ const theme = createTheme({ [Font Awesome](https://fontawesome.com/icons) 可以和 `Icon` 组件一起使用，如下所示： -{{"demo": "pages/components/icons/FontAwesomeIcon.js"}} +{{"demo": "FontAwesomeIcon.js"}} 需要注意的是，Font Awesome icons 的设计并不像 Material Design icons 那样（你可以对比之前的两个 demo）。 fa icons 经过裁剪，以利用所有可用空间。 你可以通过全局覆盖的方式来适配它： @@ -268,7 +272,7 @@ const theme = createTheme({ }); ``` -{{"demo": "pages/components/icons/FontAwesomeIconSize.js"}} +{{"demo": "FontAwesomeIconSize.js"}} ## Font vs SVG。 使用哪个更好呢？ diff --git a/docs/src/pages/components/icons/icons.md b/docs/data/material/components/icons/icons.md similarity index 95% rename from docs/src/pages/components/icons/icons.md rename to docs/data/material/components/icons/icons.md index 208926f87f5475..07fbfd68f8108a 100644 --- a/docs/src/pages/components/icons/icons.md +++ b/docs/data/material/components/icons/icons.md @@ -1,4 +1,5 @@ --- +product: material title: React Icon Component components: Icon, SvgIcon githubLabel: 'components: SvgIcon' @@ -75,7 +76,7 @@ Each Material icon also has a "theme": Filled (default), Outlined, Rounded, Two- > Note: The Material Design guidelines name the icons using "snake_case" naming (for example `delete_forever`, `add_a_photo`), while `@mui/icons-material` exports the respective icons using "PascalCase" naming (for example `DeleteForever`, `AddAPhoto`). There are three exceptions to this naming rule: `3d_rotation` exported as `ThreeDRotation`, `4k` exported as `FourK`, and `360` exported as `ThreeSixty`. -{{"demo": "pages/components/icons/SvgMaterialIcons.js"}} +{{"demo": "SvgMaterialIcons.js"}} ### Testing @@ -114,11 +115,11 @@ function HomeIcon(props) { ### Color -{{"demo": "pages/components/icons/SvgIconsColor.js"}} +{{"demo": "SvgIconsColor.js"}} ### Size -{{"demo": "pages/components/icons/SvgIconsSize.js"}} +{{"demo": "SvgIconsSize.js"}} ### Component prop @@ -164,7 +165,7 @@ const HomeIcon = createSvgIcon( ); ``` -{{"demo": "pages/components/icons/CreateSvgIcon.js"}} +{{"demo": "CreateSvgIcon.js"}} ### Font Awesome @@ -172,7 +173,7 @@ If you find that there are layout issues when using FontAwesomeIcon from `@forta Below is a comparison of the `FontAwesomeIcon` component and a wrapped `SvgIcon` component. -{{"demo": "pages/components/icons/FontAwesomeSvgIconDemo.js"}} +{{"demo": "FontAwesomeSvgIconDemo.js"}} FontAwesomeIcon's `fullWidth` prop can also be used to approximate the correct dimensions, but it isn't perfect. @@ -214,7 +215,7 @@ All you need to do is load the font, for instance, via Google Web Fonts: /> ``` -{{"demo": "pages/components/icons/Icons.js"}} +{{"demo": "Icons.js"}} ### Custom font @@ -231,7 +232,7 @@ import Icon from '@mui/material/Icon'; />; ``` -{{"demo": "pages/components/icons/TwoToneIcons.js"}} +{{"demo": "TwoToneIcons.js"}} #### Global base class name @@ -261,7 +262,7 @@ Then, you can use the two-tone font directly: [Font Awesome](https://fontawesome.com/icons) can be used with the `Icon` component as follows: -{{"demo": "pages/components/icons/FontAwesomeIcon.js"}} +{{"demo": "FontAwesomeIcon.js"}} Note that the Font Awesome icons weren't designed like the Material Design icons (compare the two previous demos). The fa icons are cropped to use all the space available. You can adjust for this with a global override: @@ -283,7 +284,7 @@ const theme = createTheme({ }); ``` -{{"demo": "pages/components/icons/FontAwesomeIconSize.js"}} +{{"demo": "FontAwesomeIconSize.js"}} ## Font vs SVG. Which approach to use? diff --git a/docs/src/pages/components/image-list/CustomImageList.js b/docs/data/material/components/image-list/CustomImageList.js similarity index 100% rename from docs/src/pages/components/image-list/CustomImageList.js rename to docs/data/material/components/image-list/CustomImageList.js diff --git a/docs/src/pages/components/image-list/CustomImageList.tsx b/docs/data/material/components/image-list/CustomImageList.tsx similarity index 100% rename from docs/src/pages/components/image-list/CustomImageList.tsx rename to docs/data/material/components/image-list/CustomImageList.tsx diff --git a/docs/src/pages/components/image-list/MasonryImageList.js b/docs/data/material/components/image-list/MasonryImageList.js similarity index 100% rename from docs/src/pages/components/image-list/MasonryImageList.js rename to docs/data/material/components/image-list/MasonryImageList.js diff --git a/docs/src/pages/components/image-list/MasonryImageList.tsx b/docs/data/material/components/image-list/MasonryImageList.tsx similarity index 100% rename from docs/src/pages/components/image-list/MasonryImageList.tsx rename to docs/data/material/components/image-list/MasonryImageList.tsx diff --git a/docs/src/pages/components/image-list/MasonryImageList.tsx.preview b/docs/data/material/components/image-list/MasonryImageList.tsx.preview similarity index 100% rename from docs/src/pages/components/image-list/MasonryImageList.tsx.preview rename to docs/data/material/components/image-list/MasonryImageList.tsx.preview diff --git a/docs/src/pages/components/image-list/QuiltedImageList.js b/docs/data/material/components/image-list/QuiltedImageList.js similarity index 100% rename from docs/src/pages/components/image-list/QuiltedImageList.js rename to docs/data/material/components/image-list/QuiltedImageList.js diff --git a/docs/src/pages/components/image-list/QuiltedImageList.tsx b/docs/data/material/components/image-list/QuiltedImageList.tsx similarity index 100% rename from docs/src/pages/components/image-list/QuiltedImageList.tsx rename to docs/data/material/components/image-list/QuiltedImageList.tsx diff --git a/docs/src/pages/components/image-list/QuiltedImageList.tsx.preview b/docs/data/material/components/image-list/QuiltedImageList.tsx.preview similarity index 100% rename from docs/src/pages/components/image-list/QuiltedImageList.tsx.preview rename to docs/data/material/components/image-list/QuiltedImageList.tsx.preview diff --git a/docs/src/pages/components/image-list/StandardImageList.js b/docs/data/material/components/image-list/StandardImageList.js similarity index 100% rename from docs/src/pages/components/image-list/StandardImageList.js rename to docs/data/material/components/image-list/StandardImageList.js diff --git a/docs/src/pages/components/image-list/StandardImageList.tsx b/docs/data/material/components/image-list/StandardImageList.tsx similarity index 100% rename from docs/src/pages/components/image-list/StandardImageList.tsx rename to docs/data/material/components/image-list/StandardImageList.tsx diff --git a/docs/src/pages/components/image-list/StandardImageList.tsx.preview b/docs/data/material/components/image-list/StandardImageList.tsx.preview similarity index 100% rename from docs/src/pages/components/image-list/StandardImageList.tsx.preview rename to docs/data/material/components/image-list/StandardImageList.tsx.preview diff --git a/docs/src/pages/components/image-list/TitlebarBelowImageList.js b/docs/data/material/components/image-list/TitlebarBelowImageList.js similarity index 100% rename from docs/src/pages/components/image-list/TitlebarBelowImageList.js rename to docs/data/material/components/image-list/TitlebarBelowImageList.js diff --git a/docs/src/pages/components/image-list/TitlebarBelowImageList.tsx b/docs/data/material/components/image-list/TitlebarBelowImageList.tsx similarity index 100% rename from docs/src/pages/components/image-list/TitlebarBelowImageList.tsx rename to docs/data/material/components/image-list/TitlebarBelowImageList.tsx diff --git a/docs/src/pages/components/image-list/TitlebarBelowMasonryImageList.js b/docs/data/material/components/image-list/TitlebarBelowMasonryImageList.js similarity index 100% rename from docs/src/pages/components/image-list/TitlebarBelowMasonryImageList.js rename to docs/data/material/components/image-list/TitlebarBelowMasonryImageList.js diff --git a/docs/src/pages/components/image-list/TitlebarBelowMasonryImageList.tsx b/docs/data/material/components/image-list/TitlebarBelowMasonryImageList.tsx similarity index 100% rename from docs/src/pages/components/image-list/TitlebarBelowMasonryImageList.tsx rename to docs/data/material/components/image-list/TitlebarBelowMasonryImageList.tsx diff --git a/docs/src/pages/components/image-list/TitlebarBelowMasonryImageList.tsx.preview b/docs/data/material/components/image-list/TitlebarBelowMasonryImageList.tsx.preview similarity index 100% rename from docs/src/pages/components/image-list/TitlebarBelowMasonryImageList.tsx.preview rename to docs/data/material/components/image-list/TitlebarBelowMasonryImageList.tsx.preview diff --git a/docs/src/pages/components/image-list/TitlebarImageList.js b/docs/data/material/components/image-list/TitlebarImageList.js similarity index 100% rename from docs/src/pages/components/image-list/TitlebarImageList.js rename to docs/data/material/components/image-list/TitlebarImageList.js diff --git a/docs/src/pages/components/image-list/TitlebarImageList.tsx b/docs/data/material/components/image-list/TitlebarImageList.tsx similarity index 100% rename from docs/src/pages/components/image-list/TitlebarImageList.tsx rename to docs/data/material/components/image-list/TitlebarImageList.tsx diff --git a/docs/src/pages/components/image-list/WovenImageList.js b/docs/data/material/components/image-list/WovenImageList.js similarity index 100% rename from docs/src/pages/components/image-list/WovenImageList.js rename to docs/data/material/components/image-list/WovenImageList.js diff --git a/docs/src/pages/components/image-list/WovenImageList.tsx b/docs/data/material/components/image-list/WovenImageList.tsx similarity index 100% rename from docs/src/pages/components/image-list/WovenImageList.tsx rename to docs/data/material/components/image-list/WovenImageList.tsx diff --git a/docs/src/pages/components/image-list/WovenImageList.tsx.preview b/docs/data/material/components/image-list/WovenImageList.tsx.preview similarity index 100% rename from docs/src/pages/components/image-list/WovenImageList.tsx.preview rename to docs/data/material/components/image-list/WovenImageList.tsx.preview diff --git a/docs/src/pages/components/image-list/image-list-pt.md b/docs/data/material/components/image-list/image-list-pt.md similarity index 79% rename from docs/src/pages/components/image-list/image-list-pt.md rename to docs/data/material/components/image-list/image-list-pt.md index 78b31c36d8b977..8414bb44979874 100644 --- a/docs/src/pages/components/image-list/image-list-pt.md +++ b/docs/data/material/components/image-list/image-list-pt.md @@ -1,4 +1,5 @@ --- +product: material title: Componente React para Lista de Imagem components: ImageList, ImageListItem, ImageListItemBar materialDesign: https://material.io/components/image-lists @@ -17,44 +18,44 @@ As listas de imagens representam uma coleção de itens em um padrão repetido. Listas de imagem padrão são as melhores para itens de igual importância. Elas tem um tamanho uniforme no contêiner, proporção e espaçamento. -{{"demo": "pages/components/image-list/StandardImageList.js"}} +{{"demo": "StandardImageList.js"}} ## Lista de imagem com barras de título Listas de imagens classificadas enfatizam certos itens sobre outros em uma coleção. Criam uma hierarquia usando tamanhos de contêiner variados e proporção. -{{"demo": "pages/components/image-list/QuiltedImageList.js"}} +{{"demo": "QuiltedImageList.js"}} ## Lista de imagem entrelaçada Listas de imagens entrelaçadas usam contêiner de proporção alternados para criar um leiaute rítmico. Uma lista de imagens entrelaçadas é melhor para navegar por conteúdo em pares. -{{"demo": "pages/components/image-list/WovenImageList.js"}} +{{"demo": "WovenImageList.js"}} ## Lista de imagem alternada Listas de imagens alternadas usam alturas de tamanho dinamicamente dimensionado do contêiner que reflete a proporção de cada imagem. Esta lista de imagens é a melhor utilizada para navegação de conteúdo de pares não cortados. -{{"demo": "pages/components/image-list/MasonryImageList.js"}} +{{"demo": "MasonryImageList.js"}} ## Lista de imagem com barra de título Este exemplo demonstra o uso da `ImageListItemBar` para adicionar uma sobreposição a cada item. A sobreposição pode acomodar um `title`, `subtitle` e ação secundária - neste exemplo utilizamos um `IconButton`. -{{"demo": "pages/components/image-list/TitlebarImageList.js"}} +{{"demo": "TitlebarImageList.js"}} ### Barra de título abaixo da imagem (padrão) A barra de título pode ser colocada abaixo da imagem. -{{"demo": "pages/components/image-list/TitlebarBelowImageList.js"}} +{{"demo": "TitlebarBelowImageList.js"}} ### Barra de título abaixo da imagem (alternada) -{{"demo": "pages/components/image-list/TitlebarBelowMasonryImageList.js"}} +{{"demo": "TitlebarBelowMasonryImageList.js"}} ## Lista de imagem customizada Neste exemplo, os itens tem uma barra de título customizada, posicionada no topo e com um gradiente customizado com `titleBackground`. A ação secundária `IconButton` está posicionada à esquerda. A ação secundária `IconButton` está posicionada à esquerda. -{{"demo": "pages/components/image-list/CustomImageList.js", "defaultCodeOpen": false}} +{{"demo": "CustomImageList.js", "defaultCodeOpen": false}} diff --git a/docs/src/pages/components/image-list/image-list-zh.md b/docs/data/material/components/image-list/image-list-zh.md similarity index 76% rename from docs/src/pages/components/image-list/image-list-zh.md rename to docs/data/material/components/image-list/image-list-zh.md index 59337941ed5cf4..06d30e5f80818b 100644 --- a/docs/src/pages/components/image-list/image-list-zh.md +++ b/docs/data/material/components/image-list/image-list-zh.md @@ -1,4 +1,5 @@ --- +product: material title: React Image list（图像列表）组件 components: ImageList, ImageListItem, ImageListItemBar materialDesign: https://material.io/components/image-lists @@ -17,44 +18,44 @@ githubLabel: 'component: image list' 标准的图像列表最适合用于同等重要的项目。 它们具有统一的容器尺寸、比例和间距。 -{{"demo": "pages/components/image-list/StandardImageList.js"}} +{{"demo": "StandardImageList.js"}} ## 拼接图像列表 拼接图像列表强调集合中的某些项目而不是之外的其他项目。 它们使用不同的容器尺寸和比例来创建层次结构。 -{{"demo": "pages/components/image-list/QuiltedImageList.js"}} +{{"demo": "QuiltedImageList.js"}} ## 交织图像列表 交织图像列表使用交替的容器比率来创建一个有节奏的布局。 当需要浏览同行内容时，最好采用交织图像列表的方式。 -{{"demo": "pages/components/image-list/WovenImageList.js"}} +{{"demo": "WovenImageList.js"}} ## 堆砌图像列表 堆砌图像列表使用动态调整大小的容器高度，以反映每个图像的纵横比。 该图像列表最适合用于浏览未被裁剪的同行内容。 -{{"demo": "pages/components/image-list/MasonryImageList.js"}} +{{"demo": "MasonryImageList.js"}} ## 带标题栏的图像列表 此示例演示如何使用 `ImageListItemBar` 来为每个子块添加一个叠加层。 叠加层可以容纳 `title`， `subtitle` 和辅助操作—在本例中为 `IconButton`。 -{{"demo": "pages/components/image-list/TitlebarImageList.js"}} +{{"demo": "TitlebarImageList.js"}} ### 位于图像下方的标题栏（标准） 标题栏可以放置在图像下方。 -{{"demo": "pages/components/image-list/TitlebarBelowImageList.js"}} +{{"demo": "TitlebarBelowImageList.js"}} ### 位于图像下方的标题栏（堆砌） -{{"demo": "pages/components/image-list/TitlebarBelowMasonryImageList.js"}} +{{"demo": "TitlebarBelowMasonryImageList.js"}} ## 自定义图像列表 在这个例子中，项目有一个自定义的标题栏，位于顶部，并有一个自定义渐变的 `titleBackground`。 而辅助操作的 `IconButton` 则位于左侧。 `gap` 属性用于调整项目之间的间隙。 -{{"demo": "pages/components/image-list/CustomImageList.js", "defaultCodeOpen": false}} +{{"demo": "CustomImageList.js", "defaultCodeOpen": false}} diff --git a/docs/src/pages/components/image-list/image-list.md b/docs/data/material/components/image-list/image-list.md similarity index 76% rename from docs/src/pages/components/image-list/image-list.md rename to docs/data/material/components/image-list/image-list.md index 8fdba214a399ea..7b6151a21b3bc7 100644 --- a/docs/src/pages/components/image-list/image-list.md +++ b/docs/data/material/components/image-list/image-list.md @@ -1,4 +1,5 @@ --- +product: material title: Image list React component components: ImageList, ImageListItem, ImageListItemBar materialDesign: https://material.io/components/image-lists @@ -17,46 +18,46 @@ Image lists represent a collection of items in a repeated pattern. They help imp Standard image lists are best for items of equal importance. They have a uniform container size, ratio, and spacing. -{{"demo": "pages/components/image-list/StandardImageList.js"}} +{{"demo": "StandardImageList.js"}} ## Quilted image list Quilted image lists emphasize certain items over others in a collection. They create hierarchy using varied container sizes and ratios. -{{"demo": "pages/components/image-list/QuiltedImageList.js"}} +{{"demo": "QuiltedImageList.js"}} ## Woven image list Woven image lists use alternating container ratios to create a rhythmic layout. A woven image list is best for browsing peer content. -{{"demo": "pages/components/image-list/WovenImageList.js"}} +{{"demo": "WovenImageList.js"}} ## Masonry image list Masonry image lists use dynamically sized container heights that reflect the aspect ratio of each image. This image list is best used for browsing uncropped peer content. -{{"demo": "pages/components/image-list/MasonryImageList.js"}} +{{"demo": "MasonryImageList.js"}} ## Image list with title bars This example demonstrates the use of the `ImageListItemBar` to add an overlay to each item. The overlay can accommodate a `title`, `subtitle` and secondary action - in this example an `IconButton`. -{{"demo": "pages/components/image-list/TitlebarImageList.js"}} +{{"demo": "TitlebarImageList.js"}} ### Title bar below image (standard) The title bar can be placed below the image. -{{"demo": "pages/components/image-list/TitlebarBelowImageList.js"}} +{{"demo": "TitlebarBelowImageList.js"}} ### Title bar below image (masonry) -{{"demo": "pages/components/image-list/TitlebarBelowMasonryImageList.js"}} +{{"demo": "TitlebarBelowMasonryImageList.js"}} ## Custom image list In this example the items have a customized titlebar, positioned at the top and with a custom gradient `titleBackground`. The secondary action `IconButton` is positioned on the left. The `gap` prop is used to adjust the gap between items. -{{"demo": "pages/components/image-list/CustomImageList.js", "defaultCodeOpen": false}} +{{"demo": "CustomImageList.js", "defaultCodeOpen": false}} diff --git a/docs/src/pages/components/image-list/itemData.d.ts b/docs/data/material/components/image-list/itemData.d.ts similarity index 100% rename from docs/src/pages/components/image-list/itemData.d.ts rename to docs/data/material/components/image-list/itemData.d.ts diff --git a/docs/src/pages/components/image-list/tslint.json b/docs/data/material/components/image-list/tslint.json similarity index 100% rename from docs/src/pages/components/image-list/tslint.json rename to docs/data/material/components/image-list/tslint.json diff --git a/docs/src/pages/components/links/ButtonLink.js b/docs/data/material/components/links/ButtonLink.js similarity index 100% rename from docs/src/pages/components/links/ButtonLink.js rename to docs/data/material/components/links/ButtonLink.js diff --git a/docs/src/pages/components/links/ButtonLink.tsx b/docs/data/material/components/links/ButtonLink.tsx similarity index 100% rename from docs/src/pages/components/links/ButtonLink.tsx rename to docs/data/material/components/links/ButtonLink.tsx diff --git a/docs/src/pages/components/links/ButtonLink.tsx.preview b/docs/data/material/components/links/ButtonLink.tsx.preview similarity index 100% rename from docs/src/pages/components/links/ButtonLink.tsx.preview rename to docs/data/material/components/links/ButtonLink.tsx.preview diff --git a/docs/src/pages/components/links/Links.js b/docs/data/material/components/links/Links.js similarity index 100% rename from docs/src/pages/components/links/Links.js rename to docs/data/material/components/links/Links.js diff --git a/docs/src/pages/components/links/Links.tsx b/docs/data/material/components/links/Links.tsx similarity index 100% rename from docs/src/pages/components/links/Links.tsx rename to docs/data/material/components/links/Links.tsx diff --git a/docs/src/pages/components/links/Links.tsx.preview b/docs/data/material/components/links/Links.tsx.preview similarity index 100% rename from docs/src/pages/components/links/Links.tsx.preview rename to docs/data/material/components/links/Links.tsx.preview diff --git a/docs/src/pages/components/links/UnderlineLink.js b/docs/data/material/components/links/UnderlineLink.js similarity index 100% rename from docs/src/pages/components/links/UnderlineLink.js rename to docs/data/material/components/links/UnderlineLink.js diff --git a/docs/src/pages/components/links/UnderlineLink.tsx b/docs/data/material/components/links/UnderlineLink.tsx similarity index 100% rename from docs/src/pages/components/links/UnderlineLink.tsx rename to docs/data/material/components/links/UnderlineLink.tsx diff --git a/docs/src/pages/components/links/UnderlineLink.tsx.preview b/docs/data/material/components/links/UnderlineLink.tsx.preview similarity index 100% rename from docs/src/pages/components/links/UnderlineLink.tsx.preview rename to docs/data/material/components/links/UnderlineLink.tsx.preview diff --git a/docs/src/pages/components/links/links-pt.md b/docs/data/material/components/links/links-pt.md similarity index 92% rename from docs/src/pages/components/links/links-pt.md rename to docs/data/material/components/links/links-pt.md index 66aaf9f66542eb..2e96e733610086 100644 --- a/docs/src/pages/components/links/links-pt.md +++ b/docs/data/material/components/links/links-pt.md @@ -1,4 +1,5 @@ --- +product: material components: Link githubLabel: 'component: link' waiAria: 'https://www.w3.org/TR/wai-aria-practices/#link' @@ -14,7 +15,7 @@ waiAria: 'https://www.w3.org/TR/wai-aria-practices/#link' O componente Link é construído sobre o componente [Typography](/api/typography/). Você pode aproveitar suas propriedades. -{{"demo": "pages/components/links/Links.js"}} +{{"demo": "Links.js"}} Quando você usa `target="_blank"` com Links, é [recomendado](https://developers.google.com/web/tools/lighthouse/audits/noopener) sempre definir `rel="noopener"` ou `rel="noreferrer"` quando conectando a conteúdo de terceiros. @@ -25,14 +26,14 @@ Quando você usa `target="_blank"` com Links, é [recomendado](https://developer A propriedade `underline` pode ser usada para definir o comportamento sublinhado. O padrão é `hover`. -{{"demo": "pages/components/links/UnderlineLink.js"}} +{{"demo": "UnderlineLink.js"}} ## Segurança Quando você usa `target="_blank"` com Links, é [recomendado](https://developers.google.com/web/tools/lighthouse/audits/noopener) sempre definir `rel="noopener"` ou `rel="noreferrer"` quando conectando a conteúdo de terceiros. - `rel="noopener"` impede que a nova página possa acessar a propriedade `window.opener` e garante que ela seja executada em um processo separado. Sem isso, a página de destino pode potencialmente redirecionar sua página para uma URL mal-intencionada. -- `rel="noreferrer"` tem o mesmo efeito, mas também impede que o cabeçalho *Referer* seja enviado para a nova página. ⚠️ A remoção do cabeçalho referrer afetará a análise. +- `rel="noreferrer"` tem o mesmo efeito, mas também impede que o cabeçalho _Referer_ seja enviado para a nova página. ⚠️ A remoção do cabeçalho referrer afetará a análise. ## Biblioteca de roteamento de terceiros @@ -46,4 +47,4 @@ One frequent use case is to perform navigation on the client only, without an HT - Para a melhor experiência do usuário, os links devem se destacar do texto na página. For instance, you can keep the default `underline="always"` behavior. - If a link doesn't have a meaningful href, [it should be rendered using a `