@7onic-ui/react 0.3.7 → 0.3.9
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 +16 -5
- package/dist/chart.js +1 -1
- package/dist/chart.js.map +1 -1
- package/dist/chart.mjs +1 -1
- package/dist/chart.mjs.map +1 -1
- package/dist/index.js +22 -7
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +22 -7
- package/dist/index.mjs.map +1 -1
- package/llms.txt +6 -2
- package/package.json +10 -7
package/llms.txt
CHANGED
|
@@ -1179,6 +1179,8 @@ import { Button, Popover, PopoverArrow, PopoverContent, PopoverPortal, PopoverTr
|
|
|
1179
1179
|
|
|
1180
1180
|
**Sub-components:** Popover.Trigger, Popover.Content, Popover.Arrow, Popover.Close, Popover.Anchor, Popover.Portal
|
|
1181
1181
|
|
|
1182
|
+
**Height:** PopoverContent never grows past the space left in the viewport; taller content scrolls inside it. Put layout classes (`flex`, `grid`, `gap-*`) on your own child element, not on `PopoverContent`.
|
|
1183
|
+
|
|
1182
1184
|
---
|
|
1183
1185
|
|
|
1184
1186
|
## Feedback
|
|
@@ -1453,6 +1455,8 @@ import { NavigationMenu, NavigationMenuContent, NavigationMenuGroup, NavigationM
|
|
|
1453
1455
|
| orientation | `'horizontal' \| 'vertical'` | `'horizontal'` | Layout mode |
|
|
1454
1456
|
| size | `'sm' \| 'md' \| 'default' \| 'lg'` | `'default'` | Item size |
|
|
1455
1457
|
| collapsed | `boolean` | `false` | Icon-only mode (vertical) |
|
|
1458
|
+
| width | `number \| string` | `256` | Vertical width (px or CSS string). Inside a sidebar container that sets its own width, pass `"100%"` so the menu fits the container instead of overflowing it |
|
|
1459
|
+
| collapsedWidth | `number \| string` | sm 56 / md 60 / default 64 / lg 72 | Vertical width while `collapsed` |
|
|
1456
1460
|
| radius | Same as Button | `'lg'` | Border radius |
|
|
1457
1461
|
| fontWeight | `'normal' \| 'semibold'` | `'normal'` | Font weight |
|
|
1458
1462
|
| delayDuration | `number` | `200` | Hover delay before content opens (horizontal only, ms) |
|
|
@@ -2103,10 +2107,10 @@ const chartConfig = {
|
|
|
2103
2107
|
```
|
|
2104
2108
|
|
|
2105
2109
|
**Z-index hierarchy (automatic via tokens) — never set custom z-index:**
|
|
2106
|
-
1. `z-dropdown` (1000) —
|
|
2110
|
+
1. `z-dropdown` (1000) — NavigationMenu sub-menu
|
|
2107
2111
|
2. `z-overlay` (1100) — Modal/Drawer overlay
|
|
2108
2112
|
3. `z-modal` (2000) — Modal/Drawer content
|
|
2109
|
-
4. `z-popover` (2100) — Popover
|
|
2113
|
+
4. `z-popover` (2100) — Popover, Dropdown, Select (same layer: the one opened last stays on top, so a Select or Dropdown opened inside a Modal, Drawer or Popover is never hidden)
|
|
2110
2114
|
5. `z-tooltip` (2200) — Tooltip
|
|
2111
2115
|
6. `z-toast` (3000) — Toast
|
|
2112
2116
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@7onic-ui/react",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.9",
|
|
4
4
|
"private": false,
|
|
5
5
|
"sideEffects": [
|
|
6
6
|
"*.css"
|
|
@@ -80,8 +80,6 @@
|
|
|
80
80
|
"@radix-ui/react-tooltip": "^1.1.0",
|
|
81
81
|
"class-variance-authority": "^0.7.0",
|
|
82
82
|
"clsx": "^2.1.0",
|
|
83
|
-
"jsonc-parser": "^3.3.1",
|
|
84
|
-
"next-intl": "^4.9.1",
|
|
85
83
|
"tailwind-merge": "^2.3.0"
|
|
86
84
|
},
|
|
87
85
|
"peerDependencies": {
|
|
@@ -107,14 +105,16 @@
|
|
|
107
105
|
"autoprefixer": "^10.4.19",
|
|
108
106
|
"cmdk": "^1.1.1",
|
|
109
107
|
"eslint": "^8.57.0",
|
|
110
|
-
"eslint-config-next": "^15.
|
|
108
|
+
"eslint-config-next": "^15.5.28",
|
|
111
109
|
"eslint-config-prettier": "^9.1.0",
|
|
112
110
|
"eslint-plugin-react": "^7.34.0",
|
|
113
111
|
"eslint-plugin-react-hooks": "^4.6.0",
|
|
112
|
+
"jsonc-parser": "^3.3.1",
|
|
114
113
|
"lucide-react": "^0.400.0",
|
|
115
|
-
"next": "^15.5.
|
|
114
|
+
"next": "^15.5.28",
|
|
115
|
+
"next-intl": "^4.14.9",
|
|
116
116
|
"picocolors": "^1.1.1",
|
|
117
|
-
"postcss": "^8.
|
|
117
|
+
"postcss": "^8.5.31",
|
|
118
118
|
"prettier": "^3.3.0",
|
|
119
119
|
"react": "^19.0.0",
|
|
120
120
|
"react-dom": "^19.0.0",
|
|
@@ -150,5 +150,8 @@
|
|
|
150
150
|
"engines": {
|
|
151
151
|
"node": ">=18"
|
|
152
152
|
},
|
|
153
|
-
"packageManager": "npm@10.9.1+sha512.c89530d37c4baa38afd43e76a077a84b9aa63840b986426584fd5c5a54ab0a0b21bb1595c851042b733784b0b43706d36a494b4d8ae1a086a762cb8d3f95942a"
|
|
153
|
+
"packageManager": "npm@10.9.1+sha512.c89530d37c4baa38afd43e76a077a84b9aa63840b986426584fd5c5a54ab0a0b21bb1595c851042b733784b0b43706d36a494b4d8ae1a086a762cb8d3f95942a",
|
|
154
|
+
"overrides": {
|
|
155
|
+
"postcss": "$postcss"
|
|
156
|
+
}
|
|
154
157
|
}
|