@cascivo/react 0.2.0 → 0.2.1
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 +8 -1
- package/dist/cascivo.css +1 -1
- package/dist/index.d.ts +211 -4
- package/dist/index.js +3155 -2232
- package/package.json +3 -3
- package/readme.body.md +8 -1
package/README.md
CHANGED
|
@@ -81,7 +81,7 @@ there is no `outline`) and the CSS-setup delta vs Tailwind.
|
|
|
81
81
|
|
|
82
82
|
## Component index
|
|
83
83
|
|
|
84
|
-
|
|
84
|
+
165 components, exported from `@cascivo/react`. Full props, examples, and live demos at [docs.cascivo.com](https://docs.cascivo.com).
|
|
85
85
|
|
|
86
86
|
### Inputs
|
|
87
87
|
|
|
@@ -128,6 +128,7 @@ there is no `outline`) and the CSS-setup delta vs Tailwind.
|
|
|
128
128
|
|
|
129
129
|
- **Alert** — Highlights a short, important message inline
|
|
130
130
|
- **Avatar** — Displays a user image with initials fallback
|
|
131
|
+
- **AvatarGroup** — Overlapping stack of avatars with a max cap and an i18n-labelled +N overflow chip
|
|
131
132
|
- **Badge** — Small status label or category indicator
|
|
132
133
|
- **Blockquote** — Quoted passage with optional attribution footer
|
|
133
134
|
- **Card** — Container for grouping related content
|
|
@@ -136,6 +137,7 @@ there is no `outline`) and the CSS-setup delta vs Tailwind.
|
|
|
136
137
|
- **Code** — Inline code span for identifiers, commands, and short snippets
|
|
137
138
|
- **CodeSnippet** — Displays code (inline, single-line, or multi-line) with an optional copy button, lightweight built-in syntax highlighting for bash/css/js/ts, and an optional terminal-window look
|
|
138
139
|
- **Collapsible** — A single disclosure region toggled open and closed by its trigger
|
|
140
|
+
- **Comparison** — Reveals the difference between two layers with a draggable divider
|
|
139
141
|
- **ConsoleApp** — Carbon-parity console shell: ShellHeader + icon-rail SideNav + HeaderPanel notifications/switcher + collapsible aside + main content.
|
|
140
142
|
- **ContainedList** — Labelled list of rows inside a bordered container
|
|
141
143
|
- **DashboardCharts** — Dashboard layout with KPI tiles, line chart, bar chart, and pie chart.
|
|
@@ -144,6 +146,7 @@ there is no `outline`) and the CSS-setup delta vs Tailwind.
|
|
|
144
146
|
- **EmptyDashboard** — Dashboard page showing an empty state with a call-to-action button.
|
|
145
147
|
- **EmptyState** — Placeholder for views that have no data to display
|
|
146
148
|
- **Heading** — Section heading with semantic level decoupled from visual size
|
|
149
|
+
- **Image** — Image with load state, blur-up placeholder, graceful fallback, and optional zoom
|
|
147
150
|
- **Item** — Generic content row primitive with media, content, and action regions
|
|
148
151
|
- **Kbd** — Displays a keyboard key or shortcut
|
|
149
152
|
- **List** — Styled unordered or ordered list with ListItem
|
|
@@ -151,6 +154,8 @@ there is no `outline`) and the CSS-setup delta vs Tailwind.
|
|
|
151
154
|
- **NotificationCenter** — A list of notification alerts with a mark-all-read action.
|
|
152
155
|
- **PageWithBreadcrumb** — A centered content page with a breadcrumb navigation and page header.
|
|
153
156
|
- **Prose** — Wrapper that styles raw descendant HTML — headings, lists, code, quotes, tables
|
|
157
|
+
- **QrCode** — Encodes a URL or short text into a scannable SVG QR code
|
|
158
|
+
- **RelativeTime** — Displays a date as a localized phrase relative to now, auto-updating
|
|
154
159
|
- **Separator** — Visual or semantic divider between content
|
|
155
160
|
- **SettingsFormPage** — Settings page with profile form inside a two-column settings layout.
|
|
156
161
|
- **SidebarApp** — Full app shell with collapsible side navigation and top header.
|
|
@@ -163,6 +168,7 @@ there is no `outline`) and the CSS-setup delta vs Tailwind.
|
|
|
163
168
|
- **Text** — Body text with size, weight, and muted variants
|
|
164
169
|
- **Timeline** — Ordered sequence of events with status markers and a connector line
|
|
165
170
|
- **TreeView** — Hierarchical, expandable tree of nodes with keyboard navigation and selection
|
|
171
|
+
- **User** — Identity composite: an avatar with a name, description, and optional action slot
|
|
166
172
|
- **UsersTablePage** — Full users management page with table, search, and invite action.
|
|
167
173
|
- **VisuallyHidden** — Hides content visually while keeping it available to screen readers
|
|
168
174
|
|
|
@@ -202,6 +208,7 @@ there is no `outline`) and the CSS-setup delta vs Tailwind.
|
|
|
202
208
|
- **Steps** — Visual progress indicator for multi-step flows with horizontal and vertical orientations
|
|
203
209
|
- **Switcher** — App/product switcher list — lives inside HeaderPanel, renders links with active indicator and optional dividers
|
|
204
210
|
- **Tabs** — Switch between related panels of content
|
|
211
|
+
- **Toc** — Table of contents with scroll-spy highlighting of the active section
|
|
205
212
|
|
|
206
213
|
### Layout
|
|
207
214
|
|