refactor(Jumbotron): Remove Jumbotron component

docs/lib/Components/index.js

@@ -54,10 +54,6 @@ const items = [
     name: 'Input Group',
     to: '/components/input-group/'
   },
-  {
-    name: 'Jumbotron',
-    to: '/components/jumbotron/'
-  },
   {
     name: 'Layout',
     to: '/components/layout/'

docs/lib/Home/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PrismCode } from 'react-prism';
-import { Button, Container, Row, Col, Jumbotron } from 'reactstrap';
+import { Button, Container, Row, Col } from 'reactstrap';
 import { Link } from 'react-router';
 import Example from '../examples/import-basic';
 
@@ -9,7 +9,7 @@ const importBasic = require('!!raw-loader!../examples/import-basic');
 export default () => {
   return (
     <div>
-      <Jumbotron tag="section" className="jumbotron-header text-center mb-3">
+      <section className="jumbotron-header rounded px-3 px-sm-4 py-3 py-sm-5 text-center mb-3">
         <Container>
           <Row>
             <Col>
@@ -40,7 +40,7 @@ export default () => {
             </Col>
           </Row>
         </Container>
-      </Jumbotron>
+      </section>
       <Container>
         <Row className="justify-content-sm-center">
           <Col sm={8} className="docSearch-content">

docs/lib/NotFound/index.js

@@ -7,7 +7,7 @@ export default () => {
   return (
     <div>
       <Helmet title="404 Page Not Found" />
-      <section className="jumbotron text-center mb-3">
+      <section className="rounded px-3 px-sm-4 py-3 py-sm-5 text-center mb-3">
         <Container>
           <Row>
             <Col>

docs/lib/PremiumThemes/index.js

@@ -7,14 +7,13 @@ import {
   Container,
   Row,
   Col,
-  Jumbotron,
 } from 'reactstrap';
 import premiumThemes from './premium';
 
 export default () => {
   return (
     <div>
-      <Jumbotron tag="section" className="jumbotron-header text-center mb-3">
+      <section className="jumbotron-header rounded px-3 px-sm-4 py-3 py-sm-5 text-center mb-3">
         <p className="lead">
           <img src="/assets/logo.png" alt="" width="110px" />
         </p>
@@ -23,7 +22,7 @@ export default () => {
           A collection of free and premium React templates and themes powered by
           Reactstrap
         </h4>
-      </Jumbotron>
+      </section>
       {premiumThemes.map(company => (
         <Container key={company.creator.name} className="premium-section">
           <h2 className="font-weight-bold">{company.creator.name}</h2>

docs/lib/routes.js

@@ -23,7 +23,6 @@ import CardPage from './Components/CardPage';
 import TablesPage from './Components/TablesPage';
 import PaginationPage from './Components/PaginationPage';
 import TabsPage from './Components/TabsPage';
-import JumbotronPage from './Components/JumbotronPage';
 import AlertsPage from './Components/AlertsPage';
 import ToastsPage from './Components/ToastsPage';
 import CollapsePage from './Components/CollapsePage';
@@ -66,7 +65,6 @@ const routes = (
         <Route path="tabs/" component={TabsPage} />
         <Route path="alerts/" component={AlertsPage} />
         <Route path="toasts/" component={ToastsPage} />
-        <Route path="jumbotron/" component={JumbotronPage} />
         <Route path="collapse/" component={CollapsePage} />
         <Route path="carousel/" component={CarouselPage} />
         <Route path="list/" component={ListPage} />

src/index.js

@@ -73,7 +73,6 @@ export PaginationItem from './PaginationItem';
 export PaginationLink from './PaginationLink';
 export TabContent from './TabContent';
 export TabPane from './TabPane';
-export Jumbotron from './Jumbotron';
 export Alert from './Alert';
 export Toast from './Toast';
 export ToastBody from './ToastBody';

types/index.d.ts

@@ -88,8 +88,6 @@ export { default as InputGroupButtonDropdown } from './lib/InputGroupButtonDropd
 export { InputGroupButtonDropdownProps } from './lib/InputGroupButtonDropdown';
 export { default as InputGroupText } from './lib/InputGroupText';
 export { InputGroupTextProps } from './lib/InputGroupText';
-export { default as Jumbotron } from './lib/Jumbotron';
-export { JumbotronProps } from './lib/Jumbotron';
 export { default as Label } from './lib/Label';
 export { LabelProps } from './lib/Label';
 export { default as ListGroup } from './lib/ListGroup';

types/lib/index.d.ts

@@ -92,8 +92,6 @@ export { default as InputGroupButtonDropdown } from './InputGroupButtonDropdown'
 export { InputGroupButtonDropdownProps } from './InputGroupButtonDropdown';
 export { default as InputGroupText } from './InputGroupText';
 export { InputGroupTextProps } from './InputGroupText';
-export { default as Jumbotron } from './Jumbotron';
-export { JumbotronProps } from './Jumbotron';
 export { default as Label } from './Label';
 export { LabelProps } from './Label';
 export { default as ListGroup } from './ListGroup';

types/reactstrap-tests.tsx

@@ -59,7 +59,6 @@ import {
   Modal,
   ModalBody,
   ModalHeader,
-  Jumbotron,
   Media,
   Nav,
   Navbar,
@@ -2083,44 +2082,6 @@ const Example58 = (props: any) => {
   );
 };
 
-const Example59 = (props: any) => {
-  return (
-    <div>
-      <Jumbotron>
-        <h1 className="display-3">Hello, world!</h1>
-        <p className="lead">
-          This is a simple hero unit, a simple Jumbotron-style component for
-          calling extra attention to featured content or information.
-        </p>
-        <hr className="my-2" />
-        <p>
-          It uses utility classes for typgraphy and spacing to space content out
-          within the larger container.
-        </p>
-        <p className="lead">
-          <Button color="primary">Learn More</Button>
-        </p>
-      </Jumbotron>
-    </div>
-  );
-};
-
-const Example60 = (props: any) => {
-  return (
-    <div>
-      <Jumbotron fluid>
-        <Container fluid>
-          <h1 className="display-3">Fluid jumbotron</h1>
-          <p className="lead">
-            This is a modified jumbotron that occupies the entire horizontal
-            space of its parent.
-          </p>
-        </Container>
-      </Jumbotron>
-    </div>
-  );
-};
-
 class Example61 extends React.Component {
   render() {
     return (
@@ -4888,7 +4849,6 @@ import { default as InputGroup_ } from './lib/InputGroup'; /* tslint:disable-lin
 import { default as InputGroupAddon_ } from './lib/InputGroupAddon'; /* tslint:disable-line: no-relative-import-in-test */
 import { default as InputGroupButtonDropdown_ } from './lib/InputGroupButtonDropdown'; /* tslint:disable-line: no-relative-import-in-test */
 import { default as InputGroupText_ } from './lib/InputGroupText'; /* tslint:disable-line: no-relative-import-in-test */
-import { default as Jumbotron_ } from './lib/Jumbotron'; /* tslint:disable-line: no-relative-import-in-test */
 import { default as Label_ } from './lib/Label'; /* tslint:disable-line: no-relative-import-in-test */
 import { default as ListGroup_ } from './lib/ListGroup'; /* tslint:disable-line: no-relative-import-in-test */
 import { default as ListGroupItem_ } from './lib/ListGroupItem'; /* tslint:disable-line: no-relative-import-in-test */
@@ -5001,7 +4961,6 @@ function AnyPropExample() {
         addonType="prepend"
       />
       <InputGroupText_ foo={1} bar={false} foobar="example" />
-      <Jumbotron_ foo={1} bar={false} foobar="example" />
       <Label_ foo={1} bar={false} foobar="example" />
       <ListGroup_ foo={1} bar={false} foobar="example" />
       <ListGroupItem_ foo={1} bar={false} foobar="example" />
@@ -5755,7 +5714,6 @@ const MegaTest = () => {
         addonType="append"
       />
       <InputGroupText ref={React.createRef<InputGroupText>()} {...htmlProps} />
-      <Jumbotron ref={React.createRef<Jumbotron>()} {...htmlProps} />
       <Label ref={React.createRef<Label>()} {...htmlProps} />
       <ListGroup ref={React.createRef<ListGroup>()} {...htmlProps} />
       <ListGroupItem ref={React.createRef<ListGroupItem>()} {...htmlProps} />