@hubbiparts/uikit 0.2.1 → 0.3.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/dist/components/ui/app-shell.d.ts +34 -0
- package/dist/components/ui/backoffice-charts.d.ts +29 -0
- package/dist/components/ui/data-table.d.ts +37 -0
- package/dist/components/ui/date-range-picker.d.ts +20 -0
- package/dist/components/ui/detail-sheet.d.ts +18 -0
- package/dist/components/ui/filter-bar.d.ts +19 -0
- package/dist/components/ui/index.d.ts +10 -1
- package/dist/components/ui/page-header.d.ts +17 -0
- package/dist/components/ui/stat-card.d.ts +19 -0
- package/dist/components/ui/status-badge.d.ts +12 -0
- package/dist/index.cjs +2 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +2084 -1319
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/skills/hubbiparts-uikit/SKILL.md +17 -1
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@ allowed-tools: Bash(npx hubbiparts-uikit *), Bash(npm view @hubbiparts/uikit *),
|
|
|
7
7
|
|
|
8
8
|
# @hubbiparts/uikit
|
|
9
9
|
|
|
10
|
-
HubbiParts' React UI kit:
|
|
10
|
+
HubbiParts' React UI kit: 70 public components (61 Radix-based primitives plus 9 backoffice composites), themed with HubbiParts tokens, **distributed as a compiled npm package** — not copied into the project.
|
|
11
11
|
|
|
12
12
|
That single fact changes the shadcn workflow:
|
|
13
13
|
|
|
@@ -100,6 +100,22 @@ Always enforced. Details and Incorrect/Correct pairs in the linked files.
|
|
|
100
100
|
| Guided flows | `Questionnaire` |
|
|
101
101
|
| Composition-only (no file) | Data Table = `Table` + state; Date Picker = `Popover` + `Calendar`; Typography = tokens |
|
|
102
102
|
|
|
103
|
+
## Backoffice composites
|
|
104
|
+
|
|
105
|
+
Release `0.3.0` adds generic, business-rule-free composites for dense operational interfaces:
|
|
106
|
+
|
|
107
|
+
- `AppShell` — `navSections`, `activeNavId`, controlled sidebar state, `topbar`, breadcrumbs, and content landmarks.
|
|
108
|
+
- `PageHeader` — `title`, optional `eyebrow`, `description`, breadcrumbs, status, back link, and action slots.
|
|
109
|
+
- `DataTable<T>` — controlled server pagination/sorting, typed columns, selection, `loading`/`empty`/`error` states, `compact`/`default` density, and `aria-sort`.
|
|
110
|
+
- `FilterBar` — controlled search, filter slots, active filter chips, chip removal, and reset action.
|
|
111
|
+
- `DetailSheet` — controlled `open`, responsive side/width, loading/error content, and footer actions.
|
|
112
|
+
- `StatusBadge` — typed `neutral`/`info`/`success`/`warning`/`error` tones with visible labels and optional dot.
|
|
113
|
+
- `StatCard` — value, unit, delta direction, comparison, intent, loading, trend, icon, and optional link.
|
|
114
|
+
- `DateRangePicker` — controlled `react-day-picker` range with `today`, `7d`, `30d`, and `month` presets.
|
|
115
|
+
- `BackofficeLineChart`, `BackofficeAreaChart`, `BackofficeBarChart`, `BackofficeDonutChart` — accessible wrappers over the existing `ChartContainer` and `recharts` dependency; no new chart library is added.
|
|
116
|
+
|
|
117
|
+
All composites use the existing semantic kit tokens and primitives. They do not encode partner, order, payment, or role-specific business rules. Consumers should provide domain labels and permission-aware actions. The package now exposes 70 public component slugs: 61 primitives plus these 9 backoffice composite modules.
|
|
118
|
+
|
|
103
119
|
## Getting a Component's API
|
|
104
120
|
|
|
105
121
|
Never guess props. The installed version is the contract:
|