nextui-org/nextui v1.0.0-beta.7 on GitHub

What's Changed

🚀 Features

A new theme palette was implemented because the old one doesn't support accessibility contrast, all components and docs were modified to use the new palette based on the radix-ui colors package https://www.radix-ui.com/colors. https://nextui.org/docs/theme/default-theme
The @react-aria packages have been upgraded
Refactor Checkbox, Use the props type provided by @react-aria/checkbox and discard the property mapping for better integration and ease of future updates.

📚 Docs

feat(examples): tailwindcss example added by @jrgarciadev in #429
chore(docs): remove unnecessary import from popover example by @tianenpang in #430
feat(examples): remix example added by @rguarascia in #416
fix(docs): typescript createTheme typings in docs by @AlexanderVishnevsky in #442
fix(docs-popover): 427/missing component popover docs by @jrgarciadev in #428
fix(docs-table): Fix inaccurate property name usage for selectionMode. by @zhulien-ivanov in #450
fix(docs-input): input APIs typo by @imentu in #454
fix(docs): unblurred menu bar firefox by @jrgarciadev in #460
refactor(docs): Update getting-started.mdx by @anoushk1234 in #452
fix(docs): fix default theme typo by @DannyNemer in #461
fix(docs): fix typos in theme/dark-mode.mdx by @DannyNemer in #464

📦 Repo

feat(repo): new PR template added by @jrgarciadev in #428

🐛 Fixes

fix(react): #291 Stitches compatibility with typescript by @tianenpang in #434
fix(react-grid-container): Grid Container typo by @codrin-iftimie in #425
fix(react-table): #439 server-side rendering of the table with pagination by @tianenpang in #440
fix(react-card): :first-child/:last-child margin was removed by @jrgarciadev in #444
fix(react-button): ghost button fixed on mobile by @jrgarciadev in #445
fix(react-link): wrap it into a single child by @jrgarciadev in #446
fix(react-button): onClick keyboard by @jrgarciadev in #447
fix(react-checkbox): checkbox initial checked by @jrgarciadev in #448
fix(react-popover): The content of the popover appears blurred Closes… by @jrgarciadev in #459
fix(react-link): #391 Gradient Links broken on hove by @imentu in #451

⚙️ Refactors

refactor(react-theme): a new theme palette by @jrgarciadev in #443
refactor(react-checkbox): use react-aria/checkbox prop types instead for better integration by @tianenpang in #435
chore(react-root): react aria package has been upgraded by @jrgarciadev in #457

💣 Breaking changes:

New Palette: https://nextui.org/docs/theme/default-theme

If you are using any of the NextUI base colors or accents colors through the tokens or theme object you should see and migrate your tokens/variables, takes this into account:

500 step is now 600 for base colors ex: yellow500 (old) -> yellow600 (new)
accent1 is now accent0 an so on, ex: accent1 (old) -> accent0 (new)

Users will be able to import the colors separately as follows:

import { blue, yellow, blueDark, yellowDark, Text } from "@nextui-org/react";

export default function App() {
  return (
    <div>
      <Text color={blue.blue800}>Option A</Text>
    </div>
  );
}

Checkbox refactor

In order to avoid html props collisions, and have better integration with @react-aria hooks, we will be renaming the components prop, as follows:

Checkbox: https://nextui.org/docs/components/checkbox

Old APIs	New APIs
`checked`	`isSelected`
`initialChecked`	`defaultSelected`
`disabled`	`isDisabled`
`indeterminate`	`isIndeterminate`
`readOnly`	`isReadOnly`
`required`	`isRequired`
`animated`	`disableAnimation`
`rounded`	`isRounded`
`line`	`lineThrough`

Checkbox.Group: https://nextui.org/docs/components/checkbox-group

Old APIs	New APIs
`row`	`isRow`

This will be applied progressively to the components, take this into account because it causes breaking changes.

New Contributors

@codrin-iftimie made their first contribution in #425
@rguarascia made their first contribution in #416
@AlexanderVishnevsky made their first contribution in #442
@zhulien-ivanov made their first contribution in #450
@imentu made their first contribution in #454
@anoushk1234 made their first contribution in #452
@DannyNemer made their first contribution in #461

Huge thanks to @tianenpang 🙏🏻

Full Changelog: v1.0.0-beta.6...v1.0.0-beta.7