@cascivo/react 0.3.1 → 0.3.3
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 +17 -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 +17 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cascivo/react",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.3",
|
|
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.5"
|
|
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
|
+
181 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
|
|
|
@@ -138,12 +138,14 @@ routing break after adding one of these, check that the import resolves to
|
|
|
138
138
|
- **Calendar** — An accessible standalone month-grid date picker.
|
|
139
139
|
- **Checkbox** — Binary toggle for forms, with indeterminate support
|
|
140
140
|
- **CheckboxCard** — Multi-selectable card backed by a native checkbox. Use multiple independent CheckboxCards for multi-select scenarios.
|
|
141
|
+
- **CodeEditor** — Lightweight code editor — a native textarea overlaid on a syntax-highlighted layer, with line numbers and Tab indent.
|
|
141
142
|
- **ColorPicker** — Interactive color selection widget with saturation/lightness area, hue and alpha sliders
|
|
142
143
|
- **Combobox** — Filterable single-select with an animated custom listbox, built on the dropdown open/close machine
|
|
143
144
|
- **CopyButton** — Icon button that copies a value to the clipboard with copied feedback
|
|
144
145
|
- **DatePicker** — An accessible date-picker with a calendar popover.
|
|
145
146
|
- **DateRangePicker** — A dual-calendar picker for selecting a contiguous date range.
|
|
146
147
|
- **Editable** — Inline click-to-edit text field
|
|
148
|
+
- **Fab** — Floating action button anchored to a screen corner, with an optional speed-dial of secondary actions
|
|
147
149
|
- **Field** — Form-field wrapper composing label, control, description, and error
|
|
148
150
|
- **FileUploader** — Drag-and-drop file upload zone with file list and status indicators.
|
|
149
151
|
- **Filter** — A group of toggleable pill or outline buttons for filtering content by category
|
|
@@ -193,7 +195,17 @@ routing break after adding one of these, check that the import resolves to
|
|
|
193
195
|
- **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
196
|
- **EmptyDashboard** — Dashboard page showing an empty state with a call-to-action button.
|
|
195
197
|
- **EmptyState** — Placeholder for views that have no data to display
|
|
198
|
+
- **Flow** — The declarative, AI-first flow surface — render a node/edge graph from plain serializable data.
|
|
199
|
+
- **FlowBackground** — Decorative dots / grid / cross canvas background, drawn purely in CSS gradients.
|
|
200
|
+
- **FlowControls** — Zoom in / out / fit-view controls for a flow canvas — real, i18n-labeled buttons.
|
|
201
|
+
- **FlowEdge** — An SVG edge with bezier/straight/smoothstep paths, an arrowhead, an optional label, and animation.
|
|
202
|
+
- **FlowHandle** — A connection port on a node edge — where edges attach and interactive connect starts.
|
|
203
|
+
- **FlowMiniMap** — A scaled SVG overview of the graph with a draggable viewport rectangle.
|
|
204
|
+
- **FlowNode** — An HTML node box positioned in the viewport pane — draggable, selectable, with arbitrary children.
|
|
205
|
+
- **FlowPanel** — An absolutely-positioned slot for custom flow-canvas UI (legend, toolbar).
|
|
206
|
+
- **FlowStory** — A scripted, sequenced, looping flow animation — walks a graph step by step with fade-in captions.
|
|
196
207
|
- **Heading** — Section heading with semantic level decoupled from visual size
|
|
208
|
+
- **Highlight** — Read-only syntax-highlighted code block — the same owned tokenizer as CodeEditor, without the textarea.
|
|
197
209
|
- **Image** — Image with load state, blur-up placeholder, graceful fallback, and optional zoom
|
|
198
210
|
- **Item** — Generic content row primitive with media, content, and action regions
|
|
199
211
|
- **Kbd** — Displays a keyboard key or shortcut
|
|
@@ -212,6 +224,7 @@ routing break after adding one of these, check that the import resolves to
|
|
|
212
224
|
- **StatsCards** — Grid of KPI stat cards with trend badges.
|
|
213
225
|
- **Status** — Colored dot with a label communicating the state of a system or entity
|
|
214
226
|
- **StructuredList** — Tabular row list for scannable data, optionally single-selectable
|
|
227
|
+
- **SwipeItem** — List row whose leading/trailing actions are revealed by a horizontal swipe, with keyboard parity
|
|
215
228
|
- **Tag** — Compact chip for labeling, categorizing, or filtering content
|
|
216
229
|
- **Text** — Body text with size, weight, and muted variants
|
|
217
230
|
- **Timeline** — Ordered sequence of events with status markers and a connector line
|
|
@@ -222,7 +235,9 @@ routing break after adding one of these, check that the import resolves to
|
|
|
222
235
|
|
|
223
236
|
### Overlay
|
|
224
237
|
|
|
238
|
+
- **ActionSheet** — Bottom-rising sheet of discrete actions (iOS action-sheet pattern) with a Cancel button
|
|
225
239
|
- **AlertDialog** — Confirmation dialog requiring explicit user action; no light-dismiss
|
|
240
|
+
- **BottomSheet** — Mobile bottom sheet with drag-to-resize detents, velocity-projected snapping, and drag-to-dismiss
|
|
226
241
|
- **CommandMenu** — Cmd+K command palette with fuzzy search over grouped commands
|
|
227
242
|
- **ContextMenu** — Right-click context menu anchored at pointer coordinates via CSS custom properties
|
|
228
243
|
- **Drawer** — Edge-anchored dialog panel that slides in from a screen edge with CSS-only enter/exit motion
|
|
@@ -295,6 +310,7 @@ routing break after adding one of these, check that the import resolves to
|
|
|
295
310
|
- **Progress** — Horizontal bar showing the completion progress of a tracked operation
|
|
296
311
|
- **ProgressBar** — Shows determinate or indeterminate progress of a task
|
|
297
312
|
- **ProgressCircle** — Circular determinate progress indicator rendered as an SVG arc
|
|
313
|
+
- **PullToRefresh** — Wraps a scrollable region and triggers a refresh when pulled down past a threshold at the top
|
|
298
314
|
- **RadialProgress** — Circular progress indicator using conic-gradient, with percentage label and variant colors
|
|
299
315
|
- **Spinner** — Indeterminate loading indicator
|
|
300
316
|
|