@particle-academy/react-fancy 4.1.0 → 4.2.0
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/dist/index.cjs +191 -73
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +4 -3
- package/dist/index.d.ts +4 -3
- package/dist/index.js +191 -73
- package/dist/index.js.map +1 -1
- package/docs/Button.md +1 -1
- package/docs/Callout.md +1 -1
- package/docs/Progress.md +1 -1
- package/package.json +1 -1
package/docs/Button.md
CHANGED
|
@@ -24,7 +24,7 @@ import { Button } from "@particle-academy/react-fancy";
|
|
|
24
24
|
| Prop | Type | Default | Description |
|
|
25
25
|
|------|------|---------|-------------|
|
|
26
26
|
| variant | `"default" \| "circle" \| "ghost"` | `"default"` | Shape/fill variant. `"ghost"` is transparent with subtle hover. |
|
|
27
|
-
| color | `ButtonColor` | - | Standalone color (overrides state colors)
|
|
27
|
+
| color | `ButtonColor` (= `Color`) | - | Standalone color (overrides state colors) — the full Tailwind v4 palette — 5 grays (`slate`, `gray`, `zinc`, `neutral`, `stone`) + every hue (`red`, `orange`, `amber`, `yellow`, `lime`, `green`, `emerald`, `teal`, `cyan`, `sky`, `blue`, `indigo`, `violet`, `purple`, `fuchsia`, `pink`, `rose`). |
|
|
28
28
|
| size | `"xs" \| "sm" \| "md" \| "lg" \| "xl"` | `"md"` | Button size |
|
|
29
29
|
| active | `boolean` | - | Active state (blue highlight) |
|
|
30
30
|
| checked | `boolean` | - | Checked state (emerald highlight) |
|
package/docs/Callout.md
CHANGED
|
@@ -19,7 +19,7 @@ import { Callout } from "@particle-academy/react-fancy";
|
|
|
19
19
|
| Prop | Type | Default | Description |
|
|
20
20
|
|------|------|---------|-------------|
|
|
21
21
|
| children | `ReactNode` | **required** | Callout content |
|
|
22
|
-
| color | `"blue"
|
|
22
|
+
| color | `Color` | `"blue"` | Callout color theme — the full Tailwind v4 palette — 5 grays (`slate`, `gray`, `zinc`, `neutral`, `stone`) + every hue (`red`, `orange`, `amber`, `yellow`, `lime`, `green`, `emerald`, `teal`, `cyan`, `sky`, `blue`, `indigo`, `violet`, `purple`, `fuchsia`, `pink`, `rose`). |
|
|
23
23
|
| icon | `ReactNode` | - | Icon element displayed on the left |
|
|
24
24
|
| dismissible | `boolean` | `false` | Show a dismiss/close button |
|
|
25
25
|
| onDismiss | `() => void` | - | Callback when dismiss button is clicked |
|
package/docs/Progress.md
CHANGED
|
@@ -22,7 +22,7 @@ import { Progress } from "@particle-academy/react-fancy";
|
|
|
22
22
|
| max | `number` | `100` | Maximum value |
|
|
23
23
|
| variant | `"bar" \| "circular"` | `"bar"` | Visual variant |
|
|
24
24
|
| size | `"sm" \| "md" \| "lg"` | `"md"` | Component size |
|
|
25
|
-
| color | `"blue"
|
|
25
|
+
| color | `Color` | `"blue"` | Progress color — the full Tailwind v4 palette — 5 grays (`slate`, `gray`, `zinc`, `neutral`, `stone`) + every hue (`red`, `orange`, `amber`, `yellow`, `lime`, `green`, `emerald`, `teal`, `cyan`, `sky`, `blue`, `indigo`, `violet`, `purple`, `fuchsia`, `pink`, `rose`). |
|
|
26
26
|
| indeterminate | `boolean` | `false` | Show indeterminate/loading animation |
|
|
27
27
|
| showValue | `boolean` | `false` | Display percentage text |
|
|
28
28
|
| className | `string` | - | Additional CSS classes |
|