Publish package v1.

README.md

@@ -8,7 +8,7 @@ Please visit to [docs website](https://trendyol.github.io/react-carousel/docs/in
 # Installation
 
 ```
-npm i react react-dom @trendyol/react-carousel --save
+npm i react react-dom @trendyol-js/react-carousel --save
 ```
 
 # Usage
@@ -16,7 +16,7 @@ npm i react react-dom @trendyol/react-carousel --save
 ```jsx
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { Carousel } from '@trendyol/react-carousel';
+import { Carousel } from '@trendyol-js/react-carousel';
 import { Item } from './yourItem';
 
 ReactDOM.render(
@@ -29,4 +29,3 @@ ReactDOM.render(
 	document.getElementById('root'),
 );
 ```
-

package-lock.json

@@ -1,5 +1,5 @@
 {
-	"name": "@trendyol/react-carousel",
+	"name": "@trendyol-js/react-carousel",
 	"version": "1.0.0",
 	"lockfileVersion": 1,
 	"requires": true,

package.json

@@ -1,5 +1,5 @@
 {
-	"name": "@trendyol/react-carousel",
+	"name": "@trendyol-js/react-carousel",
 	"version": "1.0.0",
 	"description": "Lightweight carousel component for react",
 	"main": "dist/cjs/index.js",

website/docs/infinityCarousel.md

@@ -5,7 +5,7 @@ title: Infinite Carousel
 
 Carousel is infinite at default
 
-import {Carousel} from '@trendyol/react-carousel';
+import {Carousel} from '@trendyol-js/react-carousel';
 export const Highlight = ({children, color}) => ( <span style={{
   backgroundColor: color,
   borderRadius: '2px',

website/docs/installation.md

@@ -9,7 +9,7 @@ Carousel requires React 16.8 or greater.
 ## Installation
 
 ```
-npm i react react-dom @trendyol/react-carousel --save
+npm i react react-dom @trendyol-js/react-carousel --save
 ```
 
 ---
@@ -17,5 +17,5 @@ npm i react react-dom @trendyol/react-carousel --save
 ## Importing
 
 ```jsx
-import { Carousel } from '@trendyol/react-carousel';
+import { Carousel } from '@trendyol-js/react-carousel';
 ```

website/docs/swipableCarousel.md

@@ -3,9 +3,9 @@ id: swipible
 title: Swipeable Carousel
 ---
 
-Carousel is infinite at default
+You can swipe items with your mouse our touch screen
 
-import {Carousel} from '@trendyol/react-carousel';
+import {Carousel} from '@trendyol-js/react-carousel';
 export const Highlight = ({children, color}) => ( <span style={{
   backgroundColor: color,
   borderRadius: '2px',

website/docs/usage.md

@@ -8,7 +8,7 @@ Simple carousel that show one item per slide.
 ```jsx
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { Carousel } from '@trendyol/react-carousel';
+import { Carousel } from '@trendyol-js/react-carousel';
 import { Item } from './yourItem';
 
 ReactDOM.render(

website/src/pages/index.js

@@ -4,7 +4,7 @@ import Layout from '@theme/Layout';
 import Link from '@docusaurus/Link';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import useBaseUrl from '@docusaurus/useBaseUrl';
-import { Carousel } from '@trendyol/react-carousel';
+import { Carousel } from '@trendyol-js/react-carousel';
 import styles from './styles.module.css';
 import { Redirect } from '@docusaurus/router';
 
@@ -14,8 +14,8 @@ const features = [
 		imageUrl: 'img/undraw_docusaurus_mountain.svg',
 		description: (
 			<>
-				Docusaurus was designed from the ground up to be easily installed and used to get
-				your website up and running quickly.
+				Docusaurus was designed from the ground up to be easily installed and used
+				to get your website up and running quickly.
 			</>
 		),
 	},
@@ -24,8 +24,8 @@ const features = [
 		imageUrl: 'img/undraw_docusaurus_tree.svg',
 		description: (
 			<>
-				Docusaurus lets you focus on your docs, and we&apos;ll do the chores. Go ahead and
-				move your docs into the <code>docs</code> directory.
+				Docusaurus lets you focus on your docs, and we&apos;ll do the chores. Go
+				ahead and move your docs into the <code>docs</code> directory.
 			</>
 		),
 	},
@@ -34,8 +34,8 @@ const features = [
 		imageUrl: 'img/undraw_docusaurus_react.svg',
 		description: (
 			<>
-				Extend or customize your website layout by reusing React. Docusaurus can be
-				extended while reusing the same header and footer.
+				Extend or customize your website layout by reusing React. Docusaurus can
+				be extended while reusing the same header and footer.
 			</>
 		),
 	},