mirror of
https://github.com/nextui-org/nextui.git
synced 2025-12-08 19:26:11 +00:00
feat(docs): dropdown docs in progress, some styles changes
This commit is contained in:
Junior Garcia
parent
99993cd332
commit
cbced8df45
@ -189,7 +189,7 @@ import {InfoIcon} from "./InfoIcon";
|
||||
import {InvalidCardIcon} from "./InvalidCardIcon";
|
||||
|
||||
export default function App() {
|
||||
const itemStyles = {
|
||||
const itemClasses = {
|
||||
base: "py-0 w-full",
|
||||
title: "font-normal text-base",
|
||||
trigger: "px-2 py-0 data-[hover=true]:bg-default-100 rounded-lg h-14 flex items-center",
|
||||
@ -206,7 +206,7 @@ export default function App() {
|
||||
hideDivider
|
||||
className="p-2 flex flex-col gap-1 w-full max-w-[300px]"
|
||||
variant="shadow"
|
||||
itemStyles={itemStyles}
|
||||
itemClasses={itemClasses}
|
||||
>
|
||||
<AccordionItem
|
||||
key="1"
|
||||
|
||||
181
apps/docs/content/components/dropdown/custom-popover-styles.ts
Normal file
181
apps/docs/content/components/dropdown/custom-popover-styles.ts
Normal file
@ -0,0 +1,181 @@
|
||||
const AddNoteIcon = `export const AddNoteIcon = (props) => (
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
fill="none"
|
||||
focusable="false"
|
||||
height="1em"
|
||||
role="presentation"
|
||||
viewBox="0 0 24 24"
|
||||
width="1em"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d="M7.37 22h9.25a4.87 4.87 0 0 0 4.87-4.87V8.37a4.87 4.87 0 0 0-4.87-4.87H7.37A4.87 4.87 0 0 0 2.5 8.37v8.75c0 2.7 2.18 4.88 4.87 4.88Z"
|
||||
fill="currentColor"
|
||||
opacity={0.4}
|
||||
/>
|
||||
<path
|
||||
d="M8.29 6.29c-.42 0-.75-.34-.75-.75V2.75a.749.749 0 1 1 1.5 0v2.78c0 .42-.33.76-.75.76ZM15.71 6.29c-.42 0-.75-.34-.75-.75V2.75a.749.749 0 1 1 1.5 0v2.78c0 .42-.33.76-.75.76ZM12 14.75h-1.69V13c0-.41-.34-.75-.75-.75s-.75.34-.75.75v1.75H7c-.41 0-.75.34-.75.75s.34.75.75.75h1.81V18c0 .41.34.75.75.75s.75-.34.75-.75v-1.75H12c.41 0 .75-.34.75-.75s-.34-.75-.75-.75Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
</svg>
|
||||
);`;
|
||||
|
||||
const CopyDocumentIcon = `export const CopyDocumentIcon = (props) => (
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
fill="none"
|
||||
focusable="false"
|
||||
height="1em"
|
||||
role="presentation"
|
||||
viewBox="0 0 24 24"
|
||||
width="1em"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d="M15.5 13.15h-2.17c-1.78 0-3.23-1.44-3.23-3.23V7.75c0-.41-.33-.75-.75-.75H6.18C3.87 7 2 8.5 2 11.18v6.64C2 20.5 3.87 22 6.18 22h5.89c2.31 0 4.18-1.5 4.18-4.18V13.9c0-.42-.34-.75-.75-.75Z"
|
||||
fill="currentColor"
|
||||
opacity={0.4}
|
||||
/>
|
||||
<path
|
||||
d="M17.82 2H11.93C9.67 2 7.84 3.44 7.76 6.01c.06 0 .11-.01.17-.01h5.89C16.13 6 18 7.5 18 10.18V16.83c0 .06-.01.11-.01.16 2.23-.07 4.01-1.55 4.01-4.16V6.18C22 3.5 20.13 2 17.82 2Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<path
|
||||
d="M11.98 7.15c-.31-.31-.84-.1-.84.33v2.62c0 1.1.93 2 2.07 2 .71.01 1.7.01 2.55.01.43 0 .65-.5.35-.8-1.09-1.09-3.03-3.04-4.13-4.16Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
</svg>
|
||||
);`;
|
||||
|
||||
const EditDocumentIcon = `export const EditDocumentIcon = (props) => (
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
fill="none"
|
||||
focusable="false"
|
||||
height="1em"
|
||||
role="presentation"
|
||||
viewBox="0 0 24 24"
|
||||
width="1em"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d="M15.48 3H7.52C4.07 3 2 5.06 2 8.52v7.95C2 19.94 4.07 22 7.52 22h7.95c3.46 0 5.52-2.06 5.52-5.52V8.52C21 5.06 18.93 3 15.48 3Z"
|
||||
fill="currentColor"
|
||||
opacity={0.4}
|
||||
/>
|
||||
<path
|
||||
d="M21.02 2.98c-1.79-1.8-3.54-1.84-5.38 0L14.51 4.1c-.1.1-.13.24-.09.37.7 2.45 2.66 4.41 5.11 5.11.03.01.08.01.11.01.1 0 .2-.04.27-.11l1.11-1.12c.91-.91 1.36-1.78 1.36-2.67 0-.9-.45-1.79-1.36-2.71ZM17.86 10.42c-.27-.13-.53-.26-.77-.41-.2-.12-.4-.25-.59-.39-.16-.1-.34-.25-.52-.4-.02-.01-.08-.06-.16-.14-.31-.25-.64-.59-.95-.96-.02-.02-.08-.08-.13-.17-.1-.11-.25-.3-.38-.51-.11-.14-.24-.34-.36-.55-.15-.25-.28-.5-.4-.76-.13-.28-.23-.54-.32-.79L7.9 10.72c-.35.35-.69 1.01-.76 1.5l-.43 2.98c-.09.63.08 1.22.47 1.61.33.33.78.5 1.28.5.11 0 .22-.01.33-.02l2.97-.42c.49-.07 1.15-.4 1.5-.76l5.38-5.38c-.25-.08-.5-.19-.78-.31Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
</svg>
|
||||
);`;
|
||||
|
||||
const DeleteDocumentIcon = `export const DeleteDocumentIcon = (props) => (
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
fill="none"
|
||||
focusable="false"
|
||||
height="1em"
|
||||
role="presentation"
|
||||
viewBox="0 0 24 24"
|
||||
width="1em"
|
||||
{...props}
|
||||
>
|
||||
<path
|
||||
d="M21.07 5.23c-1.61-.16-3.22-.28-4.84-.37v-.01l-.22-1.3c-.15-.92-.37-2.3-2.71-2.3h-2.62c-2.33 0-2.55 1.32-2.71 2.29l-.21 1.28c-.93.06-1.86.12-2.79.21l-2.04.2c-.42.04-.72.41-.68.82.04.41.4.71.82.67l2.04-.2c5.24-.52 10.52-.32 15.82.21h.08c.38 0 .71-.29.75-.68a.766.766 0 0 0-.69-.82Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<path
|
||||
d="M19.23 8.14c-.24-.25-.57-.39-.91-.39H5.68c-.34 0-.68.14-.91.39-.23.25-.36.59-.34.94l.62 10.26c.11 1.52.25 3.42 3.74 3.42h6.42c3.49 0 3.63-1.89 3.74-3.42l.62-10.25c.02-.36-.11-.7-.34-.95Z"
|
||||
fill="currentColor"
|
||||
opacity={0.399}
|
||||
/>
|
||||
<path
|
||||
clipRule="evenodd"
|
||||
d="M9.58 17a.75.75 0 0 1 .75-.75h3.33a.75.75 0 0 1 0 1.5h-3.33a.75.75 0 0 1-.75-.75ZM8.75 13a.75.75 0 0 1 .75-.75h5a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1-.75-.75Z"
|
||||
fill="currentColor"
|
||||
fillRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
);`;
|
||||
|
||||
const App = `import {Dropdown, DropdownTrigger, DropdownMenu, DropdownItem, Button, cn} from "@nextui-org/react";
|
||||
import {AddNoteIcon} from "./AddNoteIcon.jsx";
|
||||
import {CopyDocumentIcon} from "./CopyDocumentIcon.jsx";
|
||||
import {EditDocumentIcon} from "./EditDocumentIcon.jsx";
|
||||
import {DeleteDocumentIcon} from "./DeleteDocumentIcon.jsx";
|
||||
|
||||
export default function App() {
|
||||
const iconClasses = "text-xl text-default-500 pointer-events-none flex-shrink-0";
|
||||
|
||||
return (
|
||||
<Dropdown
|
||||
showArrow
|
||||
classNames={{
|
||||
base: "py-1 px-1 border border-default-200 bg-gradient-to-br from-white to-default-200 dark:from-default-50 dark:to-black",
|
||||
arrow: "bg-default-200",
|
||||
}}
|
||||
>
|
||||
<DropdownTrigger>
|
||||
<Button
|
||||
variant="bordered"
|
||||
>
|
||||
Open Menu
|
||||
</Button>
|
||||
</DropdownTrigger>
|
||||
<DropdownMenu variant="faded" aria-label="Dropdown menu with description">
|
||||
<DropdownSection title="Actions">
|
||||
<DropdownItem
|
||||
key="new"
|
||||
shortcut="⌘N"
|
||||
description="Create a new file"
|
||||
startContent={<AddNoteIcon className={iconClasses} />}
|
||||
>
|
||||
New file
|
||||
</DropdownItem>
|
||||
<DropdownItem
|
||||
key="copy"
|
||||
shortcut="⌘C"
|
||||
description="Copy the file link"
|
||||
startContent={<CopyDocumentIcon className={iconClasses} />}
|
||||
>
|
||||
Copy link
|
||||
</DropdownItem>
|
||||
<DropdownItem
|
||||
key="edit"
|
||||
shortcut="⌘⇧E"
|
||||
description="Allows you to edit the file"
|
||||
startContent={<EditDocumentIcon className={iconClasses} />}
|
||||
>
|
||||
Edit file
|
||||
</DropdownItem>
|
||||
</DropdownSection>
|
||||
<DropdownSection title="Danger zone">
|
||||
<DropdownItem
|
||||
key="delete"
|
||||
className="text-danger"
|
||||
color="danger"
|
||||
shortcut="⌘⇧D"
|
||||
description="Permanently delete the file"
|
||||
startContent={<DeleteDocumentIcon className={cn(iconClasses, "text-danger")} />}
|
||||
>
|
||||
Delete file
|
||||
</DropdownItem>
|
||||
</DropdownSection>
|
||||
</DropdownMenu>
|
||||
</Dropdown>
|
||||
);
|
||||
}`;
|
||||
|
||||
const react = {
|
||||
"/App.jsx": App,
|
||||
"/AddNoteIcon.jsx": AddNoteIcon,
|
||||
"/CopyDocumentIcon.jsx": CopyDocumentIcon,
|
||||
"/EditDocumentIcon.jsx": EditDocumentIcon,
|
||||
"/DeleteDocumentIcon.jsx": DeleteDocumentIcon,
|
||||
};
|
||||
|
||||
export default {
|
||||
...react,
|
||||
};
|
||||
@ -12,6 +12,7 @@ import description from "./description";
|
||||
import sections from "./sections";
|
||||
import customTrigger from "./custom-trigger";
|
||||
import backdrop from "./backdrop";
|
||||
import customPopoverStyles from "./custom-popover-styles";
|
||||
|
||||
export const dropdownContent = {
|
||||
usage,
|
||||
@ -28,4 +29,5 @@ export const dropdownContent = {
|
||||
sections,
|
||||
customTrigger,
|
||||
backdrop,
|
||||
customPopoverStyles,
|
||||
};
|
||||
|
||||
@ -40,6 +40,7 @@ export default function App() {
|
||||
label="Select dropdown color"
|
||||
orientation="horizontal"
|
||||
color={selectedColor}
|
||||
defaultValue="default"
|
||||
onValueChange={setSelectedColor}
|
||||
>
|
||||
<Radio value="default">Default</Radio>
|
||||
|
||||
@ -18,14 +18,15 @@ NextUI exports 5 dropdown-related components:
|
||||
|
||||
- **Dropdown**: The main component, which is a wrapper for the other components. This component is an extension of the [Popover](/docs/components/popover) component, so it accepts all the props of the Popover component.
|
||||
- **DropdownTrigger**: The component that triggers the dropdown menu to open.
|
||||
- **DropdownMenu**: The component that contains the dropdown items.
|
||||
- **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";',
|
||||
individual:
|
||||
'import {Dropdown, DropdownTrigger, DropdownMenu, DropdownSection, DropdownItem} from "@nextui-org/dropdown";',
|
||||
}}
|
||||
/>
|
||||
|
||||
@ -33,7 +34,6 @@ NextUI exports 5 dropdown-related components:
|
||||
|
||||
<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.
|
||||
@ -43,7 +43,6 @@ Dropdown follows the [Collection Components API](https://react-spectrum.adobe.co
|
||||
|
||||
<CodeDemo title="Dynamic items" files={dropdownContent.dynamic} />
|
||||
|
||||
|
||||
### With Divider
|
||||
|
||||
Dropdown items can be separated by a divider using the `showDivider` prop.
|
||||
@ -56,7 +55,7 @@ Dropdown items can be disabled using the `disabledKeys` prop to the `DropdownMen
|
||||
|
||||
<CodeDemo title="Disabled Keys" highlightedLines="17" files={dropdownContent.disabledKeys} />
|
||||
|
||||
> **Note**: It's important to have a unique key for each item, otherwise the disabled keys will not work.
|
||||
> **Note**: It's important to have a unique key for each item, otherwise the disabled keys will not work.
|
||||
|
||||
### Action event
|
||||
|
||||
@ -74,13 +73,21 @@ You can use the `variant` in the `DropdownMenu` component to change the `hover`
|
||||
|
||||
You can set the `selectionMode` property as `single` to allow the user to select only one item at a time.
|
||||
|
||||
<CodeDemo title="Single Selection" highlightedLines="26-28" files={dropdownContent.singleSelection} />
|
||||
<CodeDemo
|
||||
title="Single Selection"
|
||||
highlightedLines="26-28"
|
||||
files={dropdownContent.singleSelection}
|
||||
/>
|
||||
|
||||
### Multiple Selection
|
||||
|
||||
You can set the `selectionMode` property as `multiple` to allow the user to select multiple items at a time.
|
||||
|
||||
<CodeDemo title="Multiple Selection" highlightedLines="26-28" files={dropdownContent.multipleSelection} />
|
||||
<CodeDemo
|
||||
title="Multiple Selection"
|
||||
highlightedLines="26-28"
|
||||
files={dropdownContent.multipleSelection}
|
||||
/>
|
||||
|
||||
### With Shortcut
|
||||
|
||||
@ -88,7 +95,7 @@ You can use the `shortcut` prop to add a shortcut to the dropdown item.
|
||||
|
||||
<CodeDemo title="With Shortcut" highlightedLines="14-19" files={dropdownContent.shortcut} />
|
||||
|
||||
> **Note**: Dropdown does not handle the shortcut event, you need to handle it yourself.
|
||||
> **Note**: Dropdown does not handle the shortcut event, you need to handle it yourself.
|
||||
|
||||
### With Icons
|
||||
|
||||
@ -102,8 +109,11 @@ It is possible to add icons to the dropdown items using the `startContent` / `en
|
||||
|
||||
You can use the `description` prop to add a description to the dropdown item.
|
||||
|
||||
<CodeDemo title="With Description" highlightedLines="23,31,39,50" files={dropdownContent.description} />
|
||||
|
||||
<CodeDemo
|
||||
title="With Description"
|
||||
highlightedLines="23,31,39,50"
|
||||
files={dropdownContent.description}
|
||||
/>
|
||||
|
||||
### With Sections
|
||||
|
||||
@ -113,7 +123,6 @@ You can use the `DropdownSection` component to group dropdown items.
|
||||
|
||||
> **Note**: Sections without a `title` must provide an `aria-label` for accessibility.
|
||||
|
||||
|
||||
### Custom Trigger
|
||||
|
||||
You can use any component as a trigger for the dropdown menu, just wrap it in the `DropdownTrigger` component.
|
||||
@ -122,7 +131,55 @@ You can use any component as a trigger for the dropdown menu, just wrap it in th
|
||||
|
||||
### Changing the backdrop
|
||||
|
||||
As we mentioned earlier, the `Dropdown` component is an extension of the [Popover](/docs/components/popover) component,
|
||||
As we mentioned earlier, the `Dropdown` component is an extension of the [Popover](/docs/components/popover) component,
|
||||
so it accepts all the props of the Popover component, including the `backdrop` prop.
|
||||
|
||||
<CodeDemo title="Changing the backdrop" highlightedLines="17" files={dropdownContent.backdrop} />
|
||||
<CodeDemo title="Changing the backdrop" highlightedLines="17" files={dropdownContent.backdrop} />
|
||||
|
||||
## Slots
|
||||
|
||||
Dropdown has 2 components with slots the `DropdownItem` and `DropdownSection` components.
|
||||
|
||||
### DropdownItem
|
||||
|
||||
- **base**: The main slot for the dropdown item. It wraps all the other slots.
|
||||
- **wrapper**: The `title` and `description` wrapper.
|
||||
- **title**: The title of the dropdown item.
|
||||
- **description**: The description of the dropdown item.
|
||||
- **shortcut**: The shorcut slot.
|
||||
- **selectedIcon**: The selected icon slot. This is only visible when the item is selected.
|
||||
|
||||
### DropdownSection
|
||||
|
||||
- **base**: The main slot for the dropdown section. It wraps all the other slots.
|
||||
- **heading**: The title that is render on top of the section group.
|
||||
- **group**: The group of dropdown items.
|
||||
|
||||
|
||||
### Customizing the dropdown popover
|
||||
|
||||
The `Dropdown` component is an extension of the [Popover](/docs/components/popover) component, so you can use the same
|
||||
slots to customize the dropdown.
|
||||
|
||||
<CodeDemo title="Custom Styles" highlightedLines="14-15" files={dropdownContent.customPopoverStyles} />
|
||||
|
||||
<Spacer y={4} />
|
||||
|
||||
## Data Attributes
|
||||
|
||||
---
|
||||
|
||||
<Spacer y={3} />
|
||||
|
||||
### Keyboard Interactions
|
||||
|
||||
| Key | Description |
|
||||
| -------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- |
|
||||
| <kbd>Space</kbd> | When focus is on `DropdownTrigger`, opens the dropdown menu and focuses the first item. When focus is on an item, activates the focused item. |
|
||||
| <kbd>Enter</kbd> | When focus is on `DropdownTrigger`, opens the dropdown menu and focuses the first item. When focus is on an item, activates the focused item. |
|
||||
| <kbd>ArrowDown</kbd> | When focus is on `DropdownTrigger`, opens the dropdown menu. When focus is on an item, moves focus to the next item. |
|
||||
| <kbd>ArrowUp</kbd> | When focus is on an item, moves focus to the previous item. |
|
||||
| <kbd>Esc</kbd> | Closes the dropdown menu and moves focus to `DropdownTrigger`. |
|
||||
| <kbd>A-Z</kbd> or <kbd>a-z</kbd> | When the menu is open, moves focus to the next menu item with a label that starts with the typed character if such an menu item exists. |
|
||||
|
||||
<Spacer y={3} />
|
||||
|
||||
@ -1,5 +1,20 @@
|
||||
# @nextui-org/accordion
|
||||
|
||||
## 0.0.0-dev-v2-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/use-aria-accordion-item@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/aria-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/accordion",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"description": "Collapse display a list of high-level options that can expand/collapse to reveal more information.",
|
||||
"keywords": [
|
||||
"react",
|
||||
|
||||
@ -15,7 +15,7 @@ const AccordionGroup = forwardRef<AccordionProps, "div">((props, ref) => {
|
||||
getBaseProps,
|
||||
disableAnimation,
|
||||
handleFocusChanged,
|
||||
itemStyles,
|
||||
itemClasses,
|
||||
} = useAccordion({
|
||||
ref,
|
||||
...props,
|
||||
@ -27,7 +27,7 @@ const AccordionGroup = forwardRef<AccordionProps, "div">((props, ref) => {
|
||||
item={item}
|
||||
onFocusChange={(isFocused) => handleFocusChanged(isFocused, item.key)}
|
||||
{...item.props}
|
||||
classNames={{...itemStyles, ...(item.props.classNames || {})}}
|
||||
classNames={{...itemClasses, ...(item.props.classNames || {})}}
|
||||
/>
|
||||
));
|
||||
|
||||
|
||||
@ -27,7 +27,7 @@ interface Props extends HTMLNextUIProps<"div"> {
|
||||
/**
|
||||
* The accordion items classNames.
|
||||
*/
|
||||
itemStyles?: AccordionItemProps["classNames"];
|
||||
itemClasses?: AccordionItemProps["classNames"];
|
||||
}
|
||||
|
||||
export type UseAccordionProps<T extends object = {}> = Props &
|
||||
@ -82,7 +82,7 @@ export function useAccordion<T extends object>(props: UseAccordionProps<T>) {
|
||||
hideIndicator = false,
|
||||
disableAnimation = false,
|
||||
disableIndicatorAnimation = false,
|
||||
itemStyles,
|
||||
itemClasses,
|
||||
...otherProps
|
||||
} = props;
|
||||
|
||||
@ -206,7 +206,7 @@ export function useAccordion<T extends object>(props: UseAccordionProps<T>) {
|
||||
getBaseProps,
|
||||
disableAnimation,
|
||||
handleFocusChanged,
|
||||
itemStyles,
|
||||
itemClasses,
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
@ -243,7 +243,7 @@ const ControlledTemplate: ComponentStory<typeof Accordion> = (args: AccordionPro
|
||||
};
|
||||
|
||||
const CustomWithClassNamesTemplate: ComponentStory<typeof Accordion> = (args: AccordionProps) => {
|
||||
const itemStyles: AccordionItemProps["classNames"] = {
|
||||
const itemClasses: AccordionItemProps["classNames"] = {
|
||||
base: "py-0 w-full",
|
||||
title: "font-normal text-base",
|
||||
trigger: "px-2 py-0 data-[hover=true]:bg-default-100 rounded-lg h-14 flex items-center",
|
||||
@ -261,7 +261,7 @@ const CustomWithClassNamesTemplate: ComponentStory<typeof Accordion> = (args: Ac
|
||||
<AccordionItem
|
||||
key="1"
|
||||
aria-label="Connected devices"
|
||||
classNames={itemStyles}
|
||||
classNames={itemClasses}
|
||||
startContent={<MonitorMobileIcon className="text-primary" />}
|
||||
subtitle={
|
||||
<p className="flex">
|
||||
@ -275,7 +275,7 @@ const CustomWithClassNamesTemplate: ComponentStory<typeof Accordion> = (args: Ac
|
||||
<AccordionItem
|
||||
key="2"
|
||||
aria-label="Apps Permissions"
|
||||
classNames={itemStyles}
|
||||
classNames={itemClasses}
|
||||
startContent={<ShieldSecurityIcon />}
|
||||
subtitle="3 apps have read permissions"
|
||||
title="Apps Permissions"
|
||||
@ -285,7 +285,7 @@ const CustomWithClassNamesTemplate: ComponentStory<typeof Accordion> = (args: Ac
|
||||
<AccordionItem
|
||||
key="3"
|
||||
aria-label="Pending tasks"
|
||||
classNames={{...itemStyles, subtitle: "text-warning"}}
|
||||
classNames={{...itemClasses, subtitle: "text-warning"}}
|
||||
startContent={<InfoIcon className="text-warning" />}
|
||||
subtitle="Complete your profile"
|
||||
title="Pending tasks"
|
||||
@ -295,7 +295,7 @@ const CustomWithClassNamesTemplate: ComponentStory<typeof Accordion> = (args: Ac
|
||||
<AccordionItem
|
||||
key="4"
|
||||
aria-label="Card expired"
|
||||
classNames={{...itemStyles, subtitle: "text-danger"}}
|
||||
classNames={{...itemClasses, subtitle: "text-danger"}}
|
||||
startContent={<InvalidCardIcon className="text-danger" />}
|
||||
subtitle="Please, update now"
|
||||
title={
|
||||
|
||||
@ -1,5 +1,17 @@
|
||||
# @nextui-org/avatar
|
||||
|
||||
## 0.0.0-dev-v2-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/use-image@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/avatar",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/badge",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/spinner@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/drip@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/button",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/drip@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/card",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/checkbox",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/chip",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/code",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"description": "Code is a component used to display inline code.",
|
||||
"keywords": [
|
||||
"code"
|
||||
|
||||
@ -1,5 +1,16 @@
|
||||
# @nextui-org/divider
|
||||
|
||||
## 0.0.0-dev-v2-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/divider",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/drip",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/aria-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/use-is-mobile@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/popover@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/dropdown",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"description": "A dropdown displays a list of actions or options that a user can choose.",
|
||||
"keywords": [
|
||||
"dropdown"
|
||||
|
||||
@ -38,7 +38,7 @@ export interface DropdownMenuProps<T = object>
|
||||
/**
|
||||
* The dropdown items classNames.
|
||||
*/
|
||||
itemStyles?: DropdownItemProps["classNames"];
|
||||
itemClasses?: DropdownItemProps["classNames"];
|
||||
}
|
||||
|
||||
const DropdownMenu = forwardRef<DropdownMenuProps, "ul">(
|
||||
@ -51,7 +51,7 @@ const DropdownMenu = forwardRef<DropdownMenuProps, "ul">(
|
||||
onAction,
|
||||
closeOnSelect,
|
||||
className,
|
||||
itemStyles,
|
||||
itemClasses,
|
||||
...otherProps
|
||||
},
|
||||
ref,
|
||||
@ -79,7 +79,7 @@ const DropdownMenu = forwardRef<DropdownMenuProps, "ul">(
|
||||
disableAnimation,
|
||||
item,
|
||||
state,
|
||||
classNames: itemStyles,
|
||||
classNames: itemClasses,
|
||||
variant,
|
||||
onAction,
|
||||
...item.props,
|
||||
|
||||
@ -70,7 +70,7 @@ const DropdownSection = forwardRef<DropdownSectionProps, "li">(
|
||||
},
|
||||
_,
|
||||
) => {
|
||||
const {section, heading, group, ...classNames} = stylesProp || {};
|
||||
const {base, heading, group, ...classNames} = stylesProp || {};
|
||||
|
||||
const headingId = useId();
|
||||
|
||||
@ -82,7 +82,7 @@ const DropdownSection = forwardRef<DropdownSectionProps, "li">(
|
||||
[showDivider, isFirstKey],
|
||||
);
|
||||
|
||||
const baseStyles = clsx(section, className);
|
||||
const baseStyles = clsx(base, className);
|
||||
|
||||
const {itemProps, headingProps, groupProps} = useMenuSection({
|
||||
heading: item.rendered,
|
||||
@ -93,7 +93,7 @@ const DropdownSection = forwardRef<DropdownSectionProps, "li">(
|
||||
<Component
|
||||
key={keyProp || item.key}
|
||||
{...mergeProps(itemProps, otherProps)}
|
||||
className={slots.section({class: baseStyles})}
|
||||
className={slots.base({class: baseStyles})}
|
||||
>
|
||||
{item.rendered && (
|
||||
<span {...headingProps} className={slots.heading({class: heading})} id={headingId}>
|
||||
|
||||
@ -1,5 +1,17 @@
|
||||
# @nextui-org/image
|
||||
|
||||
## 0.0.0-dev-v2-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/use-image@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/image",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"description": "A simple image component",
|
||||
"keywords": [
|
||||
"image"
|
||||
|
||||
@ -1,5 +1,18 @@
|
||||
# @nextui-org/input
|
||||
|
||||
## 0.0.0-dev-v2-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/use-aria-field@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/input",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/kbd",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/link",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/use-aria-modal-overlay@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/use-disclosure@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/modal",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/use-aria-toggle-button@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/use-scroll-position@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/navbar",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"description": "A responsive navigation header positioned on top side of your page that includes support for branding, links, navigation, collapse and more.",
|
||||
"keywords": [
|
||||
"navbar"
|
||||
|
||||
@ -245,7 +245,7 @@ const WithDropdownTemplate: ComponentStory<typeof Navbar> = (args: NavbarProps)
|
||||
<DropdownMenu
|
||||
aria-label="ACME features"
|
||||
className="w-[340px]"
|
||||
itemStyles={{
|
||||
itemClasses={{
|
||||
base: "gap-4",
|
||||
wrapper: "py-3",
|
||||
}}
|
||||
|
||||
@ -1,5 +1,18 @@
|
||||
# @nextui-org/pagination
|
||||
|
||||
## 0.0.0-dev-v2-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/use-pagination@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/pagination",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/aria-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/button@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/popover",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"description": "A popover is an overlay element positioned relative to a trigger.",
|
||||
"keywords": [
|
||||
"popover"
|
||||
|
||||
@ -1,5 +1,18 @@
|
||||
# @nextui-org/progress
|
||||
|
||||
## 0.0.0-dev-v2-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/use-aria-label@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/use-is-mounted@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/progress",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/radio",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/skeleton",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/use-clipboard@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/tooltip@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/button@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/snippet",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/spacer",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/spinner",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/switch",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-icons@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/checkbox@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/spacer@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/table",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/use-update-effect@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/use-is-mounted@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/aria-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/tabs",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/aria-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/tooltip",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"description": "A React Component for rendering dynamically positioned Tooltips",
|
||||
"keywords": [
|
||||
"tooltip"
|
||||
|
||||
@ -1,5 +1,17 @@
|
||||
# @nextui-org/user
|
||||
|
||||
## 0.0.0-dev-v2-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/react-utils@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/avatar@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/user",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"description": "Flexible User Profile Component.",
|
||||
"keywords": [
|
||||
"user"
|
||||
|
||||
@ -1,5 +1,44 @@
|
||||
# @nextui-org/react
|
||||
|
||||
## 0.0.0-dev-v2-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/pagination@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/accordion@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/checkbox@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/dropdown@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/progress@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/skeleton@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/divider@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/popover@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/snippet@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/spinner@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/tooltip@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/avatar@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/button@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/navbar@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/spacer@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/switch@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/badge@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/image@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/input@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/modal@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/radio@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/table@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/card@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/chip@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/code@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/drip@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/link@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/tabs@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/user@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/kbd@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/system@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/theme@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/react",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/system",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"description": "NextUI system primitives",
|
||||
"keywords": [
|
||||
"system"
|
||||
|
||||
@ -1,5 +1,11 @@
|
||||
# @nextui-org/theme
|
||||
|
||||
## 0.0.0-dev-v2-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/theme",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"description": "The default theme for NextUI components",
|
||||
"keywords": [
|
||||
"theme",
|
||||
|
||||
@ -427,7 +427,7 @@ const dropdownItem = tv({
|
||||
*/
|
||||
const dropdownSection = tv({
|
||||
slots: {
|
||||
section: "relative mb-2",
|
||||
base: "relative mb-2",
|
||||
heading: "pl-1 text-xs text-foreground-500",
|
||||
group: "pt-1",
|
||||
},
|
||||
|
||||
@ -211,7 +211,7 @@ const tabs = tv({
|
||||
variant: ["solid", "bordered", "light"],
|
||||
color: "default",
|
||||
class: {
|
||||
cursor: ["bg-content1", "border border-boundary"],
|
||||
cursor: ["bg-background", "dark:bg-default", "border border-boundary dark:border-none"],
|
||||
tabContent: "group-data-[selected=true]:text-default-foreground",
|
||||
},
|
||||
},
|
||||
|
||||
@ -1,5 +1,11 @@
|
||||
# @nextui-org/use-aria-accordion-item
|
||||
|
||||
## 0.0.0-dev-v2-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-aria-accordion-item",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-aria-button",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/use-aria-slot-id@0.0.0-dev-v2-20230624033637
|
||||
- @nextui-org/use-aria-label@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-aria-field",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-aria-label",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-aria-modal-overlay",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-aria-slot-id",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-aria-toggle-button",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/use-safe-layout-effect@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-callback-ref",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"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-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-clipboard",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"description": "Wrapper around navigator.clipboard with feedback timeout",
|
||||
"keywords": [
|
||||
"use-clipboard"
|
||||
|
||||
@ -1,5 +1,13 @@
|
||||
# @nextui-org/use-disclosure
|
||||
|
||||
## 0.0.0-dev-v2-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/use-callback-ref@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### Patch Changes
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@nextui-org/use-disclosure",
|
||||
"version": "0.0.0-dev-v2-20230623234227",
|
||||
"version": "0.0.0-dev-v2-20230624033637",
|
||||
"description": "The hook in charge of managing modals",
|
||||
"keywords": [
|
||||
"use-disclosure"
|
||||
|
||||
@ -1,5 +1,13 @@
|
||||
# @nextui-org/use-image
|
||||
|
||||
## 0.0.0-dev-v2-20230624033637
|
||||
|
||||
### Patch Changes
|
||||
|
||||
- Small renames on styles and items styles
|
||||
- Updated dependencies
|
||||
- @nextui-org/use-safe-layout-effect@0.0.0-dev-v2-20230624033637
|
||||
|
||||
## 0.0.0-dev-v2-20230623234227
|
||||
|
||||
### 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