Files
supabase/packages/icons
Gildas Garcia 86a3f8b03d chore: upgrade to react-19 (#45886)
- Most changes are related to either types or `useRef` usages (it now
requires an initial value).
- also updated `vaul` to its latest version and haven't noticed any
change ([design-system
demo](https://design-system-git-react-19-supabase.vercel.app/design-system/docs/components/drawer))

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

* **New Features**
  * Upgraded workspace to React 19.

* **Bug Fixes**
* Improved null-safety and ref handling across editors, UI components,
shortcuts, and markdown/image rendering to reduce runtime errors.
* Safer event/timeout/interval cleanup and more robust command/context
handling.

* **Chores**
  * Bumped vaul dependency versions.

* **Documentation**
* Type and TypeScript accuracy improvements for clearer developer
feedback.

<!-- review_stack_entry_start -->

[![Review Change
Stack](https://storage.googleapis.com/coderabbit_public_assets/review-stack-in-coderabbit-ui.svg)](https://app.coderabbit.ai/change-stack/supabase/supabase/pull/45886)

<!-- review_stack_entry_end -->
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
2026-05-15 16:04:41 +02:00
..
2026-05-15 16:04:41 +02:00

./packages/icons

This package contains custom Supabase icons that can be used alongside other icon libraries.

Documentation

For complete documentation, usage examples, and guidelines, see the Design System

Quick start

import { Auth, BucketAdd, Database } from 'icons'

function MyComponent() {
  return (
    <>
      <BucketAdd size={24} className="text-foreground-muted" />
      <Database size={16} strokeWidth={1} />
      <Auth size={20} />
    </>
  )
}

Adding new custom icons

  1. Add your SVG file to src/raw-icons/ (kebab-case name)
  2. Run npm run build:icons in this directory
  3. Import and use your new icon

For detailed instructions, examples, and troubleshooting, see the Design System.