Merge pull request #4 from DaPulse/stories/orr/cleanup-and-alignment

Stories/orr/cleanup and alignment

Author: orrgottlieb

CNAME

@@ -1 +1 @@
-https://style.monday.beer
+https://style.monday.com

README.md

@@ -1,16 +1,15 @@
 # Monday UI React Core
->[monday.com](monday.com) React components library - [Storybook](style.monday.beer)
+>[monday.com](https://www.monday.com) React components library - [Storybook](https://style.monday.com)
 
 ## Installation
 Install the component library
 ```
-$ npm install @mondaydotcomorg/monday-ui-react-core
+$ npm install monday-ui-react-core
 ```
 
 ## Usage
-You can either ` import { Button } from "@mondaydotcomorg/monday-ui-react-core";`
-
-or you might want to import directly the component ` import Button from "@mondaydotcomorg/monday-ui-react-core/dist/Button";`   
+You can either ` import { Button } from "monday-ui-react-core";`
+or you might want to import directly the component ` import Button from "monday-ui-react-core/dist/Button";`   
 
 ## Storybook
 We are using storybook in order to develop the components independently from any consumer.
@@ -44,7 +43,7 @@ npm start
 We welcome every contributor, please read the [contribution guidelines](CONTRIBUTING.md) before submitting a PR 
 
 ## Themes
-We support theming from the library to the component level using css variables - for more info on theming please read the THEME_README.md file
+We support theming from the library to the component level using css variables - for more info on theming please read the [theme guidelines](THEME_README.md) file
 
 ## Release
 Perform the following steps to **release** a **new version**:

package.json

@@ -1,6 +1,6 @@
 {
   "name": "monday-ui-react-core",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Official monday.com UI resources for application development in React.js",
   "main": "dist/main.js",
   "scripts": {

plop/component/component-scss.txt

@@ -1,4 +1,4 @@
-@import "../../styles/colors.scss";
+@import "../../styles/themes.scss";
 
 {{dashCase componentName}}--wrapper {
 

src/StoryBookComponents/StoryWrapper/StoryWrapper.scss

@@ -1,4 +1,4 @@
 .monday-style-story-wrapper {
-  width: 1080px;
+  width: 920px;
   margin: 0 auto;
 }

src/components/Button-WIP/Button-test.js renamed to src/components/Button/Button-test.js

@@ -257,17 +257,6 @@ export const ButtonsWithIcons = () => (
         Left Icon
       </Button>
     </StoryStateColumn>
-    <StoryStateColumn title="Both Icons">
-      <Button
-        size={Button.sizes.LARGE}
-        kind={Button.kinds.PRIMARY}
-        color={Button.colors.PRIMARY}
-        leftIcon="fa fa-check"
-        rightIcon="fa fa-check"
-      >
-        Both Icon
-      </Button>
-    </StoryStateColumn>
     <StoryStateColumn title="Right Icon">
       <Button
         size={Button.sizes.LARGE}
@@ -435,6 +424,6 @@ export const Loading = () => (
 );
 
 export default {
-  title: "Components (WIP)/Button",
+  title: "Components/Button",
   component: Button
 };