@7onic-ui/react 0.2.4 → 0.2.6
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 +3 -3
- package/dist/index.js +3 -4
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +3 -4
- package/dist/index.mjs.map +1 -1
- package/llms.txt +10 -4
- package/package.json +1 -3
package/llms.txt
CHANGED
|
@@ -45,7 +45,7 @@ npm install @7onic-ui/react @7onic-ui/tokens lucide-react
|
|
|
45
45
|
|
|
46
46
|
**New project (Tailwind v4):**
|
|
47
47
|
```css
|
|
48
|
-
/* globals.css — ALL imports are required, do not skip any */
|
|
48
|
+
/* globals.css (Next.js) or src/index.css (Vite) — ALL imports are required, do not skip any */
|
|
49
49
|
@import "tailwindcss";
|
|
50
50
|
@import "@7onic-ui/tokens/css/variables.css";
|
|
51
51
|
@import "@7onic-ui/tokens/css/themes/light.css";
|
|
@@ -53,6 +53,8 @@ npm install @7onic-ui/react @7onic-ui/tokens lucide-react
|
|
|
53
53
|
@import "@7onic-ui/tokens/tailwind/v4-theme.css";
|
|
54
54
|
```
|
|
55
55
|
|
|
56
|
+
> **Vite + Tailwind v4**: `npx 7onic init` auto-injects `@import "tailwindcss"` if not present, and automatically configures the `@/` path alias (patches `tsconfig.app.json` + `vite.config.ts`, installs `@types/node`). `npx 7onic add` auto-injects `@source "./components/ui"` (or relative path) so Tailwind scans your component files. No manual setup needed.
|
|
57
|
+
|
|
56
58
|
**Existing project with Tailwind v3** (detect from tailwind.config.js):
|
|
57
59
|
```css
|
|
58
60
|
/* globals.css */
|
|
@@ -1384,10 +1386,12 @@ import { Breadcrumb } from '@7onic-ui/react'
|
|
|
1384
1386
|
```tsx
|
|
1385
1387
|
import { Pagination } from '@7onic-ui/react'
|
|
1386
1388
|
|
|
1387
|
-
{/* Quick mode */}
|
|
1389
|
+
{/* Quick mode — withControls (default: true), withEdges (default: false) */}
|
|
1388
1390
|
<Pagination total={10} defaultValue={1} />
|
|
1391
|
+
<Pagination total={10} defaultValue={1} withEdges />
|
|
1392
|
+
<Pagination total={10} defaultValue={1} withControls={false} />
|
|
1389
1393
|
|
|
1390
|
-
{/* Compound mode */}
|
|
1394
|
+
{/* Compound mode (custom layout) */}
|
|
1391
1395
|
<Pagination total={20} value={page} onChange={setPage}>
|
|
1392
1396
|
<Pagination.Content>
|
|
1393
1397
|
<Pagination.Previous />
|
|
@@ -1408,7 +1412,9 @@ import { Pagination } from '@7onic-ui/react'
|
|
|
1408
1412
|
| variant | `'default' \| 'outline' \| 'ghost'` | `'default'` | Visual style |
|
|
1409
1413
|
| color | `'default' \| 'primary'` | `'default'` | Active page color |
|
|
1410
1414
|
| size | `'xs' \| 'sm' \| 'default' \| 'lg' \| 'xl'` | `'default'` | Button size |
|
|
1411
|
-
| radius | `'
|
|
1415
|
+
| radius | `'sm' \| 'base' \| 'md' \| 'lg' \| 'xl' \| 'full'` | `'md'` | Border radius |
|
|
1416
|
+
| withControls | `boolean` | `true` | Auto-render previous/next buttons |
|
|
1417
|
+
| withEdges | `boolean` | `false` | Auto-render first/last jump buttons |
|
|
1412
1418
|
| loop | `boolean` | `false` | Wrap around |
|
|
1413
1419
|
| disabled | `boolean` | `false` | Disabled state |
|
|
1414
1420
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@7onic-ui/react",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.6",
|
|
4
4
|
"private": false,
|
|
5
5
|
"sideEffects": [
|
|
6
6
|
"*.css"
|
|
@@ -48,8 +48,6 @@
|
|
|
48
48
|
"build:7onic": "node scripts/build-7onic-cli.js",
|
|
49
49
|
"generate:registry": "tsx scripts/generate-registry.ts",
|
|
50
50
|
"verify:registry": "tsx scripts/generate-registry.ts && git diff --exit-code cli/src/registry/index.ts",
|
|
51
|
-
"verify:i18n": "tsx scripts/verify-i18n.ts",
|
|
52
|
-
"verify:i18n:html": "tsx scripts/verify-i18n-html.ts",
|
|
53
51
|
"verify:components": "tsx scripts/verify-components.ts",
|
|
54
52
|
"verify:publish": "tsx scripts/verify-publish.ts",
|
|
55
53
|
"smoke": "bash scripts/smoke-test.sh",
|