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
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
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
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
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
Danny White
73f8a15203
chore(studio): consistent copy/reveal input behaviour ( #39509 )
...
* user newer input in api keys
* user newer input in s3 connection settings
* improve input read-only styles
* make API text selectable
* disable text until reveal button tapped
* fix build
* revert change
* fix other cases
* revert hardcoded example
* nice region field
* documentation
* cleanup
* better docs
* colour tweaks
2025-10-16 13:44:40 +11:00
Danny White and Joshen Lim
5ff03b2971
feat: custom bucket icons ( #39280 )
...
* chore: separate interfaces per bucket type
* chore: reuse existing bucket creation modal for files
* chore: allow external trigger for new bucket modal
* chore: minor fixes
* chore: full-size empty state
* chore: files other tabs
* fix: show tab bar when on file subroute
* chore: use existing table component to list buckets
* fix: tests
* fix: build error
* chore: remove future bucket type components from PR
* fix: dependency
* Couple of refactors to simplify implementation
* Fix TS
* chore: move s3 settings out to sidebar
* fix: minor nits
* fix: reuse existing loading spinners from schema visualiser
* fix: loading for files
* fix: prevent loading of table for zero buckets
* chore: improved loading state
* chore: shimmer on table
* chore: copywriting on S3
* chore: improve empty states
* fix: deprecated input instructions
* fix: filter/search bucket table
* chore: tidy
* fix: tests
* first commit
* improve documentation and fix icon build error
* change svg kebab case to camel case for React
* copy nits
* fix svg codeblock color
* add bucket (normal) icon
* add bucket icon to policies
* add bucket icon to other storage bucket surfaces
* fix spacing on empty state
* fix inconsistent icons in home sections
Make 1:1 with what we have in the sidebar with optically-correct strokeWidth.
* fix icons
Like the previous commit, this makes sure we use the same product icons as in the sidebar.
* clearer bucket add icon naming
* remove unused layouts
* fix naming collision
* Tinnnnyyy nit
---------
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
2025-10-08 13:14:03 +11:00
Danny White
3068a6eabe
docs(design-system): NavMenu component ( #39188 )
...
* chore: separate interfaces per bucket type
* chore: reuse existing bucket creation modal for files
* chore: allow external trigger for new bucket modal
* chore: minor fixes
* chore: full-size empty state
* chore: files other tabs
* fix: show tab bar when on file subroute
* chore: use existing table component to list buckets
* fix: tests
* fix: build error
* chore: remove future bucket type components from PR
* fix: dependency
* docs: add navigation and navmenu to design system
* chore: clarify readme instructions
* fix: remove unrelated changes
* forgot changelog
* improve contentlayer readme
* mention PageLayout component
2025-10-08 10:18:43 +11:00
65b962e771
design system: text color contrast ( #38343 )
...
* Refactor Drawer component and add date-fns dependency
Refactored the Drawer component for improved slot-based structure, updated styles, and added 'use client' directive. Added 'date-fns' as a dependency in design-system, updated tsconfig paths for icons, and marked ToggleGroup as a client component.
* nit: add env for svg path
* fix: instructions
* accent color docs and basic tidy
* copy value feature
* improve color contrast
* increase contrast on text-warning in light mode
* update changelog
* replace outdated text-warning utility classes
* remove redundant warning-600
* minor design-system docs updates
* docs updates
* remove unused brand-button class
* update docs
* fix: restore brand default
* update docs brand text color
* low hanging branded text fruit
* Nit refactor and clean up
* re-add Kemal’s README instructions for hot reload
---------
Co-authored-by: Jonathan Summers-Muir <MildTomato@users.noreply.github.com >
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
2025-09-09 11:45:08 +10:00
Danny White
7f455ed5d5
chore: api keys ux improvements ( #38390 )
...
* simply API key pills
* add tooltip to other copy button
* consistent destructive dropdown icon
* design system documentation
2025-09-03 14:39:00 +10:00
Clarence Bakosi
ee308771d2
docs: fixed typo in tailwind classes ( #36299 )
2025-06-10 22:13:35 +00:00
Clarence Bakosi
d06c712e8c
docs: fixed typo in color usage ( #36275 )
2025-06-09 14:17:29 +00:00
Clarence Bakosi
cc650756ce
docs: fixed typo in color usage ( #36167 )
2025-06-04 21:29:04 +00:00
Clarence Bakosi
6e444c5ac6
docs: fixed typo in color usage ( #36137 )
2025-06-03 14:02:21 +00:00
Clarence Bakosi
1b6e18f89f
docs: fixed typo in inner side menu ( #35664 )
2025-05-14 12:47:54 +00:00
Clarence Bakosi
6ac4ff49c7
docs: fixed typo in button mdx component ( #35260 )
2025-05-14 12:36:21 +00:00
Clarence
3c80f2edbd
docs: fixed typo in inner side menu ( #35634 )
2025-05-13 14:13:06 +00:00
Saxon Fletcher and Jonathan Summers-Muir
98ae279a2b
Add's a filter bar component to design system ( #35238 )
...
* add filter bar component
* update filter bar demo
* add custom component support
* filter bar component
* example filter bar in use
* remove search filter
* reinstate older filter bar
* revert
* update registry
* update example name
* clean up example imports
* Update FilterBar.tsx
---------
Co-authored-by: Jonathan Summers-Muir <MildTomato@users.noreply.github.com >
2025-04-25 15:11:28 +08:00
Clarence
2ec6b9c19a
docs: fixed misspelled word ( #35108 )
2025-04-17 22:13:54 +00:00
Clarence
f0e7e30a2f
fix(docs): fix typo ( #34845 )
2025-04-10 17:22:28 +00:00
Francesco Sansalvadore
d24df14aab
Feat/toc component ( #33964 )
...
* test fuma toc
* make toc work
* ok toc
* ui-patterns toc
* fix types
* cleanup
* fix overflow issues
* cleanup
* fix loading w
* Update apps/docs/components/GuidesTableOfContents.tsx
* fix prettier
* format
* install deps
* target ES2018
* tweak regex
* update docs test snapshots
* fix useSubscribeTocRerender
2025-03-05 23:10:02 +01:00
Joshen Lim
61bff9ecb1
fix: MultiSelector with creatable flag ( #33502 )
2025-02-11 10:40:51 +08:00
Ivan Vasilov
35785bd4fb
fix: Revert "feat: MultiSelector with creatable flag ( #33375 )" ( #33492 )
...
Revert "feat: MultiSelector with creatable flag (#33375 )"
This reverts commit 7f4f88bf96
2025-02-10 18:21:24 +01:00
Joshen Lim
7f4f88bf96
feat: MultiSelector with creatable flag ( #33375 )
2025-02-10 21:05:35 +08:00
Jonathan Summers-Muir
fecb0808fc
Feat/sidebar ( #33474 )
...
* add sidebar
* sidebar docs added
2025-02-10 15:50:58 +08:00
Jordi Enric
a2aa5bc83d
feature: Adds logs chart with stacked charts with total errors ( #32742 )
...
* add logschart with stacked bars
* use ui charts pkg
* fix contrast
* move to ui-patterns
* undo areachart
* add recharts peerDep
* update pckgjson and lock w recharts
* feat: enable client-side rendering for LogsBarChart component
* fix registry
2025-01-15 10:22:13 +01:00
