@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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cascivo/react",
3
- "version": "0.2.0",
3
+ "version": "0.2.1",
4
4
  "private": false,
5
5
  "description": "Prebuilt cascivo design system components — use without copying source",
6
6
  "keywords": [
@@ -43,8 +43,8 @@
43
43
  "provenance": true
44
44
  },
45
45
  "dependencies": {
46
- "@cascivo/core": "^0.1.0",
47
- "@cascivo/i18n": "^0.1.0"
46
+ "@cascivo/core": "^0.1.1",
47
+ "@cascivo/i18n": "^0.1.1"
48
48
  },
49
49
  "devDependencies": {
50
50
  "@testing-library/jest-dom": "^6.9.1",
package/readme.body.md CHANGED
@@ -73,7 +73,7 @@ there is no `outline`) and the CSS-setup delta vs Tailwind.
73
73
 
74
74
  ## Component index
75
75
 
76
- 158 components, exported from `@cascivo/react`. Full props, examples, and live demos at [docs.cascivo.com](https://docs.cascivo.com).
76
+ 165 components, exported from `@cascivo/react`. Full props, examples, and live demos at [docs.cascivo.com](https://docs.cascivo.com).
77
77
 
78
78
  ### Inputs
79
79
 
@@ -120,6 +120,7 @@ there is no `outline`) and the CSS-setup delta vs Tailwind.
120
120
 
121
121
  - **Alert** — Highlights a short, important message inline
122
122
  - **Avatar** — Displays a user image with initials fallback
123
+ - **AvatarGroup** — Overlapping stack of avatars with a max cap and an i18n-labelled +N overflow chip
123
124
  - **Badge** — Small status label or category indicator
124
125
  - **Blockquote** — Quoted passage with optional attribution footer
125
126
  - **Card** — Container for grouping related content
@@ -128,6 +129,7 @@ there is no `outline`) and the CSS-setup delta vs Tailwind.
128
129
  - **Code** — Inline code span for identifiers, commands, and short snippets
129
130
  - **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
130
131
  - **Collapsible** — A single disclosure region toggled open and closed by its trigger
132
+ - **Comparison** — Reveals the difference between two layers with a draggable divider
131
133
  - **ConsoleApp** — Carbon-parity console shell: ShellHeader + icon-rail SideNav + HeaderPanel notifications/switcher + collapsible aside + main content.
132
134
  - **ContainedList** — Labelled list of rows inside a bordered container
133
135
  - **DashboardCharts** — Dashboard layout with KPI tiles, line chart, bar chart, and pie chart.
@@ -136,6 +138,7 @@ there is no `outline`) and the CSS-setup delta vs Tailwind.
136
138
  - **EmptyDashboard** — Dashboard page showing an empty state with a call-to-action button.
137
139
  - **EmptyState** — Placeholder for views that have no data to display
138
140
  - **Heading** — Section heading with semantic level decoupled from visual size
141
+ - **Image** — Image with load state, blur-up placeholder, graceful fallback, and optional zoom
139
142
  - **Item** — Generic content row primitive with media, content, and action regions
140
143
  - **Kbd** — Displays a keyboard key or shortcut
141
144
  - **List** — Styled unordered or ordered list with ListItem
@@ -143,6 +146,8 @@ there is no `outline`) and the CSS-setup delta vs Tailwind.
143
146
  - **NotificationCenter** — A list of notification alerts with a mark-all-read action.
144
147
  - **PageWithBreadcrumb** — A centered content page with a breadcrumb navigation and page header.
145
148
  - **Prose** — Wrapper that styles raw descendant HTML — headings, lists, code, quotes, tables
149
+ - **QrCode** — Encodes a URL or short text into a scannable SVG QR code
150
+ - **RelativeTime** — Displays a date as a localized phrase relative to now, auto-updating
146
151
  - **Separator** — Visual or semantic divider between content
147
152
  - **SettingsFormPage** — Settings page with profile form inside a two-column settings layout.
148
153
  - **SidebarApp** — Full app shell with collapsible side navigation and top header.
@@ -155,6 +160,7 @@ there is no `outline`) and the CSS-setup delta vs Tailwind.
155
160
  - **Text** — Body text with size, weight, and muted variants
156
161
  - **Timeline** — Ordered sequence of events with status markers and a connector line
157
162
  - **TreeView** — Hierarchical, expandable tree of nodes with keyboard navigation and selection
163
+ - **User** — Identity composite: an avatar with a name, description, and optional action slot
158
164
  - **UsersTablePage** — Full users management page with table, search, and invite action.
159
165
  - **VisuallyHidden** — Hides content visually while keeping it available to screen readers
160
166
 
@@ -194,6 +200,7 @@ there is no `outline`) and the CSS-setup delta vs Tailwind.
194
200
  - **Steps** — Visual progress indicator for multi-step flows with horizontal and vertical orientations
195
201
  - **Switcher** — App/product switcher list — lives inside HeaderPanel, renders links with active indicator and optional dividers
196
202
  - **Tabs** — Switch between related panels of content
203
+ - **Toc** — Table of contents with scroll-spy highlighting of the active section
197
204
 
198
205
  ### Layout
199
206