strivui 1.0.2 → 1.0.4
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/app/component/blocks.tsx +41 -0
- package/app/component/ui.tsx +75 -0
- package/app/genrate-css/generate-css.js +34 -0
- package/app/index.tsx +25 -2
- package/app/styles/_colors.scss +161 -0
- package/app/styles/_spacing.scss +33 -0
- package/app/styles/_typography.scss +35 -0
- package/app/styles/striveui.scss +169 -0
- package/dist/index.esm.js +470 -1311
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +480 -1310
- package/dist/index.js.map +1 -1
- package/dist/striveui.css +2130 -0
- package/dist/striveui.css.map +1 -0
- package/dist/types/component/blocks.d.ts +20 -0
- package/dist/types/component/ui.d.ts +30 -0
- package/dist/types/index.d.ts +3 -2
- package/package.json +14 -13
- package/app/component/Button.tsx +0 -19
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../app/styles/_colors.scss","../app/styles/_spacing.scss","../app/styles/_typography.scss","../app/styles/striveui.scss"],"names":[],"mappings":"AAoJI;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;ACpJF;EACI,SAVE;;;AAaN;EACI,QAdE;;;AAiBN;EACI,YAlBE;;;AAqBN;EACI,eAtBE;;;AAyBN;EACI,aA1BE;;;AA6BN;EACI,cA9BE;;;AASN;EACI,SAVE;;;AAaN;EACI,QAdE;;;AAiBN;EACI,YAlBE;;;AAqBN;EACI,eAtBE;;;AAyBN;EACI,aA1BE;;;AA6BN;EACI,cA9BE;;;AASN;EACI,SAVE;;;AAaN;EACI,QAdE;;;AAiBN;EACI,YAlBE;;;AAqBN;EACI,eAtBE;;;AAyBN;EACI,aA1BE;;;AA6BN;EACI,cA9BE;;;AASN;EACI,SAVE;;;AAaN;EACI,QAdE;;;AAiBN;EACI,YAlBE;;;AAqBN;EACI,eAtBE;;;AAyBN;EACI,aA1BE;;;AA6BN;EACI,cA9BE;;;AASN;EACI,SAVE;;;AAaN;EACI,QAdE;;;AAiBN;EACI,YAlBE;;;AAqBN;EACI,eAtBE;;;AAyBN;EACI,aA1BE;;;AA6BN;EACI,cA9BE;;;ACWN;EACI,WAZK;;;AAWT;EACI,WAZK;;;AAWT;EACI,WAZK;;;AAWT;EACI,WAZK;;;AAWT;EACI,WAZK;;;AAWT;EACI,WAZK;;;AAWT;EACI,WAZK;;;AAgBb;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;ACdJ;EACI;;;AAIA;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AATJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AATJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AATJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AATJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AATJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AATJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AATJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AATJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AATJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AATJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AATJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAIR;AACA;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AACA;EACI;;;AAGJ;EACI;;;AAGJ;AACA;EACI;;;AAGJ;EACI;;;AAGJ;AACA;EACI;;;AAGJ;EACI;;;AAGJ;AACA;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AACA;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AACA;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AACA;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AACA;EACI;;;AAGJ;EACI;;;AAGJ;EACI","file":"striveui.css"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, AnchorHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes } from 'react';
|
|
2
|
+
type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
3
|
+
children?: ReactNode;
|
|
4
|
+
};
|
|
5
|
+
declare const Button: ({ children, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
type InputProps = InputHTMLAttributes<HTMLInputElement>;
|
|
7
|
+
declare const Input: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
type AnchorProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
9
|
+
children?: ReactNode;
|
|
10
|
+
};
|
|
11
|
+
declare const Anchor: ({ children, ...props }: AnchorProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
13
|
+
children?: ReactNode;
|
|
14
|
+
};
|
|
15
|
+
declare const TextArea: ({ children, ...props }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
type SelectProps = SelectHTMLAttributes<HTMLSelectElement> & {
|
|
17
|
+
children?: ReactNode;
|
|
18
|
+
};
|
|
19
|
+
declare const Select: ({ children, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export { Button, Input, Anchor, TextArea, Select };
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React, { ReactNode, TableHTMLAttributes, HTMLAttributes } from "react";
|
|
2
|
+
type TableProps = TableHTMLAttributes<HTMLTableElement> & {
|
|
3
|
+
children?: ReactNode;
|
|
4
|
+
};
|
|
5
|
+
declare const Table: ({ children, ...props }: TableProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
type TableHeadProps = HTMLAttributes<HTMLTableSectionElement> & {
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
};
|
|
9
|
+
declare const TableHead: ({ children, ...props }: TableHeadProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
type TableBodyProps = HTMLAttributes<HTMLTableSectionElement> & {
|
|
11
|
+
children?: ReactNode;
|
|
12
|
+
};
|
|
13
|
+
declare const TableBody: ({ children, ...props }: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
type TableRowProps = HTMLAttributes<HTMLTableRowElement> & {
|
|
15
|
+
children?: ReactNode;
|
|
16
|
+
};
|
|
17
|
+
declare const TableRow: ({ children, ...props }: TableRowProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
type TableHeaderCellProps = React.ThHTMLAttributes<HTMLTableHeaderCellElement> & {
|
|
19
|
+
children?: ReactNode;
|
|
20
|
+
};
|
|
21
|
+
declare const TableHeaderCell: ({ children, ...props }: TableHeaderCellProps) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
type TableDataCellProps = React.TdHTMLAttributes<HTMLTableDataCellElement> & {
|
|
23
|
+
children?: ReactNode;
|
|
24
|
+
};
|
|
25
|
+
declare const TableDataCell: ({ children, ...props }: TableDataCellProps) => import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
type CardProps = HTMLAttributes<HTMLDivElement> & {
|
|
27
|
+
children?: ReactNode;
|
|
28
|
+
};
|
|
29
|
+
declare const Card: ({ children, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
export { Card, Table, TableHead, TableBody, TableRow, TableHeaderCell, TableDataCell, };
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
import Button from
|
|
2
|
-
|
|
1
|
+
import { Button, Input, Anchor, TextArea, Select } from "./component/blocks";
|
|
2
|
+
import { Card, Table, TableHead, TableBody, TableRow, TableHeaderCell, TableDataCell } from "./component/ui";
|
|
3
|
+
export { Button, Input, Anchor, TextArea, Select, Card, Table, TableHead, TableBody, TableRow, TableHeaderCell, TableDataCell, };
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "strivui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.4",
|
|
4
4
|
"scripts": {
|
|
5
|
-
|
|
5
|
+
"build": "npx sass app/styles/striveui.scss dist/striveui.css && rollup -c"
|
|
6
6
|
},
|
|
7
7
|
"description": "**StrivUI** is a modern, utility-first UI component library designed for building fast, beautiful, and accessible interfaces in **React** using both **TypeScript** and **JavaScript**.",
|
|
8
8
|
"keywords": [
|
|
@@ -37,9 +37,11 @@
|
|
|
37
37
|
"module": "dist/index.esm.js",
|
|
38
38
|
"types": "dist/types/index.d.ts",
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@babel/preset-env": "^7.28.0"
|
|
41
|
-
|
|
42
|
-
|
|
40
|
+
"@babel/preset-env": "^7.28.0"
|
|
41
|
+
},
|
|
42
|
+
"peerDependencies": {
|
|
43
|
+
"react": "^19.1.0",
|
|
44
|
+
"react-dom": "^19.1.0"
|
|
43
45
|
},
|
|
44
46
|
"devDependencies": {
|
|
45
47
|
"@babel/preset-react": "^7.27.1",
|
|
@@ -48,14 +50,13 @@
|
|
|
48
50
|
"@rollup/plugin-commonjs": "^28.0.6",
|
|
49
51
|
"@rollup/plugin-node-resolve": "^16.0.1",
|
|
50
52
|
"@rollup/plugin-typescript": "^12.1.4",
|
|
51
|
-
"@types/react": "^19.
|
|
52
|
-
"@types/react-dom": "^19.
|
|
53
|
-
"
|
|
53
|
+
"@types/react": "^19.0.0",
|
|
54
|
+
"@types/react-dom": "^19.0.0",
|
|
55
|
+
"react": "^19.1.0",
|
|
56
|
+
"react-dom": "^19.1.0",
|
|
57
|
+
"rollup": "^4.0.0",
|
|
58
|
+
"sass": "^1.89.2",
|
|
54
59
|
"tslib": "^2.8.1",
|
|
55
|
-
"typescript": "^5.
|
|
56
|
-
},
|
|
57
|
-
"peerDependencies": {
|
|
58
|
-
"react": "^17.0.0 || ^18.0.0 || ^19.1.0",
|
|
59
|
-
"react-dom": "^17.0.0 || ^18.0.0 || ^19.1.0"
|
|
60
|
+
"typescript": "^5.0.0"
|
|
60
61
|
}
|
|
61
62
|
}
|
package/app/component/Button.tsx
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
|
|
3
|
-
const Button = ({ label, onClick, style }:{label:string,onClick:()=>void,style:{}}) => {
|
|
4
|
-
return (
|
|
5
|
-
<button style={{
|
|
6
|
-
padding: '10px 20px',
|
|
7
|
-
backgroundColor: '#28a745',
|
|
8
|
-
color: '#fff',
|
|
9
|
-
border: 'none',
|
|
10
|
-
borderRadius: '5px',
|
|
11
|
-
cursor: 'pointer',
|
|
12
|
-
...style,
|
|
13
|
-
}} onClick={onClick}>
|
|
14
|
-
{label}
|
|
15
|
-
</button>
|
|
16
|
-
);
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
export default Button;
|