docs: change afc to afc-org

Author: einazare

CONTRIBUTING.md

@@ -16,7 +16,7 @@ Please feel free to take on any issue that's currently open. Just send a comment
 
 ## Submitting a pull request
 
-**@afc/react-tailwind** is an open-source project, so pull requests are always welcomed (_always_ ❤️).
+**@afc-org/react-tailwind** is an open-source project, so pull requests are always welcomed (_always_ ❤️).
 What we ask you, is that before working on a large change, it is best to open an issue first to discuss it with the maintainers or if an issue was already opened, comment your intention of opening up a PR.
 
 When in doubt, keep your pull requests small. To give a PR the best chance of getting accepted, don't bundle more than one feature or bug fix per pull request. It's always best to create two smaller PRs than one big one.
@@ -78,5 +78,5 @@ Closes #12
 ## Branches explained
 
 As you can see we have multiple branches:
- - **master**: This branch stores the latest stable version of @afc/react-tailwind.
- - **dev-master**: This is the **development** branch of @afc/react-tailwind, and this is where everything is happening before releasing on master
+ - **master**: This branch stores the latest stable version of @afc-org/react-tailwind.
+ - **dev-master**: This is the **development** branch of @afc-org/react-tailwind, and this is where everything is happening before releasing on master

README.md

@@ -1,12 +1,12 @@
-# @afc/react-tailwind
+# @afc-org/react-tailwind
 
