v0.22.0

What's Changed

Moved the new components to raystack/v1/components by @paanSinghCoder

• Adds below changes:
  • Button component
  • Spinner component
  • Breadcrumb component
  • Avatar component
  • Dropdown component
  • Toast component
  • New CSS variables
  • Theme provider
• Moved the new components to raystack/v1/components . - - The old components also exists in their original places.
• Add a file index.ts in raystack/v2 folder with exports like below:

export { Button } from './components/button'
// ... other v1 component exports

• The index.tsx file in raystack folder exports above v2 components like below:

// old exports
...

// v1 exports
export * as v2 from "./v2"

• All other changes that were there in v1 branch so far.
• Add new CSS variables in raystack/v1/styles.
• New rollup config to generate dist and dist/v1.
• Style.css files (old and v1) are merged during build.

Migration guide

• Update Apsara to v1.X.X to start using the new components.

• New components should be imported like below:
  import { Button } from '@raystack/apsara/v1'

• New components that are present in v1 are also present in old folder to avoid breaking existing code with deprecation notice.
  import { Button } from '@raystack/apsara -> This will work but throw a deprecation warning. It will be removed within next few releases.

• Old and v1 styles are merged during the build. It has to be imported same as before in project top level:
  import "@raystack/apsara/style.css";

• All new CSS variables have a --rs- prefix.

• v1 components docs overwrites the old docs. This is done to discourage use of deprecated components.

• All new components are marked with a New badge in docs along with docs for the old components which are yet to be migrated. The URL remains the same (will be updated after the release).

Known issues

• There are a few ongoing issues with the docs. We use MDX for it and might move to Storybook in the future.

Full Changelog: v0.21.1...v0.22.0