@reactor-team/ui 0.1.0 → 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -5
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
#
|
|
1
|
+
# @reactor-team/ui
|
|
2
2
|
|
|
3
3
|
A reusable React component library for Reactor applications.
|
|
4
4
|
|
|
5
5
|
## Installation
|
|
6
6
|
|
|
7
7
|
```bash
|
|
8
|
-
npm install @reactor/ui
|
|
8
|
+
npm install @reactor-team/ui
|
|
9
9
|
```
|
|
10
10
|
|
|
11
11
|
## Usage
|
|
12
12
|
|
|
13
13
|
```tsx
|
|
14
|
-
import { Button } from '@reactor/ui
|
|
15
|
-
import '@reactor/ui
|
|
14
|
+
import { Button } from '@reactor-team/ui';
|
|
15
|
+
import '@reactor-team/ui/styles.css';
|
|
16
16
|
|
|
17
17
|
function App() {
|
|
18
18
|
return (
|
|
@@ -68,7 +68,7 @@ A customizable button component with multiple variants and sizes.
|
|
|
68
68
|
|
|
69
69
|
```tsx
|
|
70
70
|
<Button
|
|
71
|
-
variant="primary" // 'primary' | 'secondary' | 'ghost'
|
|
71
|
+
variant="primary" // 'primary' | 'tertiary' | 'secondary' | 'ghost'
|
|
72
72
|
size="default" // 'small' | 'default' | 'large'
|
|
73
73
|
shadow={true} // Enable/disable shadow effect
|
|
74
74
|
disabled={false} // Disable the button
|
|
@@ -83,6 +83,7 @@ The library uses CSS custom properties for design tokens:
|
|
|
83
83
|
|
|
84
84
|
### Colors
|
|
85
85
|
- `--reactor-color-interstellar`: #000000
|
|
86
|
+
- `--reactor-color-light`: #FFFFFF
|
|
86
87
|
- `--reactor-color-light-gold`: #FDF5C6
|
|
87
88
|
|
|
88
89
|
### Typography
|