tintora 0.0.0 → 0.0.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.
Files changed (5) hide show
  1. package/README.md +111 -0
  2. package/dist/index.cjs +1 -1
  3. package/dist/index.d.ts +1 -1
  4. package/dist/index.js +2 -2
  5. package/package.json +77 -68
package/README.md ADDED
@@ -0,0 +1,111 @@
1
+ # Tintora
2
+
3
+ Tintora is a lightweight React component library for building polished interfaces with a clean, modern default style. It is designed for fast prototyping and production-ready UI composition, with a small API surface and TypeScript support.
4
+
5
+ ## Features
6
+
7
+ - React component library
8
+ - TypeScript-first development
9
+ - Vite-based build output
10
+ - Storybook for component exploration
11
+ - Simple, reusable styling
12
+
13
+ ## Installation
14
+
15
+ Using pnpm:
16
+
17
+ ```bash
18
+ pnpm add tintora
19
+ ```
20
+
21
+ Using npm:
22
+
23
+ ```bash
24
+ npm install tintora
25
+ ```
26
+
27
+ Using yarn:
28
+
29
+ ```bash
30
+ yarn add tintora
31
+ ```
32
+
33
+ ## Usage
34
+
35
+ ```tsx
36
+ import { Button } from 'tintora';
37
+
38
+ export function Example() {
39
+ return (
40
+ <Button onClick={() => alert('Hello from Tintora!')}>Click me</Button>
41
+ );
42
+ }
43
+ ```
44
+
45
+ If your build setup supports CSS imports, you can also import the library stylesheet:
46
+
47
+ ```tsx
48
+ import 'tintora/style.css';
49
+ ```
50
+
51
+ ## Available Components
52
+
53
+ ### Button
54
+
55
+ The current component library includes a simple `Button` component with a clean dark base style and support for standard HTML button props.
56
+
57
+ ```tsx
58
+ <Button type="button" disabled={false}>
59
+ Submit
60
+ </Button>
61
+ ```
62
+
63
+ ## Development
64
+
65
+ Install dependencies:
66
+
67
+ ```bash
68
+ pnpm install
69
+ ```
70
+
71
+ Run Storybook:
72
+
73
+ ```bash
74
+ pnpm storybook
75
+ ```
76
+
77
+ Build the library:
78
+
79
+ ```bash
80
+ pnpm build
81
+ ```
82
+
83
+ Run type checking:
84
+
85
+ ```bash
86
+ pnpm typecheck
87
+ ```
88
+
89
+ Run linting:
90
+
91
+ ```bash
92
+ pnpm lint
93
+ ```
94
+
95
+ ## Project Structure
96
+
97
+ ```text
98
+ src/
99
+ Button/
100
+ Button.tsx
101
+ Button.css
102
+ index.ts
103
+ ```
104
+
105
+ ## License
106
+
107
+ MIT
108
+
109
+ ## Repository
110
+
111
+ https://github.com/felipevlourenco/tintora
package/dist/index.cjs CHANGED
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react/jsx-runtime");function t({className:t=``,...n}){return(0,e.jsx)(`button`,{className:`tintora-button ${t}`,...n})}exports.Button=t;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react/jsx-runtime");function t({className:t,...n}){return(0,e.jsx)(`button`,{className:[`tintora-button`,t].filter(Boolean).join(` `),...n})}exports.Button=t;
package/dist/index.d.ts CHANGED
@@ -1 +1 @@
1
- export { Button } from "./Button/Button";
1
+ export { Button } from './Button/Button';
package/dist/index.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
2
  //#region src/Button/Button.tsx
3
- function t({ className: t = "", ...n }) {
3
+ function t({ className: t, ...n }) {
4
4
  return /* @__PURE__ */ e("button", {
5
- className: `tintora-button ${t}`,
5
+ className: ["tintora-button", t].filter(Boolean).join(" "),
6
6
  ...n
7
7
  });
8
8
  }
package/package.json CHANGED
@@ -1,70 +1,79 @@
1
1
  {
2
- "name": "tintora",
3
- "version": "0.0.0",
4
- "license": "MIT",
5
- "type": "module",
6
- "sideEffects": [
7
- "**/*.css"
8
- ],
9
- "files": [
10
- "dist"
11
- ],
12
- "main": "./dist/index.cjs",
13
- "module": "./dist/index.js",
14
- "types": "./dist/index.d.ts",
15
- "exports": {
16
- ".": {
17
- "types": "./dist/index.d.ts",
18
- "import": "./dist/index.js",
19
- "require": "./dist/index.cjs"
2
+ "name": "tintora",
3
+ "version": "0.0.2",
4
+ "license": "MIT",
5
+ "type": "module",
6
+ "repository": {
7
+ "type": "git",
8
+ "url": "git+https://github.com/felipevlourenco/tintora.git"
20
9
  },
21
- "./style.css": "./dist/tintora.css"
22
- },
23
- "peerDependencies": {
24
- "react": ">=18",
25
- "react-dom": ">=18"
26
- },
27
- "devDependencies": {
28
- "@commitlint/cli": "^21.2.3",
29
- "@commitlint/config-conventional": "^21.2.3",
30
- "@eslint/js": "^9.39.5",
31
- "@storybook/addon-docs": "^10.6.1",
32
- "@storybook/react-vite": "^10.6.1",
33
- "@types/react": "^19.3.0",
34
- "@types/react-dom": "^19.3.0",
35
- "@vitejs/plugin-react": "^6.1.2",
36
- "eslint": "^9.39.5",
37
- "eslint-config-prettier": "^10.1.8",
38
- "eslint-plugin-jsx-a11y": "^6.10.2",
39
- "eslint-plugin-react": "^7.37.5",
40
- "eslint-plugin-react-hooks": "^7.1.1",
41
- "eslint-plugin-storybook": "^10.6.1",
42
- "globals": "^17.13.0",
43
- "husky": "^9.1.7",
44
- "lint-staged": "^17.6.0",
45
- "prettier": "^3.9.10",
46
- "react": "^19.3.0",
47
- "react-dom": "^19.3.0",
48
- "storybook": "^10.6.1",
49
- "typescript": "^6.0.3",
50
- "typescript-eslint": "^8.71.1",
51
- "vite": "^8.3.4"
52
- },
53
- "devEngines": {
54
- "packageManager": {
55
- "name": "pnpm",
56
- "version": "12.11.2",
57
- "onFail": "download"
58
- }
59
- },
60
- "scripts": {
61
- "build": "vite build && tsc --noEmit false --emitDeclarationOnly --declaration --rootDir src --outDir dist",
62
- "dev": "vite build --watch",
63
- "storybook": "storybook dev -p 6006",
64
- "build-storybook": "storybook build",
65
- "typecheck": "tsc --noEmit",
66
- "lint": "eslint .",
67
- "format": "prettier --write .",
68
- "format:check": "prettier --check ."
69
- }
70
- }
10
+ "description": "A lightweight React component library and design system for building polished UIs.",
11
+ "keywords": [
12
+ "react",
13
+ "ui",
14
+ "components",
15
+ "design-system",
16
+ "tintora"
17
+ ],
18
+ "sideEffects": [
19
+ "**/*.css"
20
+ ],
21
+ "files": [
22
+ "dist"
23
+ ],
24
+ "main": "./dist/index.cjs",
25
+ "module": "./dist/index.js",
26
+ "types": "./dist/index.d.ts",
27
+ "exports": {
28
+ ".": {
29
+ "types": "./dist/index.d.ts",
30
+ "import": "./dist/index.js",
31
+ "require": "./dist/index.cjs"
32
+ },
33
+ "./style.css": "./dist/tintora.css"
34
+ },
35
+ "scripts": {
36
+ "build": "vite build && tsc --noEmit false --emitDeclarationOnly --declaration --rootDir src --outDir dist",
37
+ "dev": "vite build --watch",
38
+ "storybook": "storybook dev -p 6006",
39
+ "build-storybook": "storybook build",
40
+ "typecheck": "tsc --noEmit",
41
+ "lint": "eslint .",
42
+ "format": "prettier --write .",
43
+ "format:check": "prettier --check .",
44
+ "prepublishOnly": "pnpm lint && pnpm typecheck && pnpm build",
45
+ "prepare": "husky"
46
+ },
47
+ "peerDependencies": {
48
+ "react": ">=18",
49
+ "react-dom": ">=18"
50
+ },
51
+ "devDependencies": {
52
+ "@commitlint/cli": "^21.2.3",
53
+ "@commitlint/config-conventional": "^21.2.3",
54
+ "@eslint/js": "^9.39.5",
55
+ "@storybook/addon-docs": "^10.6.1",
56
+ "@storybook/react-vite": "^10.6.1",
57
+ "@types/react": "^19.3.0",
58
+ "@types/react-dom": "^19.3.0",
59
+ "@vitejs/plugin-react": "^6.1.2",
60
+ "eslint": "^9.39.5",
61
+ "eslint-config-prettier": "^10.1.8",
62
+ "eslint-plugin-jsx-a11y": "^6.10.2",
63
+ "eslint-plugin-react": "^7.37.5",
64
+ "eslint-plugin-react-hooks": "^7.1.1",
65
+ "eslint-plugin-storybook": "^10.6.1",
66
+ "globals": "^17.13.0",
67
+ "husky": "^9.1.7",
68
+ "lint-staged": "^17.6.0",
69
+ "prettier": "^3.9.10",
70
+ "react": "^19.3.0",
71
+ "react-dom": "^19.3.0",
72
+ "semantic-release": "^25.0.9",
73
+ "storybook": "^10.6.1",
74
+ "typescript": "^6.0.3",
75
+ "typescript-eslint": "^8.71.1",
76
+ "vite": "^8.3.4"
77
+ },
78
+ "packageManager": "pnpm@12.11.2"
79
+ }