-![version](https://img.shields.io/badge/version-0.1.0-blue.svg) ![license](https://img.shields.io/badge/license-MIT-blue.svg) <a href="https://github.com/afc-org/react-tailwind/issues?q=is%3Aopen+is%3Aissue" target="_blank">![GitHub issues open](https://img.shields.io/github/issues/@afc/react-tailwind.svg)</a> <a href="https://github.com/afc-org/react-tailwind?q=is%3Aissue+is%3Aclosed" target="_blank">![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/@afc/react-tailwind.svg)</a>
+![version](https://img.shields.io/badge/version-0.1.0-blue.svg) ![license](https://img.shields.io/badge/license-MIT-blue.svg) <a href="https://github.com/afc-org/react-tailwind/issues?q=is%3Aopen+is%3Aissue" target="_blank">![GitHub issues open](https://img.shields.io/github/issues/@afc-org/react-tailwind.svg)</a> <a href="https://github.com/afc-org/react-tailwind?q=is%3Aissue+is%3Aclosed" target="_blank">![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/@afc-org/react-tailwind.svg)</a>
 
-<div align="center"><img src="./assets/logos/reactjs-tailwind-logo.png" alt="@afc/react-tailwind" width="300"/></div>
+<div align="center"><img src="./assets/logos/reactjs-tailwind-logo.png" alt="@afc-org/react-tailwind" width="300"/></div>
 
 ### A dynamic plugin extension for TailwindCSS.
 
-@afc/react-tailwind is Free and Open Source. It does not change or add any CSS to the already one from TailwindCSS, It comes with code written with React as an extension to TailwindCSS for you to have dynamic components inside your app as well.
+@afc-org/react-tailwind is Free and Open Source. It does not change or add any CSS to the already one from TailwindCSS, It comes with code written with React as an extension to TailwindCSS for you to have dynamic components inside your app as well.
 
 **Components**
 
@@ -47,12 +47,12 @@ We plan on implementing more, in the weeks to come.
 ## Quick start
 
 ```
-npm i -E @afc/react-tailwind
+npm i -E @afc-org/react-tailwind
 ```
 
 ## Documentation - React
 
-After you have installed `@afc/react-tailwind` into your project, you can import and use our components like so:
+After you have installed `@afc-org/react-tailwind` into your project, you can import and use our components like so:
 
 ### Alert
 
@@ -62,9 +62,9 @@ Usage:
 // with closing button
 
 import React from "react";
-import { Alert } from "@afc/react-tailwind";
+import { Alert } from "@afc-org/react-tailwind";
 // or direct import
-// import Alert from "@afc/react-tailwind/Alert";
+// import Alert from "@afc-org/react-tailwind/Alert";
 
 // With Function Components (hooks)
 export default function YourFunctionName() {
@@ -92,9 +92,9 @@ export default function YourFunctionName() {
 // this means, that you can controll whether the Alert is shown or not
 
 import React from "react";
-import { Alert } from "@afc/react-tailwind";
+import { Alert } from "@afc-org/react-tailwind";
 // or direct import
-// import Alert from "@afc/react-tailwind/src/Alert";
+// import Alert from "@afc-org/react-tailwind/src/Alert";
 
 // With Function Components (hooks)
 export default function YourFunctionName() {
@@ -159,7 +159,7 @@ Usage:
 
 ```
 import React from "react";
-import { Button } from "@afc/react-tailwind";
+import { Button } from "@afc-org/react-tailwind";
 
 // With Function Components (hooks)
 export default function YourFunctionName() {
@@ -210,7 +210,7 @@ import {
   DropdownToggle,
   DropdownMenu,
   DropdownItem
-} from "@afc/react-tailwind";
+} from "@afc-org/react-tailwind";
 
 const YourComponent = () => {
   return (
@@ -237,7 +237,7 @@ import {
   DropdownToggle,
   DropdownMenu,
   DropdownItem
-} from "@afc/react-tailwind";
+} from "@afc-org/react-tailwind";
 
 const YourComponent = () => {
   const [show,setShow] = React.useState(false);
@@ -371,7 +371,7 @@ import {
   ModalFooter,
   ModalHead,
   ModalTitle
-} from "@afc/react-tailwind";
+} from "@afc-org/react-tailwind";
 
 const YourComponent = () => {
   const [show, setShow] = React.useState(false);
@@ -498,7 +498,7 @@ import {
   NavbarLink,
   NavbarNav,
   NavbarToggler
-} from "@afc/react-tailwind";
+} from "@afc-org/react-tailwind";
 
 const YourComponent = () => {
   return (
@@ -541,7 +541,7 @@ import {
   NavbarLink,
   NavbarNav,
   NavbarToggler
-} from "@afc/react-tailwind";
+} from "@afc-org/react-tailwind";
 
 const YourComponent = () => {
   const [show, setShow] = React.useState(false);
@@ -690,7 +690,7 @@ Usage:
 ```
 // controlled usage
 import React from "react";
-import { Button, Popover, PopoverHead, PopoverBody } from "@afc/react-tailwind";
+import { Button, Popover, PopoverHead, PopoverBody } from "@afc-org/react-tailwind";
 
 const YourComponent = () => {
   const [show, setShow] = React.useState(false);
@@ -778,7 +778,7 @@ Usage:
 ```
 // controlled usage
 import React from "react";
-import { Button, Tooltip } from "@afc/react-tailwind";
+import { Button, Tooltip } from "@afc-org/react-tailwind";
 
 const YourComponent = () => {
   const [show, setShow] = React.useState(false);
@@ -849,7 +849,7 @@ Usage:
 ```
 // uncontrolled version
 import React from "react";
-import { TabContainer, TabItem, TabLink, TabContent } from "@afc/react-tailwind";
+import { TabContainer, TabItem, TabLink, TabContent } from "@afc-org/react-tailwind";
 
 const YourComponent = () => {
   return (
@@ -928,7 +928,7 @@ export default YourComponent;
 // of each tab-link individualy, the color from the tab-container
 // will no longer be applied :(
 import React from "react";
-import { TabContainer, TabItem, TabLink, TabContent } from "@afc/react-tailwind";
+import { TabContainer, TabItem, TabLink, TabContent } from "@afc-org/react-tailwind";
 
 const YourComponent = () => {
   const [active, setActive] = React.useState("tab-id-2");
@@ -1128,7 +1128,7 @@ import "path/to/your/tailwindcss/compiled/styles.css";
 
 ## Dependencies
 
-**@afc/react-tailwind** to properly work needs the following dependencies:
+**@afc-org/react-tailwind** to properly work needs the following dependencies:
 - **@popperjs/core**@2.2.1
 - **react**@16.13.1
 - **react-dom**@16.13.1
@@ -1148,7 +1148,7 @@ At present, we officially aim to support the last two versions of the following
 
 We use GitHub Issues as the official bug tracker for the Angular Landing Page. Here are some advices for our users that want to report an issue:
 
-1. Make sure that you are using the latest version of the @afc/react-tailwind.
+1. Make sure that you are using the latest version of the @afc-org/react-tailwind.
 2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed.
 3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help.
 
@@ -1158,7 +1158,7 @@ This project exists thanks to all the people who contribute. [[Contribute](CONTR
 
 ## Licensing
 
-- Copyright 2020 @afc/react-tailwind
+- Copyright 2020 @afc-org/react-tailwind
 
 - Licensed under <a href="https://github.com/afc-org/react-tailwind/blob/master/LICENSE.md" target="_blank">MIT</a>
 

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@afc/react-tailwind",
+  "name": "@afc-org/react-tailwind",
   "version": "0.1.0",
   "description": "Dynamic components for Tailwindcss and ReactJS",
   "main": "./src/index.js",
@@ -25,7 +25,7 @@
     "tailwindjs",
     "afc-org",
     "afc",
-    "@afc"
+    "@afc-org"
   ],
   "author": "afc-org",
   "license": "MIT",
@@ -39,5 +39,12 @@
     "prop-types": "15.7.x",
     "react": "16.13.x",
     "tailwindcss": "1.2.x"
+  },
+  "dependencies": {
+    "@popperjs/core": "2.3.3",
+    "classnames": "2.2.6",
+    "prop-types": "15.7.2",
+    "react": "16.13.1",
+    "tailwindcss": "1.3.3"
   }
 }