Update dependency @nextui-org/react to v1.0.0-beta.10

[renovate[bot]]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@nextui-org/react (source)	1.0.0-beta.7 -> 1.0.0-beta.10

---

Release Notes

nextui-org/nextui

### [`v1.0.0-beta.10`](https://togithub.com/nextui-org/nextui/releases/tag/v1.0.0-beta.10) [Compare Source](https://togithub.com/nextui-org/nextui/compare/v1.0.0-beta.9...v1.0.0-beta.10) #### What's Changed #### 🚀 Features - New component: [Navbar](https://nextui.org/navbar) [#​686](https://togithub.com/nextui-org/nextui/issues/686) by [@​jrgarciadev](https://togithub.com/jrgarciadev) - New component: [Badge](https://nextui.org/badge) [#​610](https://togithub.com/nextui-org/nextui/issues/610) by [@​jrgarciadev](https://togithub.com/jrgarciadev) - Additional `sizes` and `fontSizes` [#​558](https://togithub.com/nextui-org/nextui/issues/558) by [@​jrgarciadev](https://togithub.com/jrgarciadev) - Smaller bundle size [#​663](https://togithub.com/nextui-org/nextui/issues/663) by [@​TIMMLOPK](https://togithub.com/TIMMLOPK) #### 🐛 Fixes - fix(react-tooltip): tooltip story by [@​imchell](https://togithub.com/imchell) in [https://github.com/nextui-org/nextui/pull/537](https://togithub.com/nextui-org/nextui/pull/537) - fix(react-card): box shadow applied intead of box shadow filter on sa… by [@​jrgarciadev](https://togithub.com/jrgarciadev) in [https://github.com/nextui-org/nextui/pull/594](https://togithub.com/nextui-org/nextui/pull/594) - fix(react-table): react-stately props by [@​danielsimao](https://togithub.com/danielsimao) in [https://github.com/nextui-org/nextui/pull/564](https://togithub.com/nextui-org/nextui/pull/564) - fix(react-dropdown): zIndex for focused dropdown item by [@​shtelzerartem](https://togithub.com/shtelzerartem) in [https://github.com/nextui-org/nextui/pull/595](https://togithub.com/nextui-org/nextui/pull/595) - fix(react-switch): Switch Animation In Safari by [@​TroyTae](https://togithub.com/TroyTae) in [https://github.com/nextui-org/nextui/pull/553](https://togithub.com/nextui-org/nextui/pull/553) - fix(react-dropdown): add collections and menu deps of react-stately by [@​tianenpang](https://togithub.com/tianenpang) in [https://github.com/nextui-org/nextui/pull/616](https://togithub.com/nextui-org/nextui/pull/616) - fix(react-table): Table.Header column border-radius size [#​677](https://togithub.com/nextui-org/nextui/issues/677) by [@​wangly19](https://togithub.com/wangly19) in [https://github.com/nextui-org/nextui/pull/684](https://togithub.com/nextui-org/nextui/pull/684) #### ⚙️ Refactors - refactor(react-container): add forwardRef by [@​danielsimao](https://togithub.com/danielsimao) in [https://github.com/nextui-org/nextui/pull/567](https://togithub.com/nextui-org/nextui/pull/567) #### 📚 Docs - fix(docs): fix typos by [@​ZackKanter](https://togithub.com/ZackKanter) in [https://github.com/nextui-org/nextui/pull/540](https://togithub.com/nextui-org/nextui/pull/540) - fix(docs): Need Import React in Example by [@​MrScrappy](https://togithub.com/MrScrappy) in [https://github.com/nextui-org/nextui/pull/542](https://togithub.com/nextui-org/nextui/pull/542) - fix(docs): default value of animated props in avatar group by [@​shota8888](https://togithub.com/shota8888) in [https://github.com/nextui-org/nextui/pull/563](https://togithub.com/nextui-org/nextui/pull/563) - fix(docs): fix import error by [@​TroyTae](https://togithub.com/TroyTae) in [https://github.com/nextui-org/nextui/pull/575](https://togithub.com/nextui-org/nextui/pull/575) - fix(docs): unimported component in Card example by [@​imchell](https://togithub.com/imchell) in [https://github.com/nextui-org/nextui/pull/577](https://togithub.com/nextui-org/nextui/pull/577) - fix(docs): adjust contrast of text and svgs in the KBar component by [@​mattbudde](https://togithub.com/mattbudde) in [https://github.com/nextui-org/nextui/pull/588](https://togithub.com/nextui-org/nextui/pull/588) - fix(docs): remove unimplemented Dropdown API by [@​imchell](https://togithub.com/imchell) in [https://github.com/nextui-org/nextui/pull/587](https://togithub.com/nextui-org/nextui/pull/587) - fix(docs): fix input typos by [@​benmneb](https://togithub.com/benmneb) in [https://github.com/nextui-org/nextui/pull/604](https://togithub.com/nextui-org/nextui/pull/604) - fix(docs): wrong case in image props by [@​sapkra](https://togithub.com/sapkra) in [https://github.com/nextui-org/nextui/pull/603](https://togithub.com/nextui-org/nextui/pull/603) - fix(docs): Kbar change theme by [@​danielsimao](https://togithub.com/danielsimao) in [https://github.com/nextui-org/nextui/pull/599](https://togithub.com/nextui-org/nextui/pull/599) - fix(docs): change media page title by [@​imchell](https://togithub.com/imchell) in [https://github.com/nextui-org/nextui/pull/620](https://togithub.com/nextui-org/nextui/pull/620) - fix(docs): grammar in loading docs by [@​chainerprince](https://togithub.com/chainerprince) in [https://github.com/nextui-org/nextui/pull/628](https://togithub.com/nextui-org/nextui/pull/628) - fix(docs): fix typo in the Table docs by [@​denniskigen](https://togithub.com/denniskigen) in [https://github.com/nextui-org/nextui/pull/625](https://togithub.com/nextui-org/nextui/pull/625) - fix(docs): fix typos in image docs by [@​MForMarlon](https://togithub.com/MForMarlon) in [https://github.com/nextui-org/nextui/pull/645](https://togithub.com/nextui-org/nextui/pull/645) - fix(docs): remove wrong imports in custom cells example by [@​tianenpang](https://togithub.com/tianenpang) in [https://github.com/nextui-org/nextui/pull/654](https://togithub.com/nextui-org/nextui/pull/654) - fix(docs): codesandbox error in content input by [@​tianenpang](https://togithub.com/tianenpang) in [https://github.com/nextui-org/nextui/pull/655](https://togithub.com/nextui-org/nextui/pull/655) #### 📦 Repo - feat(repo): better eslint/prettier configuration by [@​jrgarciadev](https://togithub.com/jrgarciadev) in [https://github.com/nextui-org/nextui/pull/558](https://togithub.com/nextui-org/nextui/pull/558) - feat(repo): Adding links in contribution and code of conduct by [@​nerdjfpb](https://togithub.com/nerdjfpb) in [https://github.com/nextui-org/nextui/pull/632](https://togithub.com/nextui-org/nextui/pull/632) - chore(repo): Force build and upgrade some versions of action by [@​tianenpang](https://togithub.com/tianenpang) in [https://github.com/nextui-org/nextui/pull/651](https://togithub.com/nextui-org/nextui/pull/651) - chore(repo): build and deploy with vercel by [@​tianenpang](https://togithub.com/tianenpang) in [https://github.com/nextui-org/nextui/pull/652](https://togithub.com/nextui-org/nextui/pull/652) #### 🚀 New behavior ##### [Typography](https://nextui.org/docs/theme/default-theme#typography) units changes: - New space units were added to the common theme `2xl...9xl`, `min: "min-content"`, `max: "max-content"`, `fit: "fit-content"`, `screen: "100vw"`, `full: "100%"` - `Text` component now supports any value from `fontSizes` (e.g. "3xl") theme in addition to `number` (e.g. 14) and `string` (e.g. "20px") e.g. ```tsx import {Text} from "@​nextui-org/react"; function App({ Component }) { return ( Hello World ); } ``` > The idea is to implement the same `Text` size behaviour in the future in other components like `Grid`, `Row` etc. to take advantage of the theme `tokens` ##### [Breakpoints Media](https://nextui.org/docs/theme/media) ```diff export const media = { xs: `(min-width: ${defaultTokens.breakpoints.xs})`, sm: `(min-width: ${defaultTokens.breakpoints.sm})`, md: `(min-width: ${defaultTokens.breakpoints.md})`, lg: `(min-width: ${defaultTokens.breakpoints.lg})`, xl: `(min-width: ${defaultTokens.breakpoints.xl})`, + xsMin: `(min-width: ${defaultTokens.breakpoints.xs})`, + smMin: `(min-width: ${defaultTokens.breakpoints.sm})`, + mdMin: `(min-width: ${defaultTokens.breakpoints.md})`, + lgMin: `(min-width: ${defaultTokens.breakpoints.lg})`, + xlMin: `(min-width: ${defaultTokens.breakpoints.xl})`, xsMax: `(max-width: ${defaultTokens.breakpoints.xs})`, smMax: `(max-width: ${defaultTokens.breakpoints.sm})`, mdMax: `(max-width: ${defaultTokens.breakpoints.md})`, lgMax: `(max-width: ${defaultTokens.breakpoints.lg})`, xlMax: `(max-width: ${defaultTokens.breakpoints.xl})`, motion: '(prefers-reduced-motion)', safari: 'not all and (min-resolution:.001dpcm)', hover: '(any-hover: hover)', dark: '(prefers-color-scheme: dark)', light: '(prefers-color-scheme: light)' }; ``` e.g. ```tsx import {Text} from "@​nextui-org/react"; function App({ Component }) { return ( Hello World ); } ``` ##### [Dropdown API](https://nextui.org/docs/components/dropdown#apis) - ` disableTriggerPressedAnimation ` prop added to the `Dropdown` - Whether the trigger should show a pressed animation when the menu is open. - `showFullDescription` prop added to the `Dropdown.Item` - Whether the item description should be truncated or not. ##### [Text API](https://nextui.org/docs/components/text#apis) - `hideIn` prop added - Whether the Text should be hidden from selected breakpoint. - `showIn` prop added - Whether the Text should be visible only from the selected breakpoint. #### 💣 Breaking changes: #### [Link API](https://nextui.org/docs/components/link#apis) | OLD APIs | NEW APIs | |---------------|--------------------| | `icon` | `isExternal` | #### The margin of some HTML primitives has been removed from the `CssBaseline` ```diff - "dl, dd, hr, figure, p": { - margin: 0, - }, ``` #### [Typography](https://nextui.org/docs/theme/default-theme#typography) units changes: - Some `fontSizes` were renamed from `xl2...xl9` to `2xl...9xl` - Some `lineHeights` were renamed from `xl2...xl9` to `2xl...9xl` #### New Contributors - [@​ZackKanter](https://togithub.com/ZackKanter) made their first contribution in [https://github.com/nextui-org/nextui/pull/540](https://togithub.com/nextui-org/nextui/pull/540) - [@​MrScrappy](https://togithub.com/MrScrappy) made their first contribution in [https://github.com/nextui-org/nextui/pull/542](https://togithub.com/nextui-org/nextui/pull/542) - [@​shota8888](https://togithub.com/shota8888) made their first contribution in [https://github.com/nextui-org/nextui/pull/563](https://togithub.com/nextui-org/nextui/pull/563) - [@​TroyTae](https://togithub.com/TroyTae) made their first contribution in [https://github.com/nextui-org/nextui/pull/575](https://togithub.com/nextui-org/nextui/pull/575) - [@​mattbudde](https://togithub.com/mattbudde) made their first contribution in [https://github.com/nextui-org/nextui/pull/588](https://togithub.com/nextui-org/nextui/pull/588) - [@​danielsimao](https://togithub.com/danielsimao) made their first contribution in [https://github.com/nextui-org/nextui/pull/567](https://togithub.com/nextui-org/nextui/pull/567) - [@​shtelzerartem](https://togithub.com/shtelzerartem) made their first contribution in [https://github.com/nextui-org/nextui/pull/595](https://togithub.com/nextui-org/nextui/pull/595) - [@​benmneb](https://togithub.com/benmneb) made their first contribution in [https://github.com/nextui-org/nextui/pull/604](https://togithub.com/nextui-org/nextui/pull/604) - [@​sapkra](https://togithub.com/sapkra) made their first contribution in [https://github.com/nextui-org/nextui/pull/603](https://togithub.com/nextui-org/nextui/pull/603) - [@​denniskigen](https://togithub.com/denniskigen) made their first contribution in [https://github.com/nextui-org/nextui/pull/625](https://togithub.com/nextui-org/nextui/pull/625) - [@​nerdjfpb](https://togithub.com/nerdjfpb) made their first contribution in [https://github.com/nextui-org/nextui/pull/632](https://togithub.com/nextui-org/nextui/pull/632) - [@​MForMarlon](https://togithub.com/MForMarlon) made their first contribution in [https://github.com/nextui-org/nextui/pull/645](https://togithub.com/nextui-org/nextui/pull/645) - [@​wangly19](https://togithub.com/wangly19) made their first contribution in [https://github.com/nextui-org/nextui/pull/684](https://togithub.com/nextui-org/nextui/pull/684) Huge thanks to all contributors 🙏🏻 **Full Changelog**: https://github.com/nextui-org/nextui/compare/v1.0.0-beta.9...v1.0.0-beta.10 ### [`v1.0.0-beta.9`](https://togithub.com/nextui-org/nextui/releases/tag/v1.0.0-beta.9) [Compare Source](https://togithub.com/nextui-org/nextui/compare/v1.0.0-beta.8...v1.0.0-beta.9) #### What's Changed #### 🚀 Features - React 18 support: Basic support for React 18. Strict mode support will be done separately. #[https://github.com/nextui-org/nextui/pull/531](https://togithub.com/nextui-org/nextui/pull/531) based on [https://github.com/adobe/react-spectrum/pull/3108](https://togithub.com/adobe/react-spectrum/pull/3108) - New prop `allowTextSelectionOnPress` was added to the Card in order to control whether text selection should be enabled on the pressable element. #### 🐛 Fixes - fix(react-card): Card ids mismatch issue [https://github.com/nextui-org/nextui/pull/531](https://togithub.com/nextui-org/nextui/pull/531) - fix(react-card): Card internal components hover and text copy [https://github.com/nextui-org/nextui/pull/523](https://togithub.com/nextui-org/nextui/pull/523) - fix(react-card): Card text selection by [@​imchell](https://togithub.com/imchell) in [https://github.com/nextui-org/nextui/pull/520](https://togithub.com/nextui-org/nextui/pull/520) - fix(react-dropdown): Dropdown trigger ref forwarded [https://github.com/nextui-org/nextui/pull/533](https://togithub.com/nextui-org/nextui/pull/533) - fix(react-button): Press props are now being passed to the button [https://github.com/nextui-org/nextui/pull/533](https://togithub.com/nextui-org/nextui/pull/533) - fix(react-spacer): spacer stories by [@​imchell](https://togithub.com/imchell) in [https://github.com/nextui-org/nextui/pull/526](https://togithub.com/nextui-org/nextui/pull/526) #### 📚 Docs - chore(docs): bolded keywords in blockquotes by [@​tianenpang](https://togithub.com/tianenpang) in [https://github.com/nextui-org/nextui/pull/513](https://togithub.com/nextui-org/nextui/pull/513) - fix(docs-layout): wrapped card in `Card.Body` and added background color by [@​tianenpang](https://togithub.com/tianenpang) in [https://github.com/nextui-org/nextui/pull/514](https://togithub.com/nextui-org/nextui/pull/514) - fix(docs): missing key in code examples by [@​ShellarFX](https://togithub.com/ShellarFX) in [https://github.com/nextui-org/nextui/pull/478](https://togithub.com/nextui-org/nextui/pull/478) - fix(docs): remove unavailable APIs by [@​imchell](https://togithub.com/imchell) in [https://github.com/nextui-org/nextui/pull/519](https://togithub.com/nextui-org/nextui/pull/519) - fix(docs): Updated Spelling & Grammar - Default Theme Page by [@​saadamirpk](https://togithub.com/saadamirpk) in [https://github.com/nextui-org/nextui/pull/518](https://togithub.com/nextui-org/nextui/pull/518) #### New Contributors - [@​ShellarFX](https://togithub.com/ShellarFX) made their first contribution in [https://github.com/nextui-org/nextui/pull/478](https://togithub.com/nextui-org/nextui/pull/478) - [@​saadamirpk](https://togithub.com/saadamirpk) made their first contribution in [https://github.com/nextui-org/nextui/pull/518](https://togithub.com/nextui-org/nextui/pull/518) **Full Changelog**: https://github.com/nextui-org/nextui/compare/v1.0.0-beta.8...v1.0.0-beta.9 ### [`v1.0.0-beta.8`](https://togithub.com/nextui-org/nextui/releases/tag/v1.0.0-beta.8) [Compare Source](https://togithub.com/nextui-org/nextui/compare/v1.0.0-beta.7...v1.0.0-beta.8) #### What's Changed #### 🚀 Features - \[NEW COMPONENT]: **Dropdown** component has been created, based on react-aria hooks: `useMenu` `useMenuItem` `useMenuSection` `useTreeState` [#​507](https://togithub.com/nextui-org/nextui/issues/507) - Utilities added to the Stitches CSS library: ```diff + ds: (value) => ({ + dropShadow: value + }), + shadow: (value) => ({ + boxShadow: value + }), + dshadow: (value) => ({ + dropShadow: value + }), + dropShadow: (value) => ({ + filter: `$dropShadows${value}` + }), ``` - New theme key -> dropShadows (to use along with css dropShadow utility) **Light Theme:** ```diff dropShadows: { + xs: 'drop-shadow(0 2px 4px rgb(104 112 118 / 0.07)) drop-shadow(0 1px 1px rgb(104 112 118 / 0.04))', + sm: 'drop-shadow(0 2px 8px rgb(104 112 118 / 0.07)) drop-shadow(0 2px 4px rgb(104 112 118 / 0.04))', + md: 'drop-shadow(0 4px 12px rgb(104 112 118 / 0.08)) drop-shadow(0 20px 8px rgb(104 112 118 / 0.04))', + lg: 'drop-shadow(0 12px 24px rgb(104 112 118 / 0.15)) drop-shadow(0 12px 14px rgb(104 112 118 / 0.1))', + xl: 'drop-shadow(0 25px 34px rgb(104 112 118 / 0.35))' } ``` **Dark Theme:** ```diff dropShadows: { + xs: 'drop-shadow(0 2px 4px rgb(0 0 0 / 0.07)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.04))', + sm: 'drop-shadow(0 2px 8px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 4px rgb(0 0 0 / 0.04))', + md: 'drop-shadow(0 4px 12px rgb(0 0 0 / 0.08)) drop-shadow(0 20px 8px rgb(0 0 0 / 0.04))', + lg: 'drop-shadow(0 12px 24px rgb(0 0 0 / 0.15)) drop-shadow(0 12px 14px rgb(0 0 0 / 0.1))', + xl: 'drop-shadow(0 25px 34px rgb(0 0 0 / 0.35))' } ``` Usage example: ```jsx ``` #### 🐛 Fixes - \[react] Table safari row jitters on hover by [@​jrgarciadev](https://togithub.com/jrgarciadev) in [https://github.com/nextui-org/nextui/pull/510](https://togithub.com/nextui-org/nextui/pull/510) - \[react] User props and link warnings by [@​tianenpang](https://togithub.com/tianenpang) in [https://github.com/nextui-org/nextui/pull/466](https://togithub.com/nextui-org/nextui/pull/466) - \[docs] Prevent anchor links from hiding behind the navbar by [@​imchell](https://togithub.com/imchell) in [https://github.com/nextui-org/nextui/pull/502](https://togithub.com/nextui-org/nextui/pull/502) - \[docs]: navbar background transparent after refreshing by [@​tianenpang](https://togithub.com/tianenpang) in [https://github.com/nextui-org/nextui/pull/493](https://togithub.com/nextui-org/nextui/pull/493) - \[docs]: Fix typo in `override-styles.mdx` by [@​DannyNemer](https://togithub.com/DannyNemer) in [https://github.com/nextui-org/nextui/pull/486](https://togithub.com/nextui-org/nextui/pull/486) - \[docs]: Comma typo in customize theme code example by [@​tianenpang](https://togithub.com/tianenpang) in [https://github.com/nextui-org/nextui/pull/472](https://togithub.com/nextui-org/nextui/pull/472) #### ⚙️ Refactors - `Radio`refactor and integration with [`react-aria/radio`](https://react-spectrum.adobe.com/react-aria/useRadioGroup.html). by [@​tianenpang](https://togithub.com/tianenpang) [#​491](https://togithub.com/nextui-org/nextui/issues/491) - `Card` refactor and integration with `usePress` and `useHover` **react-aria** hooks. by [@​jrgarciadev](https://togithub.com/jrgarciadev) [#​511](https://togithub.com/nextui-org/nextui/issues/511) - New grey scale: in order to have better grey/dark contrast, a Slate one changed the grey palette by [@​jrgarciadev](https://togithub.com/jrgarciadev) [#​483](https://togithub.com/nextui-org/nextui/issues/483) - Theme shadows have been improved and are now more consistent, a new key for drop shadows was added. by [@​jrgarciadev](https://togithub.com/jrgarciadev) [#​511](https://togithub.com/nextui-org/nextui/issues/511) - Theme font sizes have been improved and are now more consistent. by [@​jrgarciadev](https://togithub.com/jrgarciadev) [#​511](https://togithub.com/nextui-org/nextui/issues/511) - Theme line heights have been improved and are now more consistent. by [@​jrgarciadev](https://togithub.com/jrgarciadev) [#​511](https://togithub.com/nextui-org/nextui/issues/511) - Docs components and core components have been updated in order to fit the new font sizes and shadows by [@​jrgarciadev](https://togithub.com/jrgarciadev) [#​511](https://togithub.com/nextui-org/nextui/issues/511) - Amend utility function `bgBlur` to not modulate background value by [@​DannyNemer](https://togithub.com/DannyNemer) in [https://github.com/nextui-org/nextui/pull/485](https://togithub.com/nextui-org/nextui/pull/485) #### 📚 Docs - Confetti position by [@​tianenpang](https://togithub.com/tianenpang) in [https://github.com/nextui-org/nextui/pull/469](https://togithub.com/nextui-org/nextui/pull/469) - Support button by [@​jrgarciadev](https://togithub.com/jrgarciadev) in [https://github.com/nextui-org/nextui/pull/471](https://togithub.com/nextui-org/nextui/pull/471) #### 📦 Repo - Limit node version to make Storybook work properly (fix [#​498](https://togithub.com/nextui-org/nextui/issues/498)) by [@​imchell](https://togithub.com/imchell) in [https://github.com/nextui-org/nextui/pull/499](https://togithub.com/nextui-org/nextui/pull/499) - Theme toggle with nextui by [@​tianenpang](https://togithub.com/tianenpang) in [https://github.com/nextui-org/nextui/pull/492](https://togithub.com/nextui-org/nextui/pull/492) #### 💣 Breaking changes: #### Card APIs breaking changes - `bordered` prop has been removed, use `variant="bordered"` instead. - `shadow` prop has been removed, use `variant="shadow"` instead. - `cover` prop has been removed, use `objectFit="cover"` image prop instead. | Old APIs | New APIs | | ----------- | ------------------ | | `clickable` | `isPressable` | | `hoverable` | `isHoverable` | | `animated` | `disableAnimation` | ##### Card.Footer APIs breaking changes | Old APIs | New APIs | | -------- | ----------- | | `blur` | `isBlurred` | **Card Implementation difference**: NextUI is no longer automatically wrapping the children in a `Card.Body` component (since it causes a lot of issues), it means that you have to do it yourself. ```diff + A basic card + ``` #### Theme breaking changes ##### Font sizes breaking changes ```diff fontSizes: { - tiny: '.75rem', - xs: '0.875rem', - base: '1rem', - sm: '1.25rem', - md: '1.5rem', - lg: '2.25rem', - xl: '3rem' + xs: '0.75rem', /* 12px */ + sm: '0.875rem', /* 14px */ + base: '1rem', /* 16px */ + md: '1rem', /* 16px */ + lg: '1.125rem', /* 18px */ + xl: '1.25rem', /* 20px */ + xl2: '1.5rem', /* 24px */ + xl3: '1.875rem', /* 30px */ + xl4: '2.25rem', /* 36px */ + xl5: '3rem', /* 48px */ + xl6: '3.75rem', /* 60px */ + xl7: '4.5rem', /* 72px */ + xl8: '6rem', /* 96px */ + xl9: '8rem', /* 128px */ } ``` ##### Line heights breaking changes ```diff lineHeights: { - xs: 1, - sm: 1.25, - md: 1.5, - lg: 1.625, - xl: 1.75 + xs: 1, /* 16px */ + sm: 1.25, /* 20px */ + base: 1.5, /* 24px */ + md: 1.5, /* 24px */ + lg: 1.75, /* 28px */ + xl: 1.75, /* 28px */ + xl2: 2, /* 32px */ + xl3: 2.25, /* 36px */ + xl4: 2.5, /* 40px */ + xl5: 1, + xl6: 1, + xl7: 1, + xl8: 1, + xl9: 1 } ``` ##### Shadows breaking changes **Light Theme:** ```diff shadows: { - xs: '-4px 0 4px rgb(0 0 0 / 5%);', - sm: '0 5px 20px -5px rgba(0, 0, 0, 0.1)', - md: '0 8px 30px rgba(0, 0, 0, 0.15)', - lg: '0 30px 60px rgba(0, 0, 0, 0.15)', - xl: '0 40px 80px rgba(0, 0, 0, 0.25)' + xs: '0 2px 8px 1px rgb(104 112 118 / 0.07), 0 1px 1px -1px rgb(104 112 118 / 0.04)', + sm: '0 2px 8px 2px rgb(104 112 118 / 0.07), 0 2px 4px -1px rgb(104 112 118 / 0.04)', + md: '0 12px 20px 6px rgb(104 112 118 / 0.08)', + lg: '0 12px 34px 6px rgb(104 112 118 / 0.18)', + xl: '0 25px 65px 0px rgb(104 112 118 / 0.35)' } ``` **Dark Theme:** ```diff shadows: { - xs: '-4px 0 15px rgb(0 0 0 / 50%)', - sm: '0 5px 20px -5px rgba(20, 20, 20, 0.1)', - md: '0 8px 30px rgba(20, 20, 20, 0.15)', - lg: '0 30px 60px rgba(20, 20, 20, 0.15)', - xl: '0 40px 80px rgba(20, 20, 20, 0.25)' + xs: '0 2px 8px 1px rgb(0 0 0 / 0.07), 0 1px 1px -1px rgb(0 0 0 / 0.04)', + sm: '0 2px 8px 2px rgb(0 0 0 / 0.07), 0 2px 4px -1px rgb(0 0 0 / 0.04)', + md: '0 12px 20px 6px rgb(0 0 0 / 0.08)', + lg: '0 12px 34px 6px rgb(0 0 0 / 0.18)', + xl: '0 25px 65px 0px rgb(0 0 0 / 0.35)' } ``` #### Radio APIs breaking changes - `Radio` needs to be wrapped in the `Radio.Group`. ##### Radio Props | OLD APIs | NEW APIs | |------------------|--------------------| | `textColor` | `labelColor` | | `animated` | `disableAnimation` | | `squared` | `isSquared` | | `disabled` | `isDisabled` | ##### Radio Group Props | OLD APIs | NEW APIs | |------------------------------------|--------------------------------| | `textColor` | `labelColor` | | `value: string, number` | `value: string` | | `initialValue: string, number` | `defaultValue: string` | | | `disabled` | `isDisabled` | | `onChange: (e:RadioEvent) => void` | `onChange: (value: T) => void` | - `row` prop has been removed, use `orientation="horizontal"` instead. - `Radio.Description` and `Radio.Desc` sub-components have been removed, use `description` prop instead. ```diff - + - - Option 1Description for Option1 - + + Option 1 + ``` #### Checkbox APIs breaking changes - `row` prop has been removed, use `orientation="horizontal"` instead. #### New Contributors - [@​imchell](https://togithub.com/imchell) made their first contribution in [https://github.com/nextui-org/nextui/pull/502](https://togithub.com/nextui-org/nextui/pull/502) **Full Changelog**: https://github.com/nextui-org/nextui/compare/v1.0.0-beta.7...v1.0.0-beta.8

---

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• [ ] If you want to rebase/retry this PR, click this checkbox.

---

This PR has been generated by Mend Renovate. View repository job log here.

[netlify[bot]]

❌ Deploy Preview for fanciful-rolypoly-bec1a8 failed.

Name	Link
🔨 Latest commit	6749591cb94d7b576b13c76b8b9c2dd7d46757a0
🔍 Latest deploy log	https://app.netlify.com/sites/fanciful-rolypoly-bec1a8/deploys/6311773beaa678000a2a3f40

[github-actions[bot]]

Stale pull request message

[renovate[bot]]

Renovate Ignore Notification

As this PR has been closed unmerged, Renovate will now ignore this update (1.0.0-beta.10). You will still receive a PR once a newer version is released, so if you wish to permanently ignore this dependency, please add it to the ignoreDeps array of your renovate config.

If this PR was closed by mistake or you changed your mind, you can simply rename this PR and you will soon get a fresh replacement PR opened.