@streamoid/ui 0.1.0 → 0.1.2
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 +45 -0
- package/dist/index.d.mts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +1 -0
- package/dist/index.mjs +1 -0
- package/package.json +2 -2
package/README.md
ADDED
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
# @streamoid/ui
|
|
2
|
+
|
|
3
|
+
A comprehensive React UI component library for Streamoid applications.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install @streamoid/ui
|
|
9
|
+
# or
|
|
10
|
+
yarn add @streamoid/ui
|
|
11
|
+
# or
|
|
12
|
+
pnpm add @streamoid/ui
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
**Note:** This package requires `@streamoid/icons` as a peer dependency.
|
|
16
|
+
|
|
17
|
+
## Usage
|
|
18
|
+
|
|
19
|
+
Import components directly:
|
|
20
|
+
|
|
21
|
+
```tsx
|
|
22
|
+
import { ScButton } from "@streamoid/ui";
|
|
23
|
+
import "@streamoid/ui/dist/index.css"; // Don't forget to import styles
|
|
24
|
+
|
|
25
|
+
function App() {
|
|
26
|
+
return (
|
|
27
|
+
<ScButton
|
|
28
|
+
text="Click me"
|
|
29
|
+
variant="primary"
|
|
30
|
+
onClick={() => console.log("Clicked")}
|
|
31
|
+
/>
|
|
32
|
+
);
|
|
33
|
+
}
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
## Features
|
|
37
|
+
|
|
38
|
+
- 50+ Reusable Components
|
|
39
|
+
- TypeScript Support
|
|
40
|
+
- Tailwind CSS Compatible
|
|
41
|
+
- Fully Customizable
|
|
42
|
+
|
|
43
|
+
## License
|
|
44
|
+
|
|
45
|
+
ISC
|
package/dist/index.d.mts
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
|
|
1
3
|
interface IScAccessProps {
|
|
2
4
|
component?: JSX.Element;
|
|
3
5
|
component2?: JSX.Element;
|
|
@@ -30,7 +32,7 @@ interface IScBillingHistoryTableListProps {
|
|
|
30
32
|
}
|
|
31
33
|
declare const ScBillingHistoryTableList: ({ className, ...props }: IScBillingHistoryTableListProps) => JSX.Element;
|
|
32
34
|
|
|
33
|
-
interface IScButtonProps {
|
|
35
|
+
interface IScButtonProps extends HTMLAttributes<HTMLDivElement> {
|
|
34
36
|
text?: string;
|
|
35
37
|
icon?: JSX.Element;
|
|
36
38
|
styleVariant?: "default" | "icon-right" | "icon-left" | "icon-only";
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
|
|
1
3
|
interface IScAccessProps {
|
|
2
4
|
component?: JSX.Element;
|
|
3
5
|
component2?: JSX.Element;
|
|
@@ -30,7 +32,7 @@ interface IScBillingHistoryTableListProps {
|
|
|
30
32
|
}
|
|
31
33
|
declare const ScBillingHistoryTableList: ({ className, ...props }: IScBillingHistoryTableListProps) => JSX.Element;
|
|
32
34
|
|
|
33
|
-
interface IScButtonProps {
|
|
35
|
+
interface IScButtonProps extends HTMLAttributes<HTMLDivElement> {
|
|
34
36
|
text?: string;
|
|
35
37
|
icon?: JSX.Element;
|
|
36
38
|
styleVariant?: "default" | "icon-right" | "icon-left" | "icon-only";
|
package/dist/index.js
CHANGED
|
@@ -3889,6 +3889,7 @@ var ScButton = ({
|
|
|
3889
3889
|
"div",
|
|
3890
3890
|
{
|
|
3891
3891
|
className: ScButton_default.scButton + " " + className + " " + variantsClassName,
|
|
3892
|
+
...props,
|
|
3892
3893
|
children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: ScButton_default.container, children: [
|
|
3893
3894
|
(styleVariant === "icon-left" || styleVariant === "icon-only") && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, { children: icon }),
|
|
3894
3895
|
(styleVariant === "default" || styleVariant === "icon-right" || styleVariant === "icon-left") && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: ScButton_default.label, children: [
|
package/dist/index.mjs
CHANGED
|
@@ -3818,6 +3818,7 @@ var ScButton = ({
|
|
|
3818
3818
|
"div",
|
|
3819
3819
|
{
|
|
3820
3820
|
className: ScButton_default.scButton + " " + className + " " + variantsClassName,
|
|
3821
|
+
...props,
|
|
3821
3822
|
children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: ScButton_default.container, children: [
|
|
3822
3823
|
(styleVariant === "icon-left" || styleVariant === "icon-only") && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, { children: icon }),
|
|
3823
3824
|
(styleVariant === "default" || styleVariant === "icon-right" || styleVariant === "icon-left") && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: ScButton_default.label, children: [
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@streamoid/ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"main": "./dist/index.js",
|
|
5
5
|
"module": "./dist/index.mjs",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"react-dom": "^18.0.0"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@streamoid/icons": "
|
|
26
|
+
"@streamoid/icons": "^0.1.2"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@types/react": "^18.0.0",
|