Danny White
b0b7db6b78
fix(design-system): UI Patterns routes ( #42309 )
...
## What kind of change does this PR introduce?
Bug fix
## What is the current behavior?
- Links on the UI Patterns introduction page are wrong and therefore 404
- Introduction pages on the sidebar are also wrong and 404
## What is the new behavior?
Fixes for both of the above
## Additional context
Thanks [Emilio](https://github.com/supabase/supabase/pull/42309 ) for
letting us know!
<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit
* **Documentation**
* Updated navigation structure in the design system documentation to
direct users to introduction pages for UI Patterns, Fragments, and
Components sections.
* Refined internal documentation links for improved navigation
consistency.
<sub>✏️ Tip: You can customize this high-level summary in your review
settings.</sub>
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
2026-02-02 10:52:11 +11:00
Francesco Sansalvadore
ae52e9093d
Chore: design system favicon ( #42336 )
...
- add favicon to the design system app
- fix broken introduction pages
2026-02-01 12:15:41 +01:00
Danny White and Joshen Lim
60dfcc00ea
fix(studio): PageSectionSummary alignment ( #42019 )
...
* system
* nit
* docs and fixes
* more resilient component
* remove redundant text
* format
* nit
* PRettier
---------
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
2026-01-21 10:18:15 +08:00
Danny White
6837e1b9f4
chore(design-system): align PageSectionAside to bottom of text content ( #41629 )
...
* docs fixes
* optical alignment
* fix container query
2026-01-20 18:00:35 +11:00
Danny White
196aa05924
chore(studio): use the shared createNavigationHandler ( #41628 )
...
* design system references
* fix remaining tables
* rabbit
* fix
2026-01-20 03:24:10 +00:00
kemal.earth
6c6d74fa21
fix(studio): modify area chart colours ( #41496 )
...
* fix: modify area chart colours
* feat: tones for dark and light
* chore: cleaning up
* chore: remove weird ai added debug fetches
* fix: suggestion from coderabbit
* chore: clean up
* feat: change from natural to bump on line charts
* fix: much better colour offset
* chore: remove comments
* feat: better dot implementation
* chore: remove unused props
* chore: remove pointless try catch
2026-01-08 10:06:51 +00:00
Saxon Fletcher
d2f4e808e5
Filter pattern refactor ( #41545 )
...
* filter refactor
* update tests
* prettier
* fix ts
* remove filter preview
* Filter bar in table editor behind flag (#41546 )
filter bar in table editor behind flag
* fixes
* ts fix
* filter v1 refactor
* rename helpers
* unmount timeout
* fixes
* fix
* more
2026-01-06 08:04:28 +10:00
Ivan Vasilov
bbfccdf471
chore: Use @/* as an alias for importing in-package files ( #41607 )
...
* Remove extra file.
* Remove unneeded tsconfig.jsons.
* Add @/* alias for importing in-package files to all apps.
* Remove baseUrl from all apps except studio (it'll require changes in almost all files).
* Fix baseUrl issues in docs, ui-library and design-system.
* Fix the typecheck for cms app. Fix all baseUrl errors in the cms app.
* Add deprecated flag to baseUrl in www.
2025-12-30 17:46:24 +01:00
Danny White and coderabbitai[bot]
f6e8207e6d
docs(design-system) add dialog pattern documentation ( #41296 )
...
* docs
* naming
* docs
* mini fix
* update policies component
* use destructured prop
* rls policies dialogs
* custom domain dialogs
* restart server dialog
* remove ConfirmDialog (aka ConfirmModal)
* docs updates
* remove unrelated work
* remove unrelated work
* remove unrelated work
* confirmation-modal demo
* use indicative components
* links
* tiny docs updates
* examples
* sheets and alert dialog examples
* docs and examples
* docs
* docs
* text confirm modal
* docs
* docs
* revert cursor rules
* fixes
* fix links
* Update apps/design-system/registry/examples.ts
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* rabbit
* rabbit
* use variants
---------
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
2025-12-17 11:24:36 +00:00
kemal.earth
bfe3ea06df
feat(design-system): add initial copy writing guide ( #41307 )
...
* feat: create entry points for copy writing docs
* feat: basic page generated using the supabase writing style guide
* chore: editing page
* feat: more components
* feat: remaining example components
* chore: remove duplicate registry entry
* chore: add aria label to example
* chore: run prettier
* fix: alphabetise getting started section
* chore: rename copy writing to copywriting
2025-12-15 10:44:08 +00:00
kemal.earth
b97e41e20b
chore(design-system): tidy up mobile styling ( #41267 )
...
* feat: tidy up header on mobile
* fix: graceful searchbar header
* fix: header classes and unused elements
* feat: trim down logo on header
* fix: logos again
* chore: remove dead code
* fix: classic dark logo header
* fix: page padding tidy ups
* fix: some font sizing
* feat: updated homepage cards
* fix: toc layout
* fix: toc again
* feat: homepage cards all the same size
* fix: footer paddings
* fix: pager if only 1 directional item
* fix: sidebar padding issues
* chore: killing all the defaults
* fix: import for side nav
* fix: sidebar complaining about dialog title
* fix: homepage paddings
* fix: killing one more default export
* feat: update colours icon to francescos
* fix: loose repeated copy
2025-12-12 10:08:48 +00:00
Danny White and Joshen Lim
73ece8a470
chore(studio): improve projects presentation ( #41179 )
...
* improve admonition
* remove redundant loader
* copywriting
* table empty states
* improve integrations presentation
* match integration styling
* fix clipping and h-full container
* revert test
* improve status presentation
* nicer status
* card status improvements
* comment clarification
* prettier lint
* fix testes
* comment
* Fix infinite loading behaviour
* Clean u0p
* Replace NoFilterResults with NoSearchResults
---------
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
2025-12-12 20:35:43 +11:00
3fdacb2cca
chore(studio): delete Confirm Modal component ( #41295 )
...
* docs
* naming
* docs
* mini fix
* update policies component
* use destructured prop
* rls policies dialogs
* custom domain dialogs
* restart server dialog
* remove ConfirmDialog (aka ConfirmModal)
* remove unrelated changes
* delete unrelated file
* language
* Update apps/studio/components/interfaces/Storage/StoragePolicies/StoragePolicies.tsx
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* fixed broken test
---------
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
Co-authored-by: Ali Waseem <waseema393@gmail.com >
2025-12-12 17:23:24 +08:00
Francesco Sansalvadore
754af51312
chore: form patterns cursor rules ( #41225 )
...
* chore(studio): integrate cursor rules with form patterns
* chore(studio): update FormLayout inner styling
* chore(studio): align actions form field to the right
* chore(design-system): wrap each form field in a CardContent
2025-12-11 18:03:30 +01:00
Danny White and coderabbitai[bot]
ce294e3fcf
docs(design-system): Data Table and Data Grid documentation ( #41252 )
...
* basic differentiation
* docs
* data-grid examples
* data-grid-demo
* data-table
* demo
* use existing components
* improvements
* markup
* docs
* remove data table
* lint
* Update apps/design-system/content/docs/ui-patterns/empty-states.mdx
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* fix ref
* use TanStack sorting
* grammar
* dependency
* 📝 Add docstrings to `dnywh/docs/data-table-data-grid` (#41255 )
Docstrings generation was requested by @MildTomato.
* https://github.com/supabase/supabase/pull/41252#issuecomment-3640781017
The following files were modified:
* `apps/design-system/registry/default/example/data-grid-demo.tsx`
* `apps/design-system/registry/default/example/data-grid-empty-state.tsx`
* `apps/design-system/registry/default/example/data-table-demo.tsx`
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
---------
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
2025-12-11 09:05:21 +00:00
Danny White and coderabbitai[bot]
0d8ec0d011
feat(design-system): improve table docs ( #41215 )
...
* docs updates
* docs expansion
* minor docs fix
* improvements
* fix dependencies
* docs expansion
* more table examples
* map over data
* improve copy
* Update apps/design-system/registry/default/example/table-row-link-actions.tsx
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* Update apps/design-system/registry/default/example/table-row-link-actions.tsx
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
* fixes
* fix
---------
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
2025-12-11 13:38:26 +11:00
kemal.earth
ec6f55c00b
feat(design-system): charts defrag ( #41026 )
...
* feat: remove unused chart files
* chore: regenerate registry
* fix: logs bar chart positioning
* feat: add charts page to ui patterns
* chore: alphabetise ui patterns nav
* feat: base composable chart components
* chore: prettier for charts.mdx
* chore: slowly putting example together
* feat: add chart header components
* feat: add chart content wrapper
* feat: add recharts to source
* feat: add empty state handling
* feat: add loading state for content area as well
* feat: starting on actual recharts pieces
* feat: add basic api to documentation
* feat: add disabled state too
* feat: couple of basic chart types
* chore: tidy up for now
* feat: modify eslint rules for our demo files
* fix: recharts logo colour on light mode
* feat: absorb metric card into chart
* feat: align prop for chart header
* feat: refactor chart content
* feat: example with table
* chore: format for prettier
* fix: pkg lock merge conflict
* fix: small bits from danny
* feat: add link in ui pattern intro to charts
* chore: remove charts link from atoms
* chore: update metric padding to saxon suggestion
* feat: table footer overrides by default
* feat: update api props in table
* chore: formating
2025-12-10 13:10:18 +00:00
Danny White and Joshen Lim
11dc1324aa
chore(studio): improve alert composition and usage ( #41147 )
...
* finesse optical alignment
* improvements
* actions styling
* improvements
* margins
* improvements
* fix docs
* fix
* improve schema warning admonition
* misc fixes
* tweaks
* docs and improvements
* alphabetical sidebar navigation
* remove alert-error
* fix build error
* Tiny fixes
* tiny docs update
* semantic description
* handle intro pages
* note NoPermission component
* docs sidebar ordering
---------
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
2025-12-10 08:05:30 +00:00
Ivan Vasilov
8110c060f8
chore: Bump vulnerable dependencies ( #41184 )
...
* Bump nodemailer.
* Bump body-parser.
* Bump node-forge.
* Remove unused dep remark-html.
* Bump some deps for mdast-util-to-hast.
* Bump glob.
* Bump valibot.
* Bump @modelcontextprotocol/sdk and dedupe @supabase/mcp-utils.
* Bump @vitejs/plugin-rsc.
* Bump contentlayer2.
* Revert "Bump contentlayer2."
This reverts commit cb53f32a6a
2025-12-09 19:07:32 +01:00
kemal.earth
9008713a78
feat(design-system): update section introduction docs ( #41164 )
...
* feat: sort intro page entry points and sidebar
* feat: beef up getting started intro and faq
* chore: small copy fix
* feat: description for ui patterns intro
* feat: basic description for fragments intro
* feat: add description for atom components intro
* feat: add links to ui pattern docs
* chore: run prettier for mdx files
2025-12-09 11:26:58 +00:00
Francesco Sansalvadore
20df38856e
fix(ui): update Slider component ( #41183 )
2025-12-09 11:39:56 +01:00
Francesco Sansalvadore
f42760e2d1
feat(design-system): add Field component and docs ( #41162 )
...
* feat(ui): add Field component
* feat(design-system): add Field documentation
2025-12-09 09:47:46 +01:00
Danny White
ac1006fc1a
chore(design-system): admonition background fill ( #39474 )
...
* add colour to admonition
* clarify design docs
* remove old references to alert
* better docs
* remove redundant className
* consolidate colors
* improve docs
* restore alert
* remove unrelated work
2025-12-05 02:11:16 +00:00
Danny White
6a4814c2a4
chore(studio): better empty states for new users ( #41044 )
...
* box-plus icon
* design-system updates
* new project empty state
* org empty state
* better /organization empty state
* add missing dependency
* fix admonition
* remove prop
* fix badge
* use org slug
* clarify
* org note found cleanup
2025-12-04 20:27:47 +11:00
Jonathan Summers-Muir
40c781ece3
Feat/mermaid blog ( #40897 )
2025-12-03 11:46:39 +00:00
Francesco Sansalvadore
9f33f2e2cf
feat(design-system): new Formspage in ui-patterns section ( #40978 )
2025-12-03 09:56:38 +00:00
Ali Waseem and Ivan Vasilov
db8b88a890
update: Add TS any checks to ratchet rules to further stop slipping ( #40877 )
...
* add ts any checks
* fix linting issues
* updated more file rules
* updated runtime files
* updated turbo to remove lints
* removed eslint and reference from next
* Revert the pnpm lock to the one from master.
---------
Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com >
2025-12-02 14:18:21 +00:00
Francesco Sansalvadore
316d26cf99
feat(design-system): add TableHeadSort to table ( #40900 )
...
* feat(design-system): add TableHeadSort to table
* feat(studio): sort oauth apps columns from header
2025-12-02 11:30:09 +01:00
Danny White and Joshen Lim
031b227165
studio(chore): badge component defrag ( #40118 )
...
* component clean up
* optically center
* docs and type size
* code badge variant
* sensible defaults
* fix product menu flex
* badge sweep
* new project badges
* logs
* compute badge
* studio badge sweep
* www sweep
* docs sweep
* clean up
* fixes
* cleanup
* fixes
* better docs
* fixes
* misc fixes
* consistency
* Minor fixes for issues i found
* simplify mt-0
* mt simplification
* remaining optical alignment
---------
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
2025-12-02 11:15:50 +11:00
Saxon Fletcher and Joshen Lim
da0b4c6f57
Storage page components ( #40935 )
...
* storage page components
* Nit fixes
* Small refactor
---------
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
2025-12-01 16:51:34 +08:00
Danny White and Joshen Lim
ba9ceac140
chore(studio): basic Admonition improvements ( #40880 )
...
* OAuth admonition fix
* spend cap alerts
* docs
* payment method
* Minor clean ups
---------
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
2025-11-28 20:46:20 +08:00
Danny White and Joshen Lim
080cc7aeab
chore(studio): authentication empty states ( #40883 )
...
* auth hooks and docs
* third-party auth
* remove unrelated changes
* remove unrelated changes
* docs tighten
* docs tighten
* Nit clean up
---------
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
2025-11-28 14:57:56 +08:00
Francesco Sansalvadore
dfecff7629
fix(ui-patterns): responsive with_icon spacing ( #40841 )
2025-11-27 15:38:10 +00:00
Danny White and Joshen Lim
46ac132051
chore(studio): empty state improvements ( #40807 )
...
* migrations
* clearer value prop
* consistent verb
* migration input
* triggers
* extract trigger buttons
* database backups
* schema title
* unrelated nit
* fix
* shared component
* ui-patterns
* rename
* improve docs
* remove redundant overrides
* remove old file
* prettier fix
* fix type error
---------
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
2025-11-27 17:26:20 +08:00
Danny White and Ali Waseem
74fa49d4bd
fix(studio): keyboard focus on button ( #40458 )
...
* add necessary prop to main button component
* remove redundant props
* docs
* docs improvements
* typo
* tabbable sidebar items
* aria-label and aria-hidden
* update docs
* clarification
* fix link
---------
Co-authored-by: Ali Waseem <waseema393@gmail.com >
2025-11-25 23:48:58 +00:00
Danny White
552522c16f
chore(studio): improve vector storage UI ( #40596 )
...
* improve table sheet
* improve metadata keys
* fix styling of foreign schema
* reset radio group
* docs
* resize sheet
2025-11-25 21:37:30 +11:00
Danny White and Joshen Lim
0631444d37
feat(studio): fancy bucket icons ( #40766 )
...
* swap icons
* docs improvements
* better upgrade icons
* add sentry
* Nit
---------
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
2025-11-25 16:41:32 +08:00
Danny White and Joshen Lim
d653617cdd
chore(studio): improve inline code styling ( #40724 )
...
* sweep language
* update class docs
* additional
* basic docs
* sweep relevant instances
* replace text-code
* additional in sweep
* Tiny fix
* prettier
---------
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
2025-11-24 16:34:30 +08:00
Saxon Fletcher
61b032751a
Database page components ( #40509 )
...
* database page components
* fixes
* fixes
2025-11-19 12:06:38 +10:00
kemal.earth
06ac401181
feat(design-system): add <MetricsCard /> component ( #40355 )
...
* feat: add metrics block setup
* feat: base block and props for metrics block
* chore: add to do
* feat: simplify metric block component further
* feat: basic layout done
* feat: metrics card orientation
* feat: add variant for differential number
* feat: basic sparkline for my metrics card
* feat: some polish for the sparkline
* feat: with xaxis for the sparkline
* feat: remove the xaxis line
* feat: add loading states
* feat: rename to metricscard
* fix: hydration issues
* feat: add tooltip to sparkline
* feat: add examples to docs
* fix: remove hasLink and hasTooltip props
* fix: re-add accidental removal of timestamps
* fix: add timestamps in correct location
* fix: add screen reader only and aria
* fix: text contrast on label in light mode
* fix: correct icon size
* chore: smol copy update
* chore: de-pluralize naming of component
* chore: rebuild packages
2025-11-14 11:40:57 +00:00
kemal.earth and Ivan Vasilov
af98191cc0
fix(design-system): chart rendering ( #40306 )
...
* chore: exploring possible breaking charts
* chore: still exploring why chart container content wont load
* chore: clean up and pin recharts to catalog
* chore: remove comments from comment preview file
* chore: remove react override
* Remove React 19.2 as a dependency.
---------
Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com >
2025-11-11 12:57:11 +00:00
Danny White and Charis Lam
1d54b9d72b
studio(chore): improve storage bucket presentation ( #40230 )
...
* badge and admonition updates
* whole file row tappable
* file bucket improvements
* match tables across all storage types
* keyboard focussable rows
* share function
* other bucket types
* fix: a11y of table rows
* clean up focus state on rows
* accessibility
* address review comments
* move accessibility
---------
Co-authored-by: Charis Lam <26616127+charislam@users.noreply.github.com >
2025-11-11 16:30:57 +11:00
ff599edf14
Page components ( #40289 )
...
* change database to pagelayout
* page components
* design system documentation
* reduce preview width
* revert studio
* functions apply page
* layout
* interfaces
* remove demos
* pckage
* format
* format
* Apply suggestion from @Copilot
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com >
* build registry
* pckg
* build script to allow index files
* switch exports
* fixes
* gen exports
* remove invalid prop
* fix typecheck
* fix prettier
* Revert "remove invalid prop"
This reverts commit 118ecd40c50e1ec8fb612f25ed695c26616127+charislam@users.noreply.github.com >
* Update packages/ui-patterns/src/PageHeader/index.tsx
Co-authored-by: Charis <26616127+charislam@users.noreply.github.com >
* Update packages/ui-patterns/src/PageSection/index.tsx
Co-authored-by: Charis <26616127+charislam@users.noreply.github.com >
* ts fix
* Update apps/design-system/content/docs/ui-patterns/page.mdx
Co-authored-by: Danny White <3104761+dnywh@users.noreply.github.com >
* change to layouts and examples
---------
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com >
Co-authored-by: Danny White <3104761+dnywh@users.noreply.github.com >
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
Co-authored-by: Charis <26616127+charislam@users.noreply.github.com >
2025-11-11 04:02:30 +00:00
Danny White
40f7abc2cd
docs(design-system): design system improvements ( #40196 )
...
* font smoothing
* remove sidebar
* fix typo
* data grid empty state
* basic data grid
* remove figma
* empty state docs
2025-11-11 14:13:06 +11:00
Danny White and Joshen Lim
e900020014
feat(studio): email template configuration ( #40069 )
...
* basics
* code editor
* template editor
* validator cleanup
* validator fixes
* style tweaks
* validator
* style improvements
* copy
* related setting
* clearer ternary
* handle path in related setting
* copywriting fixes
* smtp copy cleanup
* fix type
* remove related setting work
* copy nit
* backwards compatability
* fix type error
* copy cleanup
* revert horizontal subject field
* remove extraneous hover
* remove excess padding
* fix whitespace
* document whitespace issue
* simplify spam check
* fix saved value issue
* fix spacing
* Add console logs
* Clean console logs
* Small improvements + clean ups
---------
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
2025-11-10 19:52:07 +11:00
Danny White
3b98a9844d
chore(studio): table presentation improvements ( #40224 )
...
* fix table head
* fix edge functions list
* fix secret
* access keys
* policies
* misc table fixes
* publication height fix
* fix-publications
* table documentation
* fix colspan
* s3 fixes
2025-11-07 04:59:48 +00:00
Danny White
83bdc22723
chore(design-system): empty state documentation ( #39890 )
...
* suppress webpack/Turbopack warning
* empty states first draft
* todo note
* empty state documentation
* remove empty code block and confusing examples
2025-11-04 15:50:56 +11:00
Charis
0c501d7889
chore: consolidate calendar pickers ( #40052 )
...
* chore: update react-day-picker
* fix(design system): date picker demos
* refactor(date picker): change logs date picker to use react-day-picker
* refactor(date pickers): change remaining date pickers to use react-day-picker
* cleanup(date pickers): minor code cleanup
* fix(date picker): fix behavior for single day selection
2025-11-03 10:10:19 -05:00
Ivan Vasilov
e8d2738acf
chore: Bump vulnerable dependencies ( #39909 )
...
* Bump @playwright/test to fix a playwright vuln.
* Deduplicate msw.
* Deduplicate yaml.
* Deduplicate tsx.
* Add vitest to the catalog and bump it.
* Deduplicate vitest extra packages.
* Bump and deduplicate vite to v7.
* Bump prismjs.
2025-10-29 18:07:32 +01:00
Danny White
3b533cce1f
chore(design-system): use app font-family ( #39958 )
...
add custom font to design-system
2025-10-29 19:34:00 +11:00
Danny White