diff --git a/apps/docs/components/bg-grid-container.tsx b/apps/docs/components/bg-grid-container.tsx index b793a697f..100818973 100644 --- a/apps/docs/components/bg-grid-container.tsx +++ b/apps/docs/components/bg-grid-container.tsx @@ -37,7 +37,7 @@ export const BgGridContainer: FC = ({
= ({code, noInline}) => return ( - + diff --git a/apps/docs/components/mdx-components.tsx b/apps/docs/components/mdx-components.tsx index 22466b212..6e7703f08 100644 --- a/apps/docs/components/mdx-components.tsx +++ b/apps/docs/components/mdx-components.tsx @@ -180,5 +180,9 @@ export const MDXComponents = ({ ), inlineCode: InlineCode, InlineCode, + kbd: (props: React.HTMLAttributes) => ( + + ), + // Block, } as unknown) as Record; diff --git a/apps/docs/content/components/accordion/compact.ts b/apps/docs/content/components/accordion/compact.ts new file mode 100644 index 000000000..93ae2d49a --- /dev/null +++ b/apps/docs/content/components/accordion/compact.ts @@ -0,0 +1,28 @@ +const App = `import { Accordion, AccordionItem } from "@nextui-org/react"; + +export default function App() { + const defaultContent = + "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."; + + return ( + + + {defaultContent} + + + {defaultContent} + + + {defaultContent} + + + ); +}`; + +const react = { + "/App.jsx": App, +}; + +export default { + ...react, +}; diff --git a/apps/docs/content/components/accordion/controlled.ts b/apps/docs/content/components/accordion/controlled.ts new file mode 100644 index 000000000..98aa095d7 --- /dev/null +++ b/apps/docs/content/components/accordion/controlled.ts @@ -0,0 +1,33 @@ +const App = `import { Accordion, AccordionItem } from "@nextui-org/react"; + +export default function App() { + const [selectedKeys, setSelectedKeys] = React.useState(new Set(["1"])); + + const defaultContent = + "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."; + + return ( + + + {defaultContent} + + + {defaultContent} + + + {defaultContent} + + + ); +}`; + +const react = { + "/App.jsx": App, +}; + +export default { + ...react, +}; diff --git a/apps/docs/content/components/accordion/custom-motion.ts b/apps/docs/content/components/accordion/custom-motion.ts new file mode 100644 index 000000000..a5fb794db --- /dev/null +++ b/apps/docs/content/components/accordion/custom-motion.ts @@ -0,0 +1,42 @@ +const App = `import { Accordion, AccordionItem } from "@nextui-org/react"; + +export default function App() { + const defaultContent = + "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."; + + return ( + + + {defaultContent} + + + {defaultContent} + + + {defaultContent} + + + ); +}`; + +const react = { + "/App.jsx": App, +}; + +export default { + ...react, +}; diff --git a/apps/docs/content/components/accordion/custom-styles.ts b/apps/docs/content/components/accordion/custom-styles.ts new file mode 100644 index 000000000..02e349d8a --- /dev/null +++ b/apps/docs/content/components/accordion/custom-styles.ts @@ -0,0 +1,272 @@ +const MonitorMobileIcon = `export const MonitorMobileIcon = (props) => ( + +);`; + +const ShieldSecurityIcon = `export const ShieldSecurityIcon = (props) => ( + +);`; + +const InfoIcon = `export const InfoIcon = (props) => ( + +);`; + +const InvalidCardIcon = `export const InvalidCardIcon = (props) => ( + +);`; + +const App = `import { Accordion, AccordionItem } from "@nextui-org/react"; +import { MonitorMobileIcon } from "./MonitorMobileIcon"; +import { ShieldSecurityIcon } from "./ShieldSecurityIcon"; +import { InfoIcon } from "./InfoIcon"; +import { InvalidCardIcon } from "./InvalidCardIcon"; + +export default function App() { + const itemStyles = { + base: "py-0 w-full", + title: "font-normal text-base", + trigger: "px-2 py-0 hover:bg-neutral-100 rounded-lg h-14 flex items-center", + indicator: "text-base", + content: "text-sm px-2", + }; + + const defaultContent = + "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."; + + + return ( + + } + subtitle={ +

+ 2 issues to

fix now

+

+ } + title="Connected devices" + > + {defaultContent} + + } + subtitle="3 apps have read permissions" + title="Apps Permissions" + > + {defaultContent} + + } + subtitle="Complete your profile" + title="Pending tasks" + > + {defaultContent} + + } + subtitle="Please, update now" + title={ +

+ Card expired +

*4812

+

+ } + > + {defaultContent} + + + ); +}`; + +const react = { + "/App.jsx": App, + "/MonitorMobileIcon.jsx": MonitorMobileIcon, + "/ShieldSecurityIcon.jsx": ShieldSecurityIcon, + "/InfoIcon.jsx": InfoIcon, + "/InvalidCardIcon.jsx": InvalidCardIcon, +}; + +export default { + ...react, +}; diff --git a/apps/docs/content/components/accordion/default-expanded-keys.ts b/apps/docs/content/components/accordion/default-expanded-keys.ts new file mode 100644 index 000000000..dab4d9d88 --- /dev/null +++ b/apps/docs/content/components/accordion/default-expanded-keys.ts @@ -0,0 +1,37 @@ +const App = `import { Accordion, AccordionItem } from "@nextui-org/react"; + +export default function App() { + const defaultContent = + "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."; + + return ( + + + {defaultContent} + + + Press to expand key 2 + + } + title="Accordion 2" + > + {defaultContent} + + + {defaultContent} + + + ); +}`; + +const react = { + "/App.jsx": App, +}; + +export default { + ...react, +}; diff --git a/apps/docs/content/components/accordion/disabled-keys.ts b/apps/docs/content/components/accordion/disabled-keys.ts new file mode 100644 index 000000000..5d318baa6 --- /dev/null +++ b/apps/docs/content/components/accordion/disabled-keys.ts @@ -0,0 +1,37 @@ +const App = `import { Accordion, AccordionItem } from "@nextui-org/react"; + +export default function App() { + const defaultContent = + "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."; + + return ( + + + {defaultContent} + + + Press to expand key 2 + + } + title="Accordion 2" + > + {defaultContent} + + + {defaultContent} + + + ); +}`; + +const react = { + "/App.jsx": App, +}; + +export default { + ...react, +}; diff --git a/apps/docs/content/components/accordion/index.ts b/apps/docs/content/components/accordion/index.ts new file mode 100644 index 000000000..842d6de67 --- /dev/null +++ b/apps/docs/content/components/accordion/index.ts @@ -0,0 +1,29 @@ +import usage from "./usage"; +import subtitle from "./subtitle"; +import multiple from "./multiple"; +import compact from "./compact"; +import variants from "./variants"; +import defaultExpandedKeys from "./default-expanded-keys"; +import disabledKeys from "./disabled-keys"; +import startContent from "./start-content"; +import indicator from "./indicator"; +import indicatorFunction from "./indicator-function"; +import customMotion from "./custom-motion"; +import controlled from "./controlled"; +import customStyles from "./custom-styles"; + +export const accordionContent = { + usage, + subtitle, + multiple, + compact, + variants, + defaultExpandedKeys, + disabledKeys, + startContent, + indicator, + indicatorFunction, + customMotion, + controlled, + customStyles, +}; diff --git a/apps/docs/content/components/accordion/indicator-function.ts b/apps/docs/content/components/accordion/indicator-function.ts new file mode 100644 index 000000000..ff8fe0ba2 --- /dev/null +++ b/apps/docs/content/components/accordion/indicator-function.ts @@ -0,0 +1,122 @@ +const AnchorIcon = `export const AnchorIcon = (props) => ( + +);`; + +const MoonIcon = `export const MoonIcon = (props) => ( + +);`; + +const SunIcon = `export const SunIcon = (props) => ( + +);`; + +const App = `import { Accordion, AccordionItem } from "@nextui-org/react"; +import { AnchorIcon } from "./AnchorIcon"; +import { MoonIcon } from "./MoonIcon"; +import { SunIcon } from "./SunIcon"; + +export default function App() { + const defaultContent = + "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."; + + return ( + + (isOpen ? : )} + title="Theme" + > + {defaultContent} + + } + title="Anchor" + > + {defaultContent} + + } + title="Sun" + > + {defaultContent} + + + ); +}`; + +const react = { + "/App.jsx": App, + "/AnchorIcon.jsx": AnchorIcon, + "/MoonIcon.jsx": MoonIcon, + "/SunIcon.jsx": SunIcon, +}; + +export default { + ...react, +}; diff --git a/apps/docs/content/components/accordion/indicator.ts b/apps/docs/content/components/accordion/indicator.ts new file mode 100644 index 000000000..70ab588f6 --- /dev/null +++ b/apps/docs/content/components/accordion/indicator.ts @@ -0,0 +1,107 @@ +const AnchorIcon = `export const AnchorIcon = (props) => ( + +);`; + +const MoonIcon = `export const MoonIcon = (props) => ( + +);`; + +const SunIcon = `export const SunIcon = (props) => ( + +);`; + +const App = `import { Accordion, AccordionItem } from "@nextui-org/react"; +import { AnchorIcon } from './AnchorIcon'; +import { MoonIcon } from './MoonIcon'; +import { SunIcon } from './SunIcon'; + +export default function App() { + const defaultContent = + "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."; + + return ( + + } title="Anchor"> + {defaultContent} + + } title="Moon"> + {defaultContent} + + } title="Sun"> + {defaultContent} + + + ); +}`; + +const react = { + "/App.jsx": App, + "/AnchorIcon.jsx": AnchorIcon, + "/MoonIcon.jsx": MoonIcon, + "/SunIcon.jsx": SunIcon, +}; + +export default { + ...react, +}; diff --git a/apps/docs/content/components/accordion/multiple.ts b/apps/docs/content/components/accordion/multiple.ts new file mode 100644 index 000000000..a1547a8c5 --- /dev/null +++ b/apps/docs/content/components/accordion/multiple.ts @@ -0,0 +1,28 @@ +const App = `import { Accordion, AccordionItem } from "@nextui-org/react"; + +export default function App() { + const defaultContent = + "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."; + + return ( + + + {defaultContent} + + + {defaultContent} + + + {defaultContent} + + + ); +}`; + +const react = { + "/App.jsx": App, +}; + +export default { + ...react, +}; diff --git a/apps/docs/content/components/accordion/start-content.ts b/apps/docs/content/components/accordion/start-content.ts new file mode 100644 index 000000000..d59107503 --- /dev/null +++ b/apps/docs/content/components/accordion/start-content.ts @@ -0,0 +1,71 @@ +const App = `import { Accordion, AccordionItem, Avatar } from "@nextui-org/react"; + +export default function App() { + const defaultContent = + "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."; + + return ( + + + } + subtitle="4 unread messages" + title="Chung Miller" + > + {defaultContent} + + + } + subtitle="3 incompleted steps" + title="Janelle Lenard" + > + {defaultContent} + + + } + subtitle={ +

+ 2 issues to

fix now

+

+ } + title="Zoey Lang" + > + {defaultContent} + + + ); +}`; + +const react = { + "/App.jsx": App, +}; + +export default { + ...react, +}; diff --git a/apps/docs/content/components/accordion/subtitle.ts b/apps/docs/content/components/accordion/subtitle.ts new file mode 100644 index 000000000..442edb7fa --- /dev/null +++ b/apps/docs/content/components/accordion/subtitle.ts @@ -0,0 +1,37 @@ +const App = `import { Accordion, AccordionItem } from "@nextui-org/react"; + +export default function App() { + const defaultContent = + "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."; + + return ( + + + {defaultContent} + + + Press to expand key 2 + + } + title="Accordion 2" + > + {defaultContent} + + + {defaultContent} + + + ); +}`; + +const react = { + "/App.jsx": App, +}; + +export default { + ...react, +}; diff --git a/apps/docs/content/components/accordion/usage.ts b/apps/docs/content/components/accordion/usage.ts new file mode 100644 index 000000000..4b91dc973 --- /dev/null +++ b/apps/docs/content/components/accordion/usage.ts @@ -0,0 +1,28 @@ +const App = `import { Accordion, AccordionItem } from "@nextui-org/react"; + +export default function App() { + const defaultContent = + "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."; + + return ( + + + {defaultContent} + + + {defaultContent} + + + {defaultContent} + + + ); +}`; + +const react = { + "/App.jsx": App, +}; + +export default { + ...react, +}; diff --git a/apps/docs/content/components/accordion/variants.ts b/apps/docs/content/components/accordion/variants.ts new file mode 100644 index 000000000..fbe203c73 --- /dev/null +++ b/apps/docs/content/components/accordion/variants.ts @@ -0,0 +1,75 @@ +const App = `import { Accordion, AccordionItem } from "@nextui-org/react"; + +export default function App() { + const defaultContent = + "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."; + + return ( +
+
+

Light

+ + + {defaultContent} + + + {defaultContent} + + + {defaultContent} + + +
+
+

Bordered

+ + + {defaultContent} + + + {defaultContent} + + + {defaultContent} + + +
+
+

Shadow

+ + + {defaultContent} + + + {defaultContent} + + + {defaultContent} + + +
+
+

Splitted

+ + + {defaultContent} + + + {defaultContent} + + + {defaultContent} + + +
+
+ ); +}`; + +const react = { + "/App.jsx": App, +}; + +export default { + ...react, +}; diff --git a/apps/docs/content/components/index.ts b/apps/docs/content/components/index.ts index 21de180bb..26082a34a 100644 --- a/apps/docs/content/components/index.ts +++ b/apps/docs/content/components/index.ts @@ -1,3 +1,4 @@ export * from "./avatar"; export * from "./button"; export * from "./card"; +export * from "./accordion"; diff --git a/apps/docs/content/docs/components/accordion.mdx b/apps/docs/content/docs/components/accordion.mdx index b10b1cbbe..31297bb1b 100644 --- a/apps/docs/content/docs/components/accordion.mdx +++ b/apps/docs/content/docs/components/accordion.mdx @@ -1,13 +1,267 @@ --- -title: 'Collapse' -description: 'Collapse display a list of high-level options that can expand/collapse to reveal more information.' -url: https://nextui.org/docs/components/card +title: "Accordion" +description: "Accordion display a list of high-level options that can expand/collapse to reveal more information." +url: https://nextui.org/docs/components/accordion --- -# Collapse +# Accordion -Collapse display a list of high-level options that can expand/collapse to reveal more information. +Accordion display a list of high-level options that can expand/collapse to reveal more information. + + + +--- + +## Import + +NextUI exports 2 accordion-related components: + +- **Accordion**: The main component to display a list of accordion items. +- **AccordionItem**: The item component to display a single accordion item. ```jsx -import { Collapse } from '@nextui-org/react'; -``` \ No newline at end of file +import {Accordion, AccordionItem} from "@nextui-org/react"; +``` + +## Usage + + + +### With Subtitle + + + +### Expand multiple items + +If you set `selectionMode` to `multiple`, then the `Accordion` will allow multiple items to be expanded at the same time. + + + +### Compact + +If you set `isCompact` to `true`, the `Accordion` will be displayed in a compact style. + + + +### Variants + + + +### Default expanded keys + +If you want to expand some items by default, you can set the `defaultExpandedKeys` property to an array of keys. + + + +### Disabled keys + +If you want to disable some items, you can set the `disabledKeys` property to an array of keys. + + + +### Start content + +If you want to display some content before the accordion items, you can set the `startContent` property. + + + +### Custom Indicator + +Accordion items have a property called `indicator`. You can use it to customize the open/close indicator. + + + +The indicator can be also a `function`, which receives the `isOpen`, `isDisabled` and the default `indicator` as parameters. + + + +### Custom Motion + +Accordion offers a `motionProps` property to customize the `enter` / `exit` animation. + + + +> Learn more about Framer motion variants [here](https://www.framer.com/motion/animation/#variants). + +### Controlled + +Accordion is a controlled component, which means you need to control the `selectedKeys` property by yourself. + + + +## Accordion Item Slots + +- **base**: The accordion item wrapper. +- **heading**: The accordion item heading. It contains the `indicator` and the `title`. +- **trigger**: The button that open/close the accordion item. +- **titleWrapper**: The wrapper of the `title` and `subtitle`. +- **title**: The accordion item title. +- **subtitle**: The accordion item subtitle. +- **startContent**: The content before the accordion item. +- **indicator**: The element that indicates the open/close state of the accordion item. +- **content**: The accordion item content. + +### Custom Accordion Styles + +You can customize the accordion and accordion items styles by using any of the following properties: + +- `className`: The class name of the accordion. Modify the accordion wrapper styles.(Accordion) +- `itemStyles`: The styles of the accordion item. Modify all accordion items styles at once. (Accordion) +- `classNames`: The class names of the accordion items. Modify each accordion item styles separately. (AccordionItem) + +Here's an example of how to customize the accordion styles: + + + +## Data Attributes + +`AccordionItem` has the following attributes on the `root` element: + +- **data-open**: + Whether the accordion item is open. +- **data-disabled**: + When the accordion item is disabled. + +## Accessibility + +- Keyboard event support for Space, Enter, Arrow Up, Arrow Down and Home / End keys. +- Keyboard focus management and cross browser normalization. +- `aria-expanded` attribute for the accordion item. +- `aria-disabled` attribute for the accordion item. +- `aria-controls` attribute for the accordion item. + +## API + +### Accordion Item Props + +| Attribute | Type | Description | Default | +| ------------------------- | -------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------- | ------- | +| indicator | `ReactNode` \| [IndicatorProps](#accordion-item-indicator-props) \| `null` | The accordion item `expanded` indicator, usually an arrow icon. | | +| children | `ReactNode` \| `string` | The content of the component. | | +| title | `ReactNode` \| `string` | The accordion item title. | | +| subtitle | `ReactNode` \| `string` | The accordion item subtitle. | | +| startContent | `ReactNode` | The accordion item start content, usually an icon or avatar. | | +| motionProps | [CollapseTransitionProps](#collapse-transition-props) | The props to modify the framer motion animation. Use the `variants` API to create your own animation. | | +| isCompact | `boolean` | Whether the AccordionItem is compact. | | +| isOpen | `boolean` | The current open status. | | +| isDisabled | `boolean` | The current disabled status. | `false` | +| hideDivider | `boolean` | Whether the AccordionItem divider is hidden. | `false` | +| hideIndicator | `boolean` | Whether the AccordionItem indicator is hidden. | `false` | +| disableAnimation | `boolean` | Whether the AccordionItem animation is disabled. | `false` | +| disableIndicatorAnimation | `boolean` | Whether the AccordionItem indicator animation is disabled. | `false` | +| classNames | [AccordionItemClassnames](#accordiom-item-classnames) | Allows to set custom class names for the accordion item slots. | - | + +### Accordion Item Events + +| Attribute | Type | Description | Default | +| ------------- | ------------------------------ | --------------------------------------------------------------- | ------- | +| onFocus | `(e: FocusEvent) => void` | Handler that is called when the element receives focus. | | +| onBlur | `(e: FocusEvent) => void` | Handler that is called when the element loses focus. | | +| onFocusChange | `(isFocused: boolean) => void` | Handler that is called when the element's focus status changes. | | +| onKeyDown | `(e: KeyboardEvent) => void` | Handler that is called when a key is pressed. | | +| onKeyUp | `(e: KeyboardEvent) => void` | Handler that is called when a key is released. | | + +### Accordion Props + +| Attribute | Type | Description | Default | +| ------------------------- | ----------------------------------------------------- | ------------------------------------------------------------------------------------------------------- | -------- | +| children | `ReactNode` \| `ReactNode[]` | The contents of the collection. Usually the array of `AccordionItem` | | +| variant | `light` \| `shadow` \| `bordered` \| `splitted` | The accordion appearance style. | `light` | +| selectionMode | `none` \| `single` \| `multiple` | The type of selection that is allowed in the collection. | | +| selectionBehavior | `toggle` \| `replace` | The accordion selection behavior. | `toggle` | +| isCompact | `boolean` | Whether the Accordion should be smaller. | | +| isDisabled | `boolean` | Whether the Accordion is disabled. | | +| hideDivider | `boolean` | Whether the Accordion divider is hidden. | | +| hideIndicator | `boolean` | Whether the Accordion indicator is hidden. | | +| disableAnimation | `boolean` | Whether the Accordion animation is disabled. | | +| disableIndicatorAnimation | `boolean` | Whether the Accordion indicator animation is disabled. | | +| disallowEmptySelection | `boolean` | Whether the collection allows empty selection. | | +| fullWidth | `boolean` | Whether the accordion should take up the full width of its parent container. | `true` | +| motionProps | `MotionProps` | The motion properties of the Accordion. | | +| disabledKeys | `React.Key[]` | The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with. | | +| itemStyles | [AccordionItemClassnames](#accordiom-item-classnames) | The accordion items classNames. | | +| selectedKeys | `all` \| `React.Key[]` | The currently selected keys in the collection (controlled). | | +| defaultSelectedKeys | `all` \| `React.Key[]` | The initial selected keys in the collection (uncontrolled). | | +| disabledKeys | `React.Key[]` | The currently disabled keys in the collection (controlled). | | + +### Accordion Events + +| Attribute | Type | Description | Default | +| ----------------- | ---------------------------------------- | -------------------------------------------------- | ------- | +| onSelectionChange | `(keys: "all" ｜ Set) => any` | Handler that is called when the selection changes. | | + +--- + +### Types + +#### Accordion Item Indicator Props + +```ts +export type AccordionItemIndicatorProps = { + /** + * The current indicator, usually an arrow icon. + */ + indicator?: ReactNode; + /** + * The current open status. + */ + isOpen?: boolean; + /** + * The current disabled status. + * @default false + */ + isDisabled?: boolean; +}; +``` + +### Accordion Item classNames + +```ts +export type AccordionItemClassnames = { + base?: string; + heading?: string; + trigger?: string; + titleWrapper?: string; + title?: string; + subtitle?: string; + startContent?: string; + indicator?: string; + content?: string; +}; +``` + +#### Collapse Transition Props + +```ts +export type CollapseTransitionProps = { + /** + * If `true`, the opacity of the content will be animated + * @default true + */ + animateOpacity?: boolean; + /** + * The height you want the content in its collapsed state. + * @default 0 + */ + startingHeight?: number; + /** + * The height you want the content in its expanded state. + * @default "auto" + */ + endingHeight?: number | string; + /** + * The y-axis offset you want the content in its collapsed state. + * @default 10 + */ + startingY?: number; + /** + * The y-axis offset you want the content in its expanded state. + * @default 0 + */ + endingY?: number; +} & HTMLMotionProps; +``` diff --git a/apps/docs/content/docs/components/avatar.mdx b/apps/docs/content/docs/components/avatar.mdx index fdddda83e..b95e5d2c8 100644 --- a/apps/docs/content/docs/components/avatar.mdx +++ b/apps/docs/content/docs/components/avatar.mdx @@ -117,11 +117,11 @@ In case you need to customize the avatar group even further, you can use the `us ## Slots -1. **base**: Avatar wrapper, it includes styles for focus ring, position, and general appearance. -2. **img**: Image element within the avatar, it includes styles for opacity transition and size. -3. **fallback**: Fallback content when the image fails to load or is not provided, it includes styles for centering the content. -4. **name**: Initials displayed when the image is not provided or fails to load, it includes styles for font, text alignment, and inheritance. -5. **icon**: Icon element within the avatar, it includes styles for centering the content, text inheritance, and size. +- **base**: Avatar wrapper, it includes styles for focus ring, position, and general appearance. +- **img**: Image element within the avatar, it includes styles for opacity transition and size. +- **fallback**: Fallback content when the image fails to load or is not provided, it includes styles for centering the content. +- **name**: Initials displayed when the image is not provided or fails to load, it includes styles for font, text alignment, and inheritance. +- **icon**: Icon element within the avatar, it includes styles for centering the content, text inheritance, and size. ### Custom Avatar Styles @@ -131,7 +131,7 @@ You can customize any part of the avatar by using the `classNames` prop, each `s ## Data Attributes -Avatar has the following attributes on the `root` element: +`Avatar` has the following attributes on the `root` element: - **data-hover**: When the avatar is being hovered. Based on [useHover](https://react-spectrum.adobe.com/react-aria/useHover.html) @@ -140,7 +140,9 @@ Avatar has the following attributes on the `root` element: - **data-focus-visible**: When the avatar is being focused with the keyboard. Based on [useFocusRing](https://react-spectrum.adobe.com/react-aria/useFocusRing.html), it is applied when `isFocusable` is `true` or when the `as` property is assigned as `button`. -## Avatar Props +## API + +### Avatar Props | Attribute | Type | Description | Default | | ------------ | ---------------------------------------------------------------------------- | ---------------------------------------------------------------------------- | --------- | @@ -150,14 +152,14 @@ Avatar has the following attributes on the `root` element: | size | `xs` \| `sm` \| `md` \| `lg` \| `xl` | Sets the avatar size. | `md` | | name | `string` | Displays the initials if the image is not provided or fails to load. | - | | icon | `ReactNode` | Displays a custom icon inside the avatar. | - | +| fallback | `ReactNode` | A custom fallback component to display when the image fails to load. | - | | isBordered | `boolean` | If `true`, adds a border around the avatar. | `false` | | isDisabled | `boolean` | If `true`, disables the avatar and applies a disabled styling. | `false` | | isFocusable | `boolean` | If `true`, makes the avatar focusable for keyboard navigation. | `false` | | showFallback | `boolean` | If `true`, shows the fallback icon or initials when the image fails to load. | `false` | -| fallback | `ReactNode` | A custom fallback component to display when the image fails to load. | - | -| classNames | `base` \| `img` \| `fallback` \| `name` \| `icon` | Allows to set custom class names for the avatar slots. | - | +| classNames | `Record<"base"｜ "img"｜ "fallback"｜ "name"｜ "icon", string>` | Allows to set custom class names for the avatar slots. | - | -## Avatar Group Props +### Avatar Group Props | Attribute | Type | Description | Default | | ----------- | ------------------------------ | --------------------------------------------------- | ------- | diff --git a/apps/docs/content/docs/components/button.mdx b/apps/docs/content/docs/components/button.mdx index 9fb2233f6..dcdb678ad 100644 --- a/apps/docs/content/docs/components/button.mdx +++ b/apps/docs/content/docs/components/button.mdx @@ -104,7 +104,7 @@ A common use case for the `ButtonGroup` component is to display a group of two b ## Data Attributes -Button has the following attributes on the `root` element: +`Button` has the following attributes on the `root` element: - **data-hover**: When the button is being hovered. Based on [useHover](https://react-spectrum.adobe.com/react-aria/useHover.html) @@ -119,7 +119,21 @@ Button has the following attributes on the `root` element: - **data-loading**: When the button is loading. Based on `isLoading` prop. -## Button Props + +## Accessibility + +- Button has role of `button`. +- Keyboard event support for Space and Enter keys. +- Mouse and touch event handling, and press state management. +- Keyboard focus management and cross browser normalization. + +We recommend to read this [blog post](https://react-spectrum.adobe.com/blog/building-a-button-part-1.html) about the complexities of +building buttons that work well across devices and interaction methods. + + +## API + +### Button Props | Attribute | Type | Description | Default | | ---------------- | ----------------------------------------------------------------------------- | ------------------------------------------------------------ | --------- | @@ -152,7 +166,7 @@ Button has the following attributes on the `root` element: | onKeyUp | `(e: KeyboardEvent) => void` | Handler called when a key is released. | - | | onClick | `MouseEventHandler` | The native button click event handler (**Deprecated**) use **onPress** instead. | - | -## Button Group Props +### Button Group Props | Attribute | Type | Description | Default | | ---------- | ----------------------------------------------------------------------------- | ----------------------------------------------- | --------- | diff --git a/apps/docs/content/docs/components/card.mdx b/apps/docs/content/docs/components/card.mdx index 59f350171..37131ddd5 100644 --- a/apps/docs/content/docs/components/card.mdx +++ b/apps/docs/content/docs/components/card.mdx @@ -73,7 +73,7 @@ You can use `Image` component as the cover of the card by taking it out of the ` ## Data Attributes -Card has the following attributes on the `root` element: +`Card` has the following attributes on the `root` element: - **data-hover**: When the card is being hovered. Based on [useHover](https://react-spectrum.adobe.com/react-aria/useHover.html) @@ -86,20 +86,22 @@ Card has the following attributes on the `root` element: - **data-pressed**: When the card is pressed. Based on [usePress](https://react-spectrum.adobe.com/react-aria/usePress.html) - ## Card Props +## API - | Attribute | Type | Description | Default | - | ------------------------- | ----------------------------------------------------------------------------- | ----------------------------------------------------------------------------- | ------- | - | children | `ReactNode` \| `ReactNode[]` | Usually the Card parts, `CardHeader`, `CardBody` and `CardFooter`. | - | - | shadow | `none` \| `xs` \| `sm` \| `md` \| `lg` \| `xl` \| `2xl` \| `inner` | The card shadow. | `md` | - | radius | ``none` \| `base` \| `sm` \| `md` \| `lg` \| `xl` \| `2xl` \| `3xl` \| `full` | The card border radius. | `xl` | - | fullWidth | `boolean` | Whether the card should take the full width of its parent. | `false` | - | isHoverable | `boolean` | Whether the card should change the background on hover. | `false` | - | isPressable | `boolean` | Whether the card should allow to be pressed. | `false` | - | isBlurred | `boolean` | Whether the card background should be blurred. | `false` | - | isFooterBlurred | `boolean` | Whether the card footer background should be blurred. | `false` | - | isDisabled | `boolean` | Whether the card should be disabled. The press events will be ignored. | `false` | - | disableAnimation | `boolean` | Whether to disable the animation. | `false` | - | disableRipple | `boolean` | Whether to disable ripple effect. Only when `isPressable` is true. | `false` | - | allowTextSelectionOnPress | `boolean` | Whether to allow text selection on pressing. Only when `isPressable` is true. | `false` | - | classNames | `base` \| `header` \| `body` \| `footer` | Allows to set custom class names for the card slots. | - | +### Card Props + +| Attribute | Type | Description | Default | +| ------------------------- | ----------------------------------------------------------------------------- | ----------------------------------------------------------------------------- | ------- | +| children | `ReactNode` \| `ReactNode[]` | Usually the Card parts, `CardHeader`, `CardBody` and `CardFooter`. | - | +| shadow | `none` \| `xs` \| `sm` \| `md` \| `lg` \| `xl` \| `2xl` \| `inner` | The card shadow. | `md` | +| radius | ``none` \| `base` \| `sm` \| `md` \| `lg` \| `xl` \| `2xl` \| `3xl` \| `full` | The card border radius. | `xl` | +| fullWidth | `boolean` | Whether the card should take the full width of its parent. | `false` | +| isHoverable | `boolean` | Whether the card should change the background on hover. | `false` | +| isPressable | `boolean` | Whether the card should allow to be pressed. | `false` | +| isBlurred | `boolean` | Whether the card background should be blurred. | `false` | +| isFooterBlurred | `boolean` | Whether the card footer background should be blurred. | `false` | +| isDisabled | `boolean` | Whether the card should be disabled. The press events will be ignored. | `false` | +| disableAnimation | `boolean` | Whether to disable the animation. | `false` | +| disableRipple | `boolean` | Whether to disable ripple effect. Only when `isPressable` is true. | `false` | +| allowTextSelectionOnPress | `boolean` | Whether to allow text selection on pressing. Only when `isPressable` is true. | `false` | +| classNames | `base` \| `header` \| `body` \| `footer` | Allows to set custom class names for the card slots. | - | diff --git a/apps/docs/content/docs/guide/introduction.mdx b/apps/docs/content/docs/guide/introduction.mdx index 9fe8969b0..daad54002 100644 --- a/apps/docs/content/docs/guide/introduction.mdx +++ b/apps/docs/content/docs/guide/introduction.mdx @@ -36,6 +36,12 @@ No, NextUI is an independent community project and is not related to Vercel. a complete solution for building accessible and customizable user interfaces. Since NextUI is built upon TailwindCSS, you can utilize all TailwindCSS classes within your NextUI components, ensuring optimal compiled CSS size. +### How is NextUI different from TailwindCSS components libraries? + +TailwindCSS components libraries such as [TailwindUI](https://tailwindui.com/), [Flowbite](https://flowbite.com/), or [Preline](https://preline.co/), just to name a few, only +offer a curated selection of TailwindCSS classes to style your components. They don't provide any React specific components, logic, props, composition, or accessibility features. In contrast +to these libraries, NextUI is a complete UI library for React that provides a set of accessible and customizable components, hooks, and utilities. + ### How NextUI deals with TailwindCSS classes conflicts? We created a TailwindCSS utility library called [tailwind-variants](https://www.tailwind-variants.org/) that automatically diff --git a/apps/docs/content/docs/manifest.json b/apps/docs/content/docs/manifest.json index 66fb9569c..877a64a86 100644 --- a/apps/docs/content/docs/manifest.json +++ b/apps/docs/content/docs/manifest.json @@ -103,12 +103,24 @@ "keywords": "components, btn, button, input, modal", "defaultOpen": true, "routes": [ + { + "key": "accordion", + "title": "Accordion", + "keywords": "collapse, accordion, expand, reveal", + "path": "/docs/components/accordion.mdx" + }, { "key": "avatar", "title": "Avatar", "keywords": "avatar, avatar group, group", "path": "/docs/components/avatar.mdx" }, + { + "key": "badge", + "title": "Badge", + "keywords": "badge, status, display, count, highlight", + "path": "/docs/components/badge.mdx" + }, { "key": "button", "title": "Button", @@ -121,48 +133,6 @@ "keywords": "card, content, action, media", "path": "/docs/components/card.mdx" }, - { - "key": "pagination", - "title": "Pagination", - "keywords": "pagination, paginate, table pagination, pages, navigate", - "path": "/docs/components/pagination.mdx" - }, - { - "key": "table", - "title": "Table", - "keywords": "table, data table, grid, data grid", - "path": "/docs/components/table.mdx" - }, - { - "key": "accordion", - "title": "Accordion", - "keywords": "collapse, accordion, expand, reveal", - "path": "/docs/components/accordion.mdx" - }, - { - "key": "navbar", - "title": "Navbar", - "keywords": "navbar, nav, navbar, navigation, menu, header", - "path": "/docs/components/navbar.mdx" - }, - { - "key": "badge", - "title": "Badge", - "keywords": "badge, status, display, count, highlight", - "path": "/docs/components/badge.mdx" - }, - { - "key": "input", - "title": "Input", - "keywords": "text input, input, textarea", - "path": "/docs/components/input.mdx" - }, - { - "key": "textarea", - "title": "Textarea", - "keywords": "textarea, input, text input, large text input", - "path": "/docs/components/textarea.mdx" - }, { "key": "checkbox", "title": "Checkbox", @@ -176,10 +146,46 @@ "path": "/docs/components/checkbox-group.mdx" }, { - "key": "radio-group", - "title": "Radio Group", - "keywords": "check, radio, select", - "path": "/docs/components/radio-group.mdx" + "key": "dropdown", + "title": "Dropdown", + "keywords": "dropdown, select, selectable, menu", + "path": "/docs/components/dropdown.mdx" + }, + { + "key": "image", + "title": "Image", + "keywords": "Image, Next.js Image, image component", + "path": "/docs/components/image.mdx" + }, + { + "key": "input", + "title": "Input", + "keywords": "text input, input, textarea", + "path": "/docs/components/input.mdx" + }, + { + "key": "link", + "title": "Link", + "keywords": "link, navigation, href, next link", + "path": "/docs/components/link.mdx" + }, + { + "key": "modal", + "title": "Modal", + "keywords": "modal, dialog, backdrop", + "path": "/docs/components/modal.mdx" + }, + { + "key": "navbar", + "title": "Navbar", + "keywords": "navbar, nav, navbar, navigation, menu, header", + "path": "/docs/components/navbar.mdx" + }, + { + "key": "pagination", + "title": "Pagination", + "keywords": "pagination, paginate, table pagination, pages, navigate", + "path": "/docs/components/pagination.mdx" }, { "key": "popover", @@ -187,18 +193,6 @@ "keywords": "popover, tooltip, tooltip, popover, popover", "path": "/docs/components/popover.mdx" }, - { - "key": "tooltip", - "title": "Tooltip", - "keywords": "tool, popover, tooltip, hoverable", - "path": "/docs/components/tooltip.mdx" - }, - { - "key": "dropdown", - "title": "Dropdown", - "keywords": "dropdown, select, selectable, menu", - "path": "/docs/components/dropdown.mdx" - }, { "key": "progress", "title": "Progress", @@ -206,10 +200,10 @@ "path": "/docs/components/progress.mdx" }, { - "key": "modal", - "title": "Modal", - "keywords": "modal, dialog, backdrop", - "path": "/docs/components/modal.mdx" + "key": "radio-group", + "title": "Radio Group", + "keywords": "check, radio, select", + "path": "/docs/components/radio-group.mdx" }, { "key": "spinner", @@ -224,22 +218,28 @@ "path": "/docs/components/switch.mdx" }, { - "key": "link", - "title": "Link", - "keywords": "link, navigation, href, next link", - "path": "/docs/components/link.mdx" + "key": "table", + "title": "Table", + "keywords": "table, data table, grid, data grid", + "path": "/docs/components/table.mdx" + }, + { + "key": "textarea", + "title": "Textarea", + "keywords": "textarea, input, text input, large text input", + "path": "/docs/components/textarea.mdx" + }, + { + "key": "tooltip", + "title": "Tooltip", + "keywords": "tool, popover, tooltip, hoverable", + "path": "/docs/components/tooltip.mdx" }, { "key": "user", "title": "User", - "keywords": "User, avatar, name, initials", + "keywords": "user, avatar, name, initials", "path": "/docs/components/user.mdx" - }, - { - "key": "image", - "title": "Image", - "keywords": "Image, Next.js Image, image component", - "path": "/docs/components/image.mdx" } ] } diff --git a/apps/docs/styles/sandpack.css b/apps/docs/styles/sandpack.css index 09543d6e5..0cb835768 100644 --- a/apps/docs/styles/sandpack.css +++ b/apps/docs/styles/sandpack.css @@ -57,3 +57,7 @@ .sp-tab-button:focus-visible { box-shadow: inset 0 0 0 2px var(--sp-colors-accent); } + +.sp-highlight { + @apply relative z-10 before:content-[''] before:w-full before:h-full before:absolute before:z-[-1] before:left-0 before:bg-gradient-to-r before:from-white/10 before:to-code-background before:border-l-2 border-l-white/80 dark:before:border-l-white/50; +} \ No newline at end of file diff --git a/packages/components/accordion/CHANGELOG.md b/packages/components/accordion/CHANGELOG.md index b2f0c47be..b398d0595 100644 --- a/packages/components/accordion/CHANGELOG.md +++ b/packages/components/accordion/CHANGELOG.md @@ -1,5 +1,41 @@ # @nextui-org/accordion +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/use-aria-accordion-item@0.0.0-dev-v2-20230518012432 + - @nextui-org/framer-transitions@0.0.0-dev-v2-20230518012432 + - @nextui-org/shared-icons@0.0.0-dev-v2-20230518012432 + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/aria-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/use-aria-accordion-item@0.0.0-dev-v2-20230517170742 + - @nextui-org/framer-transitions@0.0.0-dev-v2-20230517170742 + - @nextui-org/shared-icons@0.0.0-dev-v2-20230517170742 + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/aria-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + +## 0.0.0-dev-v2-20230517132356 + +### Patch Changes + +- Accordion item non-plain element children is now supported + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/accordion/package.json b/packages/components/accordion/package.json index 0c0e7830d..3862e50dd 100644 --- a/packages/components/accordion/package.json +++ b/packages/components/accordion/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/accordion", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "Collapse display a list of high-level options that can expand/collapse to reveal more information.", "keywords": [ "react", diff --git a/packages/components/accordion/src/accordion.tsx b/packages/components/accordion/src/accordion.tsx index 208e02d0b..1f76d7f42 100644 --- a/packages/components/accordion/src/accordion.tsx +++ b/packages/components/accordion/src/accordion.tsx @@ -7,7 +7,7 @@ import AccordionItem from "./accordion-item"; export interface AccordionProps extends Omit {} const AccordionGroup = forwardRef((props, ref) => { - const {Component, context, state, getBaseProps, handleFocusChanged} = useAccordion({ + const {Component, context, state, getBaseProps, handleFocusChanged, itemStyles} = useAccordion({ ref, ...props, }); @@ -20,6 +20,8 @@ const AccordionGroup = forwardRef((props, ref) => { key={item.key} item={item} onFocusChange={(isFocused) => handleFocusChanged(isFocused, item.key)} + {...item.props} + classNames={{...itemStyles, ...(item.props.classNames || {})}} /> ))} diff --git a/packages/components/accordion/src/base/accordion-item-base.tsx b/packages/components/accordion/src/base/accordion-item-base.tsx index 28cd68306..8b6269d88 100644 --- a/packages/components/accordion/src/base/accordion-item-base.tsx +++ b/packages/components/accordion/src/base/accordion-item-base.tsx @@ -5,7 +5,7 @@ import type { } from "@nextui-org/theme"; import type {CollapseTransitionProps} from "@nextui-org/framer-transitions"; -import {BaseItem, ItemProps} from "@nextui-org/aria-utils"; +import {ItemProps, BaseItem} from "@nextui-org/aria-utils"; import {FocusableProps} from "@react-types/shared"; import {ReactNode} from "react"; diff --git a/packages/components/accordion/src/use-accordion-item.ts b/packages/components/accordion/src/use-accordion-item.ts index c21f6b8b3..7cc48d796 100644 --- a/packages/components/accordion/src/use-accordion-item.ts +++ b/packages/components/accordion/src/use-accordion-item.ts @@ -6,7 +6,7 @@ import {clsx, ReactRef, callAllHandlers, dataAttr} from "@nextui-org/shared-util import {NodeWithProps} from "@nextui-org/aria-utils"; import {useAriaAccordionItem} from "@nextui-org/use-aria-accordion-item"; import {useCallback, useMemo} from "react"; -import {mergeProps} from "@react-aria/utils"; +import {filterDOMProps, mergeProps} from "@react-aria/utils"; import {AccordionItemBaseProps} from "./base/accordion-item-base"; import {useAccordionContext} from "./accordion-context"; @@ -45,7 +45,7 @@ export function useAccordionItem(props: UseAccordionItemP disableAnimation = groupContext.disableAnimation ?? false, disableIndicatorAnimation = groupContext.disableIndicatorAnimation ?? false, ...otherProps - } = item.props as AccordionItemBaseProps; + } = props; const Component = as || "div"; @@ -103,7 +103,7 @@ export function useAccordionItem(props: UseAccordionItemP "data-open": dataAttr(isOpen), "data-disabled": dataAttr(isDisabled), className: slots.base({class: baseStyles}), - ...mergeProps(otherProps, props), + ...mergeProps(filterDOMProps(otherProps, {labelable: true}), props), }; }, [baseStyles, otherProps, slots, item.props, isOpen, isDisabled], diff --git a/packages/components/accordion/src/use-accordion.ts b/packages/components/accordion/src/use-accordion.ts index fee7cab2b..dee27b085 100644 --- a/packages/components/accordion/src/use-accordion.ts +++ b/packages/components/accordion/src/use-accordion.ts @@ -4,7 +4,7 @@ import type {SelectionBehavior, MultipleSelection} from "@react-types/shared"; import type {AriaAccordionProps} from "@react-types/accordion"; import type {AccordionGroupVariantProps} from "@nextui-org/theme"; -import {Key, useCallback} from "react"; +import React, {Key, useCallback} from "react"; import {TreeState, useTreeState} from "@react-stately/tree"; import {useAccordion as useReactAriaAccordion} from "@react-aria/accordion"; import {mergeProps} from "@react-aria/utils"; @@ -24,6 +24,10 @@ interface Props extends HTMLNextUIProps<"div"> { * @default "toggle" */ selectionBehavior?: SelectionBehavior; + /** + * The accordion items classNames. + */ + itemStyles?: AccordionItemProps["classNames"]; } export type UseAccordionProps = Props & @@ -78,6 +82,7 @@ export function useAccordion(props: UseAccordionProps) { hideIndicator = false, disableAnimation = false, disableIndicatorAnimation = false, + itemStyles, ...otherProps } = props; @@ -96,8 +101,28 @@ export function useAccordion(props: UseAccordionProps) { [variant, className], ); + // TODO: Remove this once the issue is fixed. + let treeChildren: any = []; + + /** + * This is a workaround for rendering ReactNode children in the AccordionItem. + * @see https://github.com/adobe/react-spectrum/issues/3882 + */ + React.Children.map(children, (child) => { + if (React.isValidElement(child) && typeof child.props?.children !== "string") { + const clonedChild = React.cloneElement(child, { + // @ts-ignore + hasChildItems: false, + }); + + treeChildren.push(clonedChild); + } else { + treeChildren.push(child); + } + }); + const commonProps = { - children, + children: treeChildren, items, }; @@ -172,7 +197,16 @@ export function useAccordion(props: UseAccordionProps) { isFocused && setFocusedKey(key); }, []); - return {Component, context, classNames, state, focusedKey, getBaseProps, handleFocusChanged}; + return { + Component, + context, + classNames, + state, + focusedKey, + getBaseProps, + handleFocusChanged, + itemStyles, + }; } export type UseAccordionReturn = ReturnType; diff --git a/packages/components/avatar/CHANGELOG.md b/packages/components/avatar/CHANGELOG.md index f5cbc1961..37c0ee9cd 100644 --- a/packages/components/avatar/CHANGELOG.md +++ b/packages/components/avatar/CHANGELOG.md @@ -1,5 +1,29 @@ # @nextui-org/avatar +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/use-image@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/use-image@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/avatar/package.json b/packages/components/avatar/package.json index f5618aff7..310dce144 100644 --- a/packages/components/avatar/package.json +++ b/packages/components/avatar/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/avatar", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.", "keywords": [ "avatar" diff --git a/packages/components/badge/CHANGELOG.md b/packages/components/badge/CHANGELOG.md index 034c86ca4..c767a684e 100644 --- a/packages/components/badge/CHANGELOG.md +++ b/packages/components/badge/CHANGELOG.md @@ -1,5 +1,27 @@ # @nextui-org/badge +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/badge/package.json b/packages/components/badge/package.json index 1136e4602..7c3a9c97b 100644 --- a/packages/components/badge/package.json +++ b/packages/components/badge/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/badge", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "Badges are used as a small numerical value or status descriptor for UI elements.", "keywords": [ "badge" diff --git a/packages/components/button/CHANGELOG.md b/packages/components/button/CHANGELOG.md index 6ecbd6f2d..cd43c1a97 100644 --- a/packages/components/button/CHANGELOG.md +++ b/packages/components/button/CHANGELOG.md @@ -1,5 +1,33 @@ # @nextui-org/button +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/use-aria-button@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/spinner@0.0.0-dev-v2-20230518012432 + - @nextui-org/drip@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/use-aria-button@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/spinner@0.0.0-dev-v2-20230517170742 + - @nextui-org/drip@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/button/package.json b/packages/components/button/package.json index 508e07562..c3be0a581 100644 --- a/packages/components/button/package.json +++ b/packages/components/button/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/button", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "Buttons allow users to perform actions and choose with a single tap.", "keywords": [ "button" diff --git a/packages/components/card/CHANGELOG.md b/packages/components/card/CHANGELOG.md index 22ded6784..a894e25a4 100644 --- a/packages/components/card/CHANGELOG.md +++ b/packages/components/card/CHANGELOG.md @@ -1,5 +1,31 @@ # @nextui-org/card +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/use-aria-button@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/drip@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/use-aria-button@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/drip@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/card/package.json b/packages/components/card/package.json index 15dee0e80..34407f741 100644 --- a/packages/components/card/package.json +++ b/packages/components/card/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/card", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "Card is a container for text, photos, and actions in the context of a single subject.", "keywords": [ "card" diff --git a/packages/components/checkbox/CHANGELOG.md b/packages/components/checkbox/CHANGELOG.md index ed558a1b3..8a3b4549f 100644 --- a/packages/components/checkbox/CHANGELOG.md +++ b/packages/components/checkbox/CHANGELOG.md @@ -1,5 +1,27 @@ # @nextui-org/checkbox +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/checkbox/package.json b/packages/components/checkbox/package.json index 530700a85..617512449 100644 --- a/packages/components/checkbox/package.json +++ b/packages/components/checkbox/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/checkbox", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.", "keywords": [ "checkbox" diff --git a/packages/components/chip/CHANGELOG.md b/packages/components/chip/CHANGELOG.md index 0ddcdac9c..1a22a290e 100644 --- a/packages/components/chip/CHANGELOG.md +++ b/packages/components/chip/CHANGELOG.md @@ -1,5 +1,29 @@ # @nextui-org/chip +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/shared-icons@0.0.0-dev-v2-20230518012432 + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/shared-icons@0.0.0-dev-v2-20230517170742 + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/chip/package.json b/packages/components/chip/package.json index aa84ed79e..7f2d7776f 100644 --- a/packages/components/chip/package.json +++ b/packages/components/chip/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/chip", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "Chips help people enter information, make selections, filter content, or trigger actions.", "keywords": [ "chip" diff --git a/packages/components/code/CHANGELOG.md b/packages/components/code/CHANGELOG.md index 1f8ca738b..59efea79c 100644 --- a/packages/components/code/CHANGELOG.md +++ b/packages/components/code/CHANGELOG.md @@ -1,5 +1,27 @@ # @nextui-org/code +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/code/package.json b/packages/components/code/package.json index 168fa3915..1180b4084 100644 --- a/packages/components/code/package.json +++ b/packages/components/code/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/code", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "Code is a component used to display inline code.", "keywords": [ "code" diff --git a/packages/components/divider/CHANGELOG.md b/packages/components/divider/CHANGELOG.md index e56a540bf..77d7e3256 100644 --- a/packages/components/divider/CHANGELOG.md +++ b/packages/components/divider/CHANGELOG.md @@ -1,5 +1,27 @@ # @nextui-org/divider +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/divider/package.json b/packages/components/divider/package.json index 28f11939b..7e0bf4bbc 100644 --- a/packages/components/divider/package.json +++ b/packages/components/divider/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/divider", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": ". A separator is a visual divider between two groups of content", "keywords": [ "divider" diff --git a/packages/components/drip/CHANGELOG.md b/packages/components/drip/CHANGELOG.md index 80da33f7b..b5e183a22 100644 --- a/packages/components/drip/CHANGELOG.md +++ b/packages/components/drip/CHANGELOG.md @@ -1,5 +1,27 @@ # @nextui-org/drip +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/drip/package.json b/packages/components/drip/package.json index caca0732c..979aeae0f 100644 --- a/packages/components/drip/package.json +++ b/packages/components/drip/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/drip", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "A ripple effect for ensuring that the user fells the system is reacting instantaneously", "keywords": [ "drip" diff --git a/packages/components/dropdown/CHANGELOG.md b/packages/components/dropdown/CHANGELOG.md index d70ed418e..fcf9b0277 100644 --- a/packages/components/dropdown/CHANGELOG.md +++ b/packages/components/dropdown/CHANGELOG.md @@ -1,5 +1,33 @@ # @nextui-org/dropdown +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/aria-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/use-is-mobile@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/popover@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/aria-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/use-is-mobile@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/popover@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/dropdown/package.json b/packages/components/dropdown/package.json index 923fcd079..423acd9dd 100644 --- a/packages/components/dropdown/package.json +++ b/packages/components/dropdown/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/dropdown", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "A dropdown displays a list of actions or options that a user can choose.", "keywords": [ "dropdown" diff --git a/packages/components/dropdown/src/dropdown-menu.tsx b/packages/components/dropdown/src/dropdown-menu.tsx index aea27ff1a..23c6c41d7 100644 --- a/packages/components/dropdown/src/dropdown-menu.tsx +++ b/packages/components/dropdown/src/dropdown-menu.tsx @@ -69,7 +69,6 @@ const DropdownMenu = forwardRef( return ( - {" "} {[...state.collection].map((item) => { diff --git a/packages/components/image/CHANGELOG.md b/packages/components/image/CHANGELOG.md index b76c4dd4e..c20ed3b02 100644 --- a/packages/components/image/CHANGELOG.md +++ b/packages/components/image/CHANGELOG.md @@ -1,5 +1,29 @@ # @nextui-org/image +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/use-image@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/use-image@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/image/package.json b/packages/components/image/package.json index b3955aa58..4f0b2794f 100644 --- a/packages/components/image/package.json +++ b/packages/components/image/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/image", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "A simple image component", "keywords": [ "image" diff --git a/packages/components/input/CHANGELOG.md b/packages/components/input/CHANGELOG.md index 8a7b16883..be0c25f06 100644 --- a/packages/components/input/CHANGELOG.md +++ b/packages/components/input/CHANGELOG.md @@ -1,5 +1,31 @@ # @nextui-org/input +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/shared-icons@0.0.0-dev-v2-20230518012432 + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/use-aria-field@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/shared-icons@0.0.0-dev-v2-20230517170742 + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/use-aria-field@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/input/package.json b/packages/components/input/package.json index e20a6347a..5b62c98a6 100644 --- a/packages/components/input/package.json +++ b/packages/components/input/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/input", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "The input component is designed for capturing user input within a text field.", "keywords": [ "input" diff --git a/packages/components/kbd/CHANGELOG.md b/packages/components/kbd/CHANGELOG.md index 09037d09a..9e5206edc 100644 --- a/packages/components/kbd/CHANGELOG.md +++ b/packages/components/kbd/CHANGELOG.md @@ -1,5 +1,27 @@ # @nextui-org/kbd +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/kbd/package.json b/packages/components/kbd/package.json index 3fa12b9a0..aae0ce3fe 100644 --- a/packages/components/kbd/package.json +++ b/packages/components/kbd/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/kbd", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "The keyboard key components indicates which key or set of keys used to execute a specificv action", "keywords": [ "kbd" diff --git a/packages/components/link/CHANGELOG.md b/packages/components/link/CHANGELOG.md index 8e1dc77e9..bdbd30999 100644 --- a/packages/components/link/CHANGELOG.md +++ b/packages/components/link/CHANGELOG.md @@ -1,5 +1,29 @@ # @nextui-org/link +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/shared-icons@0.0.0-dev-v2-20230518012432 + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/shared-icons@0.0.0-dev-v2-20230517170742 + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/link/package.json b/packages/components/link/package.json index 3ab0d55c1..3bfc40b96 100644 --- a/packages/components/link/package.json +++ b/packages/components/link/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/link", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "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" diff --git a/packages/components/modal/CHANGELOG.md b/packages/components/modal/CHANGELOG.md index 2c6cdb895..f966cf63b 100644 --- a/packages/components/modal/CHANGELOG.md +++ b/packages/components/modal/CHANGELOG.md @@ -1,5 +1,35 @@ # @nextui-org/modal +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/framer-transitions@0.0.0-dev-v2-20230518012432 + - @nextui-org/shared-icons@0.0.0-dev-v2-20230518012432 + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/use-aria-button@0.0.0-dev-v2-20230518012432 + - @nextui-org/use-disclosure@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/framer-transitions@0.0.0-dev-v2-20230517170742 + - @nextui-org/shared-icons@0.0.0-dev-v2-20230517170742 + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/use-aria-button@0.0.0-dev-v2-20230517170742 + - @nextui-org/use-disclosure@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/modal/package.json b/packages/components/modal/package.json index 6c6999bf3..a762f2e61 100644 --- a/packages/components/modal/package.json +++ b/packages/components/modal/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/modal", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "Displays a dialog with a custom content that requires attention or provides additional information.", "keywords": [ "modal" diff --git a/packages/components/navbar/CHANGELOG.md b/packages/components/navbar/CHANGELOG.md index cae32dd78..185dcac9c 100644 --- a/packages/components/navbar/CHANGELOG.md +++ b/packages/components/navbar/CHANGELOG.md @@ -1,5 +1,33 @@ # @nextui-org/navbar +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/use-aria-toggle-button@0.0.0-dev-v2-20230518012432 + - @nextui-org/framer-transitions@0.0.0-dev-v2-20230518012432 + - @nextui-org/use-scroll-position@0.0.0-dev-v2-20230518012432 + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/use-aria-toggle-button@0.0.0-dev-v2-20230517170742 + - @nextui-org/framer-transitions@0.0.0-dev-v2-20230517170742 + - @nextui-org/use-scroll-position@0.0.0-dev-v2-20230517170742 + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/navbar/package.json b/packages/components/navbar/package.json index ac5f330c2..d2c005a4c 100644 --- a/packages/components/navbar/package.json +++ b/packages/components/navbar/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/navbar", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "A responsive navigation header positioned on top side of your page that includes support for branding, links, navigation, collapse and more.", "keywords": [ "navbar" diff --git a/packages/components/pagination/CHANGELOG.md b/packages/components/pagination/CHANGELOG.md index c761e201b..d4d3e0c49 100644 --- a/packages/components/pagination/CHANGELOG.md +++ b/packages/components/pagination/CHANGELOG.md @@ -1,5 +1,31 @@ # @nextui-org/pagination +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/shared-icons@0.0.0-dev-v2-20230518012432 + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/use-pagination@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/shared-icons@0.0.0-dev-v2-20230517170742 + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/use-pagination@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/pagination/package.json b/packages/components/pagination/package.json index 805675f6d..18f1614bb 100644 --- a/packages/components/pagination/package.json +++ b/packages/components/pagination/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/pagination", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "The Pagination component allows you to display active page and navigate between multiple pages.", "keywords": [ "pagination" diff --git a/packages/components/popover/CHANGELOG.md b/packages/components/popover/CHANGELOG.md index 9fb0311c6..96b032d7c 100644 --- a/packages/components/popover/CHANGELOG.md +++ b/packages/components/popover/CHANGELOG.md @@ -1,5 +1,35 @@ # @nextui-org/popover +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/framer-transitions@0.0.0-dev-v2-20230518012432 + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/use-aria-button@0.0.0-dev-v2-20230518012432 + - @nextui-org/aria-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/button@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/framer-transitions@0.0.0-dev-v2-20230517170742 + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/use-aria-button@0.0.0-dev-v2-20230517170742 + - @nextui-org/aria-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/button@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/popover/package.json b/packages/components/popover/package.json index 7aa97b633..1be364c17 100644 --- a/packages/components/popover/package.json +++ b/packages/components/popover/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/popover", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "A popover is an overlay element positioned relative to a trigger.", "keywords": [ "popover" diff --git a/packages/components/progress/CHANGELOG.md b/packages/components/progress/CHANGELOG.md index 42b6ab187..0943f145b 100644 --- a/packages/components/progress/CHANGELOG.md +++ b/packages/components/progress/CHANGELOG.md @@ -1,5 +1,31 @@ # @nextui-org/progress +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/use-aria-label@0.0.0-dev-v2-20230518012432 + - @nextui-org/use-is-mounted@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/use-aria-label@0.0.0-dev-v2-20230517170742 + - @nextui-org/use-is-mounted@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/progress/package.json b/packages/components/progress/package.json index cfcfbd030..94ea49433 100644 --- a/packages/components/progress/package.json +++ b/packages/components/progress/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/progress", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "Progress bars show either determinate or indeterminate progress of an operation over time.", "keywords": [ "progress" diff --git a/packages/components/radio/CHANGELOG.md b/packages/components/radio/CHANGELOG.md index c8a4be32e..17be97a48 100644 --- a/packages/components/radio/CHANGELOG.md +++ b/packages/components/radio/CHANGELOG.md @@ -1,5 +1,27 @@ # @nextui-org/radio +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/radio/package.json b/packages/components/radio/package.json index 376b44452..b1ad78ca9 100644 --- a/packages/components/radio/package.json +++ b/packages/components/radio/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/radio", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "Radios allow users to select a single option from a list of mutually exclusive options.", "keywords": [ "radio" diff --git a/packages/components/skeleton/CHANGELOG.md b/packages/components/skeleton/CHANGELOG.md index a7b356fff..89ebdf7f1 100644 --- a/packages/components/skeleton/CHANGELOG.md +++ b/packages/components/skeleton/CHANGELOG.md @@ -1,5 +1,27 @@ # @nextui-org/skeleton +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/skeleton/package.json b/packages/components/skeleton/package.json index f74736fd1..ec8ab6ff4 100644 --- a/packages/components/skeleton/package.json +++ b/packages/components/skeleton/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/skeleton", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "Skeleton is used to display the loading state of some component.", "keywords": [ "skeleton" diff --git a/packages/components/snippet/CHANGELOG.md b/packages/components/snippet/CHANGELOG.md index 37a1ef970..f19b603d4 100644 --- a/packages/components/snippet/CHANGELOG.md +++ b/packages/components/snippet/CHANGELOG.md @@ -1,5 +1,35 @@ # @nextui-org/snippet +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/shared-icons@0.0.0-dev-v2-20230518012432 + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/use-clipboard@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/tooltip@0.0.0-dev-v2-20230518012432 + - @nextui-org/button@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/shared-icons@0.0.0-dev-v2-20230517170742 + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/use-clipboard@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/tooltip@0.0.0-dev-v2-20230517170742 + - @nextui-org/button@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/snippet/package.json b/packages/components/snippet/package.json index ab36e844f..32f8038b6 100644 --- a/packages/components/snippet/package.json +++ b/packages/components/snippet/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/snippet", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "Display a snippet of copyable code for the command line.", "keywords": [ "snippet" diff --git a/packages/components/spacer/CHANGELOG.md b/packages/components/spacer/CHANGELOG.md index c43f11a4f..89e9ddc9a 100644 --- a/packages/components/spacer/CHANGELOG.md +++ b/packages/components/spacer/CHANGELOG.md @@ -1,5 +1,27 @@ # @nextui-org/spacer +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/spacer/package.json b/packages/components/spacer/package.json index 03fd5bb7a..f052632a6 100644 --- a/packages/components/spacer/package.json +++ b/packages/components/spacer/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/spacer", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "A flexible spacer component designed to create consistent spacing and maintain alignment in your layout.", "keywords": [ "spacer" diff --git a/packages/components/spinner/CHANGELOG.md b/packages/components/spinner/CHANGELOG.md index b61a61ccd..166520c29 100644 --- a/packages/components/spinner/CHANGELOG.md +++ b/packages/components/spinner/CHANGELOG.md @@ -1,5 +1,27 @@ # @nextui-org/spinner +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/spinner/package.json b/packages/components/spinner/package.json index 19d97c1ce..85240c281 100644 --- a/packages/components/spinner/package.json +++ b/packages/components/spinner/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/spinner", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "Loaders express an unspecified wait time or display the length of a process.", "keywords": [ "loading", diff --git a/packages/components/switch/CHANGELOG.md b/packages/components/switch/CHANGELOG.md index 0d2d539a3..4b987e1e4 100644 --- a/packages/components/switch/CHANGELOG.md +++ b/packages/components/switch/CHANGELOG.md @@ -1,5 +1,27 @@ # @nextui-org/switch +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/switch/package.json b/packages/components/switch/package.json index 11a6c05b4..f0c8102c9 100644 --- a/packages/components/switch/package.json +++ b/packages/components/switch/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/switch", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "A switch is similar to a checkbox, but represents on/off values as opposed to selection.", "keywords": [ "switch" diff --git a/packages/components/table/CHANGELOG.md b/packages/components/table/CHANGELOG.md index ed5aa96ba..be5329bd9 100644 --- a/packages/components/table/CHANGELOG.md +++ b/packages/components/table/CHANGELOG.md @@ -1,5 +1,33 @@ # @nextui-org/table +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/shared-icons@0.0.0-dev-v2-20230518012432 + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/checkbox@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/spacer@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/shared-icons@0.0.0-dev-v2-20230517170742 + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/checkbox@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/spacer@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/table/package.json b/packages/components/table/package.json index d86ebe655..7fbdf1e3a 100644 --- a/packages/components/table/package.json +++ b/packages/components/table/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/table", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "Tables are used to display tabular data using rows and columns. ", "keywords": [ "table" diff --git a/packages/components/tabs/CHANGELOG.md b/packages/components/tabs/CHANGELOG.md index 5f575cadf..26100dd92 100644 --- a/packages/components/tabs/CHANGELOG.md +++ b/packages/components/tabs/CHANGELOG.md @@ -1,5 +1,33 @@ # @nextui-org/tabs +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/framer-transitions@0.0.0-dev-v2-20230518012432 + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/use-is-mounted@0.0.0-dev-v2-20230518012432 + - @nextui-org/aria-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/framer-transitions@0.0.0-dev-v2-20230517170742 + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/use-is-mounted@0.0.0-dev-v2-20230517170742 + - @nextui-org/aria-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/tabs/package.json b/packages/components/tabs/package.json index c91531730..60759b934 100644 --- a/packages/components/tabs/package.json +++ b/packages/components/tabs/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/tabs", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "Tabs organize content into multiple sections and allow users to navigate between them.", "keywords": [ "tabs" diff --git a/packages/components/tooltip/CHANGELOG.md b/packages/components/tooltip/CHANGELOG.md index 1802dc5b8..58f2ecf0d 100644 --- a/packages/components/tooltip/CHANGELOG.md +++ b/packages/components/tooltip/CHANGELOG.md @@ -1,5 +1,31 @@ # @nextui-org/tooltip +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/framer-transitions@0.0.0-dev-v2-20230518012432 + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/aria-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/framer-transitions@0.0.0-dev-v2-20230517170742 + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/aria-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/tooltip/package.json b/packages/components/tooltip/package.json index 462e892fd..109e882f2 100644 --- a/packages/components/tooltip/package.json +++ b/packages/components/tooltip/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/tooltip", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "A React Component for rendering dynamically positioned Tooltips", "keywords": [ "tooltip" diff --git a/packages/components/user/CHANGELOG.md b/packages/components/user/CHANGELOG.md index b2fd62998..77a7f307b 100644 --- a/packages/components/user/CHANGELOG.md +++ b/packages/components/user/CHANGELOG.md @@ -1,5 +1,29 @@ # @nextui-org/user +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/avatar@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/avatar@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/components/user/package.json b/packages/components/user/package.json index 2f8bcd555..a8c9852f7 100644 --- a/packages/components/user/package.json +++ b/packages/components/user/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/user", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "Flexible User Profile Component.", "keywords": [ "user" diff --git a/packages/core/react/CHANGELOG.md b/packages/core/react/CHANGELOG.md index 0e34c9918..3d66e1038 100644 --- a/packages/core/react/CHANGELOG.md +++ b/packages/core/react/CHANGELOG.md @@ -1,5 +1,91 @@ # @nextui-org/react +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/pagination@0.0.0-dev-v2-20230518012432 + - @nextui-org/accordion@0.0.0-dev-v2-20230518012432 + - @nextui-org/checkbox@0.0.0-dev-v2-20230518012432 + - @nextui-org/dropdown@0.0.0-dev-v2-20230518012432 + - @nextui-org/progress@0.0.0-dev-v2-20230518012432 + - @nextui-org/skeleton@0.0.0-dev-v2-20230518012432 + - @nextui-org/divider@0.0.0-dev-v2-20230518012432 + - @nextui-org/popover@0.0.0-dev-v2-20230518012432 + - @nextui-org/snippet@0.0.0-dev-v2-20230518012432 + - @nextui-org/spinner@0.0.0-dev-v2-20230518012432 + - @nextui-org/tooltip@0.0.0-dev-v2-20230518012432 + - @nextui-org/avatar@0.0.0-dev-v2-20230518012432 + - @nextui-org/button@0.0.0-dev-v2-20230518012432 + - @nextui-org/navbar@0.0.0-dev-v2-20230518012432 + - @nextui-org/spacer@0.0.0-dev-v2-20230518012432 + - @nextui-org/switch@0.0.0-dev-v2-20230518012432 + - @nextui-org/badge@0.0.0-dev-v2-20230518012432 + - @nextui-org/image@0.0.0-dev-v2-20230518012432 + - @nextui-org/input@0.0.0-dev-v2-20230518012432 + - @nextui-org/modal@0.0.0-dev-v2-20230518012432 + - @nextui-org/radio@0.0.0-dev-v2-20230518012432 + - @nextui-org/table@0.0.0-dev-v2-20230518012432 + - @nextui-org/card@0.0.0-dev-v2-20230518012432 + - @nextui-org/chip@0.0.0-dev-v2-20230518012432 + - @nextui-org/code@0.0.0-dev-v2-20230518012432 + - @nextui-org/drip@0.0.0-dev-v2-20230518012432 + - @nextui-org/link@0.0.0-dev-v2-20230518012432 + - @nextui-org/tabs@0.0.0-dev-v2-20230518012432 + - @nextui-org/user@0.0.0-dev-v2-20230518012432 + - @nextui-org/kbd@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + - @nextui-org/theme@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/pagination@0.0.0-dev-v2-20230517170742 + - @nextui-org/accordion@0.0.0-dev-v2-20230517170742 + - @nextui-org/checkbox@0.0.0-dev-v2-20230517170742 + - @nextui-org/dropdown@0.0.0-dev-v2-20230517170742 + - @nextui-org/progress@0.0.0-dev-v2-20230517170742 + - @nextui-org/skeleton@0.0.0-dev-v2-20230517170742 + - @nextui-org/divider@0.0.0-dev-v2-20230517170742 + - @nextui-org/popover@0.0.0-dev-v2-20230517170742 + - @nextui-org/snippet@0.0.0-dev-v2-20230517170742 + - @nextui-org/spinner@0.0.0-dev-v2-20230517170742 + - @nextui-org/tooltip@0.0.0-dev-v2-20230517170742 + - @nextui-org/avatar@0.0.0-dev-v2-20230517170742 + - @nextui-org/button@0.0.0-dev-v2-20230517170742 + - @nextui-org/navbar@0.0.0-dev-v2-20230517170742 + - @nextui-org/spacer@0.0.0-dev-v2-20230517170742 + - @nextui-org/switch@0.0.0-dev-v2-20230517170742 + - @nextui-org/badge@0.0.0-dev-v2-20230517170742 + - @nextui-org/image@0.0.0-dev-v2-20230517170742 + - @nextui-org/input@0.0.0-dev-v2-20230517170742 + - @nextui-org/modal@0.0.0-dev-v2-20230517170742 + - @nextui-org/radio@0.0.0-dev-v2-20230517170742 + - @nextui-org/table@0.0.0-dev-v2-20230517170742 + - @nextui-org/card@0.0.0-dev-v2-20230517170742 + - @nextui-org/chip@0.0.0-dev-v2-20230517170742 + - @nextui-org/code@0.0.0-dev-v2-20230517170742 + - @nextui-org/drip@0.0.0-dev-v2-20230517170742 + - @nextui-org/link@0.0.0-dev-v2-20230517170742 + - @nextui-org/tabs@0.0.0-dev-v2-20230517170742 + - @nextui-org/user@0.0.0-dev-v2-20230517170742 + - @nextui-org/kbd@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + - @nextui-org/theme@0.0.0-dev-v2-20230517170742 + +## 0.0.0-dev-v2-20230517132356 + +### Patch Changes + +- Accordion item non-plain element children is now supported +- Updated dependencies + - @nextui-org/accordion@0.0.0-dev-v2-20230517132356 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/core/react/package.json b/packages/core/react/package.json index 7ee20c793..f2da53d5a 100644 --- a/packages/core/react/package.json +++ b/packages/core/react/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/react", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "🚀 Beautiful and modern React UI library.", "author": "Junior Garcia ", "homepage": "https://nextui.org", diff --git a/packages/core/system/CHANGELOG.md b/packages/core/system/CHANGELOG.md index 9e9d888b7..bf2c51072 100644 --- a/packages/core/system/CHANGELOG.md +++ b/packages/core/system/CHANGELOG.md @@ -1,5 +1,17 @@ # @nextui-org/system +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/core/system/package.json b/packages/core/system/package.json index 33da9fe6b..5ffaa9658 100644 --- a/packages/core/system/package.json +++ b/packages/core/system/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/system", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "NextUI system primitives", "keywords": [ "system" diff --git a/packages/core/theme/CHANGELOG.md b/packages/core/theme/CHANGELOG.md index e3e3e611d..d75bc25fc 100644 --- a/packages/core/theme/CHANGELOG.md +++ b/packages/core/theme/CHANGELOG.md @@ -1,5 +1,17 @@ # @nextui-org/theme +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/core/theme/package.json b/packages/core/theme/package.json index 448717e49..c482845c0 100644 --- a/packages/core/theme/package.json +++ b/packages/core/theme/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/theme", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "The default theme for NextUI components", "keywords": [ "theme", diff --git a/packages/core/theme/src/components/accordion-item.ts b/packages/core/theme/src/components/accordion-item.ts deleted file mode 100644 index 68cc24d2a..000000000 --- a/packages/core/theme/src/components/accordion-item.ts +++ /dev/null @@ -1,115 +0,0 @@ -import type {VariantProps} from "tailwind-variants"; - -import {tv} from "tailwind-variants"; - -/** - * AccordionItem wrapper **Tailwind Variants** component - * - * const {base, heading, indicator, trigger, startContent, title, subtitle, content } = accordionItem({...}) - * - * @example - *
- *
- * - *
- *
Content
- *
- */ -const accordionItem = tv({ - slots: { - base: [ - "py-2", - "border-neutral", - "[&:not(:last-of-type)]:border-b", - "group-[.is-splitted]:px-4", - "dark:group-[.is-splitted]:bg-content1", - "group-[.is-splitted]:shadow-lg", - "group-[.is-splitted]:rounded-lg", - "group-[.is-splitted]:border", - "group-[.is-splitted]:border-neutral-100", - ], - heading: "", - trigger: [ - "py-2 flex w-full gap-3 outline-none items-center", - // focus ring - "data-[focus-visible=true]:outline-none", - "data-[focus-visible=true]:ring-2", - "data-[focus-visible=true]:ring-primary", - "data-[focus-visible=true]:ring-offset-2", - "data-[focus-visible=true]:ring-offset-background", - "data-[focus-visible=true]:dark:ring-offset-background-dark", - ], - startContent: "flex-shrink-0", - indicator: "text-neutral-400", - titleWrapper: "flex-1 flex flex-col text-left", - title: "text-foreground text-lg", - subtitle: "text-sm text-neutral-500 font-normal", - content: "py-2", - }, - variants: { - isCompact: { - true: { - base: "py-1", - trigger: "py-1", - title: "text-base", - subtitle: "text-xs", - indicator: "text-base", - content: "py-1", - }, - }, - isDisabled: { - true: { - base: "opacity-50 pointer-events-none", - }, - }, - hideDivider: { - true: { - base: "!border-b-0", - }, - }, - hideIndicator: { - true: { - indicator: "hidden", - }, - }, - disableAnimation: { - true: { - content: "hidden data-[open=true]:block", - }, - false: { - indicator: "transition-transform", - }, - }, - disableIndicatorAnimation: { - true: { - indicator: "transition-none", - }, - false: { - indicator: "rotate-0 data-[open=true]:-rotate-90", - }, - }, - }, - defaultVariants: { - size: "md", - radius: "lg", - isDisabled: false, - hideDivider: false, - hideIndicator: false, - disableAnimation: false, - disableIndicatorAnimation: false, - }, -}); - -export type AccordionItemVariantProps = VariantProps; -export type AccordionItemSlots = keyof ReturnType; - -export {accordionItem}; diff --git a/packages/core/theme/src/components/accordion.ts b/packages/core/theme/src/components/accordion.ts index 3948b1175..923a84216 100644 --- a/packages/core/theme/src/components/accordion.ts +++ b/packages/core/theme/src/components/accordion.ts @@ -5,24 +5,141 @@ import {tv} from "tailwind-variants"; /** * Accordion wrapper **Tailwind Variants** component * - * const classNames = accordion({...}) + * const styles = accordion({...}) * * @example - *
- * // avatar elements + *
+ * // accordion elements *
*/ const accordion = tv({ base: "px-2", variants: { variant: { - shadow: "px-4 shadow-lg rounded-xl dark:bg-content1 border border-neutral-100", + light: "", + shadow: "px-4 shadow-lg rounded-xl bg-background dark:bg-content1 border border-neutral-100", bordered: "px-4 border border-neutral rounded-lg", splitted: "group is-splitted flex flex-col gap-2", // the classNames are applied in the accordion-item component }, + fullWidth: { + true: "w-full", + }, + }, + defaultVariants: { + variant: "light", + fullWidth: true, + }, +}); + +/** + * AccordionItem wrapper **Tailwind Variants** component + * + * const {base, heading, indicator, trigger, startContent, title, subtitle, content } = accordionItem({...}) + * + * @example + *
+ *
+ * + *
+ *
Content
+ *
+ */ +const accordionItem = tv({ + slots: { + base: [ + "border-neutral", + "[&:not(:last-of-type)]:border-b", + "group-[.is-splitted]:px-4", + "group-[.is-splitted]:bg-background", + "dark:group-[.is-splitted]:bg-content1", + "group-[.is-splitted]:shadow-lg", + "group-[.is-splitted]:rounded-lg", + "group-[.is-splitted]:border", + "group-[.is-splitted]:border-neutral-100", + ], + heading: "", + trigger: [ + "flex py-4 w-full h-full gap-3 outline-none items-center", + // focus ring + "data-[focus-visible=true]:outline-none", + "data-[focus-visible=true]:ring-2", + "data-[focus-visible=true]:ring-primary", + "data-[focus-visible=true]:ring-offset-2", + "data-[focus-visible=true]:ring-offset-background", + "data-[focus-visible=true]:dark:ring-offset-background-dark", + ], + startContent: "flex-shrink-0", + indicator: "text-neutral-400", + titleWrapper: "flex-1 flex flex-col text-left", + title: "text-foreground text-lg", + subtitle: "text-sm text-neutral-500 font-normal", + content: "py-2", + }, + variants: { + isCompact: { + true: { + trigger: "py-2", + title: "text-base", + subtitle: "text-xs", + indicator: "text-base", + content: "py-1", + }, + }, + isDisabled: { + true: { + base: "opacity-50 pointer-events-none", + }, + }, + hideDivider: { + true: { + base: "!border-b-0", + }, + }, + hideIndicator: { + true: { + indicator: "hidden", + }, + }, + disableAnimation: { + true: { + content: "hidden data-[open=true]:block", + }, + false: { + indicator: "transition-transform", + }, + }, + disableIndicatorAnimation: { + true: { + indicator: "transition-none", + }, + false: { + indicator: "rotate-0 data-[open=true]:-rotate-90", + }, + }, + }, + defaultVariants: { + size: "md", + radius: "lg", + isDisabled: false, + hideDivider: false, + hideIndicator: false, + disableAnimation: false, + disableIndicatorAnimation: false, }, }); export type AccordionGroupVariantProps = VariantProps; -export {accordion}; +export type AccordionItemVariantProps = VariantProps; +export type AccordionItemSlots = keyof ReturnType; + +export {accordion, accordionItem}; diff --git a/packages/core/theme/src/components/avatar-group.ts b/packages/core/theme/src/components/avatar-group.ts deleted file mode 100644 index 4a46f7400..000000000 --- a/packages/core/theme/src/components/avatar-group.ts +++ /dev/null @@ -1,30 +0,0 @@ -import type {VariantProps} from "tailwind-variants"; - -import {tv} from "tailwind-variants"; - -/** - * AvatarGroup wrapper **Tailwind Variants** component - * - * const classNames = avatarGroup({...}) - * - * @example - *
- * // avatar elements - *
- */ -const avatarGroup = tv({ - base: "flex items-center justify-center h-auto w-max-content", - variants: { - isGrid: { - true: "inline-grid grid-cols-4 gap-3", - }, - }, -}); - -export type AvatarGroupVariantProps = VariantProps; - -export {avatarGroup}; - -// calculated classNames -// src/components/avatar/src/use-avatar-group.ts -// -ml-2 hover:-translate-x-0 ml-0 diff --git a/packages/core/theme/src/components/avatar.ts b/packages/core/theme/src/components/avatar.ts index 01eda883d..4445500c4 100644 --- a/packages/core/theme/src/components/avatar.ts +++ b/packages/core/theme/src/components/avatar.ts @@ -207,7 +207,31 @@ const avatar = tv({ ], }); +/** + * AvatarGroup wrapper **Tailwind Variants** component + * + * const classNames = avatarGroup({...}) + * + * @example + *
+ * // avatar elements + *
+ */ +const avatarGroup = tv({ + base: "flex items-center justify-center h-auto w-max-content", + variants: { + isGrid: { + true: "inline-grid grid-cols-4 gap-3", + }, + }, +}); + +// calculated classNames +// src/components/avatar/src/use-avatar-group.ts +// -ml-2 hover:-translate-x-0 ml-0 + +export type AvatarGroupVariantProps = VariantProps; export type AvatarVariantProps = VariantProps; export type AvatarSlots = keyof ReturnType; -export {avatar}; +export {avatar, avatarGroup}; diff --git a/packages/core/theme/src/components/button-group.ts b/packages/core/theme/src/components/button-group.ts deleted file mode 100644 index 4f2a2aba1..000000000 --- a/packages/core/theme/src/components/button-group.ts +++ /dev/null @@ -1,29 +0,0 @@ -import type {VariantProps} from "tailwind-variants"; - -import {tv} from "tailwind-variants"; - -/** - * ButtonGroup wrapper **Tailwind Variants** component - * - * const classNames = buttonGroup({...}) - * - * @example - *
- * // button elements - *
- */ -const buttonGroup = tv({ - base: "inline-flex items-center justify-center h-auto", - variants: { - fullWidth: { - true: "w-full", - }, - }, - defaultVariants: { - fullWidth: false, - }, -}); - -export type ButtonGroupVariantProps = VariantProps; - -export {buttonGroup}; diff --git a/packages/core/theme/src/components/button.ts b/packages/core/theme/src/components/button.ts index e2a5b5896..9695a4b1d 100644 --- a/packages/core/theme/src/components/button.ts +++ b/packages/core/theme/src/components/button.ts @@ -421,6 +421,29 @@ const button = tv({ // xl: "px-8 h-14 text-lg", // }, +/** + * ButtonGroup wrapper **Tailwind Variants** component + * + * const classNames = buttonGroup({...}) + * + * @example + *
+ * // button elements + *
+ */ +const buttonGroup = tv({ + base: "inline-flex items-center justify-center h-auto", + variants: { + fullWidth: { + true: "w-full", + }, + }, + defaultVariants: { + fullWidth: false, + }, +}); + +export type ButtonGroupVariantProps = VariantProps; export type ButtonVariantProps = VariantProps; -export {button}; +export {button, buttonGroup}; diff --git a/packages/core/theme/src/components/card.ts b/packages/core/theme/src/components/card.ts index 2c978f454..36d6ec200 100644 --- a/packages/core/theme/src/components/card.ts +++ b/packages/core/theme/src/components/card.ts @@ -23,7 +23,6 @@ const card = tv({ "flex-col", "relative", "overflow-hidden", - "w-full", "height-auto", "outline-none", "text-foreground", @@ -43,10 +42,10 @@ const card = tv({ "flex", "p-3", "z-10", + "w-full", "justify-start", "items-center", "shrink-0", - "w-full", "overflow-inherit", "color-inherit", "subpixel-antialiased", @@ -54,12 +53,13 @@ const card = tv({ body: [ "relative", "flex", + "flex-1", + "w-full", "p-5", "flex-auto", "flex-col", "place-content-inherit", "align-items-inherit", - "w-full", "h-auto", "break-words", "text-left", @@ -68,9 +68,9 @@ const card = tv({ ], footer: [ "p-3", - "w-full", "h-auto", "flex", + "w-full", "items-center", "overflow-hidden", "color-inherit", diff --git a/packages/core/theme/src/components/checkbox-group.ts b/packages/core/theme/src/components/checkbox-group.ts deleted file mode 100644 index 6f874a389..000000000 --- a/packages/core/theme/src/components/checkbox-group.ts +++ /dev/null @@ -1,26 +0,0 @@ -import {tv} from "tailwind-variants"; - -/** - * CheckboxGroup wrapper **Tailwind Variants** component - * - * const {base, label, wrapper} = checkboxGroup({...}) - * - * @example - *
- * - *
- * // checkboxes - *
- *
- */ -const checkboxGroup = tv({ - slots: { - base: "relative flex flex-col gap-2", - label: "relative text-neutral-500", - wrapper: "flex flex-col flex-wrap gap-2 data-[orientation=horizontal]:flex-row ", - }, -}); - -export type CheckboxGroupSlots = keyof ReturnType; - -export {checkboxGroup}; diff --git a/packages/core/theme/src/components/checkbox.ts b/packages/core/theme/src/components/checkbox.ts index c99678194..9ae13b1bd 100644 --- a/packages/core/theme/src/components/checkbox.ts +++ b/packages/core/theme/src/components/checkbox.ts @@ -174,7 +174,30 @@ const checkbox = tv({ }, }); +/** + * CheckboxGroup wrapper **Tailwind Variants** component + * + * const {base, label, wrapper} = checkboxGroup({...}) + * + * @example + *
+ * + *
+ * // checkboxes + *
+ *
+ */ +const checkboxGroup = tv({ + slots: { + base: "relative flex flex-col gap-2", + label: "relative text-neutral-500", + wrapper: "flex flex-col flex-wrap gap-2 data-[orientation=horizontal]:flex-row ", + }, +}); + +export type CheckboxGroupSlots = keyof ReturnType; + export type CheckboxVariantProps = VariantProps; export type CheckboxSlots = keyof ReturnType; -export {checkbox}; +export {checkbox, checkboxGroup}; diff --git a/packages/core/theme/src/components/dropdown-item.ts b/packages/core/theme/src/components/dropdown-item.ts deleted file mode 100644 index bfc3274d3..000000000 --- a/packages/core/theme/src/components/dropdown-item.ts +++ /dev/null @@ -1,398 +0,0 @@ -import type {VariantProps} from "tailwind-variants"; - -import {tv} from "tailwind-variants"; - -/** - * DropdownItem wrapper **Tailwind Variants** component - * - * const {base, heading, indicator, trigger, leftIndicator, title, subtitle, content } = dropdownItem({...}) - * - * @example - *
- *
- * - *
- *
Content
- *
- */ -const dropdownItem = tv({ - slots: { - base: [ - "flex", - "group", - "gap-2", - "items-center", - "justify-between", - "relative", - "px-2", - "py-1", - "w-full", - "h-full", - "box-border", - "rounded-lg", - "outline-none", - "cursor-pointer", - // focus ring - "data-[focus-visible=true]:outline-none", - "data-[focus-visible=true]:ring-2", - "data-[focus-visible=true]:ring-primary", - "data-[focus-visible=true]:ring-offset-2", - "data-[focus-visible=true]:ring-offset-background", - "data-[focus-visible=true]:dark:ring-offset-background-content1", - ], - wrapper: "w-full flex flex-col items-start justify-center", - title: "flex-1", - description: ["text-xs", "w-full", "text-neutral-500", "group-hover:text-current"], - selectedIcon: ["text-inherit", "w-3", "h-3", "flex-shrink-0"], - shortcut: [ - "px-1", - "py-0.5", - "rounded", - "font-sans", - "opacity-60", - "text-inherit", - "text-xs", - "border", - "border-neutral-200", - "group-hover:border-current", - ], - }, - variants: { - variant: { - solid: { - base: "", - }, - bordered: { - base: "border-2 border-transparent bg-transparent", - }, - light: { - base: "bg-transparent", - }, - faded: { - base: "border border-transparent hover:border-neutral data-[hover=true]:bg-neutral-100", - }, - flat: { - base: "", - }, - shadow: { - base: "data-[hover=true]:shadow-lg", - }, - }, - color: { - neutral: {}, - primary: {}, - secondary: {}, - success: {}, - warning: {}, - danger: {}, - }, - showDivider: { - true: { - base: [ - "mt-2", - "before-content-['']", - "before:absolute", - "before:-top-1", - "before:left-0", - "before:right-0", - "before:h-px", - "before:bg-neutral-200", - ], - }, - }, - isDisabled: { - true: { - base: "opacity-50 pointer-events-none", - }, - }, - disableAnimation: { - true: {}, - false: {}, - }, - }, - defaultVariants: { - variant: "solid", - color: "neutral", - disableAnimation: false, - }, - compoundVariants: [ - // solid / color - { - variant: "solid", - color: "neutral", - class: { - base: "data-[hover=true]:bg-neutral data-[hover=true]:text-neutral-foreground", - }, - }, - { - variant: "solid", - color: "primary", - class: { - base: "data-[hover=true]:bg-primary data-[hover=true]:text-primary-foreground", - }, - }, - { - variant: "solid", - color: "secondary", - class: { - base: "data-[hover=true]:bg-secondary data-[hover=true]:text-secondary-foreground", - }, - }, - { - variant: "solid", - color: "success", - class: { - base: "data-[hover=true]:bg-success data-[hover=true]:text-success-foreground", - }, - }, - { - variant: "solid", - color: "warning", - class: { - base: "data-[hover=true]:bg-warning data-[hover=true]:text-warning-foreground", - }, - }, - { - variant: "solid", - color: "danger", - class: { - base: "data-[hover=true]:bg-danger data-[hover=true]:text-danger-foreground", - }, - }, - // shadow / color - { - variant: "shadow", - color: "neutral", - class: { - base: - "data-[hover=true]:shadow-neutral/50 data-[hover=true]:bg-neutral data-[hover=true]:text-neutral-foreground", - }, - }, - { - variant: "shadow", - color: "primary", - class: { - base: - "data-[hover=true]:shadow-primary/30 data-[hover=true]:bg-primary data-[hover=true]:text-primary-foreground", - }, - }, - { - variant: "shadow", - color: "secondary", - class: { - base: - "data-[hover=true]:shadow-secondary/30 data-[hover=true]:bg-secondary data-[hover=true]:text-secondary-foreground", - }, - }, - { - variant: "shadow", - color: "success", - class: { - base: - "data-[hover=true]:shadow-success/30 data-[hover=true]:bg-success data-[hover=true]:text-success-foreground", - }, - }, - { - variant: "shadow", - color: "warning", - class: { - base: - "data-[hover=true]:shadow-warning/30 data-[hover=true]:bg-warning data-[hover=true]:text-warning-foreground", - }, - }, - { - variant: "shadow", - color: "danger", - class: { - base: - "data-[hover=true]:shadow-danger/30 data-[hover=true]:bg-danger data-[hover=true]:text-danger-foreground", - }, - }, - // bordered / color - { - variant: "bordered", - color: "neutral", - class: { - base: "data-[hover=true]:border-neutral", - }, - }, - { - variant: "bordered", - color: "primary", - class: { - base: "data-[hover=true]:border-primary data-[hover=true]:text-primary", - }, - }, - { - variant: "bordered", - color: "secondary", - class: { - base: "data-[hover=true]:border-secondary data-[hover=true]:text-secondary", - }, - }, - { - variant: "bordered", - color: "success", - class: { - base: "data-[hover=true]:border-success data-[hover=true]:text-success", - }, - }, - { - variant: "bordered", - color: "warning", - class: { - base: "data-[hover=true]:border-warning data-[hover=true]:text-warning", - }, - }, - { - variant: "bordered", - color: "danger", - class: { - base: "data-[hover=true]:border-danger data-[hover=true]:text-danger", - }, - }, - // flat / color - { - variant: "flat", - color: "neutral", - class: { - base: "data-[hover=true]:bg-neutral-100 data-[hover=true]:text-neutral-foreground", - }, - }, - { - variant: "flat", - color: "primary", - class: { - base: "data-[hover=true]:bg-primary-50 data-[hover=true]:text-primary", - }, - }, - { - variant: "flat", - color: "secondary", - class: { - base: "data-[hover=true]:bg-secondary-100 data-[hover=true]:text-secondary", - }, - }, - { - variant: "flat", - color: "success", - class: { - base: "data-[hover=true]:bg-success-50 data-[hover=true]:text-success", - }, - }, - { - variant: "flat", - color: "warning", - class: { - base: "data-[hover=true]:bg-warning-50 data-[hover=true]:text-warning", - }, - }, - { - variant: "flat", - color: "danger", - class: { - base: "data-[hover=true]:bg-danger-50 data-[hover=true]:text-danger", - }, - }, - // faded / color - { - variant: "faded", - color: "neutral", - class: { - base: "data-[hover=true]:text-neutral-foreground", - }, - }, - { - variant: "faded", - color: "primary", - class: { - base: "data-[hover=true]:text-primary", - }, - }, - { - variant: "faded", - color: "secondary", - class: { - base: "data-[hover=true]:text-secondary", - }, - }, - { - variant: "faded", - color: "success", - class: { - base: "data-[hover=true]:text-success", - }, - }, - { - variant: "faded", - color: "warning", - class: { - base: "data-[hover=true]:text-warning", - }, - }, - { - variant: "faded", - color: "danger", - class: { - base: "data-[hover=true]:text-danger", - }, - }, - // light / color - { - variant: "light", - color: "neutral", - class: { - base: "data-[hover=true]:text-neutral-500", - }, - }, - { - variant: "light", - color: "primary", - class: { - base: "data-[hover=true]:text-primary", - }, - }, - { - variant: "light", - color: "secondary", - class: { - base: "data-[hover=true]:text-secondary", - }, - }, - { - variant: "light", - color: "success", - class: { - base: "data-[hover=true]:text-success", - }, - }, - { - variant: "light", - color: "warning", - class: { - base: "data-[hover=true]:text-warning", - }, - }, - { - variant: "light", - color: "danger", - class: { - base: "data-[hover=true]:text-danger", - }, - }, - ], -}); - -export type DropdownItemVariantProps = VariantProps; -export type DropdownItemSlots = keyof ReturnType; - -export {dropdownItem}; diff --git a/packages/core/theme/src/components/dropdown-menu.ts b/packages/core/theme/src/components/dropdown-menu.ts deleted file mode 100644 index f0df7014f..000000000 --- a/packages/core/theme/src/components/dropdown-menu.ts +++ /dev/null @@ -1,13 +0,0 @@ -import {tv} from "tailwind-variants"; - -/** - * Dropdown Menu wrapper **Tailwind Variants** component - * - * const classNames = dropdownMenu({...}) - - */ -const dropdownMenu = tv({ - base: "w-full flex flex-col p-1", -}); - -export {dropdownMenu}; diff --git a/packages/core/theme/src/components/dropdown-section.ts b/packages/core/theme/src/components/dropdown-section.ts deleted file mode 100644 index a8b68fbb7..000000000 --- a/packages/core/theme/src/components/dropdown-section.ts +++ /dev/null @@ -1,45 +0,0 @@ -import type {VariantProps} from "tailwind-variants"; - -import {tv} from "tailwind-variants"; - -/** - * Dropdown wrapper **Tailwind Variants** component - * - * const { section, heading } = dropdownSection({...}) - * - * @example - *
- * - *
- * // dropdown content - * // arrow - *
- *
- */ -const dropdownSection = tv({ - slots: { - section: "relative mb-2", - heading: "pl-1 text-xs text-neutral-500", - }, - variants: { - showDivider: { - true: { - heading: [ - "mt-2", - "before-content-['']", - "before:absolute", - "before:-top-1", - "before:left-0", - "before:right-0", - "before:h-px", - "before:bg-neutral-200", - ], - }, - }, - }, -}); - -export type DropdownSectionVariantProps = VariantProps; -export type DropdownSectionSlots = keyof ReturnType; - -export {dropdownSection}; diff --git a/packages/core/theme/src/components/dropdown.ts b/packages/core/theme/src/components/dropdown.ts index 7d0ae0dde..b71bf81e1 100644 --- a/packages/core/theme/src/components/dropdown.ts +++ b/packages/core/theme/src/components/dropdown.ts @@ -1,3 +1,5 @@ +import type {VariantProps} from "tailwind-variants"; + import {tv} from "tailwind-variants"; /** @@ -28,4 +30,446 @@ const dropdown = tv({ ], }); -export {dropdown}; +/** + * DropdownItem wrapper **Tailwind Variants** component + * + * const {base, heading, indicator, trigger, leftIndicator, title, subtitle, content } = dropdownItem({...}) + * + * @example + *
+ *
+ * + *
+ *
Content
+ *
+ */ +const dropdownItem = tv({ + slots: { + base: [ + "flex", + "group", + "gap-2", + "items-center", + "justify-between", + "relative", + "px-2", + "py-1", + "w-full", + "h-full", + "box-border", + "rounded-lg", + "outline-none", + "cursor-pointer", + // focus ring + "data-[focus-visible=true]:outline-none", + "data-[focus-visible=true]:ring-2", + "data-[focus-visible=true]:ring-primary", + "data-[focus-visible=true]:ring-offset-2", + "data-[focus-visible=true]:ring-offset-background", + "data-[focus-visible=true]:dark:ring-offset-background-content1", + ], + wrapper: "w-full flex flex-col items-start justify-center", + title: "flex-1", + description: ["text-xs", "w-full", "text-neutral-500", "group-hover:text-current"], + selectedIcon: ["text-inherit", "w-3", "h-3", "flex-shrink-0"], + shortcut: [ + "px-1", + "py-0.5", + "rounded", + "font-sans", + "opacity-60", + "text-inherit", + "text-xs", + "border", + "border-neutral-200", + "group-hover:border-current", + ], + }, + variants: { + variant: { + solid: { + base: "", + }, + bordered: { + base: "border-2 border-transparent bg-transparent", + }, + light: { + base: "bg-transparent", + }, + faded: { + base: "border border-transparent hover:border-neutral data-[hover=true]:bg-neutral-100", + }, + flat: { + base: "", + }, + shadow: { + base: "data-[hover=true]:shadow-lg", + }, + }, + color: { + neutral: {}, + primary: {}, + secondary: {}, + success: {}, + warning: {}, + danger: {}, + }, + showDivider: { + true: { + base: [ + "mt-2", + "before-content-['']", + "before:absolute", + "before:-top-1", + "before:left-0", + "before:right-0", + "before:h-px", + "before:bg-neutral-200", + ], + }, + }, + isDisabled: { + true: { + base: "opacity-50 pointer-events-none", + }, + }, + disableAnimation: { + true: {}, + false: {}, + }, + }, + defaultVariants: { + variant: "solid", + color: "neutral", + disableAnimation: false, + }, + compoundVariants: [ + // solid / color + { + variant: "solid", + color: "neutral", + class: { + base: "data-[hover=true]:bg-neutral data-[hover=true]:text-neutral-foreground", + }, + }, + { + variant: "solid", + color: "primary", + class: { + base: "data-[hover=true]:bg-primary data-[hover=true]:text-primary-foreground", + }, + }, + { + variant: "solid", + color: "secondary", + class: { + base: "data-[hover=true]:bg-secondary data-[hover=true]:text-secondary-foreground", + }, + }, + { + variant: "solid", + color: "success", + class: { + base: "data-[hover=true]:bg-success data-[hover=true]:text-success-foreground", + }, + }, + { + variant: "solid", + color: "warning", + class: { + base: "data-[hover=true]:bg-warning data-[hover=true]:text-warning-foreground", + }, + }, + { + variant: "solid", + color: "danger", + class: { + base: "data-[hover=true]:bg-danger data-[hover=true]:text-danger-foreground", + }, + }, + // shadow / color + { + variant: "shadow", + color: "neutral", + class: { + base: + "data-[hover=true]:shadow-neutral/50 data-[hover=true]:bg-neutral data-[hover=true]:text-neutral-foreground", + }, + }, + { + variant: "shadow", + color: "primary", + class: { + base: + "data-[hover=true]:shadow-primary/30 data-[hover=true]:bg-primary data-[hover=true]:text-primary-foreground", + }, + }, + { + variant: "shadow", + color: "secondary", + class: { + base: + "data-[hover=true]:shadow-secondary/30 data-[hover=true]:bg-secondary data-[hover=true]:text-secondary-foreground", + }, + }, + { + variant: "shadow", + color: "success", + class: { + base: + "data-[hover=true]:shadow-success/30 data-[hover=true]:bg-success data-[hover=true]:text-success-foreground", + }, + }, + { + variant: "shadow", + color: "warning", + class: { + base: + "data-[hover=true]:shadow-warning/30 data-[hover=true]:bg-warning data-[hover=true]:text-warning-foreground", + }, + }, + { + variant: "shadow", + color: "danger", + class: { + base: + "data-[hover=true]:shadow-danger/30 data-[hover=true]:bg-danger data-[hover=true]:text-danger-foreground", + }, + }, + // bordered / color + { + variant: "bordered", + color: "neutral", + class: { + base: "data-[hover=true]:border-neutral", + }, + }, + { + variant: "bordered", + color: "primary", + class: { + base: "data-[hover=true]:border-primary data-[hover=true]:text-primary", + }, + }, + { + variant: "bordered", + color: "secondary", + class: { + base: "data-[hover=true]:border-secondary data-[hover=true]:text-secondary", + }, + }, + { + variant: "bordered", + color: "success", + class: { + base: "data-[hover=true]:border-success data-[hover=true]:text-success", + }, + }, + { + variant: "bordered", + color: "warning", + class: { + base: "data-[hover=true]:border-warning data-[hover=true]:text-warning", + }, + }, + { + variant: "bordered", + color: "danger", + class: { + base: "data-[hover=true]:border-danger data-[hover=true]:text-danger", + }, + }, + // flat / color + { + variant: "flat", + color: "neutral", + class: { + base: "data-[hover=true]:bg-neutral-100 data-[hover=true]:text-neutral-foreground", + }, + }, + { + variant: "flat", + color: "primary", + class: { + base: "data-[hover=true]:bg-primary-50 data-[hover=true]:text-primary", + }, + }, + { + variant: "flat", + color: "secondary", + class: { + base: "data-[hover=true]:bg-secondary-100 data-[hover=true]:text-secondary", + }, + }, + { + variant: "flat", + color: "success", + class: { + base: "data-[hover=true]:bg-success-50 data-[hover=true]:text-success", + }, + }, + { + variant: "flat", + color: "warning", + class: { + base: "data-[hover=true]:bg-warning-50 data-[hover=true]:text-warning", + }, + }, + { + variant: "flat", + color: "danger", + class: { + base: "data-[hover=true]:bg-danger-50 data-[hover=true]:text-danger", + }, + }, + // faded / color + { + variant: "faded", + color: "neutral", + class: { + base: "data-[hover=true]:text-neutral-foreground", + }, + }, + { + variant: "faded", + color: "primary", + class: { + base: "data-[hover=true]:text-primary", + }, + }, + { + variant: "faded", + color: "secondary", + class: { + base: "data-[hover=true]:text-secondary", + }, + }, + { + variant: "faded", + color: "success", + class: { + base: "data-[hover=true]:text-success", + }, + }, + { + variant: "faded", + color: "warning", + class: { + base: "data-[hover=true]:text-warning", + }, + }, + { + variant: "faded", + color: "danger", + class: { + base: "data-[hover=true]:text-danger", + }, + }, + // light / color + { + variant: "light", + color: "neutral", + class: { + base: "data-[hover=true]:text-neutral-500", + }, + }, + { + variant: "light", + color: "primary", + class: { + base: "data-[hover=true]:text-primary", + }, + }, + { + variant: "light", + color: "secondary", + class: { + base: "data-[hover=true]:text-secondary", + }, + }, + { + variant: "light", + color: "success", + class: { + base: "data-[hover=true]:text-success", + }, + }, + { + variant: "light", + color: "warning", + class: { + base: "data-[hover=true]:text-warning", + }, + }, + { + variant: "light", + color: "danger", + class: { + base: "data-[hover=true]:text-danger", + }, + }, + ], +}); + +/** + * Dropdown wrapper **Tailwind Variants** component + * + * const { section, heading } = dropdownSection({...}) + * + * @example + *
+ * + *
+ * // dropdown content + * // arrow + *
+ *
+ */ +const dropdownSection = tv({ + slots: { + section: "relative mb-2", + heading: "pl-1 text-xs text-neutral-500", + }, + variants: { + showDivider: { + true: { + heading: [ + "mt-2", + "before-content-['']", + "before:absolute", + "before:-top-1", + "before:left-0", + "before:right-0", + "before:h-px", + "before:bg-neutral-200", + ], + }, + }, + }, +}); + +/** + * Dropdown Menu wrapper **Tailwind Variants** component + * + * const classNames = dropdownMenu({...}) + + */ +const dropdownMenu = tv({ + base: "w-full flex flex-col p-1", +}); + +export type DropdownSectionVariantProps = VariantProps; +export type DropdownSectionSlots = keyof ReturnType; +export type DropdownItemVariantProps = VariantProps; +export type DropdownItemSlots = keyof ReturnType; + +export {dropdown, dropdownItem, dropdownSection, dropdownMenu}; diff --git a/packages/core/theme/src/components/index.ts b/packages/core/theme/src/components/index.ts index ab47c5c2d..4d4da8671 100644 --- a/packages/core/theme/src/components/index.ts +++ b/packages/core/theme/src/components/index.ts @@ -1,10 +1,8 @@ export * from "./avatar"; -export * from "./avatar-group"; export * from "./card"; export * from "./link"; export * from "./user"; export * from "./button"; -export * from "./button-group"; export * from "./drip"; export * from "./spinner"; export * from "./code"; @@ -13,20 +11,14 @@ export * from "./snippet"; export * from "./chip"; export * from "./badge"; export * from "./checkbox"; -export * from "./checkbox-group"; export * from "./radio"; -export * from "./radio-group"; export * from "./pagination"; export * from "./toggle"; -export * from "./accordion-item"; export * from "./accordion"; export * from "./progress"; export * from "./circular-progress"; export * from "./input"; export * from "./dropdown"; -export * from "./dropdown-item"; -export * from "./dropdown-section"; -export * from "./dropdown-menu"; export * from "./image"; export * from "./modal"; export * from "./navbar"; diff --git a/packages/core/theme/src/components/radio-group.ts b/packages/core/theme/src/components/radio-group.ts deleted file mode 100644 index b54fef952..000000000 --- a/packages/core/theme/src/components/radio-group.ts +++ /dev/null @@ -1,26 +0,0 @@ -import {tv} from "tailwind-variants"; - -/** - * RadioGroup wrapper **Tailwind Variants** component - * - * const {base, label, wrapper} = radioGroup({...}) - * - * @example - *
- * - *
- * // radios - *
- *
- */ -const radioGroup = tv({ - slots: { - base: "relative flex flex-col gap-2", - label: "relative text-neutral-500", - wrapper: "flex flex-col flex-wrap gap-2 data-[orientation=horizontal]:flex-row ", - }, -}); - -export type RadioGroupSlots = keyof ReturnType; - -export {radioGroup}; diff --git a/packages/core/theme/src/components/radio.ts b/packages/core/theme/src/components/radio.ts index 20c234b2a..861209cec 100644 --- a/packages/core/theme/src/components/radio.ts +++ b/packages/core/theme/src/components/radio.ts @@ -186,7 +186,30 @@ const radio = tv({ }, }); +/** + * RadioGroup wrapper **Tailwind Variants** component + * + * const {base, label, wrapper} = radioGroup({...}) + * + * @example + *
+ * + *
+ * // radios + *
+ *
+ */ +const radioGroup = tv({ + slots: { + base: "relative flex flex-col gap-2", + label: "relative text-neutral-500", + wrapper: "flex flex-col flex-wrap gap-2 data-[orientation=horizontal]:flex-row ", + }, +}); + +export type RadioGroupSlots = keyof ReturnType; + export type RadioVariantProps = VariantProps; export type RadioSlots = keyof ReturnType; -export {radio}; +export {radio, radioGroup}; diff --git a/packages/hooks/use-aria-accordion-item/CHANGELOG.md b/packages/hooks/use-aria-accordion-item/CHANGELOG.md index f5a0ded65..d8167be85 100644 --- a/packages/hooks/use-aria-accordion-item/CHANGELOG.md +++ b/packages/hooks/use-aria-accordion-item/CHANGELOG.md @@ -1,5 +1,17 @@ # @nextui-org/use-aria-accordion-item +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/hooks/use-aria-accordion-item/package.json b/packages/hooks/use-aria-accordion-item/package.json index c778fd3f5..1c27b839f 100644 --- a/packages/hooks/use-aria-accordion-item/package.json +++ b/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-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "Internal impl for react aria accordion item", "keywords": [ "use-aria-accordion-item" diff --git a/packages/hooks/use-aria-button/CHANGELOG.md b/packages/hooks/use-aria-button/CHANGELOG.md index 10134a59e..fa7b2a410 100644 --- a/packages/hooks/use-aria-button/CHANGELOG.md +++ b/packages/hooks/use-aria-button/CHANGELOG.md @@ -1,5 +1,17 @@ # @nextui-org/use-aria-button +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/hooks/use-aria-button/package.json b/packages/hooks/use-aria-button/package.json index 7218b5569..f24d71146 100644 --- a/packages/hooks/use-aria-button/package.json +++ b/packages/hooks/use-aria-button/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/use-aria-button", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "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" diff --git a/packages/hooks/use-aria-field/CHANGELOG.md b/packages/hooks/use-aria-field/CHANGELOG.md index 5421c2b03..3e4d23e8a 100644 --- a/packages/hooks/use-aria-field/CHANGELOG.md +++ b/packages/hooks/use-aria-field/CHANGELOG.md @@ -1,5 +1,23 @@ # @nextui-org/use-aria-field +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/use-aria-slot-id@0.0.0-dev-v2-20230518012432 + - @nextui-org/use-aria-label@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/use-aria-slot-id@0.0.0-dev-v2-20230517170742 + - @nextui-org/use-aria-label@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/hooks/use-aria-field/package.json b/packages/hooks/use-aria-field/package.json index b3e4a6cf1..be3fe7473 100644 --- a/packages/hooks/use-aria-field/package.json +++ b/packages/hooks/use-aria-field/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/use-aria-field", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "Based on react-aria useField hook, provides the accessibility implementation for input fields", "keywords": [ "use-aria-field" diff --git a/packages/hooks/use-aria-label/CHANGELOG.md b/packages/hooks/use-aria-label/CHANGELOG.md index 0e9359364..bce582e47 100644 --- a/packages/hooks/use-aria-label/CHANGELOG.md +++ b/packages/hooks/use-aria-label/CHANGELOG.md @@ -1,5 +1,17 @@ # @nextui-org/use-aria-label +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/hooks/use-aria-label/package.json b/packages/hooks/use-aria-label/package.json index 74e716c75..c97584df2 100644 --- a/packages/hooks/use-aria-label/package.json +++ b/packages/hooks/use-aria-label/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/use-aria-label", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "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" diff --git a/packages/hooks/use-aria-slot-id/CHANGELOG.md b/packages/hooks/use-aria-slot-id/CHANGELOG.md index a0509d1db..74f2e5cdc 100644 --- a/packages/hooks/use-aria-slot-id/CHANGELOG.md +++ b/packages/hooks/use-aria-slot-id/CHANGELOG.md @@ -1,5 +1,17 @@ # @nextui-org/use-aria-slot-id +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/hooks/use-aria-slot-id/package.json b/packages/hooks/use-aria-slot-id/package.json index 5f48ab08d..3bc8a47be 100644 --- a/packages/hooks/use-aria-slot-id/package.json +++ b/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-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "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" diff --git a/packages/hooks/use-aria-toggle-button/CHANGELOG.md b/packages/hooks/use-aria-toggle-button/CHANGELOG.md index 93e16719c..1fb519a07 100644 --- a/packages/hooks/use-aria-toggle-button/CHANGELOG.md +++ b/packages/hooks/use-aria-toggle-button/CHANGELOG.md @@ -1,5 +1,21 @@ # @nextui-org/use-aria-toggle-button +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/use-aria-button@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/use-aria-button@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/hooks/use-aria-toggle-button/package.json b/packages/hooks/use-aria-toggle-button/package.json index ea1a51a2c..e215b8258 100644 --- a/packages/hooks/use-aria-toggle-button/package.json +++ b/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-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "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" diff --git a/packages/hooks/use-callback-ref/CHANGELOG.md b/packages/hooks/use-callback-ref/CHANGELOG.md index b13d8b909..67393f42f 100644 --- a/packages/hooks/use-callback-ref/CHANGELOG.md +++ b/packages/hooks/use-callback-ref/CHANGELOG.md @@ -1,5 +1,21 @@ # @nextui-org/use-callback-ref +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/use-safe-layout-effect@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/use-safe-layout-effect@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/hooks/use-callback-ref/package.json b/packages/hooks/use-callback-ref/package.json index 059512a63..65ce0da52 100644 --- a/packages/hooks/use-callback-ref/package.json +++ b/packages/hooks/use-callback-ref/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/use-callback-ref", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "React hook to persist any value between renders, but keeps it up-to-date if it changes.", "keywords": [ "use-callback-ref" diff --git a/packages/hooks/use-clipboard/CHANGELOG.md b/packages/hooks/use-clipboard/CHANGELOG.md index 97175c512..82c7fd8d5 100644 --- a/packages/hooks/use-clipboard/CHANGELOG.md +++ b/packages/hooks/use-clipboard/CHANGELOG.md @@ -1,5 +1,17 @@ # @nextui-org/use-clipboard +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/hooks/use-clipboard/package.json b/packages/hooks/use-clipboard/package.json index ef9d29a1f..e048189b9 100644 --- a/packages/hooks/use-clipboard/package.json +++ b/packages/hooks/use-clipboard/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/use-clipboard", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "Wrapper around navigator.clipboard with feedback timeout", "keywords": [ "use-clipboard" diff --git a/packages/hooks/use-disclosure/CHANGELOG.md b/packages/hooks/use-disclosure/CHANGELOG.md index b8dd5ecac..94bcda50f 100644 --- a/packages/hooks/use-disclosure/CHANGELOG.md +++ b/packages/hooks/use-disclosure/CHANGELOG.md @@ -1,5 +1,21 @@ # @nextui-org/use-disclosure +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/use-callback-ref@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/use-callback-ref@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/hooks/use-disclosure/package.json b/packages/hooks/use-disclosure/package.json index 06007c353..d4963bfe9 100644 --- a/packages/hooks/use-disclosure/package.json +++ b/packages/hooks/use-disclosure/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/use-disclosure", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "The hook in charge of managing modals", "keywords": [ "use-disclosure" diff --git a/packages/hooks/use-image/CHANGELOG.md b/packages/hooks/use-image/CHANGELOG.md index 0408511b2..f5ac9c5a7 100644 --- a/packages/hooks/use-image/CHANGELOG.md +++ b/packages/hooks/use-image/CHANGELOG.md @@ -1,5 +1,21 @@ # @nextui-org/use-image +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/use-safe-layout-effect@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/use-safe-layout-effect@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/hooks/use-image/package.json b/packages/hooks/use-image/package.json index 4bd9b52ea..470db5a4a 100644 --- a/packages/hooks/use-image/package.json +++ b/packages/hooks/use-image/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/use-image", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "React hook for progressing image loading", "keywords": [ "use-image" diff --git a/packages/hooks/use-infinite-scroll/CHANGELOG.md b/packages/hooks/use-infinite-scroll/CHANGELOG.md index 28b4b8393..1cdce86dd 100644 --- a/packages/hooks/use-infinite-scroll/CHANGELOG.md +++ b/packages/hooks/use-infinite-scroll/CHANGELOG.md @@ -1,5 +1,17 @@ # @nextui-org/use-infinite-scroll +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/hooks/use-infinite-scroll/package.json b/packages/hooks/use-infinite-scroll/package.json index ca54296fe..279acaf32 100644 --- a/packages/hooks/use-infinite-scroll/package.json +++ b/packages/hooks/use-infinite-scroll/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/use-infinite-scroll", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "A hook for handling infinity scroll based on the IntersectionObserver API", "keywords": [ "use-infinite-scroll" diff --git a/packages/hooks/use-is-mobile/CHANGELOG.md b/packages/hooks/use-is-mobile/CHANGELOG.md index 64d6affe5..d6f8ccbae 100644 --- a/packages/hooks/use-is-mobile/CHANGELOG.md +++ b/packages/hooks/use-is-mobile/CHANGELOG.md @@ -1,5 +1,17 @@ # @nextui-org/use-is-mobile +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/hooks/use-is-mobile/package.json b/packages/hooks/use-is-mobile/package.json index c952918ed..4eb31a0d4 100644 --- a/packages/hooks/use-is-mobile/package.json +++ b/packages/hooks/use-is-mobile/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/use-is-mobile", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "A hook that returns whether the device is mobile or not", "keywords": [ "use-is-mobile" diff --git a/packages/hooks/use-is-mounted/CHANGELOG.md b/packages/hooks/use-is-mounted/CHANGELOG.md index f177455e0..122f2f2eb 100644 --- a/packages/hooks/use-is-mounted/CHANGELOG.md +++ b/packages/hooks/use-is-mounted/CHANGELOG.md @@ -1,5 +1,17 @@ # @nextui-org/use-is-mounted +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/hooks/use-is-mounted/package.json b/packages/hooks/use-is-mounted/package.json index 4fd342620..55a4b4cb2 100644 --- a/packages/hooks/use-is-mounted/package.json +++ b/packages/hooks/use-is-mounted/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/use-is-mounted", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "This hook can be used to render client-based components or run client logic", "keywords": [ "use-is-mounted" diff --git a/packages/hooks/use-pagination/CHANGELOG.md b/packages/hooks/use-pagination/CHANGELOG.md index 1df7f4e0d..455f04eb1 100644 --- a/packages/hooks/use-pagination/CHANGELOG.md +++ b/packages/hooks/use-pagination/CHANGELOG.md @@ -1,5 +1,21 @@ # @nextui-org/use-pagination +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/hooks/use-pagination/package.json b/packages/hooks/use-pagination/package.json index 5554a6594..90c7c0ffa 100644 --- a/packages/hooks/use-pagination/package.json +++ b/packages/hooks/use-pagination/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/use-pagination", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "State management hook for Pagination component, it lets you manage pagination with controlled and uncontrolled state", "keywords": [ "use-pagination" diff --git a/packages/hooks/use-real-shape/CHANGELOG.md b/packages/hooks/use-real-shape/CHANGELOG.md index aca8c72d3..f4af216d8 100644 --- a/packages/hooks/use-real-shape/CHANGELOG.md +++ b/packages/hooks/use-real-shape/CHANGELOG.md @@ -1,5 +1,21 @@ # @nextui-org/use-real-shape +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/dom-utils@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/dom-utils@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/hooks/use-real-shape/package.json b/packages/hooks/use-real-shape/package.json index bc2f92ce0..40569b156 100644 --- a/packages/hooks/use-real-shape/package.json +++ b/packages/hooks/use-real-shape/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/use-real-shape", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "Hook that returns the real dimensions of an element", "keywords": [ "use-real-shape" diff --git a/packages/hooks/use-ref-state/CHANGELOG.md b/packages/hooks/use-ref-state/CHANGELOG.md index bd86d9de2..612f86f20 100644 --- a/packages/hooks/use-ref-state/CHANGELOG.md +++ b/packages/hooks/use-ref-state/CHANGELOG.md @@ -1,5 +1,17 @@ # @nextui-org/use-ref-state +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/hooks/use-ref-state/package.json b/packages/hooks/use-ref-state/package.json index d76f1dcd3..317cd65cf 100644 --- a/packages/hooks/use-ref-state/package.json +++ b/packages/hooks/use-ref-state/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/use-ref-state", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "Hook for saving the state in a ref value", "keywords": [ "use-ref-state" diff --git a/packages/hooks/use-resize/CHANGELOG.md b/packages/hooks/use-resize/CHANGELOG.md index 23141a625..3dcc8c42f 100644 --- a/packages/hooks/use-resize/CHANGELOG.md +++ b/packages/hooks/use-resize/CHANGELOG.md @@ -1,5 +1,17 @@ # @nextui-org/use-resize +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/hooks/use-resize/package.json b/packages/hooks/use-resize/package.json index ecfb3851a..20327b009 100644 --- a/packages/hooks/use-resize/package.json +++ b/packages/hooks/use-resize/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/use-resize", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "Hook that adds an event listener to the resize window event", "keywords": [ "use-resize" diff --git a/packages/hooks/use-safe-layout-effect/CHANGELOG.md b/packages/hooks/use-safe-layout-effect/CHANGELOG.md index 612000064..4d040a158 100644 --- a/packages/hooks/use-safe-layout-effect/CHANGELOG.md +++ b/packages/hooks/use-safe-layout-effect/CHANGELOG.md @@ -1,5 +1,17 @@ # @nextui-org/use-safe-layout-effect +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/hooks/use-safe-layout-effect/package.json b/packages/hooks/use-safe-layout-effect/package.json index 77a358e17..cf319318a 100644 --- a/packages/hooks/use-safe-layout-effect/package.json +++ b/packages/hooks/use-safe-layout-effect/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/use-safe-layout-effect", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "", "keywords": [ "use-safe-layout-effect" diff --git a/packages/hooks/use-scroll-position/CHANGELOG.md b/packages/hooks/use-scroll-position/CHANGELOG.md index e592c8df4..ed87098b4 100644 --- a/packages/hooks/use-scroll-position/CHANGELOG.md +++ b/packages/hooks/use-scroll-position/CHANGELOG.md @@ -1,5 +1,17 @@ # @nextui-org/use-scroll-position +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/hooks/use-scroll-position/package.json b/packages/hooks/use-scroll-position/package.json index 3b1bff568..d7e035bef 100644 --- a/packages/hooks/use-scroll-position/package.json +++ b/packages/hooks/use-scroll-position/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/use-scroll-position", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "Provides the logic to control the scroll over an element", "keywords": [ "use-scroll-position" diff --git a/packages/hooks/use-ssr/CHANGELOG.md b/packages/hooks/use-ssr/CHANGELOG.md index 5b0d6e3ea..2bd3021ae 100644 --- a/packages/hooks/use-ssr/CHANGELOG.md +++ b/packages/hooks/use-ssr/CHANGELOG.md @@ -1,5 +1,17 @@ # @nextui-org/use-ssr +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/hooks/use-ssr/package.json b/packages/hooks/use-ssr/package.json index ce60334b4..c8e9be1aa 100644 --- a/packages/hooks/use-ssr/package.json +++ b/packages/hooks/use-ssr/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/use-ssr", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "", "keywords": [ "use-ssr" diff --git a/packages/utilities/aria-utils/CHANGELOG.md b/packages/utilities/aria-utils/CHANGELOG.md index 1b5ac4f3f..f1343ebaa 100644 --- a/packages/utilities/aria-utils/CHANGELOG.md +++ b/packages/utilities/aria-utils/CHANGELOG.md @@ -1,5 +1,21 @@ # @nextui-org/aria-utils +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/utilities/aria-utils/package.json b/packages/utilities/aria-utils/package.json index 93b20a9ed..eb0c5a7ad 100644 --- a/packages/utilities/aria-utils/package.json +++ b/packages/utilities/aria-utils/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/aria-utils", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "A package for managing @react-aria nextui utils.", "keywords": [ "aria-utils" diff --git a/packages/utilities/dom-utils/CHANGELOG.md b/packages/utilities/dom-utils/CHANGELOG.md index 86ed190bd..8fbd0b2bf 100644 --- a/packages/utilities/dom-utils/CHANGELOG.md +++ b/packages/utilities/dom-utils/CHANGELOG.md @@ -1,5 +1,17 @@ # @nextui-org/dom-utils +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/utilities/dom-utils/package.json b/packages/utilities/dom-utils/package.json index fef43533b..d5862ad22 100644 --- a/packages/utilities/dom-utils/package.json +++ b/packages/utilities/dom-utils/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/dom-utils", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "NextUI DOM Utilities", "keywords": [ "dom-utils" diff --git a/packages/utilities/framer-transitions/CHANGELOG.md b/packages/utilities/framer-transitions/CHANGELOG.md index f23fcfc8d..7da25e30d 100644 --- a/packages/utilities/framer-transitions/CHANGELOG.md +++ b/packages/utilities/framer-transitions/CHANGELOG.md @@ -1,5 +1,23 @@ # @nextui-org/framer-transitions +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230518012432 + - @nextui-org/system@0.0.0-dev-v2-20230518012432 + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build +- Updated dependencies + - @nextui-org/shared-utils@0.0.0-dev-v2-20230517170742 + - @nextui-org/system@0.0.0-dev-v2-20230517170742 + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/utilities/framer-transitions/package.json b/packages/utilities/framer-transitions/package.json index 84d5e5c70..1b21741d4 100644 --- a/packages/utilities/framer-transitions/package.json +++ b/packages/utilities/framer-transitions/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/framer-transitions", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "A set of framer motion transitions for react", "keywords": [ "framer-transitions" diff --git a/packages/utilities/shared-icons/CHANGELOG.md b/packages/utilities/shared-icons/CHANGELOG.md index ae41c482f..5a84505fb 100644 --- a/packages/utilities/shared-icons/CHANGELOG.md +++ b/packages/utilities/shared-icons/CHANGELOG.md @@ -1,5 +1,17 @@ # @nextui-org/shared-icons +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/utilities/shared-icons/package.json b/packages/utilities/shared-icons/package.json index e6365faa5..edf0f8534 100644 --- a/packages/utilities/shared-icons/package.json +++ b/packages/utilities/shared-icons/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/shared-icons", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "Internal icons set, commonly used in the components stories", "keywords": [ "icons-utils" diff --git a/packages/utilities/shared-utils/CHANGELOG.md b/packages/utilities/shared-utils/CHANGELOG.md index fea0a60b7..6c08c8477 100644 --- a/packages/utilities/shared-utils/CHANGELOG.md +++ b/packages/utilities/shared-utils/CHANGELOG.md @@ -1,5 +1,17 @@ # @nextui-org/shared-utils +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/utilities/shared-utils/package.json b/packages/utilities/shared-utils/package.json index cda17554d..b9be51af8 100644 --- a/packages/utilities/shared-utils/package.json +++ b/packages/utilities/shared-utils/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/shared-utils", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "A set of NextUI utilities", "keywords": [ "system" diff --git a/packages/utilities/test-utils/CHANGELOG.md b/packages/utilities/test-utils/CHANGELOG.md index e70a14386..ad1795d2c 100644 --- a/packages/utilities/test-utils/CHANGELOG.md +++ b/packages/utilities/test-utils/CHANGELOG.md @@ -1,5 +1,17 @@ # @nextui-org/test-utils +## 0.0.0-dev-v2-20230518012432 + +### Patch Changes + +- Some styled were unified in a single file + +## 0.0.0-dev-v2-20230517170742 + +### Patch Changes + +- Fix build + ## 0.0.0-dev-v2-20230515031033 ### Patch Changes diff --git a/packages/utilities/test-utils/package.json b/packages/utilities/test-utils/package.json index fd8a8b166..64ce31096 100644 --- a/packages/utilities/test-utils/package.json +++ b/packages/utilities/test-utils/package.json @@ -1,6 +1,6 @@ { "name": "@nextui-org/test-utils", - "version": "0.0.0-dev-v2-20230515031033", + "version": "0.0.0-dev-v2-20230518012432", "description": "A set of utilities for react testing", "keywords": [ "test-utils" diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 90eb9fa63..47bd0cc71 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -5045,7 +5045,7 @@ packages: chalk: 4.1.2 convert-source-map: 1.9.0 fast-json-stable-stringify: 2.1.0 - graceful-fs: 4.2.6 + graceful-fs: 4.2.11 jest-haste-map: 26.6.2 jest-regex-util: 26.0.0 jest-util: 26.6.2 @@ -11228,7 +11228,7 @@ packages: chownr: 1.1.4 figgy-pudding: 3.5.2 glob: 7.2.3 - graceful-fs: 4.2.6 + graceful-fs: 4.2.11 infer-owner: 1.0.4 lru-cache: 5.1.1 mississippi: 3.0.0 @@ -12109,7 +12109,7 @@ packages: resolution: {integrity: sha512-0Cbj7gyvFVApzpK/uhCtQ/9kE9UnYpxMzaq5nQQC/Dh4iaj5fxp7iEFIullrYwzj8nf0qnsI1Qsx34hAeAebvw==} engines: {node: '>=8'} dependencies: - graceful-fs: 4.2.6 + graceful-fs: 4.2.11 make-dir: 3.1.0 nested-error-stacks: 2.1.1 p-event: 4.2.0 @@ -12636,7 +12636,7 @@ packages: engines: {node: '>=10'} dependencies: globby: 11.1.0 - graceful-fs: 4.2.6 + graceful-fs: 4.2.11 is-glob: 4.0.3 is-path-cwd: 2.2.0 is-path-inside: 3.0.3 @@ -12992,7 +12992,7 @@ packages: resolution: {integrity: sha512-F/7vkyTtyc/llOIn8oWclcB25KdRaiPBpZYDgJHgh/UHtpgT2p2eldQgtQnLtUvfMKPKxbRaQM/hHkvLHt1Vng==} engines: {node: '>=6.9.0'} dependencies: - graceful-fs: 4.2.6 + graceful-fs: 4.2.11 memory-fs: 0.4.1 tapable: 1.1.3 dev: true @@ -13001,7 +13001,7 @@ packages: resolution: {integrity: sha512-Nv9m36S/vxpsI+Hc4/ZGRs0n9mXqSWGGq49zxb/cJfPAQMbUtttJAlNPS4AQzaBdw/pKskw5bMbekT/Y7W/Wlg==} engines: {node: '>=6.9.0'} dependencies: - graceful-fs: 4.2.6 + graceful-fs: 4.2.11 memory-fs: 0.5.0 tapable: 1.1.3 dev: true @@ -13010,7 +13010,7 @@ packages: resolution: {integrity: sha512-+DCows0XNwLDcUhbFJPdlQEVnT2zXlCv7hPxemTz86/O+B/hCQ+mb7ydkPKiflpVraqLPCAfu7lDy+hBXueojw==} engines: {node: '>=10.13.0'} dependencies: - graceful-fs: 4.2.6 + graceful-fs: 4.2.11 tapable: 2.2.1 dev: true @@ -14824,7 +14824,7 @@ packages: resolution: {integrity: sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==} engines: {node: '>=12'} dependencies: - graceful-fs: 4.2.6 + graceful-fs: 4.2.11 jsonfile: 6.1.0 universalify: 2.0.0 dev: true @@ -14833,7 +14833,7 @@ packages: resolution: {integrity: sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==} engines: {node: '>=14.14'} dependencies: - graceful-fs: 4.2.6 + graceful-fs: 4.2.11 jsonfile: 6.1.0 universalify: 2.0.0 dev: true @@ -14861,7 +14861,7 @@ packages: engines: {node: '>=10'} dependencies: at-least-node: 1.0.0 - graceful-fs: 4.2.6 + graceful-fs: 4.2.11 jsonfile: 6.1.0 universalify: 2.0.0 dev: true @@ -14884,7 +14884,7 @@ packages: /fs-write-stream-atomic@1.0.10: resolution: {integrity: sha512-gehEzmPn2nAwr39eay+x3X34Ra+M2QlVUTLhkXPjWdeO8RF9kszk116avgBJM3ZyNHgHXBNx+VmPaFC36k0PzA==} dependencies: - graceful-fs: 4.2.6 + graceful-fs: 4.2.11 iferr: 0.1.5 imurmurhash: 0.1.4 readable-stream: 2.3.8 @@ -16695,7 +16695,7 @@ packages: '@types/node': 15.12.4 anymatch: 3.1.3 fb-watchman: 2.0.2 - graceful-fs: 4.2.6 + graceful-fs: 4.2.11 jest-regex-util: 26.0.0 jest-serializer: 26.6.2 jest-util: 26.6.2 @@ -16898,7 +16898,7 @@ packages: engines: {node: '>= 10.14.2'} dependencies: '@types/node': 15.12.4 - graceful-fs: 4.2.6 + graceful-fs: 4.2.11 dev: true /jest-snapshot@28.1.3: @@ -16939,7 +16939,7 @@ packages: '@jest/types': 26.6.2 '@types/node': 15.12.4 chalk: 4.1.2 - graceful-fs: 4.2.6 + graceful-fs: 4.2.11 is-ci: 2.0.0 micromatch: 4.0.5 dev: true @@ -17176,7 +17176,7 @@ packages: /jsonfile@4.0.0: resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==} optionalDependencies: - graceful-fs: 4.2.6 + graceful-fs: 4.2.11 dev: true /jsonfile@6.1.0: @@ -17184,7 +17184,7 @@ packages: dependencies: universalify: 2.0.0 optionalDependencies: - graceful-fs: 4.2.6 + graceful-fs: 4.2.11 dev: true /jsonparse@1.3.1: @@ -17402,7 +17402,7 @@ packages: resolution: {integrity: sha512-cy7ZdNRXdablkXYNI049pthVeXFurRyb9+hA/dZzerZ0pGTx42z+y+ssxBaVV2l70t1muq5IdKhn4UtcoGUY9A==} engines: {node: '>=0.10.0'} dependencies: - graceful-fs: 4.2.6 + graceful-fs: 4.2.11 parse-json: 2.2.0 pify: 2.3.0 pinkie-promise: 2.0.1 @@ -17414,7 +17414,7 @@ packages: resolution: {integrity: sha512-Kx8hMakjX03tiGTLAIdJ+lL0htKnXjEZN6hk/tozf/WOuYGdZBJrZ+rCJRbVCugsjB3jMLn9746NsQIf5VjBMw==} engines: {node: '>=4'} dependencies: - graceful-fs: 4.2.6 + graceful-fs: 4.2.11 parse-json: 4.0.0 pify: 3.0.0 strip-bom: 3.0.0 @@ -17429,7 +17429,7 @@ packages: resolution: {integrity: sha512-OfCBkGEw4nN6JLtgRidPX6QxjBQGQf72q3si2uvqyFEMbycSFFHwAZeXx6cJgFM9wmLrf9zBwCP3Ivqa+LLZPw==} engines: {node: '>=6'} dependencies: - graceful-fs: 4.2.6 + graceful-fs: 4.2.11 js-yaml: 3.14.1 pify: 4.0.1 strip-bom: 3.0.0 @@ -19236,7 +19236,7 @@ packages: resolution: {integrity: sha512-S4eENJz1pkiQn9Znv33Q+deTOKmbl+jj1Fl+qiP/vYezj+S8x+J3Uo0ISrx/QoEvIlOaDWJhPaRd1flJ9HXZqg==} engines: {node: '>=0.10.0'} dependencies: - graceful-fs: 4.2.6 + graceful-fs: 4.2.11 pify: 2.3.0 pinkie-promise: 2.0.1 dev: true @@ -20543,7 +20543,7 @@ packages: resolution: {integrity: sha512-VIMnQi/Z4HT2Fxuwg5KrY174U1VdUIASQVWXXyqtNRtxSr9IYkn1rsI6Tb6HsrHCmB7gVpNwX6JxPTHcH6IoTA==} engines: {node: '>=6'} dependencies: - graceful-fs: 4.2.6 + graceful-fs: 4.2.11 js-yaml: 3.14.1 pify: 4.0.1 strip-bom: 3.0.0 @@ -20574,7 +20574,7 @@ packages: resolution: {integrity: sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==} engines: {node: '>=0.10'} dependencies: - graceful-fs: 4.2.6 + graceful-fs: 4.2.11 micromatch: 3.1.10(supports-color@6.1.0) readable-stream: 2.3.8 transitivePeerDependencies: @@ -23347,7 +23347,7 @@ packages: /watchpack@1.7.5: resolution: {integrity: sha512-9P3MWk6SrKjHsGkLT2KHXdQ/9SNkyoJbabxnKOoJepsvJjJG8uYTR3yTPxPQvNDI3w4Nz1xnE0TLHK4RIVe/MQ==} dependencies: - graceful-fs: 4.2.6 + graceful-fs: 4.2.11 neo-async: 2.6.2 optionalDependencies: chokidar: 3.5.3 @@ -23361,7 +23361,7 @@ packages: engines: {node: '>=10.13.0'} dependencies: glob-to-regexp: 0.4.1 - graceful-fs: 4.2.6 + graceful-fs: 4.2.11 dev: true /wcwidth@1.0.1: