Skip to content

Commit 3d8f294

Browse files
author
Gustavo Sales
committed
chore: update package name
1 parent 7d1ad5c commit 3d8f294

File tree

2 files changed

+10
-10
lines changed

2 files changed

+10
-10
lines changed

README.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -9,15 +9,15 @@ This is a working in progress project.
99
First you can install using npm or yarn into your project.
1010

1111
```
12-
npm i thon-ui
12+
npm i @thonlabs/ui
1313
# or
14-
yarn add thon-ui
14+
yarn add @thonlabs/ui
1515
```
1616

1717
On your project create a tailwind config file on root with this configuration below:
1818

1919
```javascript
20-
const { thonUI, thonUIContent } = require('thon-ui/plugin');
20+
const { thonUI, thonUIContent } = require('@thonlabs/ui/plugin');
2121

2222
/** @type {import('tailwindcss').Config} */
2323
module.exports = {
@@ -38,7 +38,7 @@ module.exports = {
3838
};
3939
```
4040

41-
_Note: The tailwind, postcss and autoprefixer libraries is already installed by thon-ui_
41+
_Note: The tailwind, postcss and autoprefixer libraries is already installed by @thonlabs/ui_
4242

4343
## How to Use
4444

@@ -49,16 +49,16 @@ You can import components, hooks or providers following those patterns below
4949
On the main file off your application add the base styles from Thon.
5050

5151
```javascript
52-
import 'thon-ui/core/base.css';
53-
import 'thon-ui/core/fonts.css'; // Exclude in case of using other fronts
52+
import '@thonlabs/ui/core/base.css';
53+
import '@thonlabs/ui/core/fonts.css'; // Exclude in case of using other fronts
5454
```
5555

5656
_Note: the default font from Thon UI is ["Inter"](https://fonts.google.com/specimen/Inter) from Google Fonts._
5757

5858
### Components
5959

6060
```javascript
61-
import { Text, Card } from 'thon-ui';
61+
import { Text, Card } from '@thonlabs/ui';
6262
```
6363

6464
**Current Available Components**
@@ -79,7 +79,7 @@ import { Text, Card } from 'thon-ui';
7979
### Providers
8080

8181
```javascript
82-
import { ThemeProvider } from 'thon-ui/providers';
82+
import { ThemeProvider } from '@thonlabs/ui/providers';
8383
```
8484

8585
**Current Available Providers**
@@ -90,7 +90,7 @@ import { ThemeProvider } from 'thon-ui/providers';
9090
### Hooks
9191

9292
```javascript
93-
import { useTheme } from 'thon-ui/hooks';
93+
import { useTheme } from '@thonlabs/ui/hooks';
9494
```
9595

9696
**Current Available Hooks**

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
2-
"name": "thon-ui",
2+
"name": "@thonlabs/ui",
33
"description": "Create fast and beautiful user interfaces easily using React",
44
"version": "0.0.13",
55
"main": "./index.js",

0 commit comments

Comments
 (0)