@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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cascivo/react",
|
|
3
|
-
"version": "0.2.
|
|
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.
|
|
47
|
-
"@cascivo/i18n": "^0.1.
|
|
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
|
-
|
|
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
|
|