@nice2dev/ui-display 1.0.15 → 1.0.16
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 +28 -16
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -7,40 +7,52 @@ Part of the [Nice2Dev](https://nice2dev.com) UI monorepo.
|
|
|
7
7
|
## Installation
|
|
8
8
|
|
|
9
9
|
```bash
|
|
10
|
-
npm install @nice2dev/ui-display
|
|
10
|
+
npm install @nice2dev/ui-display @nice2dev/ui
|
|
11
11
|
```
|
|
12
12
|
|
|
13
|
+
`@nice2dev/ui` is a peer dependency — install both.
|
|
14
|
+
|
|
13
15
|
## Usage
|
|
14
16
|
|
|
15
17
|
```tsx
|
|
16
|
-
import {
|
|
18
|
+
import { NiceButton, NiceBadge, NiceAvatar, NiceProgress, NiceQRCode } from '@nice2dev/ui-display';
|
|
19
|
+
import '@nice2dev/ui/style.css';
|
|
17
20
|
```
|
|
18
21
|
|
|
19
|
-
##
|
|
22
|
+
## What's inside
|
|
23
|
+
|
|
24
|
+
This is a **facade package** — it re-exports display components from `@nice2dev/ui` so you can install just this domain without pulling the whole monolith.
|
|
25
|
+
|
|
26
|
+
| Group | Components |
|
|
27
|
+
| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------- |
|
|
28
|
+
| Buttons | `NiceButton`, `NiceButtonGroup`, `NiceIconButton`, `NiceDropDownButton`, `NiceSpeedDialAction` |
|
|
29
|
+
| Badges / tags | `NiceBadge`, `NiceTag`, `NiceStatusBadge` |
|
|
30
|
+
| Avatars | `NiceAvatar`, `NiceAvatarGroup` |
|
|
31
|
+
| Progress / loading | `NiceProgress`, `NiceSkeleton`, `NiceSpinner` |
|
|
32
|
+
| Layout | `NiceDivider`, `NiceTooltip`, `NiceEmpty` |
|
|
33
|
+
| Time / media | `NiceTimeline`, `NiceCarousel`, `NiceGallery`, `NiceVirtualScroller` |
|
|
34
|
+
| Documents | `NiceImageViewer`, `NicePDFViewer` |
|
|
35
|
+
| Codes | `NiceBarcodeGenerator`, `NiceQRCode` |
|
|
36
|
+
| Terminal | `NiceTerminalUI` |
|
|
37
|
+
| Gamification | `NiceLeaderboard`, `NiceAchievementBadge`, `NiceQuestCard`, `NiceXPBar` |
|
|
38
|
+
| Business widgets | `NiceAmountBreakdown`, `NiceDocumentVersionList`, `NiceDocumentApprovalFlow`, `NiceInbox`, `NiceNotificationCenter`, `NiceBusinessCard` |
|
|
39
|
+
| Theming / FAQ | `NiceThemeSwitcher`, `NiceSegmentedControl`, `NiceFAQ` |
|
|
40
|
+
| Analytics | `NiceAnalyticsTracker`, `useAnalytics` |
|
|
41
|
+
|
|
42
|
+
See [docs/PER_PACKAGE_IMPORT_MATRIX.md](../../docs/PER_PACKAGE_IMPORT_MATRIX.md) for the canonical component-to-package matrix.
|
|
20
43
|
|
|
21
|
-
|
|
44
|
+
## Styling
|
|
22
45
|
|
|
23
46
|
```tsx
|
|
24
47
|
import '@nice2dev/ui/style.css';
|
|
25
48
|
```
|
|
26
49
|
|
|
27
|
-
Optional
|
|
50
|
+
Optional legacy token aliases:
|
|
28
51
|
|
|
29
52
|
```tsx
|
|
30
53
|
import '@nice2dev/ui/css/legacy-bg-text-aliases.css';
|
|
31
54
|
```
|
|
32
55
|
|
|
33
|
-
## What's inside
|
|
34
|
-
|
|
35
|
-
- **1** source file
|
|
36
|
-
- Tree-shakable ESM build via Vite + tsup
|
|
37
|
-
- Full TypeScript types
|
|
38
|
-
- WCAG 2.1 AA accessibility baseline
|
|
39
|
-
|
|
40
|
-
## Featured components
|
|
41
|
-
|
|
42
|
-
- See package source for the full export list.
|
|
43
|
-
|
|
44
56
|
## Examples
|
|
45
57
|
|
|
46
58
|
Live, interactive examples for every component are available in the [Nice2Dev showcase](https://github.com/nice2dev/NiceToDev.UI/tree/main/packages/showcase) — each entry exposes presets, size / state / label / error placement selectors and full prop documentation.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nice2dev/ui-display",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.16",
|
|
4
4
|
"description": "Nice2Dev UI Display — Badge, Avatar, Progress, Skeleton, Timeline, Carousel, Buttons, QRCode, Barcode",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -27,12 +27,12 @@
|
|
|
27
27
|
"prepublishOnly": "npm run build"
|
|
28
28
|
},
|
|
29
29
|
"peerDependencies": {
|
|
30
|
-
"@nice2dev/ui": "^1.0.
|
|
30
|
+
"@nice2dev/ui": "^1.0.16",
|
|
31
31
|
"react": ">=17.0.0",
|
|
32
32
|
"react-dom": ">=17.0.0"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@nice2dev/ui": "^1.0.
|
|
35
|
+
"@nice2dev/ui": "^1.0.16",
|
|
36
36
|
"@types/react": "^18.2.0",
|
|
37
37
|
"@types/react-dom": "^18.2.0",
|
|
38
38
|
"@vitejs/plugin-react": "^4.3.0",
|