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

apps/docs/components/docs/components/component-links.tsx

@@ -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>

apps/docs/components/docs/sidebar.tsx

@@ -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({
+              className={clsx(
-                "opacity-100": isSelected,
+                isSelected
-                "opacity-60": !isSelected,
+                  ? "text-primary font-medium dark:text-foreground"
-                "pointer-events-none": item.props?.comingSoon,
+                  : "opacity-80 dark:opacity-60",
-              })}
+                {
+                  "pointer-events-none": item.props?.comingSoon,
+                },
+              )}
             >
               {rendered}
             </span>

apps/docs/components/docs/toc.tsx

@@ -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

apps/docs/components/marketing/a11y-otb.tsx

@@ -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}

apps/docs/components/marketing/hero/bg-looper.tsx

@@ -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}
     />

apps/docs/components/marketing/hero/floating-components.tsx

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

apps/docs/components/marketing/hero/floating-tabs.tsx

@@ -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"

apps/docs/content/components/dropdown/backdrop.ts

@@ -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 (

apps/docs/content/components/pagination/custom-items.ts

@@ -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)}
       >

apps/docs/content/docs/components/pagination.mdx

@@ -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   |
+| Attribute              | Type                                                                                                                          | Description                                                              | Default   |
-| ---------------------- | ---------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------ | --------- |
+| ---------------------- | ----------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------ | --------- |
-| variant                | `flat` \| `bordered` \| `light` \| `faded`                                                                       | The pagination variant.                                                  | `flat`    |
+| variant                | `flat` \| `bordered` \| `light` \| `faded`                                                                                    | The pagination variant.                                                  | `flat`    |
-| size                   | `xs` \| `sm` \| `md` \| `lg` \| `xl`                                                                             | The pagination size.                                                     | `md`      |
+| size                   | `xs` \| `sm` \| `md` \| `lg` \| `xl`                                                                                          | The pagination size.                                                     | `md`      |
-| color                  | `default` \| `primary` \| `secondary` \| `success` \| `warning` \| `danger`                                      | The pagination color theme.                                              | `default` |
+| 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`      |
+| radius                 | `none` \| `base` \| `sm` \| `md` \| `lg` \| `xl` \| `full`                                                                    | The pagination border radius.                                            | `xl`      |
-| total                  | `number`                                                                                                         | The total number of pages.                                               | `1`       |
+| total                  | `number`                                                                                                                      | The total number of pages.                                               | `1`       |
-| dotsJump               | `boolean`                                                                                                        | The number 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`       |
+| initialPage            | `number`                                                                                                                      | The initial page. (uncontrolled)                                         | `1`       |
-| page                   | `number`                                                                                                         | The current page. (controlled)                                           | -         |
+| page                   | `number`                                                                                                                      | The current page. (controlled)                                           | -         |
-| siblings               | `number`                                                                                                         | The number of pages to show before and after the current page.           | `1`       |
+| 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`       |
+| 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`   |
+| loop                   | `boolean`                                                                                                                     | Whether the pagination should be looped.                                 | `false`   |
-| isCompact              | `boolean`                                                                                                        | Whether the pagination should have a compact style.                      | `false`   |
+| isCompact              | `boolean`                                                                                                                     | Whether the pagination should have a compact style.                      | `false`   |
-| isDisabled             | `boolean`                                                                                                        | Whether the pagination is disabled.                                      | `false`   |
+| isDisabled             | `boolean`                                                                                                                     | Whether the pagination is disabled.                                      | `false`   |
-| showShadow             | `boolean`                                                                                                        | Whether the pagination cursor should have a shadow.                      | `false`   |
+| showShadow             | `boolean`                                                                                                                     | Whether the pagination cursor should have a shadow.                      | `false`   |
-| showControls           | `boolean`                                                                                                        | Whether the pagination should have controls.                             | `false`   |
+| showControls           | `boolean`                                                                                                                     | Whether the pagination should have controls.                             | `false`   |
-| disableCursorAnimation | `boolean`                                                                                                        | Whether the pagination cursor should be hidden.                          | `false`   |
+| disableCursorAnimation | `boolean`                                                                                                                     | Whether the pagination cursor should be hidden.                          | `false`   |
-| renderItem             | [PaginationItemProps](#pagination-item-props)                                                                    | The pagination item render function.                                     | -         |
+| 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. | -         |
+| 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`   |
+| 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.               | -         |
+| classNames             | `Record<"base"｜ "wrapper" ｜ "prev"｜ "next" ｜ "item" ｜ "cursor" ｜ "forwardIcon" ｜ "ellipsis" ｜ "chevronNext", string>` | Allows to set custom class names for the pagination slots.               | -         |
 
 ### Pagination Events
 

packages/components/accordion/CHANGELOG.md

@@ -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

packages/components/accordion/package.json

@@ -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",

packages/components/avatar/CHANGELOG.md

@@ -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

packages/components/avatar/package.json

@@ -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"

packages/components/badge/CHANGELOG.md

@@ -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

packages/components/badge/package.json

@@ -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"

packages/components/button/CHANGELOG.md

@@ -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

packages/components/button/package.json

@@ -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"

packages/components/card/CHANGELOG.md

@@ -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

packages/components/card/package.json

@@ -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"

packages/components/checkbox/CHANGELOG.md

@@ -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

packages/components/checkbox/package.json

@@ -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"

packages/components/chip/CHANGELOG.md

@@ -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

packages/components/chip/package.json

@@ -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"

packages/components/code/CHANGELOG.md

@@ -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

packages/components/code/package.json

@@ -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"

packages/components/divider/CHANGELOG.md

@@ -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

packages/components/divider/package.json

@@ -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"

packages/components/drip/CHANGELOG.md

@@ -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

packages/components/drip/package.json

@@ -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"

packages/components/dropdown/CHANGELOG.md

@@ -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

packages/components/dropdown/package.json

@@ -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"

packages/components/dropdown/src/base/dropdown-item-base.tsx

@@ -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 &

packages/components/image/CHANGELOG.md

@@ -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

packages/components/image/package.json

@@ -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"

packages/components/input/CHANGELOG.md

@@ -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

packages/components/input/package.json

@@ -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"

packages/components/kbd/CHANGELOG.md

@@ -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

packages/components/kbd/package.json

@@ -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"

packages/components/link/CHANGELOG.md

@@ -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

packages/components/link/package.json

@@ -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 <a>",
   "keywords": [
     "link"

packages/components/modal/CHANGELOG.md

@@ -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

packages/components/modal/package.json

@@ -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"

packages/components/navbar/CHANGELOG.md

@@ -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

packages/components/navbar/package.json

@@ -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"

packages/components/pagination/CHANGELOG.md

@@ -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

packages/components/pagination/package.json

@@ -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"

packages/components/pagination/src/pagination.tsx

@@ -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()} />}
+      <ul {...getWrapperProps()}>
-      {range.map(renderItem)}
+        {!disableCursorAnimation && !disableAnimation && <PaginationCursor {...getCursorProps()} />}
+        {range.map(renderItem)}
+      </ul>
     </Component>
   );
 });

packages/components/pagination/src/use-pagination.ts

@@ -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,

packages/components/popover/CHANGELOG.md

@@ -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

packages/components/popover/package.json

@@ -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"

packages/components/popover/stories/popover.stories.tsx

@@ -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({});

packages/components/progress/CHANGELOG.md

@@ -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

packages/components/progress/package.json

@@ -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"

packages/components/radio/CHANGELOG.md

@@ -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

packages/components/radio/package.json

@@ -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"

packages/components/skeleton/CHANGELOG.md

@@ -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

packages/components/skeleton/package.json

@@ -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"

packages/components/snippet/CHANGELOG.md

@@ -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

packages/components/snippet/package.json

@@ -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"

packages/components/spacer/CHANGELOG.md

@@ -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

packages/components/spacer/package.json

@@ -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"

packages/components/spinner/CHANGELOG.md

@@ -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

packages/components/spinner/package.json

@@ -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",

packages/components/switch/CHANGELOG.md

@@ -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

packages/components/switch/package.json

@@ -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"

packages/components/table/CHANGELOG.md

@@ -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

packages/components/table/package.json

@@ -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"

packages/components/tabs/CHANGELOG.md

@@ -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

packages/components/tabs/package.json

@@ -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"

packages/components/tooltip/CHANGELOG.md

@@ -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

packages/components/tooltip/package.json

@@ -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"

packages/components/user/CHANGELOG.md

@@ -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

packages/components/user/package.json

@@ -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"

packages/core/react/CHANGELOG.md

@@ -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

packages/core/react/package.json

@@ -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",

packages/core/system/CHANGELOG.md

@@ -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

packages/core/system/package.json

@@ -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"

packages/core/system/src/types.ts

@@ -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;

packages/core/theme/CHANGELOG.md

@@ -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

packages/core/theme/package.json

@@ -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",

packages/core/theme/src/colors/semantic.ts

@@ -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: {

packages/core/theme/src/components/dropdown.ts

@@ -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",
+    title: "flex-1 text-base lg:text-sm font-normal truncate",
-    description: ["text-xs", "w-full", "text-foreground-500", "group-hover:text-current"],
+    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",

packages/core/theme/src/components/pagination.ts

@@ -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",
+      "overflow-visible",
-      "scrollbar-hide",
     ],
     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",
     },

packages/core/theme/src/components/tabs.ts

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

packages/hooks/use-aria-accordion-item/CHANGELOG.md

@@ -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

packages/hooks/use-aria-accordion-item/package.json

@@ -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"

packages/hooks/use-aria-button/CHANGELOG.md

@@ -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

packages/hooks/use-aria-button/package.json

@@ -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"

packages/hooks/use-aria-field/CHANGELOG.md

@@ -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

packages/hooks/use-aria-field/package.json

@@ -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"

packages/hooks/use-aria-label/CHANGELOG.md

@@ -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

packages/hooks/use-aria-label/package.json

@@ -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"

packages/hooks/use-aria-modal-overlay/CHANGELOG.md

@@ -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

packages/hooks/use-aria-modal-overlay/package.json

@@ -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"

packages/hooks/use-aria-slot-id/CHANGELOG.md

@@ -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

packages/hooks/use-aria-slot-id/package.json

@@ -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"

packages/hooks/use-aria-toggle-button/CHANGELOG.md

@@ -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

packages/hooks/use-aria-toggle-button/package.json

@@ -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"

packages/hooks/use-callback-ref/CHANGELOG.md

@@ -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