archive-gh-me/nextui
1
0
Fork 0
mirror of https://github.com/nextui-org/nextui.git synced 2025-12-08 19:26:11 +00:00
Code Issues Projects Releases Wiki Activity

chore(root): dropdown items improved on mobile, colros small changes

Browse Source
This commit is contained in:
Junior Garcia 2023-06-24 18:58:00 -03:00
parent cbced8df45
commit 44722b6430
141 changed files with 780 additions and 139 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
apps/docs/components/docs/components/component-links.tsx
View File

@ -25,24 +25,22 @@ export const ComponentLinks = ({
<Button
isExternal
as={Link}
className="text-default-700"
className="bg-default-100 dark:bg-default-50 text-default-700"
href={`https://storiesv2.nextui.org/?path=/story/components-${storybook || component}`}
radius="md"
size="sm"
startContent={<StorybookIcon className="text-lg text-[#ff4785]" />}
variant="flat"
>
Storybook
</Button>
<Button
isExternal
as={Link}
className="text-default-700"
className="bg-default-100 dark:bg-default-50 text-default-700"
href={`https://www.npmjs.com/package/@nextui-org/${component}`}
radius="md"
size="sm"
startContent={<NpmIcon className="text-2xl text-[#E53E3E]" />}
variant="flat"
>
{`@nextui-org/${component}`}
</Button>
@ -50,12 +48,11 @@ export const ComponentLinks = ({
<Button
isExternal
as={Link}
className="text-default-700"
className="bg-default-100 dark:bg-default-50 text-default-700"
href={`https://react-spectrum.adobe.com/react-aria/${reactAriaHook}.html`}
radius="md"
size="sm"
startContent={<AdobeIcon className="text-lg text-[#E1251B]" />}
variant="flat"
>
React Aria
</Button>
@ -63,24 +60,22 @@ export const ComponentLinks = ({
<Button
isExternal
as={Link}
className="text-default-700"
className="bg-default-100 dark:bg-default-50 text-default-700"
href={`${COMPONENT_PATH}/${component}`}
radius="md"
size="sm"
startContent={<GithubIcon />}
variant="flat"
>
Source
</Button>
<Button
isExternal
as={Link}
className="text-default-700"
className="bg-default-100 dark:bg-default-50 text-default-700"
href={`${COMPONENT_THEME_PATH}/${styles || component}.ts`}
radius="md"
size="sm"
startContent={<GithubIcon />}
variant="flat"
>
Styles source
</Button>

22
apps/docs/components/docs/sidebar.tsx
View File

@ -20,7 +20,7 @@ import {
} from "@nextui-org/react";
import Link from "next/link";
import {isEmpty} from "lodash";
import {useRouter} from "next/navigation";
import {usePathname, useRouter} from "next/navigation";
import {getRoutePaths} from "./utils";
@ -59,6 +59,7 @@ function TreeItem<T>(props: TreeItemProps<T>) {
const {key, rendered, childNodes} = item;
const router = useRouter();
const pathname = usePathname();
const paths = item.props.path
? getRoutePaths(item.props.path, item.props?.tag)
@ -70,7 +71,11 @@ function TreeItem<T>(props: TreeItemProps<T>) {
const isNew = item.props?.newPost;
const isExpanded = state.expandedKeys.has(key);
const isSelected = state.selectionManager.isSelected(key) || paths.pathname === item.props.slug;
const isSelected =
state.selectionManager.isSelected(key) ||
paths.pathname === item.props.slug ||
paths.pathname === pathname ||
paths.pagePath === pathname;
const ref = useRef<any>(null);
@ -134,11 +139,14 @@ function TreeItem<T>(props: TreeItemProps<T>) {
href={paths.pathname}
>
<span
className={clsx({
"opacity-100": isSelected,
"opacity-60": !isSelected,
"pointer-events-none": item.props?.comingSoon,
})}
className={clsx(
isSelected
? "text-primary font-medium dark:text-foreground"
: "opacity-80 dark:opacity-60",
{
"pointer-events-none": item.props?.comingSoon,
},
)}
>
{rendered}
</span>

4
apps/docs/components/docs/toc.tsx
View File

@ -71,7 +71,7 @@ export const DocsToc: FC<DocsTocProps> = ({headings}) => {
className={clsx(
"transition-colors",
"font-normal",
"flex items-center text-sm font-normal text-default-300",
"flex items-center text-sm font-normal text-default-500 dark:text-default-300",
"data-[active=true]:text-foreground",
"before:content-['']",
"before:opacity-0",
@ -98,7 +98,7 @@ export const DocsToc: FC<DocsTocProps> = ({headings}) => {
<Divider />
<Spacer y={2} />
<a
className="flex gap-2 items-center text-sm text-foreground/30 hover:text-foreground/80 pl-4 transition-opacity"
className="flex gap-2 items-center text-sm text-default-500 dark:text-foreground/30 hover:text-foreground/80 pl-4 transition-opacity"
href={`#${firstId}`}
>
Back to top

1
apps/docs/components/marketing/a11y-otb.tsx
View File

@ -119,6 +119,7 @@ export const A11yOtb = () => {
classNames={{
base: "grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-4",
header: "pb-3",
card: "bg-white dark:bg-default-400/10",
iconWrapper: "bg-default-100 dark:bg-transparent text-default-500/50",
}}
features={a11yItems}

2
apps/docs/components/marketing/hero/bg-looper.tsx
View File

@ -14,7 +14,7 @@ export const BgLooper = () => {
"data-[mounted=true]:opacity-100 transition-opacity",
"bg-left bg-no-repeat bg-[url('/gradients/looper-pattern.svg')]",
"after:content-[''] after:absolute after:top-0 after:left-0 after:w-full after:h-full after:z-[-1]",
"after:bg-gradient-to-r after:from-transparent after:to-white dark:after:to-black after:z-[-1]",
"after:bg-gradient-to-r after:from-transparent after:to-background dark:after:to-black after:z-[-1]",
)}
data-mounted={isMounted}
/>

5
apps/docs/components/marketing/hero/floating-components.tsx
View File

@ -95,10 +95,7 @@ export const FloatingComponents: React.FC<{}> = () => {
showControls
showShadow
classNames={{
base: "shadow-sm rounded-xl",
item: "bg-background dark:bg-content1",
prev: "bg-background dark:bg-content1",
next: "bg-background dark:bg-content1",
base: "rounded-xl",
}}
initialPage={6}
total={10}

2
apps/docs/components/marketing/hero/floating-tabs.tsx
View File

@ -9,7 +9,7 @@ export const FloatingTabs: React.FC<{}> = () => {
className=""
classNames={{
base: "absolute left-[170px] -top-[160px] h-10 animate-[levitate_17s_ease_infinite_1s]",
tabList: "max-w-[200px] bg-content1 shadow-sm",
tabList: "max-w-[200px] shadow-sm",
}}
radius="full"
size="xs"

2
apps/docs/content/components/dropdown/backdrop.ts
View File

@ -1,4 +1,4 @@
const App = `import {Dropdown, DropdownTrigger, DropdownMenu, DropdownItem, Button} from "@nextui-org/react";
const App = `import {Dropdown, Link, DropdownTrigger, DropdownMenu, DropdownItem, Button} from "@nextui-org/react";
export default function App() {
return (

4
apps/docs/content/components/pagination/custom-items.ts
View File

@ -86,7 +86,7 @@ export default function App() {
className={cn(
className,
isActive &&
"bg-gradient-to-br from-indigo-500 to-pink-500 font-bold",
"text-white bg-gradient-to-br from-indigo-500 to-pink-500 font-bold",
)}
onClick={() => setPage(value)}
>
@ -149,7 +149,7 @@ export default function App() {
className={cn(
className,
isActive &&
"bg-gradient-to-br from-indigo-500 to-pink-500 font-bold",
"text-white bg-gradient-to-br from-indigo-500 to-pink-500 font-bold",
)}
onClick={() => setPage(value)}
>

45
apps/docs/content/docs/components/pagination.mdx
View File

@ -106,6 +106,7 @@ You can use the `renderItem` property to customize the pagination items.
## Slots
- **base**: The main pagination slot.
- **wrapper**: The pagination wrapper slot. This wraps the pagination items.
- **prev**: The previous button slot.
- **next**: The next button slot.
- **item**: The pagination item slot, applied to the middle items.
@ -159,28 +160,28 @@ your own implementation.
### Pagination Props
| Attribute | Type | Description | Default |
| ---------------------- | ---------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------ | --------- |
| variant | `flat` \| `bordered` \| `light` \| `faded` | The pagination variant. | `flat` |
| size | `xs` \| `sm` \| `md` \| `lg` \| `xl` | The pagination size. | `md` |
| color | `default` \| `primary` \| `secondary` \| `success` \| `warning` \| `danger` | The pagination color theme. | `default` |
| radius | `none` \| `base` \| `sm` \| `md` \| `lg` \| `xl` \| `full` | The pagination border radius. | `xl` |
| total | `number` | The total number of pages. | `1` |
| dotsJump | `boolean` | The number of pages that are added or subtracted on the '...' button. | `5` |
| initialPage | `number` | The initial page. (uncontrolled) | `1` |
| page | `number` | The current page. (controlled) | - |
| siblings | `number` | The number of pages to show before and after the current page. | `1` |
| boundaries | `number` | The number of pages to show at the beginning and end of the pagination. | `1` |
| loop | `boolean` | Whether the pagination should be looped. | `false` |
| isCompact | `boolean` | Whether the pagination should have a compact style. | `false` |
| isDisabled | `boolean` | Whether the pagination is disabled. | `false` |
| showShadow | `boolean` | Whether the pagination cursor should have a shadow. | `false` |
| showControls | `boolean` | Whether the pagination should have controls. | `false` |
| disableCursorAnimation | `boolean` | Whether the pagination cursor should be hidden. | `false` |
| renderItem | [PaginationItemProps](#pagination-item-props) | The pagination item render function. | - |
| getItemAriaLabel | `(page: string) => string` | A function that allows you to customize the pagination items aria-label. | - |
| disableAnimation | `boolean` | Whether the pagination cursor should be animated. | `false` |
| classNames | `Record<"base"｜ "prev"｜ "next" ｜ "item" ｜ "cursor" ｜ "forwardIcon" ｜ "ellipsis" ｜ "chevronNext", string>` | Allows to set custom class names for the pagination slots. | - |
| Attribute | Type | Description | Default |
| ---------------------- | ----------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------ | --------- |
| variant | `flat` \| `bordered` \| `light` \| `faded` | The pagination variant. | `flat` |
| size | `xs` \| `sm` \| `md` \| `lg` \| `xl` | The pagination size. | `md` |
| color | `default` \| `primary` \| `secondary` \| `success` \| `warning` \| `danger` | The pagination color theme. | `default` |
| radius | `none` \| `base` \| `sm` \| `md` \| `lg` \| `xl` \| `full` | The pagination border radius. | `xl` |
| total | `number` | The total number of pages. | `1` |
| dotsJump | `boolean` | The number of pages that are added or subtracted on the '...' button. | `5` |
| initialPage | `number` | The initial page. (uncontrolled) | `1` |
| page | `number` | The current page. (controlled) | - |
| siblings | `number` | The number of pages to show before and after the current page. | `1` |
| boundaries | `number` | The number of pages to show at the beginning and end of the pagination. | `1` |
| loop | `boolean` | Whether the pagination should be looped. | `false` |
| isCompact | `boolean` | Whether the pagination should have a compact style. | `false` |
| isDisabled | `boolean` | Whether the pagination is disabled. | `false` |
| showShadow | `boolean` | Whether the pagination cursor should have a shadow. | `false` |
| showControls | `boolean` | Whether the pagination should have controls. | `false` |
| disableCursorAnimation | `boolean` | Whether the pagination cursor should be hidden. | `false` |
| renderItem | [PaginationItemProps](#pagination-item-props) | The pagination item render function. | - |
| getItemAriaLabel | `(page: string) => string` | A function that allows you to customize the pagination items aria-label. | - |
| disableAnimation | `boolean` | Whether the pagination cursor should be animated. | `false` |
| classNames | `Record<"base"｜ "wrapper" ｜ "prev"｜ "next" ｜ "item" ｜ "cursor" ｜ "forwardIcon" ｜ "ellipsis" ｜ "chevronNext", string>` | Allows to set custom class names for the pagination slots. | - |
### Pagination Events

15
packages/components/accordion/CHANGELOG.md
View File

@ -1,5 +1,20 @@
# @nextui-org/accordion
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/use-aria-accordion-item@0.0.0-dev-v2-20230624215649
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230624215649
- @nextui-org/shared-icons@0.0.0-dev-v2-20230624215649
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/aria-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/accordion/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/accordion",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "Collapse display a list of high-level options that can expand/collapse to reveal more information.",
"keywords": [
"react",

12
packages/components/avatar/CHANGELOG.md
View File

@ -1,5 +1,17 @@
# @nextui-org/avatar
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/use-image@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/avatar/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/avatar",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.",
"keywords": [
"avatar"

11
packages/components/badge/CHANGELOG.md
View File

@ -1,5 +1,16 @@
# @nextui-org/badge
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/badge/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/badge",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "Badges are used as a small numerical value or status descriptor for UI elements.",
"keywords": [
"badge"

14
packages/components/button/CHANGELOG.md
View File

@ -1,5 +1,19 @@
# @nextui-org/button
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/spinner@0.0.0-dev-v2-20230624215649
- @nextui-org/drip@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/button/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/button",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "Buttons allow users to perform actions and choose with a single tap.",
"keywords": [
"button"

13
packages/components/card/CHANGELOG.md
View File

@ -1,5 +1,18 @@
# @nextui-org/card
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/drip@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/card/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/card",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "Card is a container for text, photos, and actions in the context of a single subject.",
"keywords": [
"card"

11
packages/components/checkbox/CHANGELOG.md
View File

@ -1,5 +1,16 @@
# @nextui-org/checkbox
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/checkbox/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/checkbox",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.",
"keywords": [
"checkbox"

12
packages/components/chip/CHANGELOG.md
View File

@ -1,5 +1,17 @@
# @nextui-org/chip
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/shared-icons@0.0.0-dev-v2-20230624215649
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/chip/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/chip",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "Chips help people enter information, make selections, filter content, or trigger actions.",
"keywords": [
"chip"

11
packages/components/code/CHANGELOG.md
View File

@ -1,5 +1,16 @@
# @nextui-org/code
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/code/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/code",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "Code is a component used to display inline code.",
"keywords": [
"code"

11
packages/components/divider/CHANGELOG.md
View File

@ -1,5 +1,16 @@
# @nextui-org/divider
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/divider/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/divider",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": ". A separator is a visual divider between two groups of content",
"keywords": [
"divider"

10
packages/components/drip/CHANGELOG.md
View File

@ -1,5 +1,15 @@
# @nextui-org/drip
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/drip/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/drip",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "A ripple effect for ensuring that the user fells the system is reacting instantaneously",
"keywords": [
"drip"

14
packages/components/dropdown/CHANGELOG.md
View File

@ -1,5 +1,19 @@
# @nextui-org/dropdown
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/aria-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/use-is-mobile@0.0.0-dev-v2-20230624215649
- @nextui-org/popover@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/dropdown/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/dropdown",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "A dropdown displays a list of actions or options that a user can choose.",
"keywords": [
"dropdown"

2
packages/components/dropdown/src/base/dropdown-item-base.tsx
View File

@ -2,6 +2,7 @@ import type {DropdownItemVariantProps, DropdownItemSlots, SlotsToClasses} from "
import type {AriaMenuItemProps} from "@react-aria/menu";
import type {FocusableProps, PressEvents} from "@react-types/shared";
import {HTMLNextUIProps} from "@nextui-org/system";
import {BaseItem, ItemProps} from "@nextui-org/aria-utils";
import {ReactNode} from "react";
@ -74,6 +75,7 @@ interface Props<T extends object = {}> extends Omit<ItemProps<"li", T>, "childre
}
export type DropdownItemBaseProps<T extends object = {}> = Props<T> &
HTMLNextUIProps<"li"> &
DropdownItemVariantProps &
AriaMenuItemProps &
FocusableProps &

12
packages/components/image/CHANGELOG.md
View File

@ -1,5 +1,17 @@
# @nextui-org/image
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/use-image@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/image/package.json
View File

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

13
packages/components/input/CHANGELOG.md
View File

@ -1,5 +1,18 @@
# @nextui-org/input
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/shared-icons@0.0.0-dev-v2-20230624215649
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/use-aria-field@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/input/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/input",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "The input component is designed for capturing user input within a text field.",
"keywords": [
"input"

11
packages/components/kbd/CHANGELOG.md
View File

@ -1,5 +1,16 @@
# @nextui-org/kbd
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/kbd/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/kbd",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "The keyboard key components indicates which key or set of keys used to execute a specificv action",
"keywords": [
"kbd"

12
packages/components/link/CHANGELOG.md
View File

@ -1,5 +1,17 @@
# @nextui-org/link
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/shared-icons@0.0.0-dev-v2-20230624215649
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/link/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/link",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"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": [
"link"

16
packages/components/modal/CHANGELOG.md
View File

@ -1,5 +1,21 @@
# @nextui-org/modal
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/use-aria-modal-overlay@0.0.0-dev-v2-20230624215649
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230624215649
- @nextui-org/shared-icons@0.0.0-dev-v2-20230624215649
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/use-disclosure@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/modal/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/modal",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "Displays a dialog with a custom content that requires attention or provides additional information.",
"keywords": [
"modal"

14
packages/components/navbar/CHANGELOG.md
View File

@ -1,5 +1,19 @@
# @nextui-org/navbar
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/use-aria-toggle-button@0.0.0-dev-v2-20230624215649
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230624215649
- @nextui-org/use-scroll-position@0.0.0-dev-v2-20230624215649
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/navbar/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/navbar",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "A responsive navigation header positioned on top side of your page that includes support for branding, links, navigation, collapse and more.",
"keywords": [
"navbar"

13
packages/components/pagination/CHANGELOG.md
View File

@ -1,5 +1,18 @@
# @nextui-org/pagination
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/shared-icons@0.0.0-dev-v2-20230624215649
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/use-pagination@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/pagination/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/pagination",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "The Pagination component allows you to display active page and navigate between multiple pages.",
"keywords": [
"pagination"

9
packages/components/pagination/src/pagination.tsx
View File

@ -11,7 +11,7 @@ import PaginationCursor from "./pagination-cursor";
export interface PaginationProps extends Omit<UsePaginationProps, "ref"> {}
const Pagination = forwardRef<PaginationProps, "ul">((props, ref) => {
const Pagination = forwardRef<PaginationProps, "nav">((props, ref) => {
const {
Component,
dotsJump,
@ -30,6 +30,7 @@ const Pagination = forwardRef<PaginationProps, "ul">((props, ref) => {
getItemAriaLabel,
getItemRef,
getBaseProps,
getWrapperProps,
getItemProps,
getCursorProps,
} = usePagination({ref, ...props});
@ -132,8 +133,10 @@ const Pagination = forwardRef<PaginationProps, "ul">((props, ref) => {
return (
<Component {...getBaseProps()}>
{!disableCursorAnimation && !disableAnimation && <PaginationCursor {...getCursorProps()} />}
{range.map(renderItem)}
<ul {...getWrapperProps()}>
{!disableCursorAnimation && !disableAnimation && <PaginationCursor {...getCursorProps()} />}
{range.map(renderItem)}
</ul>
</Component>
);
});

16
packages/components/pagination/src/use-pagination.ts
View File

@ -71,7 +71,7 @@ export type PaginationItemRenderProps = {
setPage: (page: number) => void;
};
interface Props extends Omit<HTMLNextUIProps<"ul">, "onChange"> {
interface Props extends Omit<HTMLNextUIProps<"nav">, "onChange"> {
/**
* Ref to the DOM node.
*/
@ -148,7 +148,7 @@ export function usePagination(originalProps: UsePaginationProps) {
...otherProps
} = props;
const Component = as || "ul";
const Component = as || "nav";
const domRef = useDOMRef(ref);
const cursorRef = useRef<HTMLElement>(null);
@ -186,7 +186,7 @@ export function usePagination(originalProps: UsePaginationProps) {
if (node) {
// scroll parent to the item
scrollIntoView(node, {
scrollMode: "if-needed",
scrollMode: "always",
behavior: "smooth",
block: "start",
inline: "start",
@ -267,6 +267,7 @@ export function usePagination(originalProps: UsePaginationProps) {
...props,
ref: domRef,
role: "navigation",
ariaLabel: props["aria-label"] || "pagination navigation",
"data-slot": "base",
"data-controls": dataAttr(showControls),
"data-loop": dataAttr(loop),
@ -278,6 +279,14 @@ export function usePagination(originalProps: UsePaginationProps) {
};
};
const getWrapperProps: PropGetter = (props = {}) => {
return {
...props,
"data-slot": "wrapper",
className: slots.wrapper({class: clsx(classNames?.wrapper, props?.className)}),
};
};
const getItemAriaLabel = (page?: string) => {
if (!page) return;
@ -345,6 +354,7 @@ export function usePagination(originalProps: UsePaginationProps) {
onNext,
renderItem,
getBaseProps,
getWrapperProps,
getItemProps,
getCursorProps,
getItemAriaLabel,

15
packages/components/popover/CHANGELOG.md
View File

@ -1,5 +1,20 @@
# @nextui-org/popover
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230624215649
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/aria-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/button@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/popover/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/popover",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "A popover is an overlay element positioned relative to a trigger.",
"keywords": [
"popover"

4
packages/components/popover/stories/popover.stories.tsx
View File

@ -433,7 +433,7 @@ WithForm.args = {
showArrow: true,
offset: 10,
placement: "top",
className: "w-[280px] bg-white dark:bg-content1",
className: "w-[280px] bg-content1",
};
export const WithBackdrop = WithBackdropTemplate.bind({});
@ -443,7 +443,7 @@ WithBackdrop.args = {
offset: 10,
placement: "left",
backdrop: "blur",
className: "bg-white dark:bg-content1",
className: "bg-content1",
};
export const CustomMotion = Template.bind({});

13
packages/components/progress/CHANGELOG.md
View File

@ -1,5 +1,18 @@
# @nextui-org/progress
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/use-aria-label@0.0.0-dev-v2-20230624215649
- @nextui-org/use-is-mounted@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/progress/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/progress",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "Progress bars show either determinate or indeterminate progress of an operation over time.",
"keywords": [
"progress"

11
packages/components/radio/CHANGELOG.md
View File

@ -1,5 +1,16 @@
# @nextui-org/radio
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/radio/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/radio",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "Radios allow users to select a single option from a list of mutually exclusive options.",
"keywords": [
"radio"

11
packages/components/skeleton/CHANGELOG.md
View File

@ -1,5 +1,16 @@
# @nextui-org/skeleton
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/skeleton/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/skeleton",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "Skeleton is used to display the loading state of some component.",
"keywords": [
"skeleton"

15
packages/components/snippet/CHANGELOG.md
View File

@ -1,5 +1,20 @@
# @nextui-org/snippet
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/shared-icons@0.0.0-dev-v2-20230624215649
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/use-clipboard@0.0.0-dev-v2-20230624215649
- @nextui-org/tooltip@0.0.0-dev-v2-20230624215649
- @nextui-org/button@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/snippet/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/snippet",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "Display a snippet of copyable code for the command line.",
"keywords": [
"snippet"

11
packages/components/spacer/CHANGELOG.md
View File

@ -1,5 +1,16 @@
# @nextui-org/spacer
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/spacer/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/spacer",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "A flexible spacer component designed to create consistent spacing and maintain alignment in your layout.",
"keywords": [
"spacer"

11
packages/components/spinner/CHANGELOG.md
View File

@ -1,5 +1,16 @@
# @nextui-org/spinner
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/spinner/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/spinner",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "Loaders express an unspecified wait time or display the length of a process.",
"keywords": [
"loading",

11
packages/components/switch/CHANGELOG.md
View File

@ -1,5 +1,16 @@
# @nextui-org/switch
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/switch/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/switch",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "A switch is similar to a checkbox, but represents on/off values as opposed to selection.",
"keywords": [
"switch"

14
packages/components/table/CHANGELOG.md
View File

@ -1,5 +1,19 @@
# @nextui-org/table
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/shared-icons@0.0.0-dev-v2-20230624215649
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/checkbox@0.0.0-dev-v2-20230624215649
- @nextui-org/spacer@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/table/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/table",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "Tables are used to display tabular data using rows and columns. ",
"keywords": [
"table"

15
packages/components/tabs/CHANGELOG.md
View File

@ -1,5 +1,20 @@
# @nextui-org/tabs
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230624215649
- @nextui-org/use-update-effect@0.0.0-dev-v2-20230624215649
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/use-is-mounted@0.0.0-dev-v2-20230624215649
- @nextui-org/aria-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/tabs/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/tabs",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "Tabs organize content into multiple sections and allow users to navigate between them.",
"keywords": [
"tabs"

13
packages/components/tooltip/CHANGELOG.md
View File

@ -1,5 +1,18 @@
# @nextui-org/tooltip
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230624215649
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/aria-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/tooltip/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/tooltip",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "A React Component for rendering dynamically positioned Tooltips",
"keywords": [
"tooltip"

12
packages/components/user/CHANGELOG.md
View File

@ -1,5 +1,17 @@
# @nextui-org/user
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/react-utils@0.0.0-dev-v2-20230624215649
- @nextui-org/avatar@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/components/user/package.json
View File

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

39
packages/core/react/CHANGELOG.md
View File

@ -1,5 +1,44 @@
# @nextui-org/react
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/pagination@0.0.0-dev-v2-20230624215649
- @nextui-org/accordion@0.0.0-dev-v2-20230624215649
- @nextui-org/checkbox@0.0.0-dev-v2-20230624215649
- @nextui-org/dropdown@0.0.0-dev-v2-20230624215649
- @nextui-org/progress@0.0.0-dev-v2-20230624215649
- @nextui-org/skeleton@0.0.0-dev-v2-20230624215649
- @nextui-org/divider@0.0.0-dev-v2-20230624215649
- @nextui-org/popover@0.0.0-dev-v2-20230624215649
- @nextui-org/snippet@0.0.0-dev-v2-20230624215649
- @nextui-org/spinner@0.0.0-dev-v2-20230624215649
- @nextui-org/tooltip@0.0.0-dev-v2-20230624215649
- @nextui-org/avatar@0.0.0-dev-v2-20230624215649
- @nextui-org/button@0.0.0-dev-v2-20230624215649
- @nextui-org/navbar@0.0.0-dev-v2-20230624215649
- @nextui-org/spacer@0.0.0-dev-v2-20230624215649
- @nextui-org/switch@0.0.0-dev-v2-20230624215649
- @nextui-org/badge@0.0.0-dev-v2-20230624215649
- @nextui-org/image@0.0.0-dev-v2-20230624215649
- @nextui-org/input@0.0.0-dev-v2-20230624215649
- @nextui-org/modal@0.0.0-dev-v2-20230624215649
- @nextui-org/radio@0.0.0-dev-v2-20230624215649
- @nextui-org/table@0.0.0-dev-v2-20230624215649
- @nextui-org/card@0.0.0-dev-v2-20230624215649
- @nextui-org/chip@0.0.0-dev-v2-20230624215649
- @nextui-org/code@0.0.0-dev-v2-20230624215649
- @nextui-org/drip@0.0.0-dev-v2-20230624215649
- @nextui-org/link@0.0.0-dev-v2-20230624215649
- @nextui-org/tabs@0.0.0-dev-v2-20230624215649
- @nextui-org/user@0.0.0-dev-v2-20230624215649
- @nextui-org/kbd@0.0.0-dev-v2-20230624215649
- @nextui-org/system@0.0.0-dev-v2-20230624215649
- @nextui-org/theme@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/core/react/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/react",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "🚀 Beautiful and modern React UI library.",
"author": "Junior Garcia <jrgarciadev@gmail.com>",
"homepage": "https://nextui.org",

6
packages/core/system/CHANGELOG.md
View File

@ -1,5 +1,11 @@
# @nextui-org/system
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/core/system/package.json
View File

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

4
packages/core/system/src/types.ts
View File

@ -35,14 +35,14 @@ export type OmitCommonProps<Target, OmitAdditionalProps extends keyof any = neve
export type RightJoinProps<
SourceProps extends object = {},
OverrideProps extends object = {}
OverrideProps extends object = {},
> = OmitCommonProps<SourceProps, keyof OverrideProps> & OverrideProps;
export type MergeWithAs<
ComponentProps extends object,
AsProps extends object,
AdditionalProps extends object = {},
AsComponent extends As = As
AsComponent extends As = As,
> = RightJoinProps<ComponentProps, AdditionalProps> &
RightJoinProps<AsProps, AdditionalProps> & {
as?: AsComponent;

6
packages/core/theme/CHANGELOG.md
View File

@ -1,5 +1,11 @@
# @nextui-org/theme
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/core/theme/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/theme",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "The default theme for NextUI components",
"keywords": [
"theme",

4
packages/core/theme/src/colors/semantic.ts
View File

@ -10,7 +10,7 @@ import {commonColors as common} from "./common";
const base: SemanticBaseColors = {
light: {
background: {
DEFAULT: "#ffffff",
DEFAULT: "#FFFFFF",
},
foreground: {
...twColors.zinc,
@ -26,7 +26,7 @@ const base: SemanticBaseColors = {
DEFAULT: common.blue[500],
},
content1: {
DEFAULT: "#ffffff",
DEFAULT: "#FFFFFF",
foreground: "#11181C",
},
content2: {

10
packages/core/theme/src/components/dropdown.ts
View File

@ -70,13 +70,19 @@ const dropdownItem = tv({
"rounded-lg",
"outline-none",
"cursor-pointer",
"tap-highlight-transparent",
// focus ring
...dataFocusVisibleClasses,
"data-[focus-visible=true]:dark:ring-offset-background-content1",
],
wrapper: "w-full flex flex-col items-start justify-center",
title: "flex-1 text-sm font-normal truncate",
description: ["text-xs", "w-full", "text-foreground-500", "group-hover:text-current"],
title: "flex-1 text-base lg:text-sm font-normal truncate",
description: [
"text-sm lg:text-xs",
"w-full",
"text-foreground-500",
"group-hover:text-current",
],
selectedIcon: ["text-inherit", "w-3", "h-3", "flex-shrink-0"],
shortcut: [
"px-1",

26
packages/core/theme/src/components/pagination.ts
View File

@ -22,18 +22,16 @@ import {colorVariants, dataFocusVisibleClasses} from "../utils";
*/
const pagination = tv({
slots: {
base: [
base: ["p-2.5", "-m-2.5", "overflow-x-scroll", "scrollbar-hide"],
wrapper: [
"flex",
"flex-nowrap",
"h-fit",
"max-w-fit",
"p-2.5",
"-m-2.5",
"relative",
"gap-1",
"items-center",
"overflow-x-scroll",
"scrollbar-hide",
"overflow-visible",
],
item: ["tap-highlight-transparent", "select-none", "touch-none"],
prev: "",
@ -105,8 +103,9 @@ const pagination = tv({
},
isCompact: {
true: {
base: "gap-0",
wrapper: "gap-0 shadow-sm",
item: [
"shadow-none",
"first-of-type:rounded-r-none",
"last-of-type:rounded-l-none",
"[&:not(:first-of-type):not(:last-of-type)]:rounded-none",
@ -334,6 +333,7 @@ const pagination = tv({
"flex-wrap",
"truncate",
"box-border",
"shadow-sm",
"outline-none",
"items-center",
"justify-center",
@ -388,37 +388,37 @@ const pagination = tv({
},
// radius
{
slots: ["item", "cursor", "prev", "next"],
slots: ["wrapper", "item", "cursor", "prev", "next"],
radius: "none",
class: "rounded-none",
},
{
slots: ["item", "cursor", "prev", "next"],
slots: ["wrapper", "item", "cursor", "prev", "next"],
radius: "base",
class: "rounded-base",
},
{
slots: ["item", "cursor", "prev", "next"],
slots: ["wrapper", "item", "cursor", "prev", "next"],
radius: "sm",
class: "rounded-sm",
},
{
slots: ["item", "cursor", "prev", "next"],
slots: ["wrapper", "item", "cursor", "prev", "next"],
radius: "md",
class: "rounded",
},
{
slots: ["item", "cursor", "prev", "next"],
slots: ["wrapper", "item", "cursor", "prev", "next"],
radius: "lg",
class: "rounded-lg",
},
{
slots: ["item", "cursor", "prev", "next"],
slots: ["wrapper", "item", "cursor", "prev", "next"],
radius: "xl",
class: "rounded-xl",
},
{
slots: ["item", "cursor", "prev", "next"],
slots: ["wrapper", "item", "cursor", "prev", "next"],
radius: "full",
class: "rounded-full",
},

2
packages/core/theme/src/components/tabs.ts
View File

@ -33,7 +33,7 @@ const tabs = tv({
"flex-nowrap",
"overflow-x-scroll",
"scrollbar-hide",
"bg-default-100",
"bg-content2",
],
tab: [
"z-0",

6
packages/hooks/use-aria-accordion-item/CHANGELOG.md
View File

@ -1,5 +1,11 @@
# @nextui-org/use-aria-accordion-item
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/hooks/use-aria-accordion-item/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/use-aria-accordion-item",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "Internal impl for react aria accordion item",
"keywords": [
"use-aria-accordion-item"

6
packages/hooks/use-aria-button/CHANGELOG.md
View File

@ -1,5 +1,11 @@
# @nextui-org/use-aria-button
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/hooks/use-aria-button/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/use-aria-button",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"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"

9
packages/hooks/use-aria-field/CHANGELOG.md
View File

@ -1,5 +1,14 @@
# @nextui-org/use-aria-field
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/use-aria-slot-id@0.0.0-dev-v2-20230624215649
- @nextui-org/use-aria-label@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/hooks/use-aria-field/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/use-aria-field",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "Based on react-aria useField hook, provides the accessibility implementation for input fields",
"keywords": [
"use-aria-field"

6
packages/hooks/use-aria-label/CHANGELOG.md
View File

@ -1,5 +1,11 @@
# @nextui-org/use-aria-label
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/hooks/use-aria-label/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/use-aria-label",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"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"

6
packages/hooks/use-aria-modal-overlay/CHANGELOG.md
View File

@ -1,5 +1,11 @@
# @nextui-org/use-aria-modal-overlay
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/hooks/use-aria-modal-overlay/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/use-aria-modal-overlay",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"description": "A custom implementation of react aria modal overlay, this removes the prevent scroll",
"keywords": [
"use-aria-modal-overlay"

6
packages/hooks/use-aria-slot-id/CHANGELOG.md
View File

@ -1,5 +1,11 @@
# @nextui-org/use-aria-slot-id
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/hooks/use-aria-slot-id/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/use-aria-slot-id",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"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"

8
packages/hooks/use-aria-toggle-button/CHANGELOG.md
View File

@ -1,5 +1,13 @@
# @nextui-org/use-aria-toggle-button
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

2
packages/hooks/use-aria-toggle-button/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/use-aria-toggle-button",
"version": "0.0.0-dev-v2-20230624033637",
"version": "0.0.0-dev-v2-20230624215649",
"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"

8
packages/hooks/use-callback-ref/CHANGELOG.md
View File

@ -1,5 +1,13 @@
# @nextui-org/use-callback-ref
## 0.0.0-dev-v2-20230624215649
### Patch Changes
- Small color changes, pagination wrapper added, dropdown font size changed on mobile
- Updated dependencies
- @nextui-org/use-safe-layout-effect@0.0.0-dev-v2-20230624215649
## 0.0.0-dev-v2-20230624033637
### Patch Changes

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