changed colors back to primary

Author: Manu

.babelrc

@@ -0,0 +1,12 @@
+{
+  "presets": ["es2015"],
+  "plugins": [
+    "transform-class-properties",
+    "transform-react-jsx",
+    "transform-object-rest-spread",
+    ["module-resolver", {
+      "root": ["./src"],
+    }],
+    ["import-rename", {"^(.*)\\.jsx$": "$1"}]
+  ]
+}

bower.json

@@ -0,0 +1,28 @@
+{
+  "name": "material-dashboard-react",
+  "homepage": "https://github.com/creativetimofficial/material-dashboard-react",
+  "authors": [
+    "creative-tim"
+  ],
+  "description": "A Badass Material-UI Kit based on Material Design",
+  "main": "public/index.html",
+  "keywords": [
+    "material",
+    "design",
+    "material-ui",
+    "material",
+    "design",
+    "google",
+    "twitter"
+  ],
+  "license": "Creative TIM License",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests",
+    "build"
+  ],
+  "private": true
+}

package.json

@@ -3,7 +3,7 @@
   "version": "1.4.0",
   "description": "Material Dashboard React. Coded by Creative Tim",
   "private": false,
-  "main": "index.js",
+  "main": "dist/index.js",
   "dependencies": {
     "@material-ui/core": "1.4.1",
     "@material-ui/icons": "2.0.0",
@@ -28,7 +28,9 @@
     "test": "react-scripts test --env=jsdom",
     "eject": "react-scripts eject",
     "lint:check": "eslint . --ext=js,jsx;  exit 0",
-    "lint:fix": "eslint . --ext=js,jsx --fix;  exit 0"
+    "lint:fix": "eslint . --ext=js,jsx --fix;  exit 0",
+    "build-package-css": "node-sass-chokidar src/assets/scss/material-kit-react.scss dist/material-kit-react.css",
+    "build-package": "npm run build-package-css && babel src --out-dir dist"
   },
   "repository": {
     "type": "git",
@@ -48,5 +50,13 @@
     "eslint-plugin-prettier": "^2.6.2",
     "eslint-plugin-react": "^7.10.0",
     "prettier": "^1.13.7"
+  },
+  "devDependencies": {
+    "babel-cli": "^6.26.0",
+    "babel-plugin-module-resolver": "^3.1.1",
+    "babel-plugin-import-rename": "^1.0.1",
+    "babel-plugin-transform-object-rest-spread": "^6.26.0",
+    "babel-plugin-transform-react-jsx": "^6.24.1",
+    "babel-preset-es2015": "^6.24.1"
   }
 }

src/views/Icons/Icons.jsx

@@ -18,7 +18,7 @@ function Icons(props) {
     <GridContainer>
       <GridItem xs={12} sm={12} md={12}>
         <Card plain>
-          <CardHeader plain color="info">
+          <CardHeader plain color="primary">
             <h4 className={classes.cardTitleWhite}>Material Design Icons</h4>
             <p className={classes.cardCategoryWhite}>
               Handcrafted by our friends from{" "}

src/views/Notifications/Notifications.jsx

@@ -82,7 +82,7 @@ class Notifications extends React.Component {
     const { classes } = this.props;
     return (
       <Card>
-        <CardHeader color="info">
+        <CardHeader color="primary">
           <h4 className={classes.cardTitleWhite}>Notifications</h4>
           <p className={classes.cardCategoryWhite}>
             Handcrafted by our friends from{" "}
@@ -177,7 +177,7 @@ class Notifications extends React.Component {
                 <GridItem xs={12} sm={12} md={4}>
                   <Button
                     fullWidth
-                    color="info"
+                    color="primary"
                     onClick={() => this.showNotification("tl")}
                   >
                     Top Left
@@ -195,7 +195,7 @@ class Notifications extends React.Component {
                 <GridItem xs={12} sm={12} md={4}>
                   <Button
                     fullWidth
-                    color="info"
+                    color="primary"
                     onClick={() => this.showNotification("tc")}
                   >
                     Top Center
@@ -213,7 +213,7 @@ class Notifications extends React.Component {
                 <GridItem xs={12} sm={12} md={4}>
                   <Button
                     fullWidth
-                    color="info"
+                    color="primary"
                     onClick={() => this.showNotification("tr")}
                   >
                     Top Right
@@ -237,7 +237,7 @@ class Notifications extends React.Component {
                 <GridItem xs={12} sm={12} md={4}>
                   <Button
                     fullWidth
-                    color="info"
+                    color="primary"
                     onClick={() => this.showNotification("bl")}
                   >
                     Bottom Left
@@ -255,7 +255,7 @@ class Notifications extends React.Component {
                 <GridItem xs={12} sm={12} md={4}>
                   <Button
                     fullWidth
-                    color="info"
+                    color="primary"
                     onClick={() => this.showNotification("bc")}
                   >
                     Bottom Center
@@ -273,7 +273,7 @@ class Notifications extends React.Component {
                 <GridItem xs={12} sm={12} md={4}>
                   <Button
                     fullWidth
-                    color="info"
+                    color="primary"
                     onClick={() => this.showNotification("br")}
                   >
                     Bottom Right

src/views/TableList/TableList.jsx

@@ -45,7 +45,7 @@ function TableList(props) {
     <GridContainer>
       <GridItem xs={12} sm={12} md={12}>
         <Card>
-          <CardHeader color="info">
+          <CardHeader color="primary">
             <h4 className={classes.cardTitleWhite}>Simple Table</h4>
             <p className={classes.cardCategoryWhite}>
               Here is a subtitle for this table
@@ -69,7 +69,7 @@ function TableList(props) {
       </GridItem>
       <GridItem xs={12} sm={12} md={12}>
         <Card plain>
-          <CardHeader plain color="info">
+          <CardHeader plain color="primary">
             <h4 className={classes.cardTitleWhite}>
               Table on Plain Background
             </h4>

src/views/Typography/Typography.jsx

@@ -53,7 +53,7 @@ function TypographyPage(props) {
   const { classes } = props;
   return (
     <Card>
-      <CardHeader color="info">
+      <CardHeader color="primary">
         <h4 className={classes.cardTitleWhite}>Material Dashboard Heading</h4>
         <p className={classes.cardCategoryWhite}>
           Created using Roboto Font Family

src/views/UserProfile/UserProfile.jsx

@@ -41,7 +41,7 @@ function UserProfile(props) {
       <GridContainer>
         <GridItem xs={12} sm={12} md={8}>
           <Card>
-            <CardHeader color="info">
+            <CardHeader color="primary">
               <h4 className={classes.cardTitleWhite}>Edit Profile</h4>
               <p className={classes.cardCategoryWhite}>Complete your profile</p>
             </CardHeader>
@@ -145,7 +145,7 @@ function UserProfile(props) {
               </GridContainer>
             </CardBody>
             <CardFooter>
-              <Button color="info">Update Profile</Button>
+              <Button color="primary">Update Profile</Button>
             </CardFooter>
           </Card>
         </GridItem>
@@ -164,7 +164,7 @@ function UserProfile(props) {
                 human foundation in truth And I love you like Kanye loves Kanye
                 I love Rick Owens’ bed design but the back is...
               </p>
-              <Button color="info" round>
+              <Button color="primary" round>
                 Follow
               </Button>
             </CardBody>