@texturehq/edges 0.0.5 → 0.0.6
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 +79 -1
- package/package.json +8 -7
package/README.md
CHANGED
|
@@ -1 +1,79 @@
|
|
|
1
|
-
# edges
|
|
1
|
+
# @texturehq/edges
|
|
2
|
+
|
|
3
|
+
A shared component library for Texture.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
yarn add @texturehq/edges
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Usage
|
|
12
|
+
|
|
13
|
+
### Importing Components
|
|
14
|
+
|
|
15
|
+
```jsx
|
|
16
|
+
import { Button } from '@texturehq/edges';
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
### Required CSS Imports
|
|
20
|
+
|
|
21
|
+
**IMPORTANT**: You must import the CSS files for the components to style correctly:
|
|
22
|
+
|
|
23
|
+
```jsx
|
|
24
|
+
// Import these in your main application file (e.g., _app.js, App.jsx, etc.)
|
|
25
|
+
import '@texturehq/edges/theme-components.css';
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
> Note: The `theme-components.css` file includes all necessary theme variables and ensures they are properly applied to the components. You don't need to import `theme.css` or `styles.css` separately.
|
|
29
|
+
|
|
30
|
+
### Example
|
|
31
|
+
|
|
32
|
+
```jsx
|
|
33
|
+
import '@texturehq/edges/theme-components.css';
|
|
34
|
+
import { Button } from '@texturehq/edges';
|
|
35
|
+
|
|
36
|
+
function App() {
|
|
37
|
+
return (
|
|
38
|
+
<div>
|
|
39
|
+
<Button variant="primary">Click me</Button>
|
|
40
|
+
</div>
|
|
41
|
+
);
|
|
42
|
+
}
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
## Available Components
|
|
46
|
+
|
|
47
|
+
- Button
|
|
48
|
+
- TextField
|
|
49
|
+
- TextArea
|
|
50
|
+
- Select
|
|
51
|
+
- NumberField
|
|
52
|
+
- TimeField
|
|
53
|
+
- DateField
|
|
54
|
+
- ToggleButton
|
|
55
|
+
- Tooltip
|
|
56
|
+
- TextLink
|
|
57
|
+
- Skeleton
|
|
58
|
+
- Logo
|
|
59
|
+
- Popover
|
|
60
|
+
- Loader
|
|
61
|
+
- Heading
|
|
62
|
+
- Icon
|
|
63
|
+
- CopyToClipboard
|
|
64
|
+
- Switch
|
|
65
|
+
- ProgressBar
|
|
66
|
+
- RangeCalendar
|
|
67
|
+
- PlaceSearch
|
|
68
|
+
- ListBoxItem
|
|
69
|
+
- ListBox
|
|
70
|
+
- Form
|
|
71
|
+
- DateRangePicker
|
|
72
|
+
- Dialog
|
|
73
|
+
- Calendar
|
|
74
|
+
- Checkbox
|
|
75
|
+
- Autocomplete
|
|
76
|
+
|
|
77
|
+
## License
|
|
78
|
+
|
|
79
|
+
MIT
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@texturehq/edges",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.6",
|
|
4
4
|
"author": "Nicholas Brown <nick@texturehq.com>",
|
|
5
5
|
"description": "A shared component library for Texture",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./dist/index.js",
|
|
8
|
-
"module": "./dist/index.
|
|
8
|
+
"module": "./dist/index.js",
|
|
9
9
|
"types": "./dist/index.d.ts",
|
|
10
10
|
"sideEffects": false,
|
|
11
11
|
"files": [
|
|
@@ -14,14 +14,15 @@
|
|
|
14
14
|
"exports": {
|
|
15
15
|
".": {
|
|
16
16
|
"types": "./dist/index.d.ts",
|
|
17
|
-
"import": "./dist/index.
|
|
18
|
-
"
|
|
17
|
+
"import": "./dist/index.js",
|
|
18
|
+
"default": "./dist/index.js"
|
|
19
19
|
},
|
|
20
|
-
"./styles.css": "./dist/styles.css"
|
|
20
|
+
"./styles.css": "./dist/styles.css",
|
|
21
|
+
"./theme.css": "./dist/theme.css"
|
|
21
22
|
},
|
|
22
23
|
"scripts": {
|
|
23
24
|
"dev": "vite",
|
|
24
|
-
"build": "tsup
|
|
25
|
+
"build": "tsup",
|
|
25
26
|
"clean": "rm -rf dist",
|
|
26
27
|
"lint": "eslint --ext .ts,.tsx src/",
|
|
27
28
|
"lint:quiet": "eslint --ext .ts,.tsx src/ --quiet",
|
|
@@ -55,7 +56,7 @@
|
|
|
55
56
|
"@storybook/react": "^8.6.12",
|
|
56
57
|
"@storybook/react-vite": "^8.6.12",
|
|
57
58
|
"@storybook/test": "^8.6.12",
|
|
58
|
-
"@tailwindcss/postcss": "^4.1.
|
|
59
|
+
"@tailwindcss/postcss": "^4.1.4",
|
|
59
60
|
"@testing-library/dom": "^10.4.0",
|
|
60
61
|
"@testing-library/jest-dom": "^6.4.2",
|
|
61
62
|
"@testing-library/react": "^14.2.1",
|