tintora 0.0.0 → 0.0.3

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