feat(docs): dropdown in progress

This commit is contained in:
Junior Garcia 2023-06-22 23:42:03 -03:00
parent f26cfbe9fb
commit 1658afc756
133 changed files with 838 additions and 89 deletions

View File

@ -57,7 +57,7 @@ export const metadata: Metadata = {
export default function RootLayout({children}: {children: React.ReactNode}) { export default function RootLayout({children}: {children: React.ReactNode}) {
return ( return (
<html suppressHydrationWarning lang="en"> <html suppressHydrationWarning dir="ltr" lang="en">
<head /> <head />
<body className={clsx("min-h-screen bg-background font-sans antialiased", fontSans.variable)}> <body className={clsx("min-h-screen bg-background font-sans antialiased", fontSans.variable)}>
<Providers themeProps={{attribute: "class", defaultTheme: "dark"}}> <Providers themeProps={{attribute: "class", defaultTheme: "dark"}}>

View File

@ -161,6 +161,7 @@ export const A11yOtb = () => {
isOpen={isDropdownOpen} isOpen={isDropdownOpen}
placement="bottom" placement="bottom"
portalContainer={ref.current} portalContainer={ref.current}
shouldBlockScroll={false}
shouldFlip={isMobile} shouldFlip={isMobile}
onOpenChange={(open) => setIsDropdownOpen(open)} onOpenChange={(open) => setIsDropdownOpen(open)}
> >

View 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,
};

View File

@ -0,0 +1,7 @@
import usage from "./usage";
import dynamic from "./dynamic";
export const dropdownContent = {
usage,
dynamic,
};

View 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,
};

View File

@ -27,3 +27,4 @@ export * from "./tooltip";
export * from "./tabs"; export * from "./tabs";
export * from "./modal"; export * from "./modal";
export * from "./pagination"; export * from "./pagination";
export * from "./dropdown";

View File

@ -6,9 +6,39 @@ url: https://nextui.org/docs/components/dropdown
# 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 <ComponentLinks component="dropdown" reactAriaHook="useMenu" />
import {Dropdown} from "@nextui-org/react";
```
---
## 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} />

View File

@ -1,5 +1,20 @@
# @nextui-org/accordion # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/accordion", "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.", "description": "Collapse display a list of high-level options that can expand/collapse to reveal more information.",
"keywords": [ "keywords": [
"react", "react",

View File

@ -1,5 +1,17 @@
# @nextui-org/avatar # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/avatar", "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.", "description": "The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.",
"keywords": [ "keywords": [
"avatar" "avatar"

View File

@ -1,5 +1,16 @@
# @nextui-org/badge # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/badge", "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.", "description": "Badges are used as a small numerical value or status descriptor for UI elements.",
"keywords": [ "keywords": [
"badge" "badge"

View File

@ -1,5 +1,19 @@
# @nextui-org/button # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/button", "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.", "description": "Buttons allow users to perform actions and choose with a single tap.",
"keywords": [ "keywords": [
"button" "button"

View File

@ -1,5 +1,18 @@
# @nextui-org/card # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/card", "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.", "description": "Card is a container for text, photos, and actions in the context of a single subject.",
"keywords": [ "keywords": [
"card" "card"

View File

@ -1,5 +1,16 @@
# @nextui-org/checkbox # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/checkbox", "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.", "description": "Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.",
"keywords": [ "keywords": [
"checkbox" "checkbox"

View File

@ -1,5 +1,17 @@
# @nextui-org/chip # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/chip", "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.", "description": "Chips help people enter information, make selections, filter content, or trigger actions.",
"keywords": [ "keywords": [
"chip" "chip"

View File

@ -1,5 +1,16 @@
# @nextui-org/code # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/code", "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.", "description": "Code is a component used to display inline code.",
"keywords": [ "keywords": [
"code" "code"

View File

@ -1,5 +1,16 @@
# @nextui-org/divider # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/divider", "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", "description": ". A separator is a visual divider between two groups of content",
"keywords": [ "keywords": [
"divider" "divider"

View File

@ -1,5 +1,15 @@
# @nextui-org/drip # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/drip", "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", "description": "A ripple effect for ensuring that the user fells the system is reacting instantaneously",
"keywords": [ "keywords": [
"drip" "drip"

View File

@ -1,5 +1,19 @@
# @nextui-org/dropdown # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/dropdown", "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.", "description": "A dropdown displays a list of actions or options that a user can choose.",
"keywords": [ "keywords": [
"dropdown" "dropdown"

View File

@ -49,6 +49,7 @@ export function useDropdown(props: UseDropdownProps) {
placement = "bottom", placement = "bottom",
isDisabled = false, isDisabled = false,
closeOnSelect = true, closeOnSelect = true,
shouldBlockScroll = true,
classNames: classNamesProp, classNames: classNamesProp,
disableAnimation = false, disableAnimation = false,
onClose, onClose,
@ -97,6 +98,7 @@ export function useDropdown(props: UseDropdownProps) {
placement, placement,
ref: popoverRef, ref: popoverRef,
disableAnimation, disableAnimation,
shouldBlockScroll,
scrollRef: menuRef, scrollRef: menuRef,
triggerRef: menuTriggerRef, triggerRef: menuTriggerRef,
...mergeProps(otherProps, props), ...mergeProps(otherProps, props),

View File

@ -1,5 +1,17 @@
# @nextui-org/image # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/image", "name": "@nextui-org/image",
"version": "0.0.0-dev-v2-20230622203738", "version": "0.0.0-dev-v2-20230623023752",
"description": "A simple image component", "description": "A simple image component",
"keywords": [ "keywords": [
"image" "image"

View File

@ -1,5 +1,18 @@
# @nextui-org/input # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/input", "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.", "description": "The input component is designed for capturing user input within a text field.",
"keywords": [ "keywords": [
"input" "input"

View File

@ -1,5 +1,16 @@
# @nextui-org/kbd # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/kbd", "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", "description": "The keyboard key components indicates which key or set of keys used to execute a specificv action",
"keywords": [ "keywords": [
"kbd" "kbd"

View File

@ -1,5 +1,17 @@
# @nextui-org/link # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/link", "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 &lt;a&gt;", "description": "Links allow users to click their way from page to page. This component is styled to resemble a hyperlink and semantically renders an &lt;a&gt;",
"keywords": [ "keywords": [
"link" "link"

View File

@ -1,5 +1,21 @@
# @nextui-org/modal # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/modal", "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.", "description": "Displays a dialog with a custom content that requires attention or provides additional information.",
"keywords": [ "keywords": [
"modal" "modal"

View File

@ -1,5 +1,19 @@
# @nextui-org/navbar # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/navbar", "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.", "description": "A responsive navigation header positioned on top side of your page that includes support for branding, links, navigation, collapse and more.",
"keywords": [ "keywords": [
"navbar" "navbar"

View File

@ -1,5 +1,18 @@
# @nextui-org/pagination # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/pagination", "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.", "description": "The Pagination component allows you to display active page and navigate between multiple pages.",
"keywords": [ "keywords": [
"pagination" "pagination"

View File

@ -1,5 +1,20 @@
# @nextui-org/popover # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/popover", "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.", "description": "A popover is an overlay element positioned relative to a trigger.",
"keywords": [ "keywords": [
"popover" "popover"

View File

@ -133,7 +133,12 @@ export function usePopover(originalProps: UsePopoverProps) {
const state = stateProp || innerState; const state = stateProp || innerState;
const {popoverProps, underlayProps, arrowProps, placement: ariaPlacement} = useReactAriaPopover( const {
popoverProps,
underlayProps,
arrowProps,
placement: ariaPlacement,
} = useReactAriaPopover(
{ {
triggerRef, triggerRef,
popoverRef, popoverRef,

View File

@ -1,5 +1,18 @@
# @nextui-org/progress # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/progress", "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.", "description": "Progress bars show either determinate or indeterminate progress of an operation over time.",
"keywords": [ "keywords": [
"progress" "progress"

View File

@ -1,5 +1,16 @@
# @nextui-org/radio # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/radio", "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.", "description": "Radios allow users to select a single option from a list of mutually exclusive options.",
"keywords": [ "keywords": [
"radio" "radio"

View File

@ -1,5 +1,16 @@
# @nextui-org/skeleton # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/skeleton", "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.", "description": "Skeleton is used to display the loading state of some component.",
"keywords": [ "keywords": [
"skeleton" "skeleton"

View File

@ -1,5 +1,20 @@
# @nextui-org/snippet # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/snippet", "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.", "description": "Display a snippet of copyable code for the command line.",
"keywords": [ "keywords": [
"snippet" "snippet"

View File

@ -1,5 +1,16 @@
# @nextui-org/spacer # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/spacer", "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.", "description": "A flexible spacer component designed to create consistent spacing and maintain alignment in your layout.",
"keywords": [ "keywords": [
"spacer" "spacer"

View File

@ -1,5 +1,16 @@
# @nextui-org/spinner # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/spinner", "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.", "description": "Loaders express an unspecified wait time or display the length of a process.",
"keywords": [ "keywords": [
"loading", "loading",

View File

@ -1,5 +1,16 @@
# @nextui-org/switch # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/switch", "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.", "description": "A switch is similar to a checkbox, but represents on/off values as opposed to selection.",
"keywords": [ "keywords": [
"switch" "switch"

View File

@ -1,5 +1,19 @@
# @nextui-org/table # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/table", "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. ", "description": "Tables are used to display tabular data using rows and columns. ",
"keywords": [ "keywords": [
"table" "table"

View File

@ -1,5 +1,20 @@
# @nextui-org/tabs # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/tabs", "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.", "description": "Tabs organize content into multiple sections and allow users to navigate between them.",
"keywords": [ "keywords": [
"tabs" "tabs"

View File

@ -1,5 +1,18 @@
# @nextui-org/tooltip # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/tooltip", "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", "description": "A React Component for rendering dynamically positioned Tooltips",
"keywords": [ "keywords": [
"tooltip" "tooltip"

View File

@ -1,5 +1,17 @@
# @nextui-org/user # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/user", "name": "@nextui-org/user",
"version": "0.0.0-dev-v2-20230622203738", "version": "0.0.0-dev-v2-20230623023752",
"description": "Flexible User Profile Component.", "description": "Flexible User Profile Component.",
"keywords": [ "keywords": [
"user" "user"

View File

@ -1,5 +1,44 @@
# @nextui-org/react # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/react", "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.", "description": "🚀 Beautiful and modern React UI library.",
"author": "Junior Garcia <jrgarciadev@gmail.com>", "author": "Junior Garcia <jrgarciadev@gmail.com>",
"homepage": "https://nextui.org", "homepage": "https://nextui.org",

View File

@ -1,5 +1,11 @@
# @nextui-org/system # @nextui-org/system
## 0.0.0-dev-v2-20230623023752
### Patch Changes
- Dropdown styles changed
## 0.0.0-dev-v2-20230622203738 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/system", "name": "@nextui-org/system",
"version": "0.0.0-dev-v2-20230622203738", "version": "0.0.0-dev-v2-20230623023752",
"description": "NextUI system primitives", "description": "NextUI system primitives",
"keywords": [ "keywords": [
"system" "system"

View File

@ -1,5 +1,11 @@
# @nextui-org/theme # @nextui-org/theme
## 0.0.0-dev-v2-20230623023752
### Patch Changes
- Dropdown styles changed
## 0.0.0-dev-v2-20230622203738 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/theme", "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", "description": "The default theme for NextUI components",
"keywords": [ "keywords": [
"theme", "theme",

View File

@ -5,7 +5,7 @@ import {tv} from "tailwind-variants";
/** /**
* Dropdown wrapper **Tailwind Variants** component * Dropdown wrapper **Tailwind Variants** component
* *
* const { base, menu } = dropdown({...}) * const { base, menu } = dropdown({...})
* *
* @example * @example
* <div> * <div>
@ -78,8 +78,8 @@ const dropdownItem = tv({
"data-[focus-visible=true]:dark:ring-offset-background-content1", "data-[focus-visible=true]:dark:ring-offset-background-content1",
], ],
wrapper: "w-full flex flex-col items-start justify-center", wrapper: "w-full flex flex-col items-start justify-center",
title: "flex-1", title: "flex-1 text-base font-normal truncate",
description: ["text-xs", "w-full", "text-default-500", "group-hover:text-current"], description: ["text-sm", "w-full", "text-default-500", "group-hover:text-current"],
selectedIcon: ["text-inherit", "w-3", "h-3", "flex-shrink-0"], selectedIcon: ["text-inherit", "w-3", "h-3", "flex-shrink-0"],
shortcut: [ shortcut: [
"px-1", "px-1",
@ -201,48 +201,42 @@ const dropdownItem = tv({
variant: "shadow", variant: "shadow",
color: "default", color: "default",
class: { class: {
base: base: "data-[hover=true]:shadow-default/50 data-[hover=true]:bg-default data-[hover=true]:text-default-foreground",
"data-[hover=true]:shadow-default/50 data-[hover=true]:bg-default data-[hover=true]:text-default-foreground",
}, },
}, },
{ {
variant: "shadow", variant: "shadow",
color: "primary", color: "primary",
class: { class: {
base: base: "data-[hover=true]:shadow-primary/30 data-[hover=true]:bg-primary data-[hover=true]:text-primary-foreground",
"data-[hover=true]:shadow-primary/30 data-[hover=true]:bg-primary data-[hover=true]:text-primary-foreground",
}, },
}, },
{ {
variant: "shadow", variant: "shadow",
color: "secondary", color: "secondary",
class: { class: {
base: base: "data-[hover=true]:shadow-secondary/30 data-[hover=true]:bg-secondary data-[hover=true]:text-secondary-foreground",
"data-[hover=true]:shadow-secondary/30 data-[hover=true]:bg-secondary data-[hover=true]:text-secondary-foreground",
}, },
}, },
{ {
variant: "shadow", variant: "shadow",
color: "success", color: "success",
class: { class: {
base: base: "data-[hover=true]:shadow-success/30 data-[hover=true]:bg-success data-[hover=true]:text-success-foreground",
"data-[hover=true]:shadow-success/30 data-[hover=true]:bg-success data-[hover=true]:text-success-foreground",
}, },
}, },
{ {
variant: "shadow", variant: "shadow",
color: "warning", color: "warning",
class: { class: {
base: base: "data-[hover=true]:shadow-warning/30 data-[hover=true]:bg-warning data-[hover=true]:text-warning-foreground",
"data-[hover=true]:shadow-warning/30 data-[hover=true]:bg-warning data-[hover=true]:text-warning-foreground",
}, },
}, },
{ {
variant: "shadow", variant: "shadow",
color: "danger", color: "danger",
class: { class: {
base: base: "data-[hover=true]:shadow-danger/30 data-[hover=true]:bg-danger data-[hover=true]:text-danger-foreground",
"data-[hover=true]:shadow-danger/30 data-[hover=true]:bg-danger data-[hover=true]:text-danger-foreground",
}, },
}, },
// bordered / color // bordered / color
@ -293,42 +287,42 @@ const dropdownItem = tv({
variant: "flat", variant: "flat",
color: "default", color: "default",
class: { 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", variant: "flat",
color: "primary", color: "primary",
class: { 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", variant: "flat",
color: "secondary", color: "secondary",
class: { 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", variant: "flat",
color: "success", color: "success",
class: { 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", variant: "flat",
color: "warning", color: "warning",
class: { 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", variant: "flat",
color: "danger", color: "danger",
class: { 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 // faded / color
@ -464,7 +458,7 @@ const dropdownSection = tv({
*/ */
const dropdownMenu = 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>; export type DropdownSectionVariantProps = VariantProps<typeof dropdownSection>;

View File

@ -434,6 +434,13 @@ const tabs = tv({
}, },
}, },
], ],
compoundSlots: [
{
variant: "underlined",
slots: ["tab", "tabList", "cursor"],
class: ["rounded-none"],
},
],
}); });
export type TabsVariantProps = VariantProps<typeof tabs>; export type TabsVariantProps = VariantProps<typeof tabs>;

View File

@ -1,5 +1,11 @@
# @nextui-org/use-aria-accordion-item # @nextui-org/use-aria-accordion-item
## 0.0.0-dev-v2-20230623023752
### Patch Changes
- Dropdown styles changed
## 0.0.0-dev-v2-20230622203738 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/use-aria-accordion-item", "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", "description": "Internal impl for react aria accordion item",
"keywords": [ "keywords": [
"use-aria-accordion-item" "use-aria-accordion-item"

View File

@ -1,5 +1,11 @@
# @nextui-org/use-aria-button # @nextui-org/use-aria-button
## 0.0.0-dev-v2-20230623023752
### Patch Changes
- Dropdown styles changed
## 0.0.0-dev-v2-20230622203738 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/use-aria-button", "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", "description": "Internal hook to handle button a11y and events, this is based on react-aria button hook but without the onClick warning",
"keywords": [ "keywords": [
"use-aria-button" "use-aria-button"

View File

@ -1,5 +1,14 @@
# @nextui-org/use-aria-field # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/use-aria-field", "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", "description": "Based on react-aria useField hook, provides the accessibility implementation for input fields",
"keywords": [ "keywords": [
"use-aria-field" "use-aria-field"

View File

@ -1,5 +1,11 @@
# @nextui-org/use-aria-label # @nextui-org/use-aria-label
## 0.0.0-dev-v2-20230623023752
### Patch Changes
- Dropdown styles changed
## 0.0.0-dev-v2-20230622203738 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/use-aria-label", "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.", "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": [ "keywords": [
"use-aria-label" "use-aria-label"

View File

@ -1,5 +1,11 @@
# @nextui-org/use-aria-modal-overlay # @nextui-org/use-aria-modal-overlay
## 0.0.0-dev-v2-20230623023752
### Patch Changes
- Dropdown styles changed
## 0.0.0-dev-v2-20230622203738 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/use-aria-modal-overlay", "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", "description": "A custom implementation of react aria modal overlay, this removes the prevent scroll",
"keywords": [ "keywords": [
"use-aria-modal-overlay" "use-aria-modal-overlay"

View File

@ -1,5 +1,11 @@
# @nextui-org/use-aria-slot-id # @nextui-org/use-aria-slot-id
## 0.0.0-dev-v2-20230623023752
### Patch Changes
- Dropdown styles changed
## 0.0.0-dev-v2-20230622203738 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/use-aria-slot-id", "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", "description": "Based on react-aria useSlotId, used to generate an id, and after render check if that id is rendered",
"keywords": [ "keywords": [
"use-aria-slot-id" "use-aria-slot-id"

View File

@ -1,5 +1,13 @@
# @nextui-org/use-aria-toggle-button # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/use-aria-toggle-button", "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", "description": "Internal hook to handle button a11y and events, this is based on react-aria button hook but without the onClick warning",
"keywords": [ "keywords": [
"use-aria-toggle-button" "use-aria-toggle-button"

View File

@ -1,5 +1,13 @@
# @nextui-org/use-callback-ref # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/use-callback-ref", "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.", "description": "React hook to persist any value between renders, but keeps it up-to-date if it changes.",
"keywords": [ "keywords": [
"use-callback-ref" "use-callback-ref"

View File

@ -1,5 +1,11 @@
# @nextui-org/use-clipboard # @nextui-org/use-clipboard
## 0.0.0-dev-v2-20230623023752
### Patch Changes
- Dropdown styles changed
## 0.0.0-dev-v2-20230622203738 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/use-clipboard", "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", "description": "Wrapper around navigator.clipboard with feedback timeout",
"keywords": [ "keywords": [
"use-clipboard" "use-clipboard"

View File

@ -1,5 +1,13 @@
# @nextui-org/use-disclosure # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/use-disclosure", "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", "description": "The hook in charge of managing modals",
"keywords": [ "keywords": [
"use-disclosure" "use-disclosure"

View File

@ -1,5 +1,13 @@
# @nextui-org/use-image # @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 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

View File

@ -1,6 +1,6 @@
{ {
"name": "@nextui-org/use-image", "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", "description": "React hook for progressing image loading",
"keywords": [ "keywords": [
"use-image" "use-image"

View File

@ -1,5 +1,11 @@
# @nextui-org/use-infinite-scroll # @nextui-org/use-infinite-scroll
## 0.0.0-dev-v2-20230623023752
### Patch Changes
- Dropdown styles changed
## 0.0.0-dev-v2-20230622203738 ## 0.0.0-dev-v2-20230622203738
### Patch Changes ### Patch Changes

Some files were not shown because too many files have changed in this diff Show More