├── .buckconfig ├── .eslintrc ├── .flowconfig ├── .gitattributes ├── .github ├── ISSUE_TEMPLATE │ ├── bug_report.md │ └── feature_request.md └── config.yml ├── .gitignore ├── .jest-test-results.json ├── .npmignore ├── .prettierrc ├── .storybook ├── addons.js ├── babel.config.js ├── config.js └── webpack.config.js ├── .travis.yml ├── .watchmanconfig ├── App.js ├── LICENSE ├── README.md ├── android ├── app │ ├── BUCK │ ├── build.gradle │ ├── build_defs.bzl │ ├── proguard-rules.pro │ └── src │ │ └── main │ │ ├── AndroidManifest.xml │ │ ├── assets │ │ └── fonts │ │ │ ├── AntDesign.ttf │ │ │ ├── Entypo.ttf │ │ │ ├── EvilIcons.ttf │ │ │ ├── Feather.ttf │ │ │ ├── FontAwesome.ttf │ │ │ ├── FontAwesome5_Brands.ttf │ │ │ ├── FontAwesome5_Regular.ttf │ │ │ ├── FontAwesome5_Solid.ttf │ │ │ ├── Foundation.ttf │ │ │ ├── Ionicons.ttf │ │ │ ├── MaterialCommunityIcons.ttf │ │ │ ├── MaterialIcons.ttf │ │ │ ├── Octicons.ttf │ │ │ ├── SimpleLineIcons.ttf │ │ │ └── Zocial.ttf │ │ ├── java │ │ └── com │ │ │ └── materialbread │ │ │ ├── MainActivity.java │ │ │ └── MainApplication.java │ │ └── res │ │ ├── mipmap-hdpi │ │ ├── ic_launcher.png │ │ └── ic_launcher_round.png │ │ ├── mipmap-mdpi │ │ ├── ic_launcher.png │ │ └── ic_launcher_round.png │ │ ├── mipmap-xhdpi │ │ ├── ic_launcher.png │ │ └── ic_launcher_round.png │ │ ├── mipmap-xxhdpi │ │ ├── ic_launcher.png │ │ └── ic_launcher_round.png │ │ ├── mipmap-xxxhdpi │ │ ├── ic_launcher.png │ │ └── ic_launcher_round.png │ │ └── values │ │ ├── strings.xml │ │ └── styles.xml ├── build.gradle ├── gradle.properties ├── gradle │ └── wrapper │ │ ├── gradle-wrapper.jar │ │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── keystores │ ├── BUCK │ └── debug.keystore.properties └── settings.gradle ├── app.json ├── babel.config.js ├── dist ├── Components │ ├── Appbar │ │ ├── Appbar.js │ │ ├── Appbar.stories.js │ │ ├── Appbar.styles.js │ │ ├── Searchbar │ │ │ ├── Searchbar.js │ │ │ ├── Searchbar.stories.js │ │ │ └── Searchbar.styles.js │ │ └── index.js │ ├── AppbarBottom │ │ ├── AppbarBottom.js │ │ ├── AppbarBottom.stories.js │ │ ├── AppbarBottom.styles.js │ │ ├── AppbarBottom.svg.js │ │ └── index.js │ ├── Avatar │ │ ├── Avatar.js │ │ ├── Avatar.stories.js │ │ ├── Avatar.styles.js │ │ └── index.js │ ├── Backdrop │ │ ├── BackLayer │ │ │ ├── BackLayer.js │ │ │ └── BackLayer.styles.js │ │ ├── Backdrop.js │ │ ├── Backdrop.stories.js │ │ ├── Backdrop.styles.js │ │ ├── FrontLayer │ │ │ ├── FrontLayer.js │ │ │ └── FrontLayer.styles.js │ │ ├── FrontLayerScrim │ │ │ ├── FrontLayerScrim.js │ │ │ └── FrontLayerScrim.styles.js │ │ ├── HeaderButton │ │ │ ├── HeaderButton.js │ │ │ └── HeaderButton.styles.js │ │ ├── index.js │ │ └── utils.js │ ├── Badge │ │ ├── Badge.js │ │ ├── Badge.stories.js │ │ ├── Badge.styles.js │ │ └── index.js │ ├── Banner │ │ ├── Banner.js │ │ ├── Banner.stories.js │ │ ├── Banner.styles.js │ │ └── index.js │ ├── BottomNavigation │ │ ├── BottomNavigation.js │ │ ├── BottomNavigation.stories.js │ │ ├── BottomNavigation.styles.js │ │ ├── BottomNavigationItem │ │ │ ├── BottomNavigationItem.js │ │ │ ├── BottomNavigationItem.stories.js │ │ │ ├── BottomNavigationItem.styles.js │ │ │ └── index.js │ │ └── index.js │ ├── Button │ │ ├── Button.js │ │ ├── Button.stories.js │ │ ├── Button.styles.js │ │ ├── ButtonBase │ │ │ └── ButtonBase.js │ │ ├── ContainedButton │ │ │ ├── ContainedButton.js │ │ │ └── ContainedButton.stories.js │ │ ├── FlatButton │ │ │ ├── FlatButton.js │ │ │ └── FlatButton.stories.js │ │ ├── OutlinedButton │ │ │ ├── OutlinedButton.js │ │ │ └── OutlinedButton.stories.js │ │ ├── TextButton │ │ │ ├── TextButton.js │ │ │ └── TextButton.stories.js │ │ └── index.js │ ├── Card │ │ ├── Card.js │ │ ├── Card.stories.js │ │ ├── Card.styles.js │ │ ├── CardActions │ │ │ ├── CardActions.js │ │ │ ├── CardActions.styles.js │ │ │ └── index.js │ │ ├── CardContent │ │ │ ├── CardContent.js │ │ │ ├── CardContent.styles.js │ │ │ └── index.js │ │ ├── CardHeader │ │ │ ├── CardHeader.js │ │ │ ├── CardHeader.styles.js │ │ │ └── index.js │ │ ├── CardMedia │ │ │ ├── CardMedia.js │ │ │ ├── CardMedia.styles.js │ │ │ └── index.js │ │ └── index.js │ ├── Checkbox │ │ ├── Checkbox.js │ │ ├── Checkbox.stories.js │ │ ├── Checkbox.styles.js │ │ └── index.js │ ├── Chip │ │ ├── Chip.js │ │ ├── Chip.stories.js │ │ ├── Chip.styles.js │ │ └── index.js │ ├── DataTable │ │ ├── DataTable.js │ │ ├── DataTable.stories.js │ │ ├── DataTable.styles.js │ │ ├── DataTableCell │ │ │ ├── DataTableCell.js │ │ │ ├── DataTableCell.stories.js │ │ │ ├── DataTableCell.styles.js │ │ │ └── index.js │ │ ├── DataTableHeader │ │ │ ├── DataTableHeader.js │ │ │ ├── DataTableHeader.stories.js │ │ │ ├── DataTableHeader.styles.js │ │ │ └── index.js │ │ ├── DataTablePagination │ │ │ ├── DataTablePagination.js │ │ │ ├── DataTablePagination.stories.js │ │ │ ├── DataTablePagination.styles.js │ │ │ └── index.js │ │ ├── DataTableRow │ │ │ ├── DataTableRow.js │ │ │ ├── DataTableRow.stories.js │ │ │ ├── DataTableRow.styles.js │ │ │ └── index.js │ │ └── index.js │ ├── Dialog │ │ ├── Dialog.js │ │ ├── Dialog.stories.js │ │ ├── Dialog.styles.js │ │ └── index.js │ ├── Divider │ │ ├── Divider.js │ │ ├── Divider.stories.js │ │ ├── Divider.styles.js │ │ └── index.js │ ├── Drawer │ │ ├── Drawer.js │ │ ├── Drawer.stories.js │ │ ├── Drawer.styles.js │ │ ├── DrawerHeader │ │ │ ├── DrawerHeader.js │ │ │ ├── DrawerHeader.stories.js │ │ │ ├── DrawerHeader.styles.js │ │ │ └── index.js │ │ ├── DrawerItem │ │ │ ├── DrawerItem.js │ │ │ ├── DrawerItem.stories.js │ │ │ ├── DrawerItem.styles.js │ │ │ └── index.js │ │ ├── DrawerSection │ │ │ ├── DrawerSection.js │ │ │ ├── DrawerSection.stories.js │ │ │ ├── DrawerSection.styles.js │ │ │ └── index.js │ │ └── index.js │ ├── DrawerBottom │ │ ├── DrawerBottom.js │ │ ├── DrawerBottom.stories.js │ │ ├── DrawerBottom.styles.js │ │ └── index.js │ ├── Fab │ │ ├── Fab.js │ │ ├── Fab.stories.js │ │ ├── Fab.styles.js │ │ ├── FabSpeedDial │ │ │ ├── FabSpeedDial.js │ │ │ ├── FabSpeedDial.stories.js │ │ │ ├── FabSpeedDial.styles.js │ │ │ └── index.js │ │ └── index.js │ ├── Icon │ │ ├── Icon.js │ │ ├── Icon.styles.js │ │ ├── Icons.stories.js │ │ └── index.js │ ├── IconButton │ │ ├── IconButton.js │ │ ├── IconButton.stories.js │ │ ├── IconButton.styles.js │ │ └── index.js │ ├── List │ │ ├── List.js │ │ ├── List.stories.js │ │ ├── List.styles.js │ │ ├── ListExpand │ │ │ ├── ListExpand.js │ │ │ ├── ListExpand.stories.js │ │ │ ├── ListExpand.styles.js │ │ │ └── index.js │ │ ├── ListItem │ │ │ ├── ListItem.js │ │ │ ├── ListItem.stories.js │ │ │ ├── ListItem.styles.js │ │ │ └── index.js │ │ ├── ListSection │ │ │ ├── ListSection.js │ │ │ ├── ListSection.stories.js │ │ │ ├── ListSection.styles.js │ │ │ └── index.js │ │ └── index.js │ ├── Menu │ │ ├── Menu.js │ │ ├── Menu.stories.js │ │ ├── Menu.styles.js │ │ ├── MenuItem │ │ │ ├── MenuItem.js │ │ │ ├── MenuItem.stories.js │ │ │ ├── MenuItem.styles.js │ │ │ └── index.js │ │ ├── ModalMenu │ │ │ ├── ModalMenu.native.styles.js │ │ │ ├── ModalMenu.styles.js │ │ │ ├── Portal.js │ │ │ ├── ariaAppHider.js │ │ │ ├── index.js │ │ │ ├── index.native.js │ │ │ ├── index.web.js │ │ │ └── utils.js │ │ └── index.js │ ├── Modal │ │ ├── Modal.android.js │ │ ├── Modal.ios.js │ │ ├── Modal.js │ │ ├── Modal.styles.js │ │ └── Modal.web.js │ ├── Paper │ │ ├── Paper.js │ │ ├── Paper.stories.js │ │ └── Paper.styles.js │ ├── Progress │ │ ├── ProgressBar │ │ │ ├── ProgressBar.js │ │ │ ├── ProgressBar.stories.js │ │ │ ├── ProgressBar.styles.js │ │ │ └── index.js │ │ └── ProgressCircle │ │ │ ├── ProgressCircle.js │ │ │ ├── ProgressCircle.stories.js │ │ │ ├── ProgressCircle.styles.js │ │ │ ├── ProgressCircleDeterminate.js │ │ │ └── index.js │ ├── RadioButton │ │ ├── RadioButton.js │ │ ├── RadioButton.stories.js │ │ ├── RadioButton.styles.js │ │ └── index.js │ ├── Ripple │ │ ├── Ripple.js │ │ ├── Ripple.stories.js │ │ ├── Ripple.styles.js │ │ └── index.js │ ├── Select │ │ ├── Select.js │ │ ├── Select.styles.js │ │ ├── SelectFilled │ │ │ └── SelectFilled.stories.js │ │ ├── SelectFlat │ │ │ └── SelectFlat.stories.js │ │ ├── SelectOutlined │ │ │ └── SelectOutlined.stories.js │ │ └── index.js │ ├── SheetBottom │ │ ├── SheetBottom.js │ │ ├── SheetBottom.native.js │ │ ├── SheetBottom.stories.js │ │ ├── SheetBottom.styles.js │ │ ├── SheetBottom.web.js │ │ └── index.js │ ├── SheetSide │ │ ├── SheetSide.android.js │ │ ├── SheetSide.ios.js │ │ ├── SheetSide.js │ │ ├── SheetSide.stories.js │ │ ├── SheetSide.styles.js │ │ ├── SheetSide.web.js │ │ └── index.js │ ├── Slider │ │ ├── Marker │ │ │ ├── Marker.js │ │ │ └── Marker.styles.js │ │ ├── MarkerContainer │ │ │ ├── MarkerContainer.js │ │ │ └── MarkerContainer.styles.js │ │ ├── Slider.js │ │ ├── Slider.stories.js │ │ ├── Slider.styles.js │ │ ├── Track │ │ │ ├── Track.js │ │ │ └── Track.styles.js │ │ ├── converts.js │ │ └── index.js │ ├── Snackbar │ │ ├── Snackbar.js │ │ ├── Snackbar.stories.js │ │ ├── Snackbar.styles.js │ │ └── index.js │ ├── SwipeNav │ │ ├── SwipeNav.js │ │ ├── SwipeNav.stories.js │ │ ├── SwipeNav.styles.js │ │ └── index.js │ ├── Switch │ │ ├── Switch.js │ │ ├── Switch.stories.js │ │ ├── Switch.styles.js │ │ └── index.js │ ├── Tabs │ │ ├── Tab │ │ │ ├── Tab.js │ │ │ ├── Tab.stories.js │ │ │ ├── Tab.styles.js │ │ │ └── index.js │ │ ├── Tabs.js │ │ ├── Tabs.stories.js │ │ ├── Tabs.styles.js │ │ ├── Underline │ │ │ ├── Underline.js │ │ │ └── Undrline.styles.js │ │ └── index.js │ ├── TextField │ │ ├── Searchfield │ │ │ ├── Searchfield.js │ │ │ ├── Searchfield.stories.js │ │ │ └── Searchfield.styles.js │ │ ├── TextField.js │ │ ├── TextField.styles.js │ │ ├── TextFieldFilled │ │ │ ├── TextFieldFilled.js │ │ │ ├── TextFieldFilled.stories.js │ │ │ └── TextFieldFilled.styles.js │ │ ├── TextFieldFlat │ │ │ ├── TextFieldFlat.js │ │ │ ├── TextFieldFlat.stories.js │ │ │ └── TextFieldFlat.styles.js │ │ ├── TextFieldHelperText │ │ │ ├── TextFieldHelperText.js │ │ │ ├── TextFieldHelperText.styles.js │ │ │ └── index.js │ │ ├── TextFieldLabel │ │ │ ├── TextFieldLabel.constants.js │ │ │ ├── TextFieldLabel.constants.native.js │ │ │ ├── TextFieldLabel.constants.web.js │ │ │ ├── TextFieldLabel.js │ │ │ └── TextFieldLabel.styles.js │ │ ├── TextFieldOutline │ │ │ ├── TextFieldOutline.js │ │ │ ├── TextFieldOutline.stories.js │ │ │ └── TextFieldOutline.styles.js │ │ ├── TextFieldUnderline │ │ │ ├── TextFieldUnderline.js │ │ │ └── TextFieldUnderline.styles.js │ │ └── index.js │ ├── ToggleButton │ │ ├── ToggleButton.js │ │ ├── ToggleButton.stories.js │ │ ├── ToggleButton.styles.js │ │ ├── ToggleButtonGroup │ │ │ ├── ToggleButtonGroup.js │ │ │ └── index.js │ │ └── index.js │ ├── Tooltip │ │ ├── Tooltip.js │ │ ├── Tooltip.stories.js │ │ ├── Tooltip.styles.js │ │ └── index.js │ └── Typography │ │ ├── BaseText │ │ └── BaseText.js │ │ ├── BodyText │ │ └── BodyText.js │ │ ├── Caption │ │ └── Caption.js │ │ ├── Heading │ │ └── Heading.js │ │ ├── Overline │ │ └── Overline.js │ │ ├── Subtitle │ │ └── Subtitle.js │ │ ├── Typography.stories.js │ │ └── index.js ├── Core │ ├── BreadProvider.js │ └── colors │ │ ├── amber.js │ │ ├── blue.js │ │ ├── blueGrey.js │ │ ├── brown.js │ │ ├── cyan.js │ │ ├── deepOrange.js │ │ ├── deepPurple.js │ │ ├── green.js │ │ ├── grey.js │ │ ├── index.js │ │ ├── indigo.js │ │ ├── lightBlue.js │ │ ├── lightGreen.js │ │ ├── lime.js │ │ ├── orange.js │ │ ├── pink.js │ │ ├── purple.js │ │ ├── red.js │ │ ├── teal.js │ │ └── yellow.js ├── Theme │ ├── ThemeContext.js │ ├── defaultTheme.js │ ├── mergeTheme.js │ └── withTheme.js ├── Utils │ ├── Anchor │ │ ├── Anchor.js │ │ └── Anchor.stories.js │ ├── Hoverable │ │ ├── HoverState.js │ │ ├── Hoverable.js │ │ └── Hoverable.stories.js │ └── Shadow │ │ ├── Shadow.stories.js │ │ └── shadow.js ├── helpers │ ├── hasNotch.js │ └── statusBarHeight.js ├── index.d.ts ├── index.js ├── storybook │ ├── components │ │ ├── Container.js │ │ └── Header.js │ ├── helpers │ │ └── storiesOf │ │ │ ├── index.android.js │ │ │ ├── index.ios.js │ │ │ └── index.js │ ├── index.android.js │ ├── index.ios.js │ ├── index.js │ ├── rn-addons.js │ ├── stories │ │ ├── Home.stories.js │ │ └── index.js │ └── storybook.js └── vue-native.js ├── docs ├── .babelrc ├── .eslintrc ├── README.md ├── gatsby-browser.js ├── gatsby-config.js ├── gatsby-node.js ├── gatsby-ssr.js ├── package-lock.json ├── package.json ├── src │ ├── assets │ │ ├── browser.svg │ │ ├── devtomaterial.png │ │ ├── favicon.ico │ │ ├── github--white.svg │ │ ├── github.png │ │ ├── github.svg │ │ ├── imac.svg │ │ ├── iphone.svg │ │ ├── logo-shadow.svg │ │ ├── logo.svg │ │ ├── material-bread-docs.png │ │ ├── material-bread.png │ │ ├── rni.png │ │ └── sky.jpeg │ ├── blog │ │ └── baking-material │ │ │ └── 1-appbar-bottom.md │ ├── components │ │ ├── BackgroundColors │ │ │ └── BackgroundColors.js │ │ ├── BrowserCSS.js │ │ ├── CodeBlock.js │ │ ├── CodeInline.js │ │ ├── ColorPalette │ │ │ ├── ColorBlock │ │ │ │ ├── ColorBlock.js │ │ │ │ ├── ColorBlock.styles.js │ │ │ │ └── index.js │ │ │ ├── ColorPalette.js │ │ │ └── FullPalette.js │ │ ├── ComponentPage │ │ │ ├── ComponentDemo.js │ │ │ ├── ComponentDemoHeader.js │ │ │ ├── ComponentDescription.js │ │ │ ├── ComponentHeader.js │ │ │ ├── ComponentMainDemo.js │ │ │ ├── ComponentPageLayout.js │ │ │ ├── ComponentProps.js │ │ │ ├── ComponentSubtitle.js │ │ │ └── ComponentUsage.js │ │ ├── Drawer │ │ │ ├── DrawerContent.js │ │ │ ├── DrawerHeader.js │ │ │ ├── DrawerItem.js │ │ │ └── DrawerItemExpand.js │ │ ├── Helmet.js │ │ ├── HomeLiveEdit │ │ │ ├── HomeLiveEdit.js │ │ │ └── HomeLiveEditToolTip.js │ │ ├── IconDirectory │ │ │ ├── IconBlock.js │ │ │ └── IconDirectory.js │ │ ├── Iphonex.js │ │ ├── Layout │ │ │ ├── Header.js │ │ │ └── PageLayout.js │ │ ├── Link.js │ │ ├── LiveEdit │ │ │ ├── LiveEdit.js │ │ │ └── LiveEditToolTip.js │ │ ├── Logo │ │ │ ├── Logo.js │ │ │ └── LogoWithText.js │ │ ├── P.js │ │ ├── PageTitle.js │ │ ├── Pixel3xl.js │ │ ├── PlatformButton.js │ │ ├── PropsTable │ │ │ └── index.js │ │ ├── Section.js │ │ ├── SectionHeader.js │ │ ├── SideScrollMenu │ │ │ └── index.js │ │ ├── Sponsored.js │ │ ├── blog │ │ │ ├── Layout.js │ │ │ └── seo.js │ │ ├── image.js │ │ └── index.js │ ├── content │ │ ├── components │ │ │ ├── appbar-bottom │ │ │ │ ├── Demos │ │ │ │ │ ├── CustomDemo.js │ │ │ │ │ ├── EndFabDemo.js │ │ │ │ │ ├── NoFabDemo.js │ │ │ │ │ ├── SpeedDialDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── appbar │ │ │ │ ├── Demos │ │ │ │ │ ├── CustomDemo.js │ │ │ │ │ ├── ImageDemo.js │ │ │ │ │ ├── MenuDemo.js │ │ │ │ │ ├── SearchBarDemo.js │ │ │ │ │ ├── SearchFieldDemo.js │ │ │ │ │ ├── SubtitleDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── avatar │ │ │ │ ├── Demos │ │ │ │ │ ├── CustomDemo.js │ │ │ │ │ ├── IconDemo.js │ │ │ │ │ ├── TextDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── backdrop │ │ │ │ ├── Demos │ │ │ │ │ ├── SubheaderDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── badge │ │ │ │ ├── Demos │ │ │ │ │ ├── AnimatedDemo.js │ │ │ │ │ ├── DotDemo.js │ │ │ │ │ ├── MaxDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── banner │ │ │ │ ├── Demos │ │ │ │ │ ├── SingleLineDemo.js │ │ │ │ │ ├── ThreeLineDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── bottom-navigation-item │ │ │ │ ├── Demos │ │ │ │ │ ├── BadgeDemo.js │ │ │ │ │ ├── CustomDemo.js │ │ │ │ │ ├── StyledDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── bottom-navigation │ │ │ │ ├── Demos │ │ │ │ │ ├── ColoredDemo.js │ │ │ │ │ ├── IconsOnly.js │ │ │ │ │ ├── LabelsDemo.js │ │ │ │ │ ├── LandscapeDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── button │ │ │ │ ├── Demos │ │ │ │ │ ├── ContainedDemo.js │ │ │ │ │ ├── CustomDemo.js │ │ │ │ │ ├── FlatDemo.js │ │ │ │ │ ├── FullWidthDemo.js │ │ │ │ │ ├── IconsDemo.js │ │ │ │ │ ├── OutlinedDemo.js │ │ │ │ │ ├── TextDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── card-actions │ │ │ │ ├── Demos │ │ │ │ │ ├── CustomDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── card-content │ │ │ │ ├── Demos │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── card-header │ │ │ │ ├── Demos │ │ │ │ │ ├── MoreActions.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── card-media │ │ │ │ ├── Demos │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── card │ │ │ │ ├── Demos │ │ │ │ │ ├── ActionMediaDemo.js │ │ │ │ │ ├── ClickableDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── checkbox │ │ │ │ ├── Demos │ │ │ │ │ ├── IOSDemo.js │ │ │ │ │ ├── IconsDemo.js │ │ │ │ │ ├── LabelsDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── chip │ │ │ │ ├── Demos │ │ │ │ │ ├── CustomDemo.js │ │ │ │ │ ├── DeleteChipDemo.js │ │ │ │ │ ├── IconsDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── datatable-cell │ │ │ │ ├── Demos │ │ │ │ │ ├── SortingIconDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── datatable-header │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── datatable-pagination │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── datatable-row │ │ │ │ ├── Demos │ │ │ │ │ ├── CheckboxDemo.js │ │ │ │ │ ├── SelectedDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── datatable │ │ │ │ ├── Demos │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── dialog │ │ │ │ ├── Demos │ │ │ │ │ ├── AlertDemo.js │ │ │ │ │ ├── SimpleDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── divider │ │ │ │ ├── Demos │ │ │ │ │ ├── InsetLeftDemo.js │ │ │ │ │ ├── SubheaderDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── drawer-bottom │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── drawer-header │ │ │ │ ├── Demos │ │ │ │ │ ├── AvatarDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── drawer-item │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── drawer-section │ │ │ │ ├── Demos │ │ │ │ │ ├── LabelDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── drawer │ │ │ │ ├── Demos │ │ │ │ │ ├── ClippedDemo.js │ │ │ │ │ ├── PermanentDemo.js │ │ │ │ │ ├── PushDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── fab-speeddial │ │ │ │ ├── Demos │ │ │ │ │ ├── ExtendedDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── fab │ │ │ │ ├── Demos │ │ │ │ │ ├── AnimatedDemo.js │ │ │ │ │ ├── ExtendedDemo.js │ │ │ │ │ ├── MiniDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── icon │ │ │ │ ├── Demos │ │ │ │ │ ├── AnotherSourceDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── iconbutton │ │ │ │ ├── Demos │ │ │ │ │ ├── AnotherSourceDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── list-expand │ │ │ │ ├── Demos │ │ │ │ │ ├── IconDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── list-item │ │ │ │ ├── Demos │ │ │ │ │ ├── ActionItemDemo.js │ │ │ │ │ ├── LeadingActionDemo.js │ │ │ │ │ ├── SecondaryDemo.js │ │ │ │ │ ├── SelectedDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── list-section │ │ │ │ ├── Demos │ │ │ │ │ ├── InsetDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── list │ │ │ │ ├── Demos │ │ │ │ │ ├── SubheaderDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── menu-item │ │ │ │ ├── Demos │ │ │ │ │ ├── IconDemo.js │ │ │ │ │ ├── KeyboardDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── menu │ │ │ │ ├── Demos │ │ │ │ │ ├── ScrollingDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── paper │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── progress-bar │ │ │ │ ├── Demos │ │ │ │ │ ├── DeterminateDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── progress-circle │ │ │ │ ├── Demos │ │ │ │ │ ├── DeterminateDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── radiobutton │ │ │ │ ├── Demos │ │ │ │ │ ├── LabelsDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── ripple │ │ │ │ ├── Demos │ │ │ │ │ ├── CenteredDemo.js │ │ │ │ │ ├── SequentialDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── searchbar │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── searchfield │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── select │ │ │ │ ├── Demos │ │ │ │ │ ├── TextFieldPropsDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── sheet-bottom │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── sheet-side │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── slider │ │ │ │ ├── Demos │ │ │ │ │ ├── RangedDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── snackbar │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── swipenav │ │ │ │ ├── Demos │ │ │ │ │ ├── SwipeFooter.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── switch │ │ │ │ ├── Demos │ │ │ │ │ ├── LabelsDemo.js │ │ │ │ │ ├── LoaderDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── tab │ │ │ │ ├── Demos │ │ │ │ │ ├── StyledDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── tabs │ │ │ │ ├── Demos │ │ │ │ │ ├── IconsOnly.js │ │ │ │ │ ├── LabelsDemo.js │ │ │ │ │ ├── ScrollableDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── textfield │ │ │ │ ├── Demos │ │ │ │ │ ├── DenseDemo.js │ │ │ │ │ ├── HelperTextDemo.js │ │ │ │ │ ├── LeadingIconDemo.js │ │ │ │ │ ├── PrefixSuffixDemo.js │ │ │ │ │ ├── TrailingIconDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── togglebutton-group │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── togglebutton │ │ │ │ ├── Demos │ │ │ │ │ ├── CustomDemo.js │ │ │ │ │ └── index.js │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ ├── tooltip │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ │ └── typography │ │ │ │ ├── MainDemo.js │ │ │ │ ├── Props.js │ │ │ │ ├── Usage.js │ │ │ │ ├── index.js │ │ │ │ └── propData.js │ │ └── utils │ │ │ ├── anchor │ │ │ ├── MainDemo.js │ │ │ ├── Props.js │ │ │ ├── Usage.js │ │ │ ├── index.js │ │ │ └── propData.js │ │ │ ├── color │ │ │ ├── MainDemo.js │ │ │ ├── Usage.js │ │ │ └── index.js │ │ │ ├── hoverable │ │ │ ├── Demos │ │ │ │ ├── AnimatedDemo.js │ │ │ │ └── index.js │ │ │ ├── MainDemo.js │ │ │ ├── Props.js │ │ │ ├── Usage.js │ │ │ ├── index.js │ │ │ └── propData.js │ │ │ └── shadow │ │ │ ├── MainDemo.js │ │ │ ├── Usage.js │ │ │ └── index.js │ ├── html.js │ ├── images │ │ ├── gatsby-astronaut.png │ │ └── gatsby-icon.png │ ├── navigation │ │ ├── componentPages.js │ │ ├── contributingPages.js │ │ ├── gettingStartedPages.js │ │ ├── index.js │ │ ├── stylePages.js │ │ └── utilsPages.js │ ├── pages │ │ ├── 404.js │ │ ├── about.js │ │ ├── baking-material.js │ │ ├── components │ │ │ ├── appbar-bottom.js │ │ │ ├── appbar.js │ │ │ ├── avatar.js │ │ │ ├── backdrop.js │ │ │ ├── badge.js │ │ │ ├── banner.js │ │ │ ├── bottom-navigation-item.js │ │ │ ├── bottom-navigation.js │ │ │ ├── button.js │ │ │ ├── card-actions.js │ │ │ ├── card-content.js │ │ │ ├── card-header.js │ │ │ ├── card-media.js │ │ │ ├── card.js │ │ │ ├── checkbox.js │ │ │ ├── chip.js │ │ │ ├── datatable-cell.js │ │ │ ├── datatable-header.js │ │ │ ├── datatable-pagination.js │ │ │ ├── datatable-row.js │ │ │ ├── datatable.js │ │ │ ├── dialog.js │ │ │ ├── divider.js │ │ │ ├── drawer-bottom.js │ │ │ ├── drawer-header.js │ │ │ ├── drawer-item.js │ │ │ ├── drawer-section.js │ │ │ ├── drawer.js │ │ │ ├── fab-speeddial.js │ │ │ ├── fab.js │ │ │ ├── icon.js │ │ │ ├── iconbutton.js │ │ │ ├── list-expand.js │ │ │ ├── list-item.js │ │ │ ├── list-section.js │ │ │ ├── list.js │ │ │ ├── menu-item.js │ │ │ ├── menu.js │ │ │ ├── paper.js │ │ │ ├── progress-bar.js │ │ │ ├── progress-circle.js │ │ │ ├── radiobutton.js │ │ │ ├── ripple.js │ │ │ ├── searchbar.js │ │ │ ├── searchfield.js │ │ │ ├── select.js │ │ │ ├── sheet-bottom.js │ │ │ ├── sheet-side.js │ │ │ ├── slider.js │ │ │ ├── snackbar.js │ │ │ ├── swipenav.js │ │ │ ├── switch.js │ │ │ ├── tab.js │ │ │ ├── tabs.js │ │ │ ├── textfield.js │ │ │ ├── togglebutton-group.js │ │ │ ├── togglebutton.js │ │ │ ├── tooltip.js │ │ │ └── typography.js │ │ ├── contributing │ │ │ ├── docs.js │ │ │ └── library.js │ │ ├── getting-started │ │ │ ├── electron.js │ │ │ ├── expo.js │ │ │ ├── macos.js │ │ │ ├── nextjs.js │ │ │ ├── react-native.js │ │ │ ├── vue-native.js │ │ │ ├── web.js │ │ │ └── windows.js │ │ ├── index.js │ │ ├── showcase.js │ │ ├── style │ │ │ ├── font.js │ │ │ ├── icons.js │ │ │ └── theme.js │ │ └── utils │ │ │ ├── anchor.js │ │ │ ├── color.js │ │ │ ├── hoverable.js │ │ │ └── shadow.js │ ├── styles │ │ ├── components │ │ │ ├── CodeBlock.css │ │ │ └── Logo.css │ │ ├── global │ │ │ └── global.css │ │ ├── pages │ │ │ └── index.module.css │ │ ├── templates │ │ │ └── Page.css │ │ └── vendor │ │ │ └── prism.css │ ├── templates │ │ ├── blog-post.js │ │ ├── component.js │ │ └── page.js │ └── utils │ │ └── createPropData.js └── static │ └── logo-shadow.svg ├── index.js ├── ios ├── MaterialBread-tvOS │ └── Info.plist ├── MaterialBread-tvOSTests │ └── Info.plist ├── MaterialBread.xcodeproj │ ├── project.pbxproj │ └── xcshareddata │ │ └── xcschemes │ │ ├── MaterialBread-tvOS.xcscheme │ │ └── MaterialBread.xcscheme ├── MaterialBread │ ├── AppDelegate.h │ ├── AppDelegate.m │ ├── Base.lproj │ │ └── LaunchScreen.xib │ ├── Images.xcassets │ │ ├── AppIcon.appiconset │ │ │ └── Contents.json │ │ └── Contents.json │ ├── Info.plist │ └── main.m └── MaterialBreadTests │ ├── Info.plist │ └── MaterialBreadTests.m ├── media ├── FSL-Lockup-Dark-Gradient-Web@2x.png ├── buttons │ ├── mb-electron.png │ ├── mb-expo.png │ ├── mb-macos.png │ ├── mb-next.png │ ├── mb-rn.png │ ├── mb-vue-native.png │ ├── mb-web.png │ └── mb-windows.png └── cross-platform.gif ├── netlify.toml ├── package-lock.json ├── package.json ├── public ├── assets │ └── material-bread.png ├── index.js ├── logo-shadow.svg └── manifest.json ├── rn-cli.config.js ├── src ├── Components │ ├── Appbar │ │ ├── .Appbar.js.swp │ │ ├── Appbar.js │ │ ├── Appbar.stories.js │ │ ├── Appbar.styles.js │ │ ├── Appbar.test.js │ │ ├── Searchbar │ │ │ ├── Searchbar.js │ │ │ ├── Searchbar.stories.js │ │ │ ├── Searchbar.styles.js │ │ │ ├── Searchbar.test.js │ │ │ └── __snapshots__ │ │ │ │ └── Searchbar.test.js.snap │ │ ├── __snapshots__ │ │ │ └── Appbar.test.js.snap │ │ └── index.js │ ├── AppbarBottom │ │ ├── AppbarBottom.js │ │ ├── AppbarBottom.stories.js │ │ ├── AppbarBottom.styles.js │ │ ├── AppbarBottom.svg.js │ │ ├── AppbarBottom.test.js │ │ ├── __snapshots__ │ │ │ └── AppbarBottom.test.js.snap │ │ └── index.js │ ├── Avatar │ │ ├── Avatar.js │ │ ├── Avatar.stories.js │ │ ├── Avatar.styles.js │ │ ├── Avatar.test.js │ │ ├── __snapshots__ │ │ │ └── Avatar.test.js.snap │ │ └── index.js │ ├── Backdrop │ │ ├── BackLayer │ │ │ ├── BackLayer.js │ │ │ └── BackLayer.styles.js │ │ ├── Backdrop.js │ │ ├── Backdrop.stories.js │ │ ├── Backdrop.styles.js │ │ ├── Backdrop.test.js │ │ ├── FrontLayer │ │ │ ├── FrontLayer.js │ │ │ └── FrontLayer.styles.js │ │ ├── FrontLayerScrim │ │ │ ├── FrontLayerScrim.js │ │ │ └── FrontLayerScrim.styles.js │ │ ├── HeaderButton │ │ │ ├── HeaderButton.js │ │ │ └── HeaderButton.styles.js │ │ ├── __snapshots__ │ │ │ └── Backdrop.test.js.snap │ │ ├── index.js │ │ └── utils.js │ ├── Badge │ │ ├── Badge.js │ │ ├── Badge.stories.js │ │ ├── Badge.styles.js │ │ ├── Badge.test.js │ │ ├── __snapshots__ │ │ │ └── Badge.test.js.snap │ │ └── index.js │ ├── Banner │ │ ├── Banner.js │ │ ├── Banner.stories.js │ │ ├── Banner.styles.js │ │ ├── Banner.test.js │ │ ├── __snapshots__ │ │ │ └── Banner.test.js.snap │ │ └── index.js │ ├── BottomNavigation │ │ ├── BottomNavigation.js │ │ ├── BottomNavigation.stories.js │ │ ├── BottomNavigation.styles.js │ │ ├── BottomNavigation.test.js │ │ ├── BottomNavigationItem │ │ │ ├── BottomNavigationItem.js │ │ │ ├── BottomNavigationItem.stories.js │ │ │ ├── BottomNavigationItem.styles.js │ │ │ ├── BottomNavigationItem.test.js │ │ │ ├── __snapshots__ │ │ │ │ └── BottomNavigationItem.test.js.snap │ │ │ └── index.js │ │ ├── __snapshots__ │ │ │ └── BottomNavigation.test.js.snap │ │ └── index.js │ ├── Button │ │ ├── Button.js │ │ ├── Button.stories.js │ │ ├── Button.styles.js │ │ ├── Button.test.js │ │ ├── ButtonBase │ │ │ └── ButtonBase.js │ │ ├── ContainedButton │ │ │ ├── ContainedButton.js │ │ │ └── ContainedButton.stories.js │ │ ├── FlatButton │ │ │ ├── FlatButton.js │ │ │ └── FlatButton.stories.js │ │ ├── OutlinedButton │ │ │ ├── OutlinedButton.js │ │ │ └── OutlinedButton.stories.js │ │ ├── TextButton │ │ │ ├── TextButton.js │ │ │ └── TextButton.stories.js │ │ ├── __snapshots__ │ │ │ └── Button.test.js.snap │ │ └── index.js │ ├── Card │ │ ├── Card.js │ │ ├── Card.stories.js │ │ ├── Card.styles.js │ │ ├── Card.test.js │ │ ├── CardActions │ │ │ ├── CardActions.js │ │ │ ├── CardActions.styles.js │ │ │ ├── CardActions.test.js │ │ │ ├── __snapshots__ │ │ │ │ └── CardActions.test.js.snap │ │ │ └── index.js │ │ ├── CardContent │ │ │ ├── CardContent.js │ │ │ ├── CardContent.styles.js │ │ │ ├── CardContent.test.js │ │ │ ├── __snapshots__ │ │ │ │ └── CardContent.test.js.snap │ │ │ └── index.js │ │ ├── CardHeader │ │ │ ├── CardHeader.js │ │ │ ├── CardHeader.styles.js │ │ │ ├── CardHeader.test.js │ │ │ ├── __snapshots__ │ │ │ │ └── CardHeader.test.js.snap │ │ │ └── index.js │ │ ├── CardMedia │ │ │ ├── CardMedia.js │ │ │ ├── CardMedia.styles.js │ │ │ ├── CardMedia.test.js │ │ │ ├── __snapshots__ │ │ │ │ └── CardMedia.test.js.snap │ │ │ └── index.js │ │ ├── __snapshots__ │ │ │ └── Card.test.js.snap │ │ └── index.js │ ├── Checkbox │ │ ├── Checkbox.js │ │ ├── Checkbox.stories.js │ │ ├── Checkbox.styles.js │ │ ├── Checkbox.test.js │ │ ├── __snapshots__ │ │ │ └── Checkbox.test.js.snap │ │ └── index.js │ ├── Chip │ │ ├── Chip.js │ │ ├── Chip.stories.js │ │ ├── Chip.styles.js │ │ ├── Chip.test.js │ │ ├── __snapshots__ │ │ │ └── Chip.test.js.snap │ │ └── index.js │ ├── DataTable │ │ ├── DataTable.js │ │ ├── DataTable.stories.js │ │ ├── DataTable.styles.js │ │ ├── DataTable.test.js │ │ ├── DataTableCell │ │ │ ├── DataTableCell.js │ │ │ ├── DataTableCell.stories.js │ │ │ ├── DataTableCell.styles.js │ │ │ ├── DataTableCell.test.js │ │ │ ├── __snapshots__ │ │ │ │ └── DataTableCell.test.js.snap │ │ │ └── index.js │ │ ├── DataTableHeader │ │ │ ├── DataTableHeader.js │ │ │ ├── DataTableHeader.stories.js │ │ │ ├── DataTableHeader.styles.js │ │ │ ├── DataTableHeader.test.js │ │ │ ├── __snapshots__ │ │ │ │ └── DataTableHeader.test.js.snap │ │ │ └── index.js │ │ ├── DataTablePagination │ │ │ ├── DataTablePagination.js │ │ │ ├── DataTablePagination.stories.js │ │ │ ├── DataTablePagination.styles.js │ │ │ ├── DataTablePagination.test.js │ │ │ ├── __snapshots__ │ │ │ │ └── DataTablePagination.test.js.snap │ │ │ └── index.js │ │ ├── DataTableRow │ │ │ ├── DataTableRow.js │ │ │ ├── DataTableRow.stories.js │ │ │ ├── DataTableRow.styles.js │ │ │ ├── DataTableRow.test.js │ │ │ ├── __snapshots__ │ │ │ │ └── DataTableRow.test.js.snap │ │ │ └── index.js │ │ ├── __snapshots__ │ │ │ └── DataTable.test.js.snap │ │ └── index.js │ ├── Dialog │ │ ├── Dialog.js │ │ ├── Dialog.stories.js │ │ ├── Dialog.styles.js │ │ ├── Dialog.test.js │ │ ├── __snapshots__ │ │ │ └── Dialog.test.js.snap │ │ └── index.js │ ├── Divider │ │ ├── Divider.js │ │ ├── Divider.stories.js │ │ ├── Divider.styles.js │ │ ├── Divider.test.js │ │ ├── __snapshots__ │ │ │ └── Divider.test.js.snap │ │ └── index.js │ ├── Drawer │ │ ├── Drawer.js │ │ ├── Drawer.stories.js │ │ ├── Drawer.styles.js │ │ ├── Drawer.test.js │ │ ├── DrawerHeader │ │ │ ├── DrawerHeader.js │ │ │ ├── DrawerHeader.stories.js │ │ │ ├── DrawerHeader.styles.js │ │ │ ├── DrawerHeader.test.js │ │ │ ├── __snapshots__ │ │ │ │ └── DrawerHeader.test.js.snap │ │ │ └── index.js │ │ ├── DrawerItem │ │ │ ├── DrawerItem.js │ │ │ ├── DrawerItem.stories.js │ │ │ ├── DrawerItem.styles.js │ │ │ ├── DrawerItem.test.js │ │ │ ├── __snapshots__ │ │ │ │ └── DrawerItem.test.js.snap │ │ │ └── index.js │ │ ├── DrawerSection │ │ │ ├── DrawerSection.js │ │ │ ├── DrawerSection.stories.js │ │ │ ├── DrawerSection.styles.js │ │ │ ├── DrawerSection.test.js │ │ │ ├── __snapshots__ │ │ │ │ └── DrawerSection.test.js.snap │ │ │ └── index.js │ │ ├── __snapshots__ │ │ │ └── Drawer.test.js.snap │ │ └── index.js │ ├── DrawerBottom │ │ ├── DrawerBottom.js │ │ ├── DrawerBottom.stories.js │ │ ├── DrawerBottom.styles.js │ │ ├── DrawerBottom.test.js │ │ ├── __snapshots__ │ │ │ └── DrawerBottom.test.js.snap │ │ └── index.js │ ├── Fab │ │ ├── Fab.js │ │ ├── Fab.stories.js │ │ ├── Fab.styles.js │ │ ├── Fab.test.js │ │ ├── FabSpeedDial │ │ │ ├── FabSpeedDial.js │ │ │ ├── FabSpeedDial.stories.js │ │ │ ├── FabSpeedDial.styles.js │ │ │ ├── FabSpeedDial.test.js │ │ │ ├── __snapshots__ │ │ │ │ └── FabSpeedDial.test.js.snap │ │ │ └── index.js │ │ ├── __snapshots__ │ │ │ └── Fab.test.js.snap │ │ └── index.js │ ├── Icon │ │ ├── Icon.js │ │ ├── Icon.styles.js │ │ ├── Icon.test.js │ │ ├── Icons.stories.js │ │ ├── __snapshots__ │ │ │ └── Icon.test.js.snap │ │ └── index.js │ ├── IconButton │ │ ├── IconButton.js │ │ ├── IconButton.stories.js │ │ ├── IconButton.styles.js │ │ ├── IconButton.test.js │ │ ├── __snapshots__ │ │ │ └── IconButton.test.js.snap │ │ └── index.js │ ├── List │ │ ├── List.js │ │ ├── List.stories.js │ │ ├── List.styles.js │ │ ├── List.test.js │ │ ├── ListExpand │ │ │ ├── ListExpand.js │ │ │ ├── ListExpand.stories.js │ │ │ ├── ListExpand.styles.js │ │ │ ├── ListExpand.test.js │ │ │ ├── __snapshots__ │ │ │ │ └── ListExpand.test.js.snap │ │ │ └── index.js │ │ ├── ListItem │ │ │ ├── ListItem.js │ │ │ ├── ListItem.stories.js │ │ │ ├── ListItem.styles.js │ │ │ ├── ListItem.test.js │ │ │ ├── __snapshots__ │ │ │ │ └── ListItem.test.js.snap │ │ │ └── index.js │ │ ├── ListSection │ │ │ ├── ListSection.js │ │ │ ├── ListSection.stories.js │ │ │ ├── ListSection.styles.js │ │ │ ├── ListSection.test.js │ │ │ ├── __snapshots__ │ │ │ │ └── ListSection.test.js.snap │ │ │ └── index.js │ │ ├── __snapshots__ │ │ │ └── List.test.js.snap │ │ └── index.js │ ├── Menu │ │ ├── Menu.js │ │ ├── Menu.stories.js │ │ ├── Menu.styles.js │ │ ├── Menu.test.js │ │ ├── MenuItem │ │ │ ├── MenuItem.js │ │ │ ├── MenuItem.stories.js │ │ │ ├── MenuItem.styles.js │ │ │ ├── MenuItem.test.js │ │ │ ├── __snapshots__ │ │ │ │ └── MenuItem.test.js.snap │ │ │ └── index.js │ │ ├── ModalMenu │ │ │ ├── ModalMenu.native.styles.js │ │ │ ├── ModalMenu.styles.js │ │ │ ├── Portal.js │ │ │ ├── ariaAppHider.js │ │ │ ├── index.js │ │ │ ├── index.native.js │ │ │ ├── index.web.js │ │ │ └── utils.js │ │ ├── __snapshots__ │ │ │ └── Menu.test.js.snap │ │ └── index.js │ ├── Modal │ │ ├── Modal.android.js │ │ ├── Modal.ios.js │ │ ├── Modal.js │ │ ├── Modal.styles.js │ │ └── Modal.web.js │ ├── Paper │ │ ├── Paper.js │ │ ├── Paper.stories.js │ │ ├── Paper.styles.js │ │ ├── Paper.test.js │ │ └── __snapshots__ │ │ │ └── Paper.test.js.snap │ ├── Progress │ │ ├── ProgressBar │ │ │ ├── ProgressBar.js │ │ │ ├── ProgressBar.stories.js │ │ │ ├── ProgressBar.styles.js │ │ │ ├── ProgressBar.test.js │ │ │ ├── __snapshots__ │ │ │ │ └── ProgressBar.test.js.snap │ │ │ └── index.js │ │ └── ProgressCircle │ │ │ ├── ProgressCircle.js │ │ │ ├── ProgressCircle.stories.js │ │ │ ├── ProgressCircle.styles.js │ │ │ ├── ProgressCircle.test.js │ │ │ ├── ProgressCircleDeterminate.js │ │ │ ├── __snapshots__ │ │ │ └── ProgressCircle.test.js.snap │ │ │ └── index.js │ ├── RadioButton │ │ ├── RadioButton.js │ │ ├── RadioButton.stories.js │ │ ├── RadioButton.styles.js │ │ ├── RadioButton.test.js │ │ ├── __snapshots__ │ │ │ └── RadioButton.test.js.snap │ │ └── index.js │ ├── Ripple │ │ ├── Ripple.js │ │ ├── Ripple.stories.js │ │ ├── Ripple.styles.js │ │ ├── Ripple.test.js │ │ ├── __snapshots__ │ │ │ └── Ripple.test.js.snap │ │ └── index.js │ ├── Select │ │ ├── Select.js │ │ ├── Select.styles.js │ │ ├── SelectFilled │ │ │ ├── SelectFilled.stories.js │ │ │ ├── SelectFilled.test.js │ │ │ └── __snapshots__ │ │ │ │ └── SelectFilled.test.js.snap │ │ ├── SelectFlat │ │ │ ├── SelectFlat.stories.js │ │ │ ├── SelectFlat.test.js │ │ │ └── __snapshots__ │ │ │ │ └── SelectFlat.test.js.snap │ │ ├── SelectOutlined │ │ │ ├── SelectOutlined.stories.js │ │ │ ├── SelectOutlined.test.js │ │ │ └── __snapshots__ │ │ │ │ └── SelectOutlined.test.js.snap │ │ └── index.js │ ├── SheetBottom │ │ ├── SheetBottom.js │ │ ├── SheetBottom.native.js │ │ ├── SheetBottom.stories.js │ │ ├── SheetBottom.styles.js │ │ ├── SheetBottom.test.js │ │ ├── SheetBottom.web.js │ │ ├── __snapshots__ │ │ │ └── SheetBottom.test.js.snap │ │ └── index.js │ ├── SheetSide │ │ ├── SheetSide.android.js │ │ ├── SheetSide.ios.js │ │ ├── SheetSide.js │ │ ├── SheetSide.stories.js │ │ ├── SheetSide.styles.js │ │ ├── SheetSide.test.js │ │ ├── SheetSide.web.js │ │ ├── __snapshots__ │ │ │ └── SheetSide.test.js.snap │ │ └── index.js │ ├── Slider │ │ ├── Marker │ │ │ ├── Marker.js │ │ │ └── Marker.styles.js │ │ ├── MarkerContainer │ │ │ ├── MarkerContainer.js │ │ │ └── MarkerContainer.styles.js │ │ ├── Slider.js │ │ ├── Slider.stories.js │ │ ├── Slider.styles.js │ │ ├── Slider.test.js │ │ ├── Track │ │ │ ├── Track.js │ │ │ └── Track.styles.js │ │ ├── __snapshots__ │ │ │ └── Slider.test.js.snap │ │ ├── converts.js │ │ └── index.js │ ├── Snackbar │ │ ├── Snackbar.js │ │ ├── Snackbar.stories.js │ │ ├── Snackbar.styles.js │ │ ├── Snackbar.test.js │ │ ├── __snapshots__ │ │ │ └── Snackbar.test.js.snap │ │ └── index.js │ ├── SwipeNav │ │ ├── SwipeNav.js │ │ ├── SwipeNav.stories.js │ │ ├── SwipeNav.styles.js │ │ └── index.js │ ├── Switch │ │ ├── Switch.js │ │ ├── Switch.stories.js │ │ ├── Switch.styles.js │ │ ├── Switch.test.js │ │ ├── __snapshots__ │ │ │ └── Switch.test.js.snap │ │ └── index.js │ ├── Tabs │ │ ├── Tab │ │ │ ├── Tab.js │ │ │ ├── Tab.stories.js │ │ │ ├── Tab.styles.js │ │ │ ├── Tab.test.js │ │ │ ├── __snapshots__ │ │ │ │ └── Tab.test.js.snap │ │ │ └── index.js │ │ ├── Tabs.js │ │ ├── Tabs.stories.js │ │ ├── Tabs.styles.js │ │ ├── Tabs.test.js │ │ ├── Underline │ │ │ ├── Underline.js │ │ │ └── Undrline.styles.js │ │ ├── __snapshots__ │ │ │ └── Tabs.test.js.snap │ │ └── index.js │ ├── TextField │ │ ├── Searchfield │ │ │ ├── Searchfield.js │ │ │ ├── Searchfield.stories.js │ │ │ ├── Searchfield.styles.js │ │ │ ├── Searchfield.test.js │ │ │ └── __snapshots__ │ │ │ │ └── Searchfield.test.js.snap │ │ ├── TextField.js │ │ ├── TextField.styles.js │ │ ├── TextField.test.js │ │ ├── TextFieldFilled │ │ │ ├── TextFieldFilled.js │ │ │ ├── TextFieldFilled.stories.js │ │ │ ├── TextFieldFilled.styles.js │ │ │ ├── TextFieldFilled.test.js │ │ │ └── __snapshots__ │ │ │ │ └── TextFieldFilled.test.js.snap │ │ ├── TextFieldFlat │ │ │ ├── TextFieldFlat.js │ │ │ ├── TextFieldFlat.stories.js │ │ │ ├── TextFieldFlat.styles.js │ │ │ ├── TextFieldFlat.test.js │ │ │ └── __snapshots__ │ │ │ │ └── TextFieldFlat.test.js.snap │ │ ├── TextFieldHelperText │ │ │ ├── TextFieldHelperText.js │ │ │ ├── TextFieldHelperText.styles.js │ │ │ ├── TextFieldHelperText.test.js │ │ │ ├── __snapshots__ │ │ │ │ └── TextFieldHelperText.test.js.snap │ │ │ └── index.js │ │ ├── TextFieldLabel │ │ │ ├── TextFieldLabel.constants.js │ │ │ ├── TextFieldLabel.constants.native.js │ │ │ ├── TextFieldLabel.constants.web.js │ │ │ ├── TextFieldLabel.js │ │ │ ├── TextFieldLabel.styles.js │ │ │ ├── TextFieldLabel.test.js │ │ │ └── __snapshots__ │ │ │ │ └── TextFieldLabel.test.js.snap │ │ ├── TextFieldOutline │ │ │ ├── TextFieldOutline.js │ │ │ ├── TextFieldOutline.stories.js │ │ │ ├── TextFieldOutline.styles.js │ │ │ ├── TextFieldOutline.test.js │ │ │ └── __snapshots__ │ │ │ │ └── TextFieldOutline.test.js.snap │ │ ├── TextFieldUnderline │ │ │ ├── TextFieldUnderline.js │ │ │ ├── TextFieldUnderline.styles.js │ │ │ ├── TextFieldUnderline.test.js │ │ │ └── __snapshots__ │ │ │ │ └── TextFieldUnderline.test.js.snap │ │ ├── __snapshots__ │ │ │ └── TextField.test.js.snap │ │ └── index.js │ ├── ToggleButton │ │ ├── ToggleButton.js │ │ ├── ToggleButton.stories.js │ │ ├── ToggleButton.styles.js │ │ ├── ToggleButton.test.js │ │ ├── ToggleButtonGroup │ │ │ ├── ToggleButtonGroup.js │ │ │ ├── ToggleButtonGroup.test.js │ │ │ ├── __snapshots__ │ │ │ │ └── ToggleButtonGroup.test.js.snap │ │ │ └── index.js │ │ ├── __snapshots__ │ │ │ └── ToggleButton.test.js.snap │ │ └── index.js │ ├── Tooltip │ │ ├── Tooltip.js │ │ ├── Tooltip.stories.js │ │ ├── Tooltip.styles.js │ │ ├── Tooltip.test.js │ │ ├── __snapshots__ │ │ │ └── Tooltip.test.js.snap │ │ └── index.js │ └── Typography │ │ ├── BaseText │ │ ├── BaseTest.test.js │ │ ├── BaseText.js │ │ └── __snapshots__ │ │ │ └── BaseTest.test.js.snap │ │ ├── BodyText │ │ ├── BodyText.js │ │ ├── BodyText.test.js │ │ └── __snapshots__ │ │ │ └── BodyText.test.js.snap │ │ ├── Caption │ │ ├── Caption.js │ │ ├── Caption.test.js │ │ └── __snapshots__ │ │ │ └── Caption.test.js.snap │ │ ├── Heading │ │ ├── Heading.js │ │ ├── Heading.test.js │ │ └── __snapshots__ │ │ │ └── Heading.test.js.snap │ │ ├── Overline │ │ ├── Overline.js │ │ ├── Overline.test.js │ │ └── __snapshots__ │ │ │ └── Overline.test.js.snap │ │ ├── Subtitle │ │ ├── Subtitle.js │ │ ├── Subtitle.test.js │ │ └── __snapshots__ │ │ │ └── Subtitle.test.js.snap │ │ ├── Typography.stories.js │ │ └── index.js ├── Core │ ├── BreadProvider.js │ └── colors │ │ ├── amber.js │ │ ├── blue.js │ │ ├── blueGrey.js │ │ ├── brown.js │ │ ├── cyan.js │ │ ├── deepOrange.js │ │ ├── deepPurple.js │ │ ├── green.js │ │ ├── grey.js │ │ ├── index.js │ │ ├── indigo.js │ │ ├── lightBlue.js │ │ ├── lightGreen.js │ │ ├── lime.js │ │ ├── orange.js │ │ ├── pink.js │ │ ├── purple.js │ │ ├── red.js │ │ ├── teal.js │ │ └── yellow.js ├── Theme │ ├── ThemeContext.js │ ├── defaultTheme.js │ ├── mergeTheme.js │ └── withTheme.js ├── Utils │ ├── Anchor │ │ ├── Anchor.js │ │ └── Anchor.stories.js │ ├── Hoverable │ │ ├── HoverState.js │ │ ├── Hoverable.js │ │ ├── Hoverable.stories.js │ │ ├── Hoverable.test.js │ │ └── __snapshots__ │ │ │ └── Hoverable.test.js.snap │ └── Shadow │ │ ├── Shadow.stories.js │ │ └── shadow.js ├── helpers │ ├── hasNotch.js │ └── statusBarHeight.js ├── index.d.ts ├── index.js ├── storybook │ ├── assets │ │ ├── avatar.png │ │ └── eagle3.jpeg │ ├── components │ │ ├── Container.js │ │ └── Header.js │ ├── helpers │ │ └── storiesOf │ │ │ ├── index.android.js │ │ │ ├── index.ios.js │ │ │ └── index.js │ ├── index.android.js │ ├── index.ios.js │ ├── index.js │ ├── rn-addons.js │ ├── stories │ │ ├── Home.stories.js │ │ └── index.js │ └── storybook.js └── vue-native.js ├── webpack.config.js └── yarn.lock /.buckconfig: -------------------------------------------------------------------------------- 1 | 2 | [android] 3 | target = Google Inc.:Google APIs:23 4 | 5 | [maven_repositories] 6 | central = https://repo1.maven.org/maven2 7 | -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | *.pbxproj -text 2 | -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "singleQuote": true, 3 | "trailingComma": "all", 4 | "bracketSpacing": true, 5 | "jsxBracketSameLine": true 6 | } 7 | -------------------------------------------------------------------------------- /.storybook/addons.js: -------------------------------------------------------------------------------- 1 | import '@storybook/addon-links/register'; 2 | import '@storybook/addon-storysource/register'; 3 | // import '@storybook/addon-actions/register'; 4 | import '@storybook/addon-jest/register'; 5 | import '@storybook/addon-backgrounds/register'; 6 | import '@storybook/addon-google-analytics/register'; 7 | import '@storybook/addon-a11y/register'; 8 | // import '@storybook/addon-viewport/register'; 9 | -------------------------------------------------------------------------------- /.storybook/babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = function(api) { 2 | api.cache(true); 3 | return { 4 | presets: ['module:metro-react-native-babel-preset'], 5 | plugins: ['react-native-web', '@babel/plugin-proposal-object-rest-spread'], 6 | }; 7 | }; 8 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | sudo: false 2 | language: node_js 3 | node_js: 4 | - "8" 5 | cache: 6 | directories: 7 | - node_modules 8 | install: 9 | - yarn install 10 | script: 11 | - yarn run lint 12 | - yarn run test 13 | -------------------------------------------------------------------------------- /.watchmanconfig: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /App.js: -------------------------------------------------------------------------------- 1 | export default from './src/storybook'; 2 | -------------------------------------------------------------------------------- /android/app/src/main/assets/fonts/AntDesign.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/android/app/src/main/assets/fonts/AntDesign.ttf -------------------------------------------------------------------------------- /android/app/src/main/assets/fonts/Entypo.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/android/app/src/main/assets/fonts/Entypo.ttf -------------------------------------------------------------------------------- /android/app/src/main/assets/fonts/EvilIcons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/android/app/src/main/assets/fonts/EvilIcons.ttf -------------------------------------------------------------------------------- /android/app/src/main/assets/fonts/Feather.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/android/app/src/main/assets/fonts/Feather.ttf -------------------------------------------------------------------------------- /android/app/src/main/assets/fonts/FontAwesome.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/android/app/src/main/assets/fonts/FontAwesome.ttf -------------------------------------------------------------------------------- /android/app/src/main/assets/fonts/FontAwesome5_Brands.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/android/app/src/main/assets/fonts/FontAwesome5_Brands.ttf -------------------------------------------------------------------------------- /android/app/src/main/assets/fonts/FontAwesome5_Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/android/app/src/main/assets/fonts/FontAwesome5_Regular.ttf -------------------------------------------------------------------------------- /android/app/src/main/assets/fonts/FontAwesome5_Solid.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/android/app/src/main/assets/fonts/FontAwesome5_Solid.ttf -------------------------------------------------------------------------------- /android/app/src/main/assets/fonts/Foundation.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/android/app/src/main/assets/fonts/Foundation.ttf -------------------------------------------------------------------------------- /android/app/src/main/assets/fonts/Ionicons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/android/app/src/main/assets/fonts/Ionicons.ttf -------------------------------------------------------------------------------- /android/app/src/main/assets/fonts/MaterialCommunityIcons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/android/app/src/main/assets/fonts/MaterialCommunityIcons.ttf -------------------------------------------------------------------------------- /android/app/src/main/assets/fonts/MaterialIcons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/android/app/src/main/assets/fonts/MaterialIcons.ttf -------------------------------------------------------------------------------- /android/app/src/main/assets/fonts/Octicons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/android/app/src/main/assets/fonts/Octicons.ttf -------------------------------------------------------------------------------- /android/app/src/main/assets/fonts/SimpleLineIcons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/android/app/src/main/assets/fonts/SimpleLineIcons.ttf -------------------------------------------------------------------------------- /android/app/src/main/assets/fonts/Zocial.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/android/app/src/main/assets/fonts/Zocial.ttf -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | MaterialBread 3 | 4 | -------------------------------------------------------------------------------- /android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | zipStoreBase=GRADLE_USER_HOME 4 | zipStorePath=wrapper/dists 5 | distributionUrl=https\://services.gradle.org/distributions/gradle-4.10.1-all.zip 6 | -------------------------------------------------------------------------------- /android/keystores/BUCK: -------------------------------------------------------------------------------- 1 | keystore( 2 | name = "debug", 3 | properties = "debug.keystore.properties", 4 | store = "debug.keystore", 5 | visibility = [ 6 | "PUBLIC", 7 | ], 8 | ) 9 | -------------------------------------------------------------------------------- /android/keystores/debug.keystore.properties: -------------------------------------------------------------------------------- 1 | key.store=debug.keystore 2 | key.alias=androiddebugkey 3 | key.store.password=android 4 | key.alias.password=android 5 | -------------------------------------------------------------------------------- /android/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'MaterialBread' 2 | include ':react-native-svg' 3 | project(':react-native-svg').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-svg/android') 4 | include ':react-native-vector-icons' 5 | project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android') 6 | 7 | include ':app' 8 | -------------------------------------------------------------------------------- /app.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "MaterialBread", 3 | "displayName": "MaterialBread" 4 | } -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = function(api) { 2 | api.cache(true); 3 | return { 4 | presets: ['module:metro-react-native-babel-preset'], 5 | plugins: [ 6 | '@babel/plugin-transform-flow-strip-types', 7 | '@babel/plugin-proposal-class-properties', 8 | '@babel/plugin-proposal-object-rest-spread', 9 | '@babel/plugin-proposal-export-namespace-from', 10 | ], 11 | }; 12 | }; 13 | -------------------------------------------------------------------------------- /dist/Components/Appbar/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _Appbar.default;}});var _Appbar=_interopRequireDefault(require("./Appbar")); -------------------------------------------------------------------------------- /dist/Components/AppbarBottom/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _AppbarBottom.default;}});var _AppbarBottom=_interopRequireDefault(require("./AppbarBottom")); -------------------------------------------------------------------------------- /dist/Components/Avatar/Avatar.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/Avatar/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _Avatar.default;}});var _Avatar=_interopRequireDefault(require("./Avatar")); -------------------------------------------------------------------------------- /dist/Components/Backdrop/BackLayer/BackLayer.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({backLayer:{position:'absolute',top:0,bottom:0,width:'100%'}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/Backdrop/Backdrop.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({backLayerContainer:{flex:1}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/Backdrop/FrontLayer/FrontLayer.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({frontLayerContainer:{flex:1,backgroundColor:'white',borderTopLeftRadius:16,borderTopRightRadius:16},subheader:{fontSize:16,color:'rgba(0,0,0,.8)',marginLeft:20,marginTop:16}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/Backdrop/HeaderButton/HeaderButton.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({container:{height:56,width:56,justifyContent:'center',alignItems:'center',position:'absolute'},ripple:{height:32,width:32,justifyContent:'center'},icon:{alignSelf:'center'}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/Backdrop/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _Backdrop.default;}});var _Backdrop=_interopRequireDefault(require("./Backdrop")); -------------------------------------------------------------------------------- /dist/Components/Backdrop/utils.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/dist/Components/Backdrop/utils.js -------------------------------------------------------------------------------- /dist/Components/Badge/Badge.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({content:{alignSelf:'center',alignItems:'center',justifyContent:'center'}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/Badge/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _Badge.default;}});var _Badge=_interopRequireDefault(require("./Badge")); -------------------------------------------------------------------------------- /dist/Components/Banner/Banner.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({container:{overflow:'hidden',backgroundColor:'white'},content:{flexDirection:'row',flex:1},buttons:{flexDirection:'row',marginRight:8,marginBottom:8,flexShrink:1,minWidth:'auto'},button:{width:'auto',marginLeft:8}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/Banner/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _Banner.default;}});var _Banner=_interopRequireDefault(require("./Banner")); -------------------------------------------------------------------------------- /dist/Components/BottomNavigation/BottomNavigationItem/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _BottomNavigationItem.default;}});var _BottomNavigationItem=_interopRequireDefault(require("./BottomNavigationItem")); -------------------------------------------------------------------------------- /dist/Components/Button/Button.styles.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/dist/Components/Button/Button.styles.js -------------------------------------------------------------------------------- /dist/Components/Button/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _Button.default;}});var _Button=_interopRequireDefault(require("./Button")); -------------------------------------------------------------------------------- /dist/Components/Card/Card.styles.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/dist/Components/Card/Card.styles.js -------------------------------------------------------------------------------- /dist/Components/Card/CardActions/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _CardActions.default;}});var _CardActions=_interopRequireDefault(require("./CardActions")); -------------------------------------------------------------------------------- /dist/Components/Card/CardContent/CardContent.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({contentContainer:{padding:24,fontSize:16,color:'#000000',lineHeight:24,letterSpacing:0.44}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/Card/CardContent/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _CardContent.default;}});var _CardContent=_interopRequireDefault(require("./CardContent")); -------------------------------------------------------------------------------- /dist/Components/Card/CardHeader/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _CardHeader.default;}});var _CardHeader=_interopRequireDefault(require("./CardHeader")); -------------------------------------------------------------------------------- /dist/Components/Card/CardMedia/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _CardMedia.default;}});var _CardMedia=_interopRequireDefault(require("./CardMedia")); -------------------------------------------------------------------------------- /dist/Components/Checkbox/Checkbox.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({container:{flexDirection:'row',alignItems:'center'},checkBoxRipple:{borderRadius:100,flexDirection:'row',alignItems:'center',justifyContent:'center'},labelContainer:{flexShrink:1},label:{}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/Checkbox/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _Checkbox.default;}});var _Checkbox=_interopRequireDefault(require("./Checkbox")); -------------------------------------------------------------------------------- /dist/Components/Chip/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _Chip.default;}});var _Chip=_interopRequireDefault(require("./Chip")); -------------------------------------------------------------------------------- /dist/Components/DataTable/DataTableCell/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _DataTableCell.default;}});var _DataTableCell=_interopRequireDefault(require("./DataTableCell")); -------------------------------------------------------------------------------- /dist/Components/DataTable/DataTableHeader/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _DataTableHeader.default;}});var _DataTableHeader=_interopRequireDefault(require("./DataTableHeader")); -------------------------------------------------------------------------------- /dist/Components/DataTable/DataTablePagination/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _DataTablePagination.default;}});var _DataTablePagination=_interopRequireDefault(require("./DataTablePagination")); -------------------------------------------------------------------------------- /dist/Components/DataTable/DataTableRow/DataTableRow.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({container:{borderStyle:'solid',borderBottomWidth:_reactNative.StyleSheet.hairlineWidth,minHeight:48,flexDirection:'row',alignItems:'stretch',minWidth:'auto'},checkboxOffset:{width:36,marginRight:12}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/DataTable/DataTableRow/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _DataTableRow.default;}});var _DataTableRow=_interopRequireDefault(require("./DataTableRow")); -------------------------------------------------------------------------------- /dist/Components/Dialog/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _Dialog.default;}});var _Dialog=_interopRequireDefault(require("./Dialog")); -------------------------------------------------------------------------------- /dist/Components/Divider/Divider.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({subheader:{marginTop:8,color:'rgba(0,0,0,.57)',fontSize:12}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/Divider/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _Divider.default;}});var _Divider=_interopRequireDefault(require("./Divider")); -------------------------------------------------------------------------------- /dist/Components/Drawer/DrawerHeader/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _DrawerHeader.default;}});var _DrawerHeader=_interopRequireDefault(require("./DrawerHeader")); -------------------------------------------------------------------------------- /dist/Components/Drawer/DrawerItem/DrawerItem.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({drawerItem:{flexDirection:'row',alignItems:'center',height:40,borderRadius:4,paddingHorizontal:8,zIndex:10},text:{fontSize:14,color:'rgba(0,0,0,.87)',fontWeight:'500',zIndex:10}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/Drawer/DrawerItem/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _DrawerItem.default;}});var _DrawerItem=_interopRequireDefault(require("./DrawerItem")); -------------------------------------------------------------------------------- /dist/Components/Drawer/DrawerSection/DrawerSection.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({content:{paddingTop:8,paddingBottom:8},label:{marginBottom:8}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/Drawer/DrawerSection/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _DrawerSection.default;}});var _DrawerSection=_interopRequireDefault(require("./DrawerSection")); -------------------------------------------------------------------------------- /dist/Components/DrawerBottom/DrawerBottom.styles.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/dist/Components/DrawerBottom/DrawerBottom.styles.js -------------------------------------------------------------------------------- /dist/Components/DrawerBottom/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _DrawerBottom.default;}});var _DrawerBottom=_interopRequireDefault(require("./DrawerBottom")); -------------------------------------------------------------------------------- /dist/Components/Fab/FabSpeedDial/FabSpeedDial.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({container:{position:'absolute',bottom:0,right:0,backgroundColor:'transparent',alignItems:'flex-end'}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/Fab/FabSpeedDial/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _FabSpeedDial.default;}});var _FabSpeedDial=_interopRequireDefault(require("./FabSpeedDial")); -------------------------------------------------------------------------------- /dist/Components/Icon/Icon.styles.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/dist/Components/Icon/Icon.styles.js -------------------------------------------------------------------------------- /dist/Components/Icon/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _Icon.default;}});var _Icon=_interopRequireDefault(require("./Icon")); -------------------------------------------------------------------------------- /dist/Components/IconButton/IconButton.styles.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/dist/Components/IconButton/IconButton.styles.js -------------------------------------------------------------------------------- /dist/Components/IconButton/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _IconButton.default;}});var _IconButton=_interopRequireDefault(require("./IconButton")); -------------------------------------------------------------------------------- /dist/Components/List/List.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({subheader:{color:'rgba(0,0,0,0.67)',fontSize:14,marginBottom:20}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/List/ListExpand/ListExpand.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({container:{paddingHorizontal:16,paddingVertical:12,flexDirection:'row',justifyContent:'space-between',alignItems:'center'},title:{fontSize:16}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/List/ListExpand/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _ListExpand.default;}});var _ListExpand=_interopRequireDefault(require("./ListExpand")); -------------------------------------------------------------------------------- /dist/Components/List/ListItem/ListItem.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({listItemText:{fontSize:16,lineHeight:24,letterSpacing:0.44},listItemSecondaryText:{fontSize:14,lineHeight:14,marginTop:4}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/List/ListItem/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _ListItem.default;}});var _ListItem=_interopRequireDefault(require("./ListItem")); -------------------------------------------------------------------------------- /dist/Components/List/ListSection/ListSection.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({content:{paddingTop:8,paddingBottom:8},label:{marginBottom:8,alignSelf:'flex-start'}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/List/ListSection/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _ListSection.default;}});var _ListSection=_interopRequireDefault(require("./ListSection")); -------------------------------------------------------------------------------- /dist/Components/Menu/MenuItem/MenuItem.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({container:{minHeight:32,width:324,minWidth:124,alignItems:'center',flexDirection:'row',paddingVertical:12,paddingHorizontal:24},title:{fontSize:16,fontWeight:'400',lineHeight:24,letterSpacing:0.44,color:'#000000'}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/Menu/MenuItem/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _MenuItem.default;}});var _MenuItem=_interopRequireDefault(require("./MenuItem")); -------------------------------------------------------------------------------- /dist/Components/Menu/ModalMenu/ModalMenu.native.styles.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/dist/Components/Menu/ModalMenu/ModalMenu.native.styles.js -------------------------------------------------------------------------------- /dist/Components/Modal/Modal.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _Modal=_interopRequireDefault(require("./Modal.web"));var _default=_Modal.default;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/Modal/Modal.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({container:{flex:1,padding:24,justifyContent:'center',alignItems:'center'}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/Paper/Paper.styles.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/dist/Components/Paper/Paper.styles.js -------------------------------------------------------------------------------- /dist/Components/Progress/ProgressBar/ProgressBar.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({track:{width:'100%',position:'relative',overflow:'hidden'}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/Progress/ProgressBar/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _ProgressBar.default;}});var _ProgressBar=_interopRequireDefault(require("./ProgressBar")); -------------------------------------------------------------------------------- /dist/Components/Progress/ProgressCircle/ProgressCircle.styles.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/dist/Components/Progress/ProgressCircle/ProgressCircle.styles.js -------------------------------------------------------------------------------- /dist/Components/Progress/ProgressCircle/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _ProgressCircle.default;}});var _ProgressCircle=_interopRequireDefault(require("./ProgressCircle")); -------------------------------------------------------------------------------- /dist/Components/RadioButton/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _RadioButton.default;}});var _RadioButton=_interopRequireDefault(require("./RadioButton")); -------------------------------------------------------------------------------- /dist/Components/Ripple/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _Ripple.default;}});var _Ripple=_interopRequireDefault(require("./Ripple")); -------------------------------------------------------------------------------- /dist/Components/Select/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _Select.default;}});var _Select=_interopRequireDefault(require("./Select")); -------------------------------------------------------------------------------- /dist/Components/SheetBottom/SheetBottom.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _SheetBottom=_interopRequireDefault(require("./SheetBottom.web"));var _default=_SheetBottom.default;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/SheetBottom/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _SheetBottom.default;}});var _SheetBottom=_interopRequireDefault(require("./SheetBottom")); -------------------------------------------------------------------------------- /dist/Components/SheetSide/SheetSide.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _SheetSide=_interopRequireDefault(require("./SheetSide.web"));var _default=_SheetSide.default;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/SheetSide/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _SheetSide.default;}});var _SheetSide=_interopRequireDefault(require("./SheetSide")); -------------------------------------------------------------------------------- /dist/Components/Slider/Marker/Marker.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({ripple:{justifyContent:'center',alignItems:'center'}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/Slider/Slider.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({container:{position:'relative',height:50,justifyContent:'center'},fullTrack:{flexDirection:_reactNative.I18nManager.isRTL?'row-reverse':'row'}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/Slider/Track/Track.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({track:{backgroundColor:'#CECECE'},selectedTrack:{backgroundColor:'#0D8675'}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/Slider/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _Slider.default;}});var _Slider=_interopRequireDefault(require("./Slider")); -------------------------------------------------------------------------------- /dist/Components/Snackbar/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _Snackbar.default;}});var _Snackbar=_interopRequireDefault(require("./Snackbar")); -------------------------------------------------------------------------------- /dist/Components/SwipeNav/SwipeNav.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _default={container:{flex:1,overflow:'hidden'},headerContainer:{position:'absolute',left:0,right:0,top:0,zIndex:100},footerContainer:{position:'absolute',left:0,right:0,bottom:0,zIndex:100},scrollContainer:{zIndex:10}};exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/SwipeNav/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _SwipeNav.default;}});var _SwipeNav=_interopRequireDefault(require("./SwipeNav")); -------------------------------------------------------------------------------- /dist/Components/Switch/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _Switch.default;}});var _Switch=_interopRequireDefault(require("./Switch")); -------------------------------------------------------------------------------- /dist/Components/Tabs/Tab/Tab.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({container:{alignItems:'center',justifyContent:'center',padding:12,minHeight:48,maxHeight:72},text:{fontSize:14,textAlign:'center',minWidth:'100%'}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/Tabs/Tab/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _Tab.default;}});var _Tab=_interopRequireDefault(require("./Tab")); -------------------------------------------------------------------------------- /dist/Components/Tabs/Tabs.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({container:{minHeight:48,maxHeight:78},tabsWrapper:{flexDirection:'row',minHeight:48,maxHeight:78}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/Tabs/Underline/Undrline.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({underline:{height:2,position:'absolute',bottom:0}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/Tabs/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _Tabs.default;}});Object.defineProperty(exports,"Tab",{enumerable:true,get:function get(){return _Tab.default;}});var _Tabs=_interopRequireDefault(require("./Tabs"));var _Tab=_interopRequireDefault(require("./Tab")); -------------------------------------------------------------------------------- /dist/Components/TextField/TextField.styles.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/dist/Components/TextField/TextField.styles.js -------------------------------------------------------------------------------- /dist/Components/TextField/TextFieldFilled/TextFieldFilled.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({containerStyle:{position:'relative'},textField:{paddingHorizontal:12},filledInput:{borderTopLeftRadius:4,borderTopRightRadius:4,backgroundColor:'#d9d9d9'}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/TextField/TextFieldFlat/TextFieldFlat.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({containerStyle:{position:'relative'},textField:{height:56,textAlignVertical:'bottom',paddingTop:16},flatInput:{}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/TextField/TextFieldHelperText/TextFieldHelperText.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({helper:{color:'rgba(0,0,0,0.6)',height:16,marginLeft:12,zIndex:10,width:'100%',position:'absolute',bottom:-20,fontSize:12}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/TextField/TextFieldHelperText/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _TextFieldHelperText.default;}});var _TextFieldHelperText=_interopRequireDefault(require("./TextFieldHelperText")); -------------------------------------------------------------------------------- /dist/Components/TextField/TextFieldLabel/TextFieldLabel.constants.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.nonOutlinedStops=exports.outlinedStopsDense=exports.outlinedStops=void 0;var outlinedStops={initial:18,active:-8};exports.outlinedStops=outlinedStops;var outlinedStopsDense={initial:10,active:-8};exports.outlinedStopsDense=outlinedStopsDense;var nonOutlinedStops={initial:18,active:5};exports.nonOutlinedStops=nonOutlinedStops; -------------------------------------------------------------------------------- /dist/Components/TextField/TextFieldLabel/TextFieldLabel.constants.native.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.nonOutlinedStops=exports.outlinedStopsDense=exports.outlinedStops=void 0;var outlinedStops={initial:20,active:-12};exports.outlinedStops=outlinedStops;var outlinedStopsDense={initial:8,active:-12};exports.outlinedStopsDense=outlinedStopsDense;var nonOutlinedStops={initial:20,active:5};exports.nonOutlinedStops=nonOutlinedStops; -------------------------------------------------------------------------------- /dist/Components/TextField/TextFieldLabel/TextFieldLabel.constants.web.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.nonOutlinedStops=exports.outlinedStopsDense=exports.outlinedStops=void 0;var outlinedStops={initial:18,active:-8};exports.outlinedStops=outlinedStops;var outlinedStopsDense={initial:10,active:-8};exports.outlinedStopsDense=outlinedStopsDense;var nonOutlinedStops={initial:18,active:5};exports.nonOutlinedStops=nonOutlinedStops; -------------------------------------------------------------------------------- /dist/Components/TextField/TextFieldLabel/TextFieldLabel.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({container:{position:'absolute',zIndex:10},label:{}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/TextField/TextFieldUnderline/TextFieldUnderline.styles.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({underline:{position:'absolute',left:0,right:0,bottom:0,height:2}});var _default=styles;exports.default=_default; -------------------------------------------------------------------------------- /dist/Components/ToggleButton/ToggleButton.styles.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/dist/Components/ToggleButton/ToggleButton.styles.js -------------------------------------------------------------------------------- /dist/Components/ToggleButton/ToggleButtonGroup/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _ToggleButtonGroup.default;}});var _ToggleButtonGroup=_interopRequireDefault(require("./ToggleButtonGroup")); -------------------------------------------------------------------------------- /dist/Components/Tooltip/index.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _Tooltip.default;}});var _Tooltip=_interopRequireDefault(require("./Tooltip")); -------------------------------------------------------------------------------- /dist/Core/colors/amber.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var amber={50:'#fff8e1',100:'#ffecb3',200:'#ffe082',300:'#ffd54f',400:'#ffca28',500:'#ffc107',600:'#ffb300',700:'#ffa000',800:'#ff8f00',900:'#ff6f00',A100:'#ffe57f',A200:'#ffd740',A400:'#ffc400',A700:'#ffab00'};var _default=amber;exports.default=_default; -------------------------------------------------------------------------------- /dist/Core/colors/blue.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var blue={50:'#e3f2fd',100:'#bbdefb',200:'#90caf9',300:'#64b5f6',400:'#42a5f5',500:'#2196f3',600:'#1e88e5',700:'#1976d2',800:'#1565c0',900:'#0d47a1',A100:'#82b1ff',A200:'#448aff',A400:'#2979ff',A700:'#2962ff'};var _default=blue;exports.default=_default; -------------------------------------------------------------------------------- /dist/Core/colors/blueGrey.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var blueGrey={50:'#eceff1',100:'#cfd8dc',200:'#b0bec5',300:'#90a4ae',400:'#78909c',500:'#607d8b',600:'#546e7a',700:'#455a64',800:'#37474f',900:'#263238',A100:'#cfd8dc',A200:'#b0bec5',A400:'#78909c',A700:'#455a64'};var _default=blueGrey;exports.default=_default; -------------------------------------------------------------------------------- /dist/Core/colors/brown.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var brown={50:'#efebe9',100:'#d7ccc8',200:'#bcaaa4',300:'#a1887f',400:'#8d6e63',500:'#795548',600:'#6d4c41',700:'#5d4037',800:'#4e342e',900:'#3e2723',A100:'#d7ccc8',A200:'#bcaaa4',A400:'#8d6e63',A700:'#5d4037'};var _default=brown;exports.default=_default; -------------------------------------------------------------------------------- /dist/Core/colors/cyan.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var cyan={50:'#e0f7fa',100:'#b2ebf2',200:'#80deea',300:'#4dd0e1',400:'#26c6da',500:'#00bcd4',600:'#00acc1',700:'#0097a7',800:'#00838f',900:'#006064',A100:'#84ffff',A200:'#18ffff',A400:'#00e5ff',A700:'#00b8d4'};var _default=cyan;exports.default=_default; -------------------------------------------------------------------------------- /dist/Core/colors/deepOrange.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var deepOrange={50:'#fbe9e7',100:'#ffccbc',200:'#ffab91',300:'#ff8a65',400:'#ff7043',500:'#ff5722',600:'#f4511e',700:'#e64a19',800:'#d84315',900:'#bf360c',A100:'#ff9e80',A200:'#ff6e40',A400:'#ff3d00',A700:'#dd2c00'};var _default=deepOrange;exports.default=_default; -------------------------------------------------------------------------------- /dist/Core/colors/deepPurple.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var deepPurple={50:'#ede7f6',100:'#d1c4e9',200:'#b39ddb',300:'#9575cd',400:'#7e57c2',500:'#673ab7',600:'#5e35b1',700:'#512da8',800:'#4527a0',900:'#311b92',A100:'#b388ff',A200:'#7c4dff',A400:'#651fff',A700:'#6200ea'};var _default=deepPurple;exports.default=_default; -------------------------------------------------------------------------------- /dist/Core/colors/green.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var green={50:'#e8f5e9',100:'#c8e6c9',200:'#a5d6a7',300:'#81c784',400:'#66bb6a',500:'#4caf50',600:'#43a047',700:'#388e3c',800:'#2e7d32',900:'#1b5e20',A100:'#b9f6ca',A200:'#69f0ae',A400:'#00e676',A700:'#00c853'};var _default=green;exports.default=_default; -------------------------------------------------------------------------------- /dist/Core/colors/grey.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var grey={50:'#fafafa',100:'#f5f5f5',200:'#eeeeee',300:'#e0e0e0',400:'#bdbdbd',500:'#9e9e9e',600:'#757575',700:'#616161',800:'#424242',900:'#212121',A100:'#d5d5d5',A200:'#aaaaaa',A400:'#303030',A700:'#616161'};var _default=grey;exports.default=_default; -------------------------------------------------------------------------------- /dist/Core/colors/indigo.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var indigo={50:'#e8eaf6',100:'#c5cae9',200:'#9fa8da',300:'#7986cb',400:'#5c6bc0',500:'#3f51b5',600:'#3949ab',700:'#303f9f',800:'#283593',900:'#1a237e',A100:'#8c9eff',A200:'#536dfe',A400:'#3d5afe',A700:'#304ffe'};var _default=indigo;exports.default=_default; -------------------------------------------------------------------------------- /dist/Core/colors/lightBlue.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var lightBlue={50:'#e1f5fe',100:'#b3e5fc',200:'#81d4fa',300:'#4fc3f7',400:'#29b6f6',500:'#03a9f4',600:'#039be5',700:'#0288d1',800:'#0277bd',900:'#01579b',A100:'#80d8ff',A200:'#40c4ff',A400:'#00b0ff',A700:'#0091ea'};var _default=lightBlue;exports.default=_default; -------------------------------------------------------------------------------- /dist/Core/colors/lightGreen.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var lightGreen={50:'#f1f8e9',100:'#dcedc8',200:'#c5e1a5',300:'#aed581',400:'#9ccc65',500:'#8bc34a',600:'#7cb342',700:'#689f38',800:'#558b2f',900:'#33691e',A100:'#ccff90',A200:'#b2ff59',A400:'#76ff03',A700:'#64dd17'};var _default=lightGreen;exports.default=_default; -------------------------------------------------------------------------------- /dist/Core/colors/lime.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var lime={50:'#f9fbe7',100:'#f0f4c3',200:'#e6ee9c',300:'#dce775',400:'#d4e157',500:'#cddc39',600:'#c0ca33',700:'#afb42b',800:'#9e9d24',900:'#827717',A100:'#f4ff81',A200:'#eeff41',A400:'#c6ff00',A700:'#aeea00'};var _default=lime;exports.default=_default; -------------------------------------------------------------------------------- /dist/Core/colors/orange.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var orange={50:'#fff3e0',100:'#ffe0b2',200:'#ffcc80',300:'#ffb74d',400:'#ffa726',500:'#ff9800',600:'#fb8c00',700:'#f57c00',800:'#ef6c00',900:'#e65100',A100:'#ffd180',A200:'#ffab40',A400:'#ff9100',A700:'#ff6d00'};var _default=orange;exports.default=_default; -------------------------------------------------------------------------------- /dist/Core/colors/pink.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var pink={50:'#fce4ec',100:'#f8bbd0',200:'#f48fb1',300:'#f06292',400:'#ec407a',500:'#e91e63',600:'#d81b60',700:'#c2185b',800:'#ad1457',900:'#880e4f',A100:'#ff80ab',A200:'#ff4081',A400:'#f50057',A700:'#c51162'};var _default=pink;exports.default=_default; -------------------------------------------------------------------------------- /dist/Core/colors/purple.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var purple={50:'#f3e5f5',100:'#e1bee7',200:'#ce93d8',300:'#ba68c8',400:'#ab47bc',500:'#9c27b0',600:'#8e24aa',700:'#7b1fa2',800:'#6a1b9a',900:'#4a148c',A100:'#ea80fc',A200:'#e040fb',A400:'#d500f9',A700:'#aa00ff'};var _default=purple;exports.default=_default; -------------------------------------------------------------------------------- /dist/Core/colors/red.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var red={50:'#ffebee',100:'#ffcdd2',200:'#ef9a9a',300:'#e57373',400:'#ef5350',500:'#f44336',600:'#e53935',700:'#d32f2f',800:'#c62828',900:'#b71c1c',A100:'#ff8a80',A200:'#ff5252',A400:'#ff1744',A700:'#d50000'};var _default=red;exports.default=_default; -------------------------------------------------------------------------------- /dist/Core/colors/teal.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var teal={50:'#e0f2f1',100:'#b2dfdb',200:'#80cbc4',300:'#4db6ac',400:'#26a69a',500:'#009688',600:'#00897b',700:'#00796b',800:'#00695c',900:'#004d40',A100:'#a7ffeb',A200:'#64ffda',A400:'#1de9b6',A700:'#00bfa5'};var _default=teal;exports.default=_default; -------------------------------------------------------------------------------- /dist/Core/colors/yellow.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var yellow={50:'#fffde7',100:'#fff9c4',200:'#fff59d',300:'#fff176',400:'#ffee58',500:'#ffeb3b',600:'#fdd835',700:'#fbc02d',800:'#f9a825',900:'#f57f17',A100:'#ffff8d',A200:'#ffff00',A400:'#ffea00',A700:'#ffd600'};var _default=yellow;exports.default=_default; -------------------------------------------------------------------------------- /dist/Theme/ThemeContext.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _defaultTheme=_interopRequireDefault(require("./defaultTheme"));var ThemeContext=_react.default.createContext(_defaultTheme.default);var _default=ThemeContext;exports.default=_default; -------------------------------------------------------------------------------- /dist/storybook/helpers/storiesOf/index.android.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"storiesOf",{enumerable:true,get:function get(){return _reactNative.storiesOf;}});var _reactNative=require("@storybook/react-native"); -------------------------------------------------------------------------------- /dist/storybook/helpers/storiesOf/index.ios.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"storiesOf",{enumerable:true,get:function get(){return _reactNative.storiesOf;}});var _reactNative=require("@storybook/react-native"); -------------------------------------------------------------------------------- /dist/storybook/helpers/storiesOf/index.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"storiesOf",{enumerable:true,get:function get(){return _react.storiesOf;}});var _react=require("@storybook/react"); -------------------------------------------------------------------------------- /dist/storybook/index.android.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var _storybook=_interopRequireDefault(require("./storybook"));_reactNative.AppRegistry.registerComponent('ReactNativeBread',function(){return _storybook.default;});var _default=_storybook.default;exports.default=_default; -------------------------------------------------------------------------------- /dist/storybook/index.ios.js: -------------------------------------------------------------------------------- 1 | var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var _storybook=_interopRequireDefault(require("./storybook"));_reactNative.AppRegistry.registerComponent('ReactNativeBread',function(){return _storybook.default;});var _default=_storybook.default;exports.default=_default; -------------------------------------------------------------------------------- /dist/storybook/index.js: -------------------------------------------------------------------------------- 1 | Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("@storybook/react-native");require("./rn-addons");(0,_reactNative.configure)(function(){require('./stories');},module);var StorybookUIRoot=(0,_reactNative.getStorybookUI)({port:7007,host:'localhost'});var _default=StorybookUIRoot;exports.default=_default; -------------------------------------------------------------------------------- /dist/storybook/rn-addons.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/dist/storybook/rn-addons.js -------------------------------------------------------------------------------- /docs/README.md: -------------------------------------------------------------------------------- 1 | # Material Bread 2 | -------------------------------------------------------------------------------- /docs/gatsby-browser.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Implement Gatsby's Browser APIs in this file. 3 | * 4 | * See: https://www.gatsbyjs.org/docs/browser-apis/ 5 | */ 6 | 7 | // You can delete this file if you're not using it 8 | -------------------------------------------------------------------------------- /docs/gatsby-ssr.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Implement Gatsby's SSR (Server Side Rendering) APIs in this file. 3 | * 4 | * See: https://www.gatsbyjs.org/docs/ssr-apis/ 5 | */ 6 | 7 | // You can delete this file if you're not using it 8 | -------------------------------------------------------------------------------- /docs/src/assets/devtomaterial.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/docs/src/assets/devtomaterial.png -------------------------------------------------------------------------------- /docs/src/assets/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/docs/src/assets/favicon.ico -------------------------------------------------------------------------------- /docs/src/assets/github.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/docs/src/assets/github.png -------------------------------------------------------------------------------- /docs/src/assets/material-bread-docs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/docs/src/assets/material-bread-docs.png -------------------------------------------------------------------------------- /docs/src/assets/material-bread.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/docs/src/assets/material-bread.png -------------------------------------------------------------------------------- /docs/src/assets/rni.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/docs/src/assets/rni.png -------------------------------------------------------------------------------- /docs/src/assets/sky.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/docs/src/assets/sky.jpeg -------------------------------------------------------------------------------- /docs/src/blog/baking-material/1-appbar-bottom.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Baking Material Bread 1: Material Appbar Bottom' 3 | date: '2020-01-03' 4 | slug: /post/material-appbar-bottom-react-native 5 | description: 'How to build a Material Appbar Bottom in React Native' 6 | tags: ['baking-material', 'react-native', 'components'] 7 | categories: ['components'] 8 | --- 9 | 10 | ## Test 11 | -------------------------------------------------------------------------------- /docs/src/components/ColorPalette/ColorBlock/index.js: -------------------------------------------------------------------------------- 1 | export default from './ColorBlock'; 2 | -------------------------------------------------------------------------------- /docs/src/components/Sponsored.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | const Sponsored = ({ }) => ( 4 |
Sponsored By FullStack Labs
5 | ) 6 | 7 | export default Sponsored -------------------------------------------------------------------------------- /docs/src/content/components/appbar-bottom/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/avatar/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/backdrop/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/badge/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/banner/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/bottom-navigation-item/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/bottom-navigation/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/card-actions/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/card-content/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/card-content/propData.js: -------------------------------------------------------------------------------- 1 | import { createTableData } from '../../../utils/createPropData'; 2 | const propData = [ 3 | ['onPress', 'Callback func on container', 'func', ''], 4 | [ 5 | 'rippleProps', 6 | 'Props spread to ripple if onPress is supplied', 7 | 'object', 8 | '', 9 | ], 10 | ['style', 'Styles root element', 'object', ''], 11 | ]; 12 | 13 | export default createTableData(propData); 14 | -------------------------------------------------------------------------------- /docs/src/content/components/card-header/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/card-media/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/card/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/checkbox/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/chip/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/datatable-cell/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/datatable-header/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/datatable-header/propData.js: -------------------------------------------------------------------------------- 1 | import { createTableData } from '../../../utils/createPropData'; 2 | const propData = [ 3 | ['leftActions', 'Displays actions on left of header', 'array', ''], 4 | ['rightActions', 'Displays actions on right of header', 'array', ''], 5 | ['style', 'Styles root element', 'object', ''], 6 | ['title', 'Table title', 'string', ''], 7 | ]; 8 | 9 | export default createTableData(propData); 10 | -------------------------------------------------------------------------------- /docs/src/content/components/datatable-pagination/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/datatable-row/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/datatable/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 11 | ); 12 | export default Props; 13 | -------------------------------------------------------------------------------- /docs/src/content/components/datatable/propData.js: -------------------------------------------------------------------------------- 1 | import { createTableData } from '../../../utils/createPropData'; 2 | const propData = [['style', 'Styles root element', 'object', '']]; 3 | 4 | export default createTableData(propData); 5 | -------------------------------------------------------------------------------- /docs/src/content/components/dialog/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/divider/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/drawer-bottom/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/drawer-header/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/drawer-item/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/drawer-section/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/drawer/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/fab-speeddial/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/fab/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/icon/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/iconbutton/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/list-expand/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/list-item/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/list-section/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/list/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/list/propData.js: -------------------------------------------------------------------------------- 1 | import { createTableData } from '../../../utils/createPropData'; 2 | const propData = [ 3 | ['shadow', 'Shadow using the Shadow util', 'number', ''], 4 | ['style', 'Styles root element', 'object', ''], 5 | ['subheader', 'Adds a subheader for the whole list', 'string', ''], 6 | ]; 7 | 8 | export default createTableData(propData); 9 | -------------------------------------------------------------------------------- /docs/src/content/components/menu-item/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/menu/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/paper/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/paper/propData.js: -------------------------------------------------------------------------------- 1 | import { createTableData } from '../../../utils/createPropData'; 2 | const propData = [ 3 | ['radius', 'Border Radius for paper', 'number', ''], 4 | ['shadow', 'Sets shadow on all platforms', 'number', ''], 5 | 6 | ['style', 'Styles root element', 'object', ''], 7 | ]; 8 | 9 | export default createTableData(propData); 10 | -------------------------------------------------------------------------------- /docs/src/content/components/progress-bar/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/progress-circle/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/radiobutton/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/ripple/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/searchbar/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/searchfield/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/select/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/sheet-bottom/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/sheet-side/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/slider/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/snackbar/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/swipenav/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/switch/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/tab/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/tabs/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/textfield/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/togglebutton-group/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/togglebutton-group/propData.js: -------------------------------------------------------------------------------- 1 | import { createTableData } from '../../../utils/createPropData'; 2 | const propData = [ 3 | ['onPress', 'Callback for when a toggleButton is clicked', 'func', ''], 4 | ]; 5 | 6 | export default createTableData(propData); 7 | -------------------------------------------------------------------------------- /docs/src/content/components/togglebutton/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/tooltip/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/components/tooltip/propData.js: -------------------------------------------------------------------------------- 1 | import { createTableData } from '../../../utils/createPropData'; 2 | const propData = [ 3 | ['content', 'Text Content for tooltip', 'string', ''], 4 | 5 | ['style', 'Styles root element', 'object', ''], 6 | [ 7 | 'tooltipPosition', 8 | 'Position for the tooltip: top, bottom, left, right', 9 | 'string', 10 | 'top', 11 | ], 12 | ]; 13 | 14 | export default createTableData(propData); 15 | -------------------------------------------------------------------------------- /docs/src/content/components/typography/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/utils/anchor/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/utils/anchor/propData.js: -------------------------------------------------------------------------------- 1 | import { createTableData } from '../../../utils/createPropData'; 2 | const propData = [ 3 | ['target', 'Anchor target, only relevant on the web', 'string', '_self'], 4 | ['url', 'Full url for external link', 'string', ''], 5 | ]; 6 | 7 | export default createTableData(propData); 8 | -------------------------------------------------------------------------------- /docs/src/content/utils/hoverable/Props.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { ComponentProps } from '@components'; 3 | import propData from './propData'; 4 | 5 | const Props = pageHref => ( 6 | 7 | ); 8 | export default Props; 9 | -------------------------------------------------------------------------------- /docs/src/content/utils/hoverable/propData.js: -------------------------------------------------------------------------------- 1 | import { createTableData } from '../../../utils/createPropData'; 2 | const propData = [ 3 | ['onHoverIn', 'Call back when mouse enters component', 'func', ''], 4 | ['onHoverOut', 'Call back when mouse leaves component', 'func', ''], 5 | ]; 6 | 7 | export default createTableData(propData); 8 | -------------------------------------------------------------------------------- /docs/src/images/gatsby-astronaut.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/docs/src/images/gatsby-astronaut.png -------------------------------------------------------------------------------- /docs/src/images/gatsby-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/docs/src/images/gatsby-icon.png -------------------------------------------------------------------------------- /docs/src/navigation/contributingPages.js: -------------------------------------------------------------------------------- 1 | const contributingPages = [ 2 | { 3 | title: 'Library', 4 | path: '/contributing/library', 5 | }, 6 | { 7 | title: 'Docs', 8 | path: '/contributing/docs', 9 | }, 10 | ]; 11 | export default contributingPages; 12 | -------------------------------------------------------------------------------- /docs/src/navigation/index.js: -------------------------------------------------------------------------------- 1 | import componentPages from './componentPages'; 2 | import contributingPages from './contributingPages'; 3 | import gettingStartedPages from './gettingStartedPages'; 4 | import stylePages from './stylePages'; 5 | import utilsPages from './utilsPages'; 6 | 7 | export { 8 | componentPages, 9 | contributingPages, 10 | gettingStartedPages, 11 | stylePages, 12 | utilsPages, 13 | }; 14 | -------------------------------------------------------------------------------- /docs/src/navigation/stylePages.js: -------------------------------------------------------------------------------- 1 | const stylePages = [ 2 | { 3 | title: 'Font', 4 | path: '/style/font', 5 | }, 6 | { 7 | title: 'Icons', 8 | path: '/style/icons', 9 | }, 10 | { 11 | title: 'Theme', 12 | path: '/style/theme', 13 | }, 14 | ]; 15 | 16 | export default stylePages; 17 | -------------------------------------------------------------------------------- /docs/src/navigation/utilsPages.js: -------------------------------------------------------------------------------- 1 | const utils = [ 2 | { 3 | title: 'Anchor', 4 | path: '/utils/anchor', 5 | }, 6 | { 7 | title: 'Color', 8 | path: '/utils/color', 9 | }, 10 | { 11 | title: 'Hoverable', 12 | path: '/utils/hoverable', 13 | }, 14 | { 15 | title: 'Shadow', 16 | path: '/utils/shadow', 17 | }, 18 | ]; 19 | export default utils; 20 | -------------------------------------------------------------------------------- /docs/src/pages/404.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | const NotFoundPage = () => ( 4 |
5 |

NOT FOUND

6 |

You just hit a route that doesn't exist... the sadness.

7 |
8 | ); 9 | 10 | export default NotFoundPage; 11 | -------------------------------------------------------------------------------- /docs/src/pages/components/appbar-bottom.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/appbar-bottom'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/appbar.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/appbar'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/avatar.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/avatar'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/backdrop.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/backdrop'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/badge.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/badge'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/banner.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/banner'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/bottom-navigation-item.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/bottom-navigation-item'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/bottom-navigation.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/bottom-navigation'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/button.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/button'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/card-actions.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/card-actions'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/card-content.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/card-content'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/card-header.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/card-header'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/card-media.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/card-media'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/card.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/card'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/checkbox.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/checkbox'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/chip.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/chip'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/datatable-cell.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/datatable-cell'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/datatable-header.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/datatable-header'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/datatable-pagination.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/datatable-pagination'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/datatable-row.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/datatable-row'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/datatable.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/datatable'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/dialog.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/dialog'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/divider.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/divider'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/drawer-bottom.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/drawer-bottom'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/drawer-header.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/drawer-header'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/drawer-item.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/drawer-item'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/drawer-section.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/drawer-section'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/drawer.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/drawer'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/fab-speeddial.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/fab-speeddial'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/fab.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/fab'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/icon.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/icon'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/iconbutton.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/iconbutton'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/list-expand.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/list-expand'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/list-item.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/list-item'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/list-section.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/list-section'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/list.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/list'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/menu-item.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/menu-item'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/menu.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/menu'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/paper.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/paper'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/progress-bar.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/progress-bar'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/progress-circle.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/progress-circle'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/radiobutton.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/radiobutton'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/ripple.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/ripple'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/searchbar.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/searchbar'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/searchfield.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/searchfield'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/select.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/select'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/sheet-bottom.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/sheet-bottom'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/sheet-side.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/sheet-side'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/slider.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/slider'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/snackbar.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/snackbar'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/swipenav.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/swipenav'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/switch.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/switch'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/tab.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/tab'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/tabs.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/tabs'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/textfield.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/textfield'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/togglebutton-group.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/togglebutton-group'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/togglebutton.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/togglebutton'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/tooltip.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/tooltip'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/components/typography.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/components/typography'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/utils/anchor.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/utils/anchor'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/utils/color.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/utils/color'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/utils/hoverable.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/utils/hoverable'; 2 | -------------------------------------------------------------------------------- /docs/src/pages/utils/shadow.js: -------------------------------------------------------------------------------- 1 | export default from '../../content/utils/shadow'; 2 | -------------------------------------------------------------------------------- /docs/src/styles/pages/index.module.css: -------------------------------------------------------------------------------- 1 | .container { 2 | display: flex; 3 | justify-content: center; 4 | align-items: center; 5 | } 6 | .title { 7 | font-size: 48px; 8 | margin-top: 80px; 9 | margin: 0; 10 | } 11 | -------------------------------------------------------------------------------- /docs/src/styles/vendor/prism.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/docs/src/styles/vendor/prism.css -------------------------------------------------------------------------------- /docs/src/utils/createPropData.js: -------------------------------------------------------------------------------- 1 | let id = 0; 2 | export function createPropData(name, description, type, defaultValue) { 3 | id += 1; 4 | return { id, name, description, type, defaultValue }; 5 | } 6 | 7 | export function createTableData(data) { 8 | const tableData = data.map(item => 9 | createPropData(item[0], item[1], item[2], item[3]), 10 | ); 11 | return tableData; 12 | } 13 | -------------------------------------------------------------------------------- /index.js: -------------------------------------------------------------------------------- 1 | export default from './src/storybook'; 2 | import { YellowBox } from 'react-native'; 3 | YellowBox.ignoreWarnings(['Remote debugger']); 4 | -------------------------------------------------------------------------------- /ios/MaterialBread/Images.xcassets/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "info" : { 3 | "version" : 1, 4 | "author" : "xcode" 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /media/FSL-Lockup-Dark-Gradient-Web@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/media/FSL-Lockup-Dark-Gradient-Web@2x.png -------------------------------------------------------------------------------- /media/buttons/mb-electron.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/media/buttons/mb-electron.png -------------------------------------------------------------------------------- /media/buttons/mb-expo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/media/buttons/mb-expo.png -------------------------------------------------------------------------------- /media/buttons/mb-macos.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/media/buttons/mb-macos.png -------------------------------------------------------------------------------- /media/buttons/mb-next.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/media/buttons/mb-next.png -------------------------------------------------------------------------------- /media/buttons/mb-rn.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/media/buttons/mb-rn.png -------------------------------------------------------------------------------- /media/buttons/mb-vue-native.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/media/buttons/mb-vue-native.png -------------------------------------------------------------------------------- /media/buttons/mb-web.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/media/buttons/mb-web.png -------------------------------------------------------------------------------- /media/buttons/mb-windows.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/media/buttons/mb-windows.png -------------------------------------------------------------------------------- /media/cross-platform.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/media/cross-platform.gif -------------------------------------------------------------------------------- /netlify.toml: -------------------------------------------------------------------------------- 1 | [build] 2 | base = "/" 3 | publish = "docs/public/" 4 | command = "npm run build-site" -------------------------------------------------------------------------------- /public/assets/material-bread.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/public/assets/material-bread.png -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | } 10 | ], 11 | "start_url": "./index.html", 12 | "display": "standalone", 13 | "theme_color": "#000000", 14 | "background_color": "#ffffff" 15 | } 16 | -------------------------------------------------------------------------------- /rn-cli.config.js: -------------------------------------------------------------------------------- 1 | // const blacklist = require('metro-config/src/defaults/blacklist'); 2 | 3 | // // blacklist is a function that takes an array of regexes and combines 4 | // // them with the default blacklist to return a single regex. 5 | 6 | // module.exports = { 7 | // resolver: { 8 | // blacklistRE: blacklist([/dist\/.*/]), 9 | // }, 10 | // }; 11 | -------------------------------------------------------------------------------- /src/Components/Appbar/.Appbar.js.swp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/src/Components/Appbar/.Appbar.js.swp -------------------------------------------------------------------------------- /src/Components/Appbar/Appbar.test.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import Appbar from './Appbar'; 3 | 4 | import renderer from 'react-test-renderer'; 5 | 6 | test('Appbar Renders', () => { 7 | const tree = renderer.create().toJSON(); 8 | expect(tree).toMatchSnapshot(); 9 | }); 10 | -------------------------------------------------------------------------------- /src/Components/Appbar/Searchbar/Searchbar.styles.js: -------------------------------------------------------------------------------- 1 | import { StyleSheet } from 'react-native'; 2 | import shadow from '../../../Utils/Shadow/shadow.js'; 3 | 4 | const styles = StyleSheet.create({ 5 | container: {}, 6 | searchInput: { 7 | ...shadow(1), 8 | }, 9 | }); 10 | 11 | export default styles; 12 | -------------------------------------------------------------------------------- /src/Components/Appbar/Searchbar/Searchbar.test.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Searchbar } from '../../../'; 3 | 4 | import ShallowRenderer from 'react-test-renderer/shallow'; 5 | const renderer = new ShallowRenderer(); 6 | 7 | test('Searchbar Renders', () => { 8 | const tree = renderer.render(); 9 | expect(tree).toMatchSnapshot(); 10 | }); 11 | -------------------------------------------------------------------------------- /src/Components/Appbar/Searchbar/__snapshots__/Searchbar.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`Searchbar Renders 1`] = ` 4 | 5 | [Function] 6 | 7 | `; 8 | -------------------------------------------------------------------------------- /src/Components/Appbar/index.js: -------------------------------------------------------------------------------- 1 | export { default } from './Appbar'; 2 | -------------------------------------------------------------------------------- /src/Components/AppbarBottom/AppbarBottom.test.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import AppbarBottom from './AppbarBottom'; 3 | 4 | import renderer from 'react-test-renderer'; 5 | 6 | test('AppbarBottom Renders', () => { 7 | const tree = renderer.create().toJSON(); 8 | expect(tree).toMatchSnapshot(); 9 | }); 10 | -------------------------------------------------------------------------------- /src/Components/AppbarBottom/index.js: -------------------------------------------------------------------------------- 1 | export { default } from './AppbarBottom'; 2 | -------------------------------------------------------------------------------- /src/Components/Avatar/Avatar.styles.js: -------------------------------------------------------------------------------- 1 | import { StyleSheet } from 'react-native'; 2 | const styles = StyleSheet.create({}); 3 | 4 | export default styles; 5 | -------------------------------------------------------------------------------- /src/Components/Avatar/Avatar.test.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import Avatar from './Avatar'; 3 | 4 | import renderer from 'react-test-renderer'; 5 | 6 | test('Avatar Renders', () => { 7 | const tree = renderer.create().toJSON(); 8 | expect(tree).toMatchSnapshot(); 9 | }); 10 | -------------------------------------------------------------------------------- /src/Components/Avatar/index.js: -------------------------------------------------------------------------------- 1 | export { default } from './Avatar'; 2 | -------------------------------------------------------------------------------- /src/Components/Backdrop/BackLayer/BackLayer.styles.js: -------------------------------------------------------------------------------- 1 | import { StyleSheet } from 'react-native'; 2 | 3 | const styles = StyleSheet.create({ 4 | backLayer: { 5 | position: 'absolute', 6 | top: 0, 7 | bottom: 0, 8 | width: '100%', 9 | }, 10 | }); 11 | 12 | export default styles; 13 | -------------------------------------------------------------------------------- /src/Components/Backdrop/Backdrop.styles.js: -------------------------------------------------------------------------------- 1 | import { StyleSheet } from 'react-native'; 2 | 3 | const styles = StyleSheet.create({ 4 | backLayerContainer: { 5 | flex: 1, 6 | }, 7 | }); 8 | 9 | export default styles; 10 | -------------------------------------------------------------------------------- /src/Components/Backdrop/Backdrop.test.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Backdrop } from '../../'; 3 | 4 | import ShallowRenderer from 'react-test-renderer/shallow'; 5 | const renderer = new ShallowRenderer(); 6 | 7 | test('Backdrop Renders', () => { 8 | const tree = renderer.render(); 9 | expect(tree).toMatchSnapshot(); 10 | }); 11 | -------------------------------------------------------------------------------- /src/Components/Backdrop/__snapshots__/Backdrop.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`Backdrop Renders 1`] = ` 4 | 5 | [Function] 6 | 7 | `; 8 | -------------------------------------------------------------------------------- /src/Components/Backdrop/index.js: -------------------------------------------------------------------------------- 1 | export { default } from './Backdrop'; 2 | -------------------------------------------------------------------------------- /src/Components/Backdrop/utils.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/src/Components/Backdrop/utils.js -------------------------------------------------------------------------------- /src/Components/Badge/Badge.styles.js: -------------------------------------------------------------------------------- 1 | import { StyleSheet } from 'react-native'; 2 | const styles = StyleSheet.create({ 3 | content: { 4 | alignSelf: 'center', 5 | alignItems: 'center', 6 | justifyContent: 'center', 7 | }, 8 | }); 9 | 10 | export default styles; 11 | -------------------------------------------------------------------------------- /src/Components/Badge/Badge.test.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import Badge from './Badge'; 3 | 4 | import renderer from 'react-test-renderer'; 5 | 6 | test('Badge Renders', () => { 7 | const tree = renderer.create().toJSON(); 8 | expect(tree).toMatchSnapshot(); 9 | }); 10 | -------------------------------------------------------------------------------- /src/Components/Badge/index.js: -------------------------------------------------------------------------------- 1 | export { default } from './Badge'; 2 | -------------------------------------------------------------------------------- /src/Components/Banner/Banner.test.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import Banner from './Banner'; 3 | 4 | import ShallowRenderer from 'react-test-renderer/shallow'; 5 | const renderer = new ShallowRenderer(); 6 | 7 | test('Banner Renders', () => { 8 | const tree = renderer.render(); 9 | expect(tree).toMatchSnapshot(); 10 | }); 11 | -------------------------------------------------------------------------------- /src/Components/Banner/__snapshots__/Banner.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`Banner Renders 1`] = ` 4 | 5 | [Function] 6 | 7 | `; 8 | -------------------------------------------------------------------------------- /src/Components/Banner/index.js: -------------------------------------------------------------------------------- 1 | export { default } from './Banner'; 2 | -------------------------------------------------------------------------------- /src/Components/BottomNavigation/BottomNavigation.styles.js: -------------------------------------------------------------------------------- 1 | import { StyleSheet } from 'react-native'; 2 | import shadow from '../../Utils/Shadow/shadow'; 3 | 4 | const styles = StyleSheet.create({ 5 | bottomNavigation: { 6 | height: 56, 7 | flexDirection: 'row', 8 | justifyContent: 'center', 9 | 10 | ...shadow(8), 11 | }, 12 | }); 13 | 14 | export default styles; 15 | -------------------------------------------------------------------------------- /src/Components/BottomNavigation/BottomNavigation.test.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { BottomNavigation } from '../..'; 3 | 4 | import ShallowRenderer from 'react-test-renderer/shallow'; 5 | const renderer = new ShallowRenderer(); 6 | 7 | test('BottomNavigation Renders', () => { 8 | const tree = renderer.render(); 9 | expect(tree).toMatchSnapshot(); 10 | }); 11 | -------------------------------------------------------------------------------- /src/Components/BottomNavigation/BottomNavigationItem/BottomNavigationItem.test.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import BottomNavigationItem from './BottomNavigationItem'; 3 | 4 | import ShallowRenderer from 'react-test-renderer/shallow'; 5 | const renderer = new ShallowRenderer(); 6 | 7 | test('BottomNavigationItem Renders', () => { 8 | const tree = renderer.render(); 9 | expect(tree).toMatchSnapshot(); 10 | }); 11 | -------------------------------------------------------------------------------- /src/Components/BottomNavigation/BottomNavigationItem/__snapshots__/BottomNavigationItem.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`BottomNavigationItem Renders 1`] = ` 4 | 5 | [Function] 6 | 7 | `; 8 | -------------------------------------------------------------------------------- /src/Components/BottomNavigation/BottomNavigationItem/index.js: -------------------------------------------------------------------------------- 1 | export { default } from './BottomNavigationItem'; 2 | -------------------------------------------------------------------------------- /src/Components/BottomNavigation/__snapshots__/BottomNavigation.test.js.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`BottomNavigation Renders 1`] = ` 4 | 5 | [Function] 6 | 7 | `; 8 | -------------------------------------------------------------------------------- /src/Components/BottomNavigation/index.js: -------------------------------------------------------------------------------- 1 | export { default } from './BottomNavigation'; 2 | export { default as BottomNavigationItem } from './BottomNavigationItem'; 3 | -------------------------------------------------------------------------------- /src/Components/Button/Button.styles.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codypearce/material-bread/3fe2be241965ce0e8c1d255990570adfcd3442b3/src/Components/Button/Button.styles.js -------------------------------------------------------------------------------- /src/Components/Button/Button.test.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import Button from './Button'; 3 | 4 | import ShallowRenderer from 'react-test-renderer/shallow'; 5 | const renderer = new ShallowRenderer(); 6 | 7 | test('Button Renders', () => { 8 | const tree = renderer.render(