mirror of
https://github.com/nextui-org/nextui.git
synced 2025-12-08 19:26:11 +00:00
feat(docs): dropdown in progress
This commit is contained in:
parent
f26cfbe9fb
commit
1658afc756
@ -57,7 +57,7 @@ export const metadata: Metadata = {
|
||||
|
||||
export default function RootLayout({children}: {children: React.ReactNode}) {
|
||||
return (
|
||||
<html suppressHydrationWarning lang="en">
|
||||
<html suppressHydrationWarning dir="ltr" lang="en">
|
||||
<head />
|
||||
<body className={clsx("min-h-screen bg-background font-sans antialiased", fontSans.variable)}>
|
||||
<Providers themeProps={{attribute: "class", defaultTheme: "dark"}}>
|
||||
|
||||
@ -161,6 +161,7 @@ export const A11yOtb = () => {
|
||||
isOpen={isDropdownOpen}
|
||||
placement="bottom"
|
||||
portalContainer={ref.current}
|
||||
shouldBlockScroll={false}
|
||||
shouldFlip={isMobile}
|
||||
onOpenChange={(open) => setIsDropdownOpen(open)}
|
||||
>
|
||||
|
||||
53
apps/docs/content/components/dropdown/dynamic.ts
Normal file
53
apps/docs/content/components/dropdown/dynamic.ts
Normal file
@ -0,0 +1,53 @@
|
||||
const App = `import {Dropdown, DropdownTrigger, DropdownMenu, DropdownItem, Button} from "@nextui-org/react";
|
||||
|
||||
export default function App() {
|
||||
const items = [
|
||||
{
|
||||
key: "new",
|
||||
label: "New file",
|
||||
},
|
||||
{
|
||||
key: "copy",
|
||||
label: "Copy link",
|
||||
},
|
||||
{
|
||||
key: "edit",
|
||||
label: "Edit file",
|
||||
},
|
||||
{
|
||||
key: "delete",
|
||||
label: "Delete file",
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<Dropdown>
|
||||
<DropdownTrigger>
|
||||
<Button
|
||||
variant="bordered"
|
||||
>
|
||||
Open Menu
|
||||
</Button>
|
||||
</DropdownTrigger>
|
||||
<DropdownMenu aria-label="Dynamic Actions" items={items}>
|
||||
{(item) => (
|
||||
<DropdownItem
|
||||
key={item.key}
|
||||
color={item.key === "delete" ? "danger" : "default"}
|
||||
className={item.key === "delete" ? "text-danger" : ""}
|
||||
>
|
||||
{item.label}
|
||||
</DropdownItem>
|
||||
)}
|
||||
</DropdownMenu>
|
||||
</Dropdown>
|
||||
);
|
||||
}`;
|
||||
|
||||
const react = {
|
||||
"/App.jsx": App,
|
||||
};
|
||||
|
||||
export default {
|
||||
...react,
|
||||
};
|
||||
7
apps/docs/content/components/dropdown/index.ts
Normal file
7
apps/docs/content/components/dropdown/index.ts
Normal file
@ -0,0 +1,7 @@
|
||||
import usage from "./usage";
|
||||
import dynamic from "./dynamic";
|
||||
|
||||
export const dropdownContent = {
|
||||
usage,
|
||||
dynamic,
|
||||
};
|
||||
31
apps/docs/content/components/dropdown/usage.ts
Normal file
31
apps/docs/content/components/dropdown/usage.ts
Normal file
@ -0,0 +1,31 @@
|
||||
const App = `import {Dropdown, DropdownTrigger, DropdownMenu, DropdownItem, Button} from "@nextui-org/react";
|
||||
|
||||
export default function App() {
|
||||
return (
|
||||
<Dropdown>
|
||||
<DropdownTrigger>
|
||||
<Button
|
||||
variant="bordered"
|
||||
>
|
||||
Open Menu
|
||||
</Button>
|
||||
</DropdownTrigger>
|
||||
<DropdownMenu aria-label="Static Actions">
|
||||
<DropdownItem key="new">New file</DropdownItem>
|
||||
<DropdownItem key="copy">Copy link</DropdownItem>
|
||||
<DropdownItem key="edit">Edit file</DropdownItem>
|
||||
<DropdownItem key="delete" className="text-danger" color="danger">
|
||||
Delete file
|
||||
</DropdownItem>
|
||||
</DropdownMenu>
|
||||
</Dropdown>
|
||||
);
|
||||
}`;
|
||||
|
||||
const react = {
|
||||
"/App.jsx": App,
|
||||
};
|
||||
|
||||
export default {
|
||||
...react,
|
||||
};
|
||||
@ -27,3 +27,4 @@ export * from "./tooltip";
|
||||
export * from "./tabs";
|
||||
export * from "./modal";
|
||||
export * from "./pagination";
|
||||
export * from "./dropdown";
|
||||
|
||||
@ -6,9 +6,39 @@ url: https://nextui.org/docs/components/dropdown
|
||||
|
||||
# Dropdown
|
||||
|
||||
Displays a list of actions or options that a user can choose. Dropdown implementation is based on <br/> <a href="https://react-spectrum.adobe.com/react-aria/useMenu.html" rel="noreferrer" target="_blank">@react-aria/menu</a>
|
||||
Displays a list of actions or options that a user can choose.
|
||||
|
||||
```jsx
|
||||
import {Dropdown} from "@nextui-org/react";
|
||||
```
|
||||
<ComponentLinks component="dropdown" reactAriaHook="useMenu" />
|
||||
|
||||
---
|
||||
|
||||
## Import
|
||||
|
||||
NextUI exports 5 dropdown-related components:
|
||||
|
||||
- **Dropdown**: The main component, which is a wrapper for the other components.
|
||||
- **DropdownTrigger**: The component that triggers the dropdown menu to open.
|
||||
- **DropdownMenu**: The component that contains the dropdown items.
|
||||
- **DropdownSection**: The component that contains a group of dropdown items.
|
||||
- **DropdownItem**: The component that represents a dropdown item.
|
||||
|
||||
<ImportTabs
|
||||
commands={{
|
||||
main: 'import {Dropdown, DropdownTrigger, DropdownMenu, DropdownSection, DropdownItem} from "@nextui-org/react";',
|
||||
individual: 'import {Dropdown, DropdownTrigger, DropdownMenu, DropdownSection, DropdownItem} from "@nextui-org/dropdown";',
|
||||
}}
|
||||
/>
|
||||
|
||||
## Usage
|
||||
|
||||
<CodeDemo title="Usage" files={dropdownContent.usage} />
|
||||
|
||||
|
||||
### Dynamic items
|
||||
|
||||
Dropdown follows the [Collection Components API](https://react-spectrum.adobe.com/react-stately/collections.html), accepting both static and dynamic collections.
|
||||
|
||||
- **Static**: The usage example above shows the static implementation, which can be used when the full list of options is known ahead of time.
|
||||
- **Dynamic**: The example below can be used when the options come from an external data source such as an API call, or update over time.
|
||||
|
||||
<CodeDemo title="Dynamic items" files={dropdownContent.dynamic} />
|
||||
@ -1,5 +1,20 @@
|
||||
# @nextui-org/accordion
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/use-aria-accordion-item@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/aria-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/accordion",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "Collapse display a list of high-level options that can expand/collapse to reveal more information.",
|
||||
"keywords": [
|
||||
"react",
|
||||
|
||||
@ -1,5 +1,17 @@
|
||||
# @nextui-org/avatar
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/use-image@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/avatar",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.",
|
||||
"keywords": [
|
||||
"avatar"
|
||||
|
||||
@ -1,5 +1,16 @@
|
||||
# @nextui-org/badge
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/badge",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "Badges are used as a small numerical value or status descriptor for UI elements.",
|
||||
"keywords": [
|
||||
"badge"
|
||||
|
||||
@ -1,5 +1,19 @@
|
||||
# @nextui-org/button
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/spinner@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/drip@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/button",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "Buttons allow users to perform actions and choose with a single tap.",
|
||||
"keywords": [
|
||||
"button"
|
||||
|
||||
@ -1,5 +1,18 @@
|
||||
# @nextui-org/card
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/drip@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/card",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "Card is a container for text, photos, and actions in the context of a single subject.",
|
||||
"keywords": [
|
||||
"card"
|
||||
|
||||
@ -1,5 +1,16 @@
|
||||
# @nextui-org/checkbox
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/checkbox",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.",
|
||||
"keywords": [
|
||||
"checkbox"
|
||||
|
||||
@ -1,5 +1,17 @@
|
||||
# @nextui-org/chip
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/chip",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "Chips help people enter information, make selections, filter content, or trigger actions.",
|
||||
"keywords": [
|
||||
"chip"
|
||||
|
||||
@ -1,5 +1,16 @@
|
||||
# @nextui-org/code
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/code",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "Code is a component used to display inline code.",
|
||||
"keywords": [
|
||||
"code"
|
||||
|
||||
@ -1,5 +1,16 @@
|
||||
# @nextui-org/divider
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/divider",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": ". A separator is a visual divider between two groups of content",
|
||||
"keywords": [
|
||||
"divider"
|
||||
|
||||
@ -1,5 +1,15 @@
|
||||
# @nextui-org/drip
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/drip",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "A ripple effect for ensuring that the user fells the system is reacting instantaneously",
|
||||
"keywords": [
|
||||
"drip"
|
||||
|
||||
@ -1,5 +1,19 @@
|
||||
# @nextui-org/dropdown
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/aria-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/use-is-mobile@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/popover@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/dropdown",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "A dropdown displays a list of actions or options that a user can choose.",
|
||||
"keywords": [
|
||||
"dropdown"
|
||||
|
||||
@ -49,6 +49,7 @@ export function useDropdown(props: UseDropdownProps) {
|
||||
placement = "bottom",
|
||||
isDisabled = false,
|
||||
closeOnSelect = true,
|
||||
shouldBlockScroll = true,
|
||||
classNames: classNamesProp,
|
||||
disableAnimation = false,
|
||||
onClose,
|
||||
@ -97,6 +98,7 @@ export function useDropdown(props: UseDropdownProps) {
|
||||
placement,
|
||||
ref: popoverRef,
|
||||
disableAnimation,
|
||||
shouldBlockScroll,
|
||||
scrollRef: menuRef,
|
||||
triggerRef: menuTriggerRef,
|
||||
...mergeProps(otherProps, props),
|
||||
|
||||
@ -1,5 +1,17 @@
|
||||
# @nextui-org/image
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/use-image@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/image",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "A simple image component",
|
||||
"keywords": [
|
||||
"image"
|
||||
|
||||
@ -1,5 +1,18 @@
|
||||
# @nextui-org/input
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/use-aria-field@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/input",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "The input component is designed for capturing user input within a text field.",
|
||||
"keywords": [
|
||||
"input"
|
||||
|
||||
@ -1,5 +1,16 @@
|
||||
# @nextui-org/kbd
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/kbd",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "The keyboard key components indicates which key or set of keys used to execute a specificv action",
|
||||
"keywords": [
|
||||
"kbd"
|
||||
|
||||
@ -1,5 +1,17 @@
|
||||
# @nextui-org/link
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/link",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "Links allow users to click their way from page to page. This component is styled to resemble a hyperlink and semantically renders an <a>",
|
||||
"keywords": [
|
||||
"link"
|
||||
|
||||
@ -1,5 +1,21 @@
|
||||
# @nextui-org/modal
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/use-aria-modal-overlay@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/use-disclosure@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/modal",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "Displays a dialog with a custom content that requires attention or provides additional information.",
|
||||
"keywords": [
|
||||
"modal"
|
||||
|
||||
@ -1,5 +1,19 @@
|
||||
# @nextui-org/navbar
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/use-aria-toggle-button@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/use-scroll-position@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/navbar",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "A responsive navigation header positioned on top side of your page that includes support for branding, links, navigation, collapse and more.",
|
||||
"keywords": [
|
||||
"navbar"
|
||||
|
||||
@ -1,5 +1,18 @@
|
||||
# @nextui-org/pagination
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/use-pagination@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/pagination",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "The Pagination component allows you to display active page and navigate between multiple pages.",
|
||||
"keywords": [
|
||||
"pagination"
|
||||
|
||||
@ -1,5 +1,20 @@
|
||||
# @nextui-org/popover
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/aria-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/button@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/popover",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "A popover is an overlay element positioned relative to a trigger.",
|
||||
"keywords": [
|
||||
"popover"
|
||||
|
||||
@ -133,7 +133,12 @@ export function usePopover(originalProps: UsePopoverProps) {
|
||||
|
||||
const state = stateProp || innerState;
|
||||
|
||||
const {popoverProps, underlayProps, arrowProps, placement: ariaPlacement} = useReactAriaPopover(
|
||||
const {
|
||||
popoverProps,
|
||||
underlayProps,
|
||||
arrowProps,
|
||||
placement: ariaPlacement,
|
||||
} = useReactAriaPopover(
|
||||
{
|
||||
triggerRef,
|
||||
popoverRef,
|
||||
|
||||
@ -1,5 +1,18 @@
|
||||
# @nextui-org/progress
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/use-aria-label@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/use-is-mounted@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/progress",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "Progress bars show either determinate or indeterminate progress of an operation over time.",
|
||||
"keywords": [
|
||||
"progress"
|
||||
|
||||
@ -1,5 +1,16 @@
|
||||
# @nextui-org/radio
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/radio",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "Radios allow users to select a single option from a list of mutually exclusive options.",
|
||||
"keywords": [
|
||||
"radio"
|
||||
|
||||
@ -1,5 +1,16 @@
|
||||
# @nextui-org/skeleton
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/skeleton",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "Skeleton is used to display the loading state of some component.",
|
||||
"keywords": [
|
||||
"skeleton"
|
||||
|
||||
@ -1,5 +1,20 @@
|
||||
# @nextui-org/snippet
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/use-clipboard@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/tooltip@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/button@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/snippet",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "Display a snippet of copyable code for the command line.",
|
||||
"keywords": [
|
||||
"snippet"
|
||||
|
||||
@ -1,5 +1,16 @@
|
||||
# @nextui-org/spacer
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/spacer",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "A flexible spacer component designed to create consistent spacing and maintain alignment in your layout.",
|
||||
"keywords": [
|
||||
"spacer"
|
||||
|
||||
@ -1,5 +1,16 @@
|
||||
# @nextui-org/spinner
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/spinner",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "Loaders express an unspecified wait time or display the length of a process.",
|
||||
"keywords": [
|
||||
"loading",
|
||||
|
||||
@ -1,5 +1,16 @@
|
||||
# @nextui-org/switch
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/switch",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "A switch is similar to a checkbox, but represents on/off values as opposed to selection.",
|
||||
"keywords": [
|
||||
"switch"
|
||||
|
||||
@ -1,5 +1,19 @@
|
||||
# @nextui-org/table
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/checkbox@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/spacer@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/table",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "Tables are used to display tabular data using rows and columns. ",
|
||||
"keywords": [
|
||||
"table"
|
||||
|
||||
@ -1,5 +1,20 @@
|
||||
# @nextui-org/tabs
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/use-update-effect@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/use-is-mounted@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/aria-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/tabs",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "Tabs organize content into multiple sections and allow users to navigate between them.",
|
||||
"keywords": [
|
||||
"tabs"
|
||||
|
||||
@ -1,5 +1,18 @@
|
||||
# @nextui-org/tooltip
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/aria-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/tooltip",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "A React Component for rendering dynamically positioned Tooltips",
|
||||
"keywords": [
|
||||
"tooltip"
|
||||
|
||||
@ -1,5 +1,17 @@
|
||||
# @nextui-org/user
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/avatar@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/user",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "Flexible User Profile Component.",
|
||||
"keywords": [
|
||||
"user"
|
||||
|
||||
@ -1,5 +1,44 @@
|
||||
# @nextui-org/react
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/pagination@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/accordion@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/checkbox@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/dropdown@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/progress@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/skeleton@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/divider@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/popover@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/snippet@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/spinner@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/tooltip@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/avatar@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/button@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/navbar@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/spacer@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/switch@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/badge@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/image@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/input@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/modal@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/radio@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/table@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/card@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/chip@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/code@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/drip@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/link@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/tabs@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/user@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/kbd@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/react",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "🚀 Beautiful and modern React UI library.",
|
||||
"author": "Junior Garcia <jrgarciadev@gmail.com>",
|
||||
"homepage": "https://nextui.org",
|
||||
|
||||
@ -1,5 +1,11 @@
|
||||
# @nextui-org/system
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/system",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "NextUI system primitives",
|
||||
"keywords": [
|
||||
"system"
|
||||
|
||||
@ -1,5 +1,11 @@
|
||||
# @nextui-org/theme
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/theme",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "The default theme for NextUI components",
|
||||
"keywords": [
|
||||
"theme",
|
||||
|
||||
@ -78,8 +78,8 @@ const dropdownItem = tv({
|
||||
"data-[focus-visible=true]:dark:ring-offset-background-content1",
|
||||
],
|
||||
wrapper: "w-full flex flex-col items-start justify-center",
|
||||
title: "flex-1",
|
||||
description: ["text-xs", "w-full", "text-default-500", "group-hover:text-current"],
|
||||
title: "flex-1 text-base font-normal truncate",
|
||||
description: ["text-sm", "w-full", "text-default-500", "group-hover:text-current"],
|
||||
selectedIcon: ["text-inherit", "w-3", "h-3", "flex-shrink-0"],
|
||||
shortcut: [
|
||||
"px-1",
|
||||
@ -201,48 +201,42 @@ const dropdownItem = tv({
|
||||
variant: "shadow",
|
||||
color: "default",
|
||||
class: {
|
||||
base:
|
||||
"data-[hover=true]:shadow-default/50 data-[hover=true]:bg-default data-[hover=true]:text-default-foreground",
|
||||
base: "data-[hover=true]:shadow-default/50 data-[hover=true]:bg-default data-[hover=true]:text-default-foreground",
|
||||
},
|
||||
},
|
||||
{
|
||||
variant: "shadow",
|
||||
color: "primary",
|
||||
class: {
|
||||
base:
|
||||
"data-[hover=true]:shadow-primary/30 data-[hover=true]:bg-primary data-[hover=true]:text-primary-foreground",
|
||||
base: "data-[hover=true]:shadow-primary/30 data-[hover=true]:bg-primary data-[hover=true]:text-primary-foreground",
|
||||
},
|
||||
},
|
||||
{
|
||||
variant: "shadow",
|
||||
color: "secondary",
|
||||
class: {
|
||||
base:
|
||||
"data-[hover=true]:shadow-secondary/30 data-[hover=true]:bg-secondary data-[hover=true]:text-secondary-foreground",
|
||||
base: "data-[hover=true]:shadow-secondary/30 data-[hover=true]:bg-secondary data-[hover=true]:text-secondary-foreground",
|
||||
},
|
||||
},
|
||||
{
|
||||
variant: "shadow",
|
||||
color: "success",
|
||||
class: {
|
||||
base:
|
||||
"data-[hover=true]:shadow-success/30 data-[hover=true]:bg-success data-[hover=true]:text-success-foreground",
|
||||
base: "data-[hover=true]:shadow-success/30 data-[hover=true]:bg-success data-[hover=true]:text-success-foreground",
|
||||
},
|
||||
},
|
||||
{
|
||||
variant: "shadow",
|
||||
color: "warning",
|
||||
class: {
|
||||
base:
|
||||
"data-[hover=true]:shadow-warning/30 data-[hover=true]:bg-warning data-[hover=true]:text-warning-foreground",
|
||||
base: "data-[hover=true]:shadow-warning/30 data-[hover=true]:bg-warning data-[hover=true]:text-warning-foreground",
|
||||
},
|
||||
},
|
||||
{
|
||||
variant: "shadow",
|
||||
color: "danger",
|
||||
class: {
|
||||
base:
|
||||
"data-[hover=true]:shadow-danger/30 data-[hover=true]:bg-danger data-[hover=true]:text-danger-foreground",
|
||||
base: "data-[hover=true]:shadow-danger/30 data-[hover=true]:bg-danger data-[hover=true]:text-danger-foreground",
|
||||
},
|
||||
},
|
||||
// bordered / color
|
||||
@ -293,42 +287,42 @@ const dropdownItem = tv({
|
||||
variant: "flat",
|
||||
color: "default",
|
||||
class: {
|
||||
base: "data-[hover=true]:bg-default-100 data-[hover=true]:text-default-foreground",
|
||||
base: "data-[hover=true]:bg-default/40 data-[hover=true]:text-default-foreground",
|
||||
},
|
||||
},
|
||||
{
|
||||
variant: "flat",
|
||||
color: "primary",
|
||||
class: {
|
||||
base: "data-[hover=true]:bg-primary-50 data-[hover=true]:text-primary",
|
||||
base: "data-[hover=true]:bg-primary/20 data-[hover=true]:text-primary",
|
||||
},
|
||||
},
|
||||
{
|
||||
variant: "flat",
|
||||
color: "secondary",
|
||||
class: {
|
||||
base: "data-[hover=true]:bg-secondary-100 data-[hover=true]:text-secondary",
|
||||
base: "data-[hover=true]:bg-secondary/20 data-[hover=true]:text-secondary",
|
||||
},
|
||||
},
|
||||
{
|
||||
variant: "flat",
|
||||
color: "success",
|
||||
class: {
|
||||
base: "data-[hover=true]:bg-success-50 data-[hover=true]:text-success",
|
||||
base: "data-[hover=true]:bg-success/20 data-[hover=true]:text-success ",
|
||||
},
|
||||
},
|
||||
{
|
||||
variant: "flat",
|
||||
color: "warning",
|
||||
class: {
|
||||
base: "data-[hover=true]:bg-warning-50 data-[hover=true]:text-warning",
|
||||
base: "data-[hover=true]:bg-warning/20 data-[hover=true]:text-warning",
|
||||
},
|
||||
},
|
||||
{
|
||||
variant: "flat",
|
||||
color: "danger",
|
||||
class: {
|
||||
base: "data-[hover=true]:bg-danger-50 data-[hover=true]:text-danger",
|
||||
base: "data-[hover=true]:bg-danger/20 data-[hover=true]:text-danger",
|
||||
},
|
||||
},
|
||||
// faded / color
|
||||
@ -464,7 +458,7 @@ const dropdownSection = tv({
|
||||
|
||||
*/
|
||||
const dropdownMenu = tv({
|
||||
base: "w-full flex flex-col p-1",
|
||||
base: "w-full flex flex-col gap-0.5 p-1",
|
||||
});
|
||||
|
||||
export type DropdownSectionVariantProps = VariantProps<typeof dropdownSection>;
|
||||
|
||||
@ -434,6 +434,13 @@ const tabs = tv({
|
||||
},
|
||||
},
|
||||
],
|
||||
compoundSlots: [
|
||||
{
|
||||
variant: "underlined",
|
||||
slots: ["tab", "tabList", "cursor"],
|
||||
class: ["rounded-none"],
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
export type TabsVariantProps = VariantProps<typeof tabs>;
|
||||
|
||||
@ -1,5 +1,11 @@
|
||||
# @nextui-org/use-aria-accordion-item
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-aria-accordion-item",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "Internal impl for react aria accordion item",
|
||||
"keywords": [
|
||||
"use-aria-accordion-item"
|
||||
|
||||
@ -1,5 +1,11 @@
|
||||
# @nextui-org/use-aria-button
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-aria-button",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "Internal hook to handle button a11y and events, this is based on react-aria button hook but without the onClick warning",
|
||||
"keywords": [
|
||||
"use-aria-button"
|
||||
|
||||
@ -1,5 +1,14 @@
|
||||
# @nextui-org/use-aria-field
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/use-aria-slot-id@0.0.0-dev-v2-20230623023752
|
||||
- @nextui-org/use-aria-label@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-aria-field",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "Based on react-aria useField hook, provides the accessibility implementation for input fields",
|
||||
"keywords": [
|
||||
"use-aria-field"
|
||||
|
||||
@ -1,5 +1,11 @@
|
||||
# @nextui-org/use-aria-label
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-aria-label",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "Based on react-aria label hook, it provides the accessibility implementation for labels and their associated elements. Labels provide context for user inputs.",
|
||||
"keywords": [
|
||||
"use-aria-label"
|
||||
|
||||
@ -1,5 +1,11 @@
|
||||
# @nextui-org/use-aria-modal-overlay
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-aria-modal-overlay",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "A custom implementation of react aria modal overlay, this removes the prevent scroll",
|
||||
"keywords": [
|
||||
"use-aria-modal-overlay"
|
||||
|
||||
@ -1,5 +1,11 @@
|
||||
# @nextui-org/use-aria-slot-id
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-aria-slot-id",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "Based on react-aria useSlotId, used to generate an id, and after render check if that id is rendered",
|
||||
"keywords": [
|
||||
"use-aria-slot-id"
|
||||
|
||||
@ -1,5 +1,13 @@
|
||||
# @nextui-org/use-aria-toggle-button
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-aria-toggle-button",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "Internal hook to handle button a11y and events, this is based on react-aria button hook but without the onClick warning",
|
||||
"keywords": [
|
||||
"use-aria-toggle-button"
|
||||
|
||||
@ -1,5 +1,13 @@
|
||||
# @nextui-org/use-callback-ref
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/use-safe-layout-effect@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-callback-ref",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "React hook to persist any value between renders, but keeps it up-to-date if it changes.",
|
||||
"keywords": [
|
||||
"use-callback-ref"
|
||||
|
||||
@ -1,5 +1,11 @@
|
||||
# @nextui-org/use-clipboard
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-clipboard",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "Wrapper around navigator.clipboard with feedback timeout",
|
||||
"keywords": [
|
||||
"use-clipboard"
|
||||
|
||||
@ -1,5 +1,13 @@
|
||||
# @nextui-org/use-disclosure
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/use-callback-ref@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-disclosure",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "The hook in charge of managing modals",
|
||||
"keywords": [
|
||||
"use-disclosure"
|
||||
|
||||
@ -1,5 +1,13 @@
|
||||
# @nextui-org/use-image
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
- Updated dependencies
|
||||
- @nextui-org/use-safe-layout-effect@0.0.0-dev-v2-20230623023752
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-image",
|
||||
"version": "0.0.0-dev-v2-20230622203738",
|
||||
"version": "0.0.0-dev-v2-20230623023752",
|
||||
"description": "React hook for progressing image loading",
|
||||
"keywords": [
|
||||
"use-image"
|
||||
|
||||
@ -1,5 +1,11 @@
|
||||
# @nextui-org/use-infinite-scroll
|
||||
|
||||
## 0.0.0-dev-v2-20230623023752
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Dropdown styles changed
|
||||
|
||||
## 0.0.0-dev-v2-20230622203738
|
||||
|
||||
### Patch Changes
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user