Changelog

Dec 4, 2024

shadcn CLI Support

Added support for shadcn CLI (opens in a new tab), enabling project setup and component installation via command line.

Initial project setup command:

npx shadcn@latest add https://exawizards.com/exabase/design/registry/preflight.json

Install all components:

npx shadcn@latest add https://exawizards.com/exabase/design/registry/all.json

Install specific component:

npx shadcn@latest add https://exawizards.com/exabase/design/registry/button.json

Migration guide

CLI usage requires components.json configuration. See the new shadcn CLI documentation for details.
If you are already using this design system, you need to apply the changes below to use-toast.ts and global.css.

Related Changes with shadcn CLI support

Moved use-toast.ts:

Before: components/ui/use-toast.ts
After: hooks/use-toast.ts

Droped Tooltip variants and .light class:

global.css

  @layer base {
-   :root,
-   .light {
+   :root {
      --background: 255, 255, 255; /* exaBase White */
      --foreground: 8, 10, 12; /* exaBase Slate 99 */

Discontinued ZIP component distribution.

Fixes

Fixed icon sizing issues when browser font size is customized in:

Checkbox
Input OTP
Popover
Radio Group

Fixed versions for react-day-picker and cmdk dependencies:

Calendar
Command

Sep 10, 2024

Bug fixes and style adjustments.

Alert Dialog

Made the entire dialog scrollable for very long content
Adjusted the dialog's border radius and padding

Button

Added the style for the open state when used as a trigger for DropdownMenu, etc.

Checkbox

Adjusted the border radius

Command

Adjusted the border radius and padding

Context Menu

Adjusted the border radius, padding, and submenu position

Dialog

Made the entire dialog scrollable for very long content
Adjusted the dialog's border radius and padding
Improved the close button's visual consistency

Dropdown Menu

Adjusted the border radius, padding, and submenu position

Hover Card

Adjusted the border radius

Menubar

Adjusted the border radius, padding, and submenu position
Fixed the radio item's check icon

Popover

Added arrow prop to show the arrow
Adjusted the border radius

Select

Improved SelectTrigger's truncated text
Changed SelectTrigger's :focus style to :focus-visible
Fixed the layout when non-text elements are added to SelectTrigger
Fixed the issue where the menu would overflow the viewport when there were many items

Toast

Improved the close button's visual consistency

May 28, 2024

New components in this release:

Vite Blog