@sellmate/design-system-react 0.0.32 → 0.0.35
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 +57 -57
- package/lib/index.ts +11 -11
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -1,57 +1,57 @@
|
|
|
1
|
-
# Sellmate Design System - React
|
|
2
|
-
|
|
3
|
-
React component wrappers for Sellmate Design System built with Stencil web components.
|
|
4
|
-
|
|
5
|
-
## Installation
|
|
6
|
-
|
|
7
|
-
```bash
|
|
8
|
-
npm install @sellmate/design-system-react
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
or
|
|
12
|
-
|
|
13
|
-
```bash
|
|
14
|
-
yarn add @sellmate/design-system-react
|
|
15
|
-
```
|
|
16
|
-
|
|
17
|
-
## Quick Start
|
|
18
|
-
|
|
19
|
-
### Basic Setup
|
|
20
|
-
|
|
21
|
-
```tsx
|
|
22
|
-
import { SdButton } from '@sellmate/design-system-react';
|
|
23
|
-
|
|
24
|
-
export function App() {
|
|
25
|
-
return (
|
|
26
|
-
<SdButton
|
|
27
|
-
label="Click me"
|
|
28
|
-
onClick={() => console.log('clicked')}
|
|
29
|
-
>
|
|
30
|
-
</SdButton>
|
|
31
|
-
);
|
|
32
|
-
}
|
|
33
|
-
```
|
|
34
|
-
|
|
35
|
-
## Available Components
|
|
36
|
-
|
|
37
|
-
- `SdButton` - Button component
|
|
38
|
-
- `SdInput` - Input component
|
|
39
|
-
- `SdCheckbox` - Checkbox component
|
|
40
|
-
- `SdSelect` - Select dropdown component
|
|
41
|
-
- `SdTable` - Table component
|
|
42
|
-
- `SdTag` - Tag component
|
|
43
|
-
- `SdIcon` - Icon component
|
|
44
|
-
- `SdTooltip` - Tooltip component
|
|
45
|
-
- `SdPopover` - Popover component
|
|
46
|
-
- `SdDatePicker` - Date picker component
|
|
47
|
-
- `SdDateRangePicker` - Date range picker component
|
|
48
|
-
- `SdPagination` - Pagination component
|
|
49
|
-
|
|
50
|
-
## Requirements
|
|
51
|
-
|
|
52
|
-
- React 16.8.0 or higher
|
|
53
|
-
- React DOM 16.8.0 or higher
|
|
54
|
-
|
|
55
|
-
## License
|
|
56
|
-
|
|
57
|
-
MIT
|
|
1
|
+
# Sellmate Design System - React
|
|
2
|
+
|
|
3
|
+
React component wrappers for Sellmate Design System built with Stencil web components.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install @sellmate/design-system-react
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
or
|
|
12
|
+
|
|
13
|
+
```bash
|
|
14
|
+
yarn add @sellmate/design-system-react
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
## Quick Start
|
|
18
|
+
|
|
19
|
+
### Basic Setup
|
|
20
|
+
|
|
21
|
+
```tsx
|
|
22
|
+
import { SdButton } from '@sellmate/design-system-react';
|
|
23
|
+
|
|
24
|
+
export function App() {
|
|
25
|
+
return (
|
|
26
|
+
<SdButton
|
|
27
|
+
label="Click me"
|
|
28
|
+
onClick={() => console.log('clicked')}
|
|
29
|
+
>
|
|
30
|
+
</SdButton>
|
|
31
|
+
);
|
|
32
|
+
}
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## Available Components
|
|
36
|
+
|
|
37
|
+
- `SdButton` - Button component
|
|
38
|
+
- `SdInput` - Input component
|
|
39
|
+
- `SdCheckbox` - Checkbox component
|
|
40
|
+
- `SdSelect` - Select dropdown component
|
|
41
|
+
- `SdTable` - Table component
|
|
42
|
+
- `SdTag` - Tag component
|
|
43
|
+
- `SdIcon` - Icon component
|
|
44
|
+
- `SdTooltip` - Tooltip component
|
|
45
|
+
- `SdPopover` - Popover component
|
|
46
|
+
- `SdDatePicker` - Date picker component
|
|
47
|
+
- `SdDateRangePicker` - Date range picker component
|
|
48
|
+
- `SdPagination` - Pagination component
|
|
49
|
+
|
|
50
|
+
## Requirements
|
|
51
|
+
|
|
52
|
+
- React 16.8.0 or higher
|
|
53
|
+
- React DOM 16.8.0 or higher
|
|
54
|
+
|
|
55
|
+
## License
|
|
56
|
+
|
|
57
|
+
MIT
|
package/lib/index.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
export * from './components/components.js';
|
|
4
|
-
export { defineCustomElements } from '@sellmate/design-system/loader';
|
|
5
|
-
|
|
6
|
-
// Export sd-table types for React usage
|
|
7
|
-
export type {
|
|
8
|
-
SdTableSortDir,
|
|
9
|
-
SdTableColumn,
|
|
10
|
-
Row as SdTableRow,
|
|
11
|
-
} from '@sellmate/design-system';
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
export * from './components/components.js';
|
|
4
|
+
export { defineCustomElements } from '@sellmate/design-system/loader';
|
|
5
|
+
|
|
6
|
+
// Export sd-table types for React usage
|
|
7
|
+
export type {
|
|
8
|
+
SdTableSortDir,
|
|
9
|
+
SdTableColumn,
|
|
10
|
+
Row as SdTableRow,
|
|
11
|
+
} from '@sellmate/design-system';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sellmate/design-system-react",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.35",
|
|
4
4
|
"description": "Design System - React Component Wrappers",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"dev": "tsc --watch"
|
|
55
55
|
},
|
|
56
56
|
"dependencies": {
|
|
57
|
-
"@sellmate/design-system": "^0.0.
|
|
57
|
+
"@sellmate/design-system": "^0.0.30",
|
|
58
58
|
"@stencil/react-output-target": "^1.2.0"
|
|
59
59
|
},
|
|
60
60
|
"peerDependencies": {
|
|
@@ -68,5 +68,5 @@
|
|
|
68
68
|
"rimraf": "^6.0.1",
|
|
69
69
|
"typescript": "^5.9.3"
|
|
70
70
|
},
|
|
71
|
-
"gitHead": "
|
|
71
|
+
"gitHead": "1ab846f36402540f9dd1e3da7a308033ca226680"
|
|
72
72
|
}
|