@fvc/chip 1.0.0-next-11b4ecc91aa3b77b53faa32e4cefb2e81c195686 → 1.0.0
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/CHANGELOG.md +56 -2
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# @fvc/chip
|
|
2
2
|
|
|
3
|
-
## 1.0.0
|
|
3
|
+
## 1.0.0
|
|
4
4
|
|
|
5
5
|
### Major Changes
|
|
6
6
|
|
|
@@ -52,4 +52,58 @@
|
|
|
52
52
|
### Patch Changes
|
|
53
53
|
|
|
54
54
|
- Updated dependencies
|
|
55
|
-
- @fvc/icons@1.1.6
|
|
55
|
+
- @fvc/icons@1.1.6
|
|
56
|
+
|
|
57
|
+
## 1.0.0-rc.0
|
|
58
|
+
|
|
59
|
+
### Major Changes
|
|
60
|
+
|
|
61
|
+
- f8551e4: Add `@fvc/chip` component package
|
|
62
|
+
|
|
63
|
+
### What
|
|
64
|
+
|
|
65
|
+
Initial release of the `@fvc/chip` package — a compact label / badge component
|
|
66
|
+
built on top of Ant Design's `Tag`. Chips are used to represent discrete values,
|
|
67
|
+
filter criteria, or removable selections inside forms and data-display surfaces.
|
|
68
|
+
|
|
69
|
+
### Features
|
|
70
|
+
- **Two sizes** via the `size` prop: `"m"` (default) and `"s"`.
|
|
71
|
+
- **Closable / dismissible** — set `closable` and handle removal via `onClose`.
|
|
72
|
+
The component is consumer-controlled: it does not auto-unmount on close.
|
|
73
|
+
- **Disabled state** — `disabled` blocks all interactions and hides the close
|
|
74
|
+
button.
|
|
75
|
+
- **Keyboard accessible** — when `onClick` is provided the chip responds to
|
|
76
|
+
`Enter` and `Space`, meeting WCAG interactive-element expectations.
|
|
77
|
+
|
|
78
|
+
### Usage
|
|
79
|
+
|
|
80
|
+
```tsx
|
|
81
|
+
import { Chip } from '@fvc/chip';
|
|
82
|
+
|
|
83
|
+
// Basic
|
|
84
|
+
<Chip>Label</Chip>
|
|
85
|
+
|
|
86
|
+
// Small, closable
|
|
87
|
+
<Chip size="s" closable onClose={() => removeTag(id)}>
|
|
88
|
+
Removable
|
|
89
|
+
</Chip>
|
|
90
|
+
|
|
91
|
+
// Disabled
|
|
92
|
+
<Chip disabled>Read-only</Chip>
|
|
93
|
+
|
|
94
|
+
// Interactive
|
|
95
|
+
<Chip onClick={() => toggleFilter(id)}>Clickable</Chip>
|
|
96
|
+
```
|
|
97
|
+
|
|
98
|
+
### Install
|
|
99
|
+
|
|
100
|
+
```bash
|
|
101
|
+
npm install @fvc/chip
|
|
102
|
+
```
|
|
103
|
+
|
|
104
|
+
Peer dependencies: `react ^18.0.0`, `antd ^5.0.0`.
|
|
105
|
+
|
|
106
|
+
### Patch Changes
|
|
107
|
+
|
|
108
|
+
- Updated dependencies
|
|
109
|
+
- @fvc/icons@1.1.6-rc.0
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fvc/chip",
|
|
3
|
-
"version": "1.0.0
|
|
3
|
+
"version": "1.0.0",
|
|
4
4
|
"main": "./dist/lib/index.js",
|
|
5
5
|
"types": "./dist/lib/chip/src/index.d.ts",
|
|
6
6
|
"files": [
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"antd"
|
|
40
40
|
],
|
|
41
41
|
"peerDependencies": {
|
|
42
|
-
"@fvc/icons": "1.1.6
|
|
42
|
+
"@fvc/icons": "^1.1.6",
|
|
43
43
|
"antd": "^5.0.0",
|
|
44
44
|
"react": "^18.0.0"
|
|
45
45
|
}
|