feat(docs): pagination improved

This commit is contained in:
Junior Garcia 2023-06-20 11:32:53 -03:00
parent fdecb49117
commit a27ca56c08
130 changed files with 1472 additions and 616 deletions

View File

@ -24,7 +24,7 @@ export const ReactLiveDemo: React.FC<ReactLiveDemoProps> = ({code, noInline}) =>
return (
<LiveProvider code={code} noInline={noInline} scope={scope}>
<BgGridContainer>
<LivePreview className="live-preview flex w-full not-prose" />
<LivePreview className="live-preview flex h-full w-full not-prose" />
<LiveError />
</BgGridContainer>
</LiveProvider>

View File

@ -197,7 +197,7 @@ export const Navbar: FC<NavbarProps> = ({children, routes, slug, tag}) => {
</ul>
</NavbarContent>
<NavbarContent className="flex w-full gap-0 sm:hidden" justify="end">
<NavbarContent className="flex w-full gap-2 sm:hidden" justify="end">
<NavbarItem className="flex h-full items-center">
<Link
isExternal

View File

@ -61,7 +61,7 @@ export default function App() {
}: PaginationItemRenderProps<HTMLButtonElement>) => {
if (value === PaginationItemType.NEXT) {
return (
<button className={cn(className, "bg-default-200/50 w-8 h-8")} onClick={onNext}>
<button className={cn(className, "bg-default-200/50 min-w-8 w-8 h-8")} onClick={onNext}>
<ChevronIcon className="rotate-180" />
</button>
);
@ -69,7 +69,7 @@ export default function App() {
if (value === PaginationItemType.PREV) {
return (
<button className={cn(className, "bg-default-200/50 w-8 h-8")} onClick={onPrevious}>
<button className={cn(className, "bg-default-200/50 min-w-8 w-8 h-8")} onClick={onPrevious}>
<ChevronIcon />
</button>
);
@ -86,7 +86,7 @@ export default function App() {
className={cn(
className,
isActive &&
"bg-gradient-to-br from-indigo-500 to-pink-500 shadow-pink-500/30 shadow-lg font-bold",
"bg-gradient-to-br from-indigo-500 to-pink-500 font-bold",
)}
onClick={() => setPage(value)}
>
@ -97,7 +97,7 @@ export default function App() {
return (
<Pagination
disableCursor
hideCursor
showControls
total={10}
initialPage={1}
@ -124,7 +124,7 @@ export default function App() {
}) => {
if (value === PaginationItemType.NEXT) {
return (
<button className={cn(className, "bg-default-200/50 w-8 h-8")} onClick={onNext}>
<button className={cn(className, "bg-default-200/50 min-w-8 w-8 h-8")} onClick={onNext}>
<ChevronIcon className="rotate-180" />
</button>
);
@ -132,7 +132,7 @@ export default function App() {
if (value === PaginationItemType.PREV) {
return (
<button className={cn(className, "bg-default-200/50 w-8 h-8")} onClick={onPrevious}>
<button className={cn(className, "bg-default-200/50 min-w-8 w-8 h-8")} onClick={onPrevious}>
<ChevronIcon />
</button>
);
@ -149,7 +149,7 @@ export default function App() {
className={cn(
className,
isActive &&
"bg-gradient-to-br from-indigo-500 to-pink-500 shadow-pink-500/30 shadow-lg font-bold",
"bg-gradient-to-br from-indigo-500 to-pink-500 font-bold",
)}
onClick={() => setPage(value)}
>
@ -160,7 +160,7 @@ export default function App() {
return (
<Pagination
disableCursor
hideCursor
showControls
total={10}
initialPage={1}

View File

@ -5,7 +5,7 @@ export default function App() {
<Pagination
total={10}
classNames={{
base: "gap-0 rounded border-2 border-default",
base: "gap-0 overflow-visible h-8 rounded border border-divider",
item: "w-8 h-8 text-sm rounded-none bg-transparent",
cursor:
"bg-gradient-to-b shadow-lg from-default-500 to-default-800 dark:from-default-300 dark:to-default-100 text-white font-bold",

View File

@ -166,7 +166,7 @@ your own implementation.
| 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` | umber of pages that are added or subtracted on the '...' button. | `5` |
| 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` |

File diff suppressed because it is too large Load Diff

View File

@ -1,5 +1,20 @@
# @nextui-org/accordion
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/use-aria-accordion-item@0.0.0-dev-v2-20230620142942
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230620142942
- @nextui-org/shared-icons@0.0.0-dev-v2-20230620142942
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/aria-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,17 @@
# @nextui-org/avatar
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/use-image@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,16 @@
# @nextui-org/badge
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,19 @@
# @nextui-org/button
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/spinner@0.0.0-dev-v2-20230620142942
- @nextui-org/drip@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,18 @@
# @nextui-org/card
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/drip@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,16 @@
# @nextui-org/checkbox
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,17 @@
# @nextui-org/chip
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/shared-icons@0.0.0-dev-v2-20230620142942
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,16 @@
# @nextui-org/code
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,16 @@
# @nextui-org/divider
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,15 @@
# @nextui-org/drip
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,19 @@
# @nextui-org/dropdown
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/aria-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/use-is-mobile@0.0.0-dev-v2-20230620142942
- @nextui-org/popover@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,17 @@
# @nextui-org/image
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/use-image@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,18 @@
# @nextui-org/input
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/shared-icons@0.0.0-dev-v2-20230620142942
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/use-aria-field@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,16 @@
# @nextui-org/kbd
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,17 @@
# @nextui-org/link
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/shared-icons@0.0.0-dev-v2-20230620142942
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,21 @@
# @nextui-org/modal
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/use-aria-modal-overlay@0.0.0-dev-v2-20230620142942
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230620142942
- @nextui-org/shared-icons@0.0.0-dev-v2-20230620142942
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/use-disclosure@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,19 @@
# @nextui-org/navbar
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/use-aria-toggle-button@0.0.0-dev-v2-20230620142942
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230620142942
- @nextui-org/use-scroll-position@0.0.0-dev-v2-20230620142942
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,18 @@
# @nextui-org/pagination
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/shared-icons@0.0.0-dev-v2-20230620142942
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/use-pagination@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -63,6 +63,7 @@ const Pagination = forwardRef<PaginationProps, "ul">((props, ref) => {
className={slots.prev({
class: classNames?.prev,
})}
data-slot="prev"
getAriaLabel={getItemAriaLabel}
isDisabled={!loop && activePage === 1}
value={value}
@ -79,6 +80,7 @@ const Pagination = forwardRef<PaginationProps, "ul">((props, ref) => {
className={slots.next({
class: clsx(classNames?.next),
})}
data-slot="next"
getAriaLabel={getItemAriaLabel}
isDisabled={!loop && activePage === total}
value={value}
@ -100,6 +102,7 @@ const Pagination = forwardRef<PaginationProps, "ul">((props, ref) => {
className={slots.item({
class: clsx(classNames?.item, "group"),
})}
data-slot="item"
getAriaLabel={getItemAriaLabel}
value={value}
onPress={() =>

View File

@ -256,6 +256,7 @@ export function usePagination(originalProps: UsePaginationProps) {
...props,
ref: domRef,
role: "navigation",
"data-slot": "base",
"data-controls": dataAttr(showControls),
"data-loop": dataAttr(loop),
"data-dots-jump": dotsJump,
@ -293,6 +294,7 @@ export function usePagination(originalProps: UsePaginationProps) {
return {
...props,
ref: (node) => getItemRef(node, props.value),
"data-slot": "item",
isActive: props.value === activePage,
className: slots.item({class: clsx(classNames?.item, props?.className)}),
onPress: () => {
@ -308,6 +310,7 @@ export function usePagination(originalProps: UsePaginationProps) {
...props,
ref: cursorRef,
activePage,
"data-slot": "cursor",
className: slots.cursor({class: clsx(classNames?.cursor, props?.className)}),
};
};

View File

@ -1,5 +1,20 @@
# @nextui-org/popover
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230620142942
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/aria-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/button@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,18 @@
# @nextui-org/progress
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/use-aria-label@0.0.0-dev-v2-20230620142942
- @nextui-org/use-is-mounted@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,16 @@
# @nextui-org/radio
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,16 @@
# @nextui-org/skeleton
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,20 @@
# @nextui-org/snippet
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/shared-icons@0.0.0-dev-v2-20230620142942
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/use-clipboard@0.0.0-dev-v2-20230620142942
- @nextui-org/tooltip@0.0.0-dev-v2-20230620142942
- @nextui-org/button@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,16 @@
# @nextui-org/spacer
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,16 @@
# @nextui-org/spinner
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,16 @@
# @nextui-org/switch
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,19 @@
# @nextui-org/table
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/shared-icons@0.0.0-dev-v2-20230620142942
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/checkbox@0.0.0-dev-v2-20230620142942
- @nextui-org/spacer@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,19 @@
# @nextui-org/tabs
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230620142942
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/use-is-mounted@0.0.0-dev-v2-20230620142942
- @nextui-org/aria-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,18 @@
# @nextui-org/tooltip
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/framer-transitions@0.0.0-dev-v2-20230620142942
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/aria-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,17 @@
# @nextui-org/user
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/shared-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/react-utils@0.0.0-dev-v2-20230620142942
- @nextui-org/avatar@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,44 @@
# @nextui-org/react
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/pagination@0.0.0-dev-v2-20230620142942
- @nextui-org/accordion@0.0.0-dev-v2-20230620142942
- @nextui-org/checkbox@0.0.0-dev-v2-20230620142942
- @nextui-org/dropdown@0.0.0-dev-v2-20230620142942
- @nextui-org/progress@0.0.0-dev-v2-20230620142942
- @nextui-org/skeleton@0.0.0-dev-v2-20230620142942
- @nextui-org/divider@0.0.0-dev-v2-20230620142942
- @nextui-org/popover@0.0.0-dev-v2-20230620142942
- @nextui-org/snippet@0.0.0-dev-v2-20230620142942
- @nextui-org/spinner@0.0.0-dev-v2-20230620142942
- @nextui-org/tooltip@0.0.0-dev-v2-20230620142942
- @nextui-org/avatar@0.0.0-dev-v2-20230620142942
- @nextui-org/button@0.0.0-dev-v2-20230620142942
- @nextui-org/navbar@0.0.0-dev-v2-20230620142942
- @nextui-org/spacer@0.0.0-dev-v2-20230620142942
- @nextui-org/switch@0.0.0-dev-v2-20230620142942
- @nextui-org/badge@0.0.0-dev-v2-20230620142942
- @nextui-org/image@0.0.0-dev-v2-20230620142942
- @nextui-org/input@0.0.0-dev-v2-20230620142942
- @nextui-org/modal@0.0.0-dev-v2-20230620142942
- @nextui-org/radio@0.0.0-dev-v2-20230620142942
- @nextui-org/table@0.0.0-dev-v2-20230620142942
- @nextui-org/card@0.0.0-dev-v2-20230620142942
- @nextui-org/chip@0.0.0-dev-v2-20230620142942
- @nextui-org/code@0.0.0-dev-v2-20230620142942
- @nextui-org/drip@0.0.0-dev-v2-20230620142942
- @nextui-org/link@0.0.0-dev-v2-20230620142942
- @nextui-org/tabs@0.0.0-dev-v2-20230620142942
- @nextui-org/user@0.0.0-dev-v2-20230620142942
- @nextui-org/kbd@0.0.0-dev-v2-20230620142942
- @nextui-org/system@0.0.0-dev-v2-20230620142942
- @nextui-org/theme@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,11 @@
# @nextui-org/system
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,11 @@
# @nextui-org/theme
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -22,7 +22,7 @@ import {colorVariants} from "../utils";
*/
const pagination = tv({
slots: {
base: "flex flex-wrap relative items-center gap-1 max-w-fit",
base: "flex flex-nowrap relative overflow-x-auto overflow-y-visible items-center gap-1 max-w-fit h-fit",
item: [],
prev: "",
next: "",
@ -354,27 +354,27 @@ const pagination = tv({
{
slots: ["item", "cursor", "prev", "next"],
size: "xs",
class: "w-7 h-7 text-xs",
class: "min-w-7 w-7 h-7 text-xs",
},
{
slots: ["item", "cursor", "prev", "next"],
size: "sm",
class: "w-8 h-8 text-sm",
class: "min-w-8 w-8 h-8 text-sm",
},
{
slots: ["item", "cursor", "prev", "next"],
size: "md",
class: "w-9 h-9 text-sm",
class: "min-w-9 w-9 h-9 text-sm",
},
{
slots: ["item", "cursor", "prev", "next"],
size: "lg",
class: "w-10 h-10 text-base",
class: "min-w-10 w-10 h-10 text-base",
},
{
slots: ["item", "cursor", "prev", "next"],
size: "xl",
class: "w-11 h-11 text-base",
class: "min-w-11 w-11 h-11 text-base",
},
// radius
{

View File

@ -224,6 +224,10 @@ const corePlugin = (
6: "1.5rem",
7: "1.75rem",
8: "2rem",
9: "2.25rem",
10: "2.5rem",
11: "2.75rem",
12: "3rem",
},
backgroundImage: {
"stripe-gradient":

View File

@ -1,5 +1,11 @@
# @nextui-org/use-aria-accordion-item
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,11 @@
# @nextui-org/use-aria-button
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,14 @@
# @nextui-org/use-aria-field
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/use-aria-slot-id@0.0.0-dev-v2-20230620142942
- @nextui-org/use-aria-label@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,11 @@
# @nextui-org/use-aria-label
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,11 @@
# @nextui-org/use-aria-modal-overlay
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,11 @@
# @nextui-org/use-aria-slot-id
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,13 @@
# @nextui-org/use-aria-toggle-button
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/use-aria-button@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

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

View File

@ -1,5 +1,13 @@
# @nextui-org/use-callback-ref
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/use-safe-layout-effect@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/use-callback-ref",
"version": "0.0.0-dev-v2-20230620004617",
"version": "0.0.0-dev-v2-20230620142942",
"description": "React hook to persist any value between renders, but keeps it up-to-date if it changes.",
"keywords": [
"use-callback-ref"

View File

@ -1,5 +1,11 @@
# @nextui-org/use-clipboard
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/use-clipboard",
"version": "0.0.0-dev-v2-20230620004617",
"version": "0.0.0-dev-v2-20230620142942",
"description": "Wrapper around navigator.clipboard with feedback timeout",
"keywords": [
"use-clipboard"

View File

@ -1,5 +1,13 @@
# @nextui-org/use-disclosure
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/use-callback-ref@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/use-disclosure",
"version": "0.0.0-dev-v2-20230620004617",
"version": "0.0.0-dev-v2-20230620142942",
"description": "The hook in charge of managing modals",
"keywords": [
"use-disclosure"

View File

@ -1,5 +1,13 @@
# @nextui-org/use-image
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
- Updated dependencies
- @nextui-org/use-safe-layout-effect@0.0.0-dev-v2-20230620142942
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/use-image",
"version": "0.0.0-dev-v2-20230620004617",
"version": "0.0.0-dev-v2-20230620142942",
"description": "React hook for progressing image loading",
"keywords": [
"use-image"

View File

@ -1,5 +1,11 @@
# @nextui-org/use-infinite-scroll
## 0.0.0-dev-v2-20230620142942
### Patch Changes
- Pagination styles fixed
## 0.0.0-dev-v2-20230620004617
### Patch Changes

View File

@ -1,6 +1,6 @@
{
"name": "@nextui-org/use-infinite-scroll",
"version": "0.0.0-dev-v2-20230620004617",
"version": "0.0.0-dev-v2-20230620142942",
"description": "A hook for handling infinity scroll based on the IntersectionObserver API",
"keywords": [
"use-infinite-scroll"

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