@salesmind-ai/design-system 0.0.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 +42 -0
- package/dist/index.cjs +1043 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.css +2128 -0
- package/dist/index.css.map +1 -0
- package/dist/index.d.cts +283 -0
- package/dist/index.d.ts +283 -0
- package/dist/index.js +1007 -0
- package/dist/index.js.map +1 -0
- package/dist/styles/styles.css +3027 -0
- package/dist/styles/styles.css.map +1 -0
- package/package.json +86 -0
package/README.md
ADDED
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
# Salesmind AI Design System
|
|
2
|
+
|
|
3
|
+
A production-grade React component library built with @base-ui/react, Storybook, and TypeScript.
|
|
4
|
+
|
|
5
|
+
## Features
|
|
6
|
+
|
|
7
|
+
- **Base UI**: Built on top of headless primitives for maximum accessibility and customization.
|
|
8
|
+
- **CSS Variables**: Theming supported via native CSS variables.
|
|
9
|
+
- **Tree Shakeable**: ESM and CJS builds with side-effect marking.
|
|
10
|
+
- **TypeScript**: First-class type support.
|
|
11
|
+
|
|
12
|
+
## Installation
|
|
13
|
+
|
|
14
|
+
```bash
|
|
15
|
+
npm install @salesmind-ai/design-system
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
## Usage
|
|
19
|
+
|
|
20
|
+
Import components:
|
|
21
|
+
|
|
22
|
+
```tsx
|
|
23
|
+
import { Button } from '@salesmind-ai/design-system';
|
|
24
|
+
|
|
25
|
+
function App() {
|
|
26
|
+
return <Button>Click me</Button>;
|
|
27
|
+
}
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
Import styles (once in your app root):
|
|
31
|
+
|
|
32
|
+
```tsx
|
|
33
|
+
import '@salesmind-ai/design-system/styles.css';
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
## Development
|
|
37
|
+
|
|
38
|
+
- `npm run storybook`: Start Storybook development server.
|
|
39
|
+
- `npm run build`: Build the library.
|
|
40
|
+
- `npm run test`: Run tests.
|
|
41
|
+
- `npm run lint`: Lint code.
|
|
42
|
+
- `npm run typecheck`: Check types.
|