Changelog

All updates and improvements to Saas UI

Sep 18, 2022

09-17-2022#

Sidebar v0.1.1

  • Forward ref to Sidebar container

Sep 17, 2022

09-17-2022#

@saas-ui/react@1.4.1

  • Custom Field onChange and onBlur handlers will no longer override the internal HookForm handlers.

Forms v1.2.1

  • Custom Field onChange and onBlur handlers will no longer override the internal HookForm handlers.

App Shell v1.1.0

  • Added AppShell component to core

Theme v1.3.0

  • Added AppShell component to core
  • Added Sidebar component to core

Collapse v1.1.1

  • useCollapse can now be fully controlled

Sidebar v0.1.0

  • Added Sidebar component to core

Sep 8, 2022

09-08-2022#

@saas-ui/react@1.4.0

  • Form now accepts a render function with form state props.
  • Re-export all React Hook Form types and hooks
  • New onChange prop for Form that triggers when the form state is changed.

Auth v1.3.0 Forms v1.2.0 Modals v1.2.0

Aug 6, 2022

08-06-2022#

@saas-ui/react@1.3.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.
  • Only show list item outline when it is focused with keyboard nav

Auth v1.2.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

Banner v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

Button v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

Card v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

Clerk v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

Data Table v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

Forms v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

Hooks v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

Hotkeys v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

Input Right Button v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

Layout v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

List v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.
  • Only show list item outline when it is focused with keyboard nav

Menu v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

Modals v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

Nprogress v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

Number Input v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

Palette v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

Password Input v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

Persona v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

Pin Input v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

Property v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

Provider v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

Radio v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

React Utils v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

Search Input v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

Select v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

Snackbar v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

Stepper v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

System v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

Theme v1.2.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

Web 3 v1.1.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

Next Workspaces v0.3.0

  • Fixed issue where Next.js would not resolve Chakra UI components correctly.

Aug 4, 2022

08-04-2022#

Hooks v1.0.2

  • useLocalStorage now returns the defaultValue if no value is available and is updated across tabs.

Jul 24, 2022

07-24-2022#

@saas-ui/react@1.2.1

  • Fall back to label prop in password forms

Auth v1.1.1

  • Fall back to label prop in password forms

Jul 23, 2022

07-23-2022#

@saas-ui/react@1.2.0

  • Auth forms field labels can now be customized, thanks to @nadiles.
  • Make sure FormStep onSubmit does not throw an error when no promise is returned.
  • Fixed a typo in the AuthForm styles provider.
  • PasswordInput width now applied to the FormGroup element.

Auth v1.1.0

  • Auth forms field labels can now be customized, thanks to @nadiles.
  • Fixed a typo in the AuthForm styles provider.

Forms v1.0.3

  • Make sure FormStep onSubmit does not throw an error when no promise is returned.

Password Input v1.0.2

  • PasswordInput width now applied to the FormGroup element.

Jul 14, 2022

07-08-2022#

@saas-ui/react@1.1.0

  • The Saas UI theme now uses InterVariable instead of Inter by default.

Theme v1.1.0

  • The Saas UI theme now uses InterVariable instead of Inter by default.

Hotkeys v1.0.1

  • Removed dependency

Jul 8, 2022

07-08-2022#

@saas-ui/react@1.1.0

  • The Saas UI theme now uses InterVariable instead of Inter by default.

Read more about settings up fonts in your theme.

Theme v1.1.0

  • The Saas UI theme now uses InterVariable instead of Inter by default.

Hotkeys v1.0.1

  • Removed dependency

Jul 3, 2022

07-03-2022#

Forms v1.0.2

  • fix: Fixed Hook Form 7.33 compatibility.

Input Right Button v1.0.1

  • fix: Fixed peer dependency issue.

Jul 2, 2022

07-02-2022#

@saas-ui/react@1.0.1

  • BannerContent flexDirection set to column on small screens.
  • Support JSONSchema title in field resolvers
  • Select field focus styles now consistent with Input fields.
  • Fixed @chakra-ui/system dependency version.

Banner v1.0.1

  • BannerContent flexDirection set to column on small screens.

Forms v1.0.1

  • Support JSONSchema title in field resolvers
  • Select field focus styles now consistent with Input fields.
  • FormDialog with AutoForm now sets focus on first field by default.

Modals v1.0.1

  • FormDialog with AutoForm now sets focus on first field by default.

Jun 30, 2022

@saas-ui/react@1.0.0

I'm pleased to announce Saas UI Core v1 is officially out! 🥳

Special thanks to all the early adopters for your feedback and contributions.

The release of Chakra UI 2 and React 18 was a great milestone for the last push of this release. Moving forward, you can expect more components (DatePicker, Timeline, to name a few), and more examples and starter projects for all popular frameworks.

If you have ideas or feedback, feel free to open an Github issue or come hang out in the new public Discord channel.


  • Card now has a isHoverable property to support hover styles.
  • breaking: Updated to Chakra UI 2.1
  • NativeSelect now accepts chilren and doesn't throw if no options are passed.
  • Added Json Schema (ajv) support for AutoForm.
  • Added ErrorBoundary component.
  • Scale reset button icon based on the input size.
  • Add exports entry for ajv
  • Re-publish.
  • Updated to Chakra UI 2.2.1
  • Updated dependencies.
  • FormStep now supports an onSubmit handler.
  • No longer passing down label to input fields.
  • Updated all readme files, added better descriptions and links to docs and source code.
  • Option labels are now optional.
  • Added new RouterProvider and useActivePath now uses Router context.
  • ArrayFieldRowFields now accepts all FormLayout props (#48).
  • Stepper now accepts an onChange handler.
  • ArrayField no longer passing down items to the container element.
  • Initial release candidate
  • Field is now correctly typed based on the field type.
  • Fix vertical orientation for FormStepper.
  • Modern bundles now use .mjs extension.
  • Updated to Chakra UI 2.2.1
  • #50 - Fixed StepForm render prop types.
  • Fixed vertical divider rendering incorrectly.
  • Removed redundant ThemeProvider / CSSReset and GlobalStyles components.
  • AutoForm now renders children.
  • Fixed all theme onconsistencies.
  • Added missing dependency.
  • Spacing between pin inputs can now be configured.
  • InputField now has type="text" by default.
  • ContextMenu now passing down all props to the internal Menu.
  • Select now renders a hidden input with the current value.
  • New primary and secondary Button variant.
  • breaking: React 18 support.
  • Removed isPrimary and isSecondary Button properties, use variant="primary" instead.

Jun 29, 2022

@saas-ui/react@1.0.0-rc.14

Hotkeys v1.0.0-rc.5

  • HotkeysSearch now accepts SearchInputProps

Collapse v1.0.0-rc.5

  • Fixed type issue

@saas-ui/react@1.0.0-rc.13

  • Updated dependencies.
  • Updated to Clerk React 3.4.1

Collapse v1.0.0-rc.4

  • Updated dependencies.
  • Updated classname prefix to saas-

Props Docs v1.0.0-rc.4

  • Updated props.

Jun 28, 2022

06-28-2022#

@saas-ui/react@1.0.0-rc.11

  • Added ErrorBoundary component.
  • FormStep now supports an onSubmit handler.
  • Fixed vertical divider rendering incorrectly.

Forms v1.0.0-rc.10

  • FormStep now supports an onSubmit handler.

Property v1.0.0-rc.5

  • Bump version

Provider v1.0.0-rc.6

  • Bump version

Jun 24, 2022

06-24-2022#

@saas-ui/react@1.0.0-rc.10

  • Card now has a isHoverable property to support hover styles.
  • Option labels are now optional.
  • ArrayFieldRowFields now accepts all FormLayout props (#48).
  • Field is now correctly typed based on the field type.
  • #50 - Fixed StepForm render prop types.
  • New primary and secondary Button variant.

Card v1.0.0-rc.4

  • Card now has a isHoverable property to support hover styles.

Forms v1.0.0-rc.9

  • Option labels are now optional.
  • ArrayFieldRowFields now accepts all FormLayout props (#48).
  • Field is now correctly typed based on the field type.
  • #50 - Fixed StepForm render prop types.

Provider v1.0.0-rc.5

  • Removed dependency on querystring.

Button v1.0.0-rc.4

  • New primary and secondary Button variant.

Jun 15, 2022

@saas-ui/react@1.0.0-rc.9

  • Scale reset button icon based on the input size.
  • Updated all readme files, added better descriptions and links to docs and source code.
  • Removed isPrimary and isSecondary Button properties, use colorScheme="primary" instead.

Jun 14, 2022

@saas-ui/react@1.0.0-rc.8

  • Fix vertical orientation for FormStepper.

Jun 9, 2022

@saas-ui/react@1.0.0-rc.7

  • Add exports entry for ajv

Jun 8, 2022

@saas-ui/react@1.0.0-rc.6

  • Added Json Schema (ajv) support for AutoForm.

@saas-ui/react@1.0.0-rc.6

  • Stepper now accepts an onChange handler.

Jun 7, 2022

@saas-ui/react@1.0.0-rc.4

  • Updated to Chakra UI 2.2.1

May 26, 2022

@saas-ui/react@1.0.0-rc.1

  • React 18 support
  • Updated to Chakra UI 2.0

Apr 23, 2022

@saas-ui/react@0.13.3

Forms v0.7.8

  • Field id now passed down to the internal FormControl for better a11y.

Updates for Apr 19, 2022

04-19-2022#

@saas-ui/react@0.13.0

  • Saas UI theme colors no longer generated on the fly.

Auth v0.7.9

  • AuthFormDivider now using Divider component
  • Added displayName to all components and improved inconsistencies.

Forms v0.7.5

  • Added displayName to form components
  • Fixed FormStepper default styles.

Theme v0.8.0

  • Saas UI theme colors no longer generated on the fly.

System v0.4.1

  • Added missing peer dependencies

Updates for Apr 14, 2022

04-14-2022#

@saas-ui/react@0.12.8

Password Input v0.3.2

  • Fixed label not rendering correctly in some cases.

Hotkeys v0.6.1

  • Added modifier shorthands to jsdocs for easy access.

Forms v0.7.0

  • Added Zod resolver for AutoForm

Updates for Mar 23, 2022

03-21-2022#

@saas-ui/react@0.12.3

Stepper v0.2.2

  • Improved Stepper styling on small screens.

Theme v0.7.2

  • Improved Stepper styling on small screens.

Persona v0.5.1

  • PersonaContainer now accepts size and box props.

Updates for Mar 18, 2022

Clerk Authentication Service#

@saas-ui/react@0.12.2

Clerk v0.0.1

  • Added Clerk authentication service

Theme v0.7.1

  • Improved Input fields outline variant contrast for better a11y

Auth v0.7.1

  • Check if AuthStateChange unsubscribe callback is returned.

Stepper v0.2.1

  • No longer use useLayoutEffect, since it causes SSR issues.

Modals v0.5.0

  • Improved the MenuDialog api to be more consistant with Menu

Updates for Mar 17, 2022

03-17-2022#

@saas-ui/react@0.12.1

  • Fixed issue where the ModalFooter would not render.

Modals v0.4.1

  • Fixed issue where the ModalFooter would not render.

Updates for Mar 15, 2022

Improved Form API#

@saas-ui/react@0.12.0

  • BREAKING: Removed Yup dependency, you now need to configure default Form resolvers

Form no longer accepts a Yup schema by default.

Use a schema resolver to use schema support. All hookform resolvers are supported.

import { yupResolver } from '@hookform/resolvers/yup'
const form = <Form resolver={yupResolver(schema)} />

AutoForm only supports Yup for now and has a new API.

import { yupForm } from '@saas-ui/forms/yup'
const form = <AutoForm {...yupForm(schema)} />

Alternatively you can configure a default resolver for all forms. Add this somewhere in the root of your project.

import { Form } from '@saas-ui/react'
import { yupResolver, yupFieldResolver } from '@saas-ui/forms/yup' // yupResolver is exported from here as well for convenience.
import { AnyObjectSchema } from 'yup'
Form.getResolver = (schema: AnyObjectSchema) => yupResolver(schema) // @hookform/resolvers
Form.getFieldResolver = (schema: AnyObjectSchema) => yupFieldResolver(schema) // AutoForm field resolver
  • Fixed peer dependency issues.

Updates for Mar 09, 2022

Improved modals manager api

The modals manager open method now accepts custom modal components directly, allowing you to reduce even more boilerplate code.

import * as React from 'react'
import { useModals, Button } from '@saas-ui/react'
import CustomModal from './custom-modal'
export default function Page() {
const modals = useModals()
return <Button onClick={() => modals.open(CustomModal)}>Open modal</Button>
}

@saas-ui/react@0.11.7

Patch Changes#

  • 99f3e33: Custom modal components can now be directly passed to modals.open
  • Updated dependencies [99f3e33]
    • @saas-ui/modals@0.3.5

Was this helpful?