v1.0.0-beta.7

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