@cascivo/react 0.3.1 → 0.3.2
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 +15 -1
- package/dist/cascivo.css +1 -1
- package/dist/index.d.ts +200 -1
- package/dist/index.js +1358 -917
- package/package.json +2 -2
- package/readme.body.md +15 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cascivo/react",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.2",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Prebuilt cascivo design system components — use without copying source",
|
|
6
6
|
"keywords": [
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
},
|
|
46
46
|
"dependencies": {
|
|
47
47
|
"@cascivo/core": "^0.1.3",
|
|
48
|
-
"@cascivo/i18n": "^0.1.
|
|
48
|
+
"@cascivo/i18n": "^0.1.4"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
51
|
"@testing-library/jest-dom": "^6.9.1",
|
package/readme.body.md
CHANGED
|
@@ -129,7 +129,7 @@ routing break after adding one of these, check that the import resolves to
|
|
|
129
129
|
|
|
130
130
|
## Component index
|
|
131
131
|
|
|
132
|
-
|
|
132
|
+
179 components, exported from `@cascivo/react`. Full props, examples, and live demos at [docs.cascivo.com](https://docs.cascivo.com).
|
|
133
133
|
|
|
134
134
|
### Inputs
|
|
135
135
|
|
|
@@ -144,6 +144,7 @@ routing break after adding one of these, check that the import resolves to
|
|
|
144
144
|
- **DatePicker** — An accessible date-picker with a calendar popover.
|
|
145
145
|
- **DateRangePicker** — A dual-calendar picker for selecting a contiguous date range.
|
|
146
146
|
- **Editable** — Inline click-to-edit text field
|
|
147
|
+
- **Fab** — Floating action button anchored to a screen corner, with an optional speed-dial of secondary actions
|
|
147
148
|
- **Field** — Form-field wrapper composing label, control, description, and error
|
|
148
149
|
- **FileUploader** — Drag-and-drop file upload zone with file list and status indicators.
|
|
149
150
|
- **Filter** — A group of toggleable pill or outline buttons for filtering content by category
|
|
@@ -193,6 +194,15 @@ routing break after adding one of these, check that the import resolves to
|
|
|
193
194
|
- **DataTable** — Signal-driven data table with client/server sort, filter, pagination, multi-selection, expandable rows, and CSS content-visibility row containment for large datasets
|
|
194
195
|
- **EmptyDashboard** — Dashboard page showing an empty state with a call-to-action button.
|
|
195
196
|
- **EmptyState** — Placeholder for views that have no data to display
|
|
197
|
+
- **Flow** — The declarative, AI-first flow surface — render a node/edge graph from plain serializable data.
|
|
198
|
+
- **FlowBackground** — Decorative dots / grid / cross canvas background, drawn purely in CSS gradients.
|
|
199
|
+
- **FlowControls** — Zoom in / out / fit-view controls for a flow canvas — real, i18n-labeled buttons.
|
|
200
|
+
- **FlowEdge** — An SVG edge with bezier/straight/smoothstep paths, an arrowhead, an optional label, and animation.
|
|
201
|
+
- **FlowHandle** — A connection port on a node edge — where edges attach and interactive connect starts.
|
|
202
|
+
- **FlowMiniMap** — A scaled SVG overview of the graph with a draggable viewport rectangle.
|
|
203
|
+
- **FlowNode** — An HTML node box positioned in the viewport pane — draggable, selectable, with arbitrary children.
|
|
204
|
+
- **FlowPanel** — An absolutely-positioned slot for custom flow-canvas UI (legend, toolbar).
|
|
205
|
+
- **FlowStory** — A scripted, sequenced, looping flow animation — walks a graph step by step with fade-in captions.
|
|
196
206
|
- **Heading** — Section heading with semantic level decoupled from visual size
|
|
197
207
|
- **Image** — Image with load state, blur-up placeholder, graceful fallback, and optional zoom
|
|
198
208
|
- **Item** — Generic content row primitive with media, content, and action regions
|
|
@@ -212,6 +222,7 @@ routing break after adding one of these, check that the import resolves to
|
|
|
212
222
|
- **StatsCards** — Grid of KPI stat cards with trend badges.
|
|
213
223
|
- **Status** — Colored dot with a label communicating the state of a system or entity
|
|
214
224
|
- **StructuredList** — Tabular row list for scannable data, optionally single-selectable
|
|
225
|
+
- **SwipeItem** — List row whose leading/trailing actions are revealed by a horizontal swipe, with keyboard parity
|
|
215
226
|
- **Tag** — Compact chip for labeling, categorizing, or filtering content
|
|
216
227
|
- **Text** — Body text with size, weight, and muted variants
|
|
217
228
|
- **Timeline** — Ordered sequence of events with status markers and a connector line
|
|
@@ -222,7 +233,9 @@ routing break after adding one of these, check that the import resolves to
|
|
|
222
233
|
|
|
223
234
|
### Overlay
|
|
224
235
|
|
|
236
|
+
- **ActionSheet** — Bottom-rising sheet of discrete actions (iOS action-sheet pattern) with a Cancel button
|
|
225
237
|
- **AlertDialog** — Confirmation dialog requiring explicit user action; no light-dismiss
|
|
238
|
+
- **BottomSheet** — Mobile bottom sheet with drag-to-resize detents, velocity-projected snapping, and drag-to-dismiss
|
|
226
239
|
- **CommandMenu** — Cmd+K command palette with fuzzy search over grouped commands
|
|
227
240
|
- **ContextMenu** — Right-click context menu anchored at pointer coordinates via CSS custom properties
|
|
228
241
|
- **Drawer** — Edge-anchored dialog panel that slides in from a screen edge with CSS-only enter/exit motion
|
|
@@ -295,6 +308,7 @@ routing break after adding one of these, check that the import resolves to
|
|
|
295
308
|
- **Progress** — Horizontal bar showing the completion progress of a tracked operation
|
|
296
309
|
- **ProgressBar** — Shows determinate or indeterminate progress of a task
|
|
297
310
|
- **ProgressCircle** — Circular determinate progress indicator rendered as an SVG arc
|
|
311
|
+
- **PullToRefresh** — Wraps a scrollable region and triggers a refresh when pulled down past a threshold at the top
|
|
298
312
|
- **RadialProgress** — Circular progress indicator using conic-gradient, with percentage label and variant colors
|
|
299
313
|
- **Spinner** — Indeterminate loading indicator
|
|
300
314
|
|