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
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
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
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
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
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
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
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
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
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
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
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
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
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
Jonathan Summers-Muir and Jordi Enric
637167a27b
Feat/non centered dialog option ( #29776 )
...
* init
* Update dialog.tsx
* add example
* update docs
* Update packages/ui/src/components/shadcn/ui/dialog.tsx
Co-authored-by: Jonathan Summers-Muir <MildTomato@users.noreply.github.com >
---------
Co-authored-by: Jordi Enric <37541088+jordienr@users.noreply.github.com >
2024-11-05 13:03:11 +08:00
Jonathan Summers-Muir
fb7c6e49b8
feat/ design system: inner side bar docs ( #30048 )
...
* init
* Update inner-side-menu.mdx
* Update index.tsx
2024-10-31 00:55:08 +08:00
Francesco Sansalvadore
d06c971118
feat: multiselect ( #29695 )
...
* multi-select v2
* update values
* multi-select 2 wip
* multi select 2
* multi select with combobox
* use includs
* finish multi select
* wrap badges
* overflow-x-scroll
* more
* remove multi select old from menu
* add inline search input mode in multi-select
* fix size type
* reset input when adding item
* update studio multiselector
* remove console.log
* flex-1
* remove old multi-select and decrease badge padding
* remove removeEventListener
* fix errors
* fix
* try only command
* restore inline
* Revert "fix"
This reverts commit 2fc1bea1c6
2024-10-25 15:43:15 +02:00
df52ea7ee0
feat: Replace all toasts with sonner ( #28250 )
...
* Update the design of the sonner toasts. Add the close button by default.
* Migrate studio and www apps to use the SonnerToaster.
* Migrate all toasts from studio.
* Migrate all leftover toasts in studio.
* Add a new toast component with progress. Use it in studio.
* Migrate the design-system app.
* Refactor the consent toast to use sonner.
* Switch docs to use the new sonner toasts.
* Remove toast examples from the design-system app.
* Remove all toast-related components and old code.
* Fix the progress bar in the toast progress component. Also make the bottom components vertically centered.
* Fix the width of the toast progress.
* Use text-foreground-lighter instead of muted for ToastProgress text
* Rename ToastProgress to SonnerProgress.
* Shorten the text in sonner progress.
* Use the correct classes for the close button. Add a const var for the default toast duration. Remove the custom width class from sonner.
* Set the position for all progress toasts to bottom right. Set the duration for all toasts to the default (when reusing a toast id from loading/progress toast, the duration is set to infinity).
* Fix the playwright tests.
* Refactor imports to use ui instead of @ui.
* Change all imports of react-hot-toast with sonner. These components were merged since the last commit to this branch.
* Remove react-hot-toast lib.
---------
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
Co-authored-by: Jonathan Summers-Muir <MildTomato@users.noreply.github.com >
2024-08-31 07:50:51 +08:00
Jonathan Summers-Muir
40770afd43
[Design System] feat: Added Chart component ( #27839 )
...
* init
* Update chart.mdx
* Update BarChart.tsx
* Update chart.mdx
2024-08-30 16:51:05 +08:00
Jonathan Summers-Muir and Ivan Vasilov
f912536db8
[Design system] Feat/sonner ( #27382 )
...
* fix toast examples
* add sonner stuff
* new sonner examples added
* updated
* add upload POC
* add
* Update sonner-upload.tsx
* move statusicons
* Minor fix.
---------
Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com >
2024-07-19 12:38:42 +02:00
Charis and Francesco Sansalvadore
1b89fa0b5c
feat: command menu v2 ui components ( #27761 )
...
Co-authored-by: Francesco Sansalvadore <f.sansalvadore@gmail.com >
2024-07-16 14:14:03 -04:00
Jonathan Summers-Muir and Ivan Vasilov
58779edaa6
[Design System] Feat: Assistant Chat fragment component ( #27952 )
...
* init
* Update assistant-chat.mdx
* Expose a forwardRef in the ExpandingTextArea.
* Use the ExpandingTextArea in the AssistantChatForm component.
* Update the documentation for the assistant chat component.
* Remove unused code.
* Remove a TODO.
* Remove duplicate props.
---------
Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com >
2024-07-12 13:04:36 +02:00
Ivan Vasilov
22c5324f0c
feat: Use expanding text area in the Ai Assistant (SQL Editor) ( #27930 )
...
* Add a new textarea component which autoexpands depending on number of content rows.
* Use the new ExpandingTextArea in the AIAssistantPanel.
* Remove old unused text area.
* Move around some of the props in the ExpandingTextArea.
* Make the value prop mandatory.
* Fix minor stuff in the Design System app.
* Add examples for Expanding Text Area.
* add max height to the expanding text area.
* Add todo comment in database-new app.
2024-07-12 11:32:20 +02:00
Jonathan Summers-Muir
7e7eec81db
[Design System] Iterate Button styles ( #27055 )
...
* init
* Update button.mdx
* Update button.mdx
* update primary button
2024-06-12 18:38:35 +08:00
Jonathan Summers-Muir
972773ca87
[Dashboard] Chore: update Modal component to use new components ( #26844 )
...
* init
* add more examples
* update modal
* update modals
* more modals updated
* update modal
* Update NewAccessTokenButton.tsx
* Update NewAccessTokenButton.tsx
* fix: issue with scale on dialog opening. chore: added bg-dialog color
* fix modals
* add deprecation notices
* revert bg
* revert
* Update Modal.tsx
* Update PITRSelection.tsx
* update dialog docs
* fix: issue with payment method modal
* update terminal instructions
* update padding defaults
2024-06-05 10:06:55 +00:00
Jonathan Summers-Muir
5e6a3438eb
[Design System] chore: add scroll example of Navigation Menu ( #26974 )
...
* init
* Update navigation-menu.mdx
* Update navigation-menu.tsx
2024-06-03 16:40:32 +02:00
Jonathan Summers-Muir
73ff6c1085
[Design System] Chore: add tree-view documentation ( #26821 )
...
* chore: init docs
* remove old stories
* update source panels
2024-05-28 17:22:37 +08:00
Jonathan Summers-Muir
3b99dad9a1
[Design System] Feat: BeforeLabel / AfterLabel props for <FormItemLayout/> and <InfoTooltip/> documented ( #26712 )
...
* init
* Update package.json
* Update index.tsx
2024-05-24 09:40:15 +00:00
Jonathan Summers-Muir
ec760d4e97
add Admonition to Design System ( #26710 )
...
* add Admonition to Design System
* added notices about FormLabel
* Update label.mdx
2024-05-24 09:21:41 +00:00
Jonathan Summers-Muir
6dff3a7369
[Design System] feat: Multi Select ( #26719 )
...
* chore: deprecate old files. add new one with first story
* init multi select
* docs
* Update multi-select.mdx
* deprecation notices
* Delete MultiSelect.stories.tsx
2024-05-24 15:54:51 +08:00
8643c2549e
Feat [atom component] stacked radio group / card radio group ( #26612 )
...
* init site
* add nav menu
* add props table component
* init all the examples
• also includes moving a bunch of ./ui files to ./ui-patterns
* update package
• might need to remove some of these
* Update rehype-component.ts
* move nav
* more changes
* add new source information to contentlayer
* fix copy buttons
* add text-confirm. start new concept of "fragments"
* move base path. add homepage. add theme selection
* added colors
* add form-item-layout
* temporary fix code blocks in light mode. they currently don't switch theme to theme
* start adding code themes
* Update dark.json
* update code block themes
* fix animations
* add cdmk search
* export registry of icons in ./icons package
* add comments
* add icon copy stuff
* Update icons.tsx
* more docs
* more docs. cleaned up colors and icons docs
* Update theming.mdx
* add more docs
* update
* add package
* Update tailwind.config.js
* update content
* Update drawer-demo.tsx
* Update aspect-ratio-demo.tsx
* add new blocks
* Update source-panel.tsx
* Update source-panel.tsx
* Update source-panel.tsx
* add new source block
* Update source-panel.tsx
* Update _app.tsx
* Update page.tsx
* Delete layout-old.tsx
* remove old themes
* remove old ui registry
* comment out nav items
* Update package-lock.json
* Update AssistantChatForm.tsx
* move back
* move again
* update
* Update index.tsx
* Update package-lock.json
* Update package-lock.json
* Update package-lock.json
* update package
* udpate prettier
* fix tag issues
* Update package-lock.json
* update to contentlayer2
* update package-lock.json
* fix type errors
* ignore spelling
* feat: add RadioGroupStacked
* feat: add `slot` behaviour to `<FormItem/>`
* sneaky add in better line highlighting
* add RadioGroupCard
* update colors
* Update package-lock.json
* Update avoid-typos.yml
* Update navigation-menu-demo.tsx
* Add a redirect from / to the base path.
---------
Co-authored-by: Alaister Young <a@alaisteryoung.com >
Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com >
2024-05-23 17:44:45 +02:00
b8243e06d8
Feat/design system site ( #26586 )
...
* init site
* add nav menu
* add props table component
* init all the examples
• also includes moving a bunch of ./ui files to ./ui-patterns
* update package
• might need to remove some of these
* Update rehype-component.ts
* move nav
* more changes
* add new source information to contentlayer
* fix copy buttons
* add text-confirm. start new concept of "fragments"
* move base path. add homepage. add theme selection
* added colors
* add form-item-layout
* temporary fix code blocks in light mode. they currently don't switch theme to theme
* start adding code themes
* Update dark.json
* update code block themes
* fix animations
* add cdmk search
* export registry of icons in ./icons package
* add comments
* add icon copy stuff
* Update icons.tsx
* more docs
* more docs. cleaned up colors and icons docs
* Update theming.mdx
* add more docs
* update
* add package
* Update tailwind.config.js
* update content
* Update drawer-demo.tsx
* Update aspect-ratio-demo.tsx
* add new blocks
* Update source-panel.tsx
* Update source-panel.tsx
* Update source-panel.tsx
* add new source block
* Update source-panel.tsx
* Update _app.tsx
* Update page.tsx
* Delete layout-old.tsx
* remove old themes
* remove old ui registry
* comment out nav items
* Update package-lock.json
* Update AssistantChatForm.tsx
* move back
* move again
* update
* Update index.tsx
* Update package-lock.json
* Update package-lock.json
* Update package-lock.json
* update package
* udpate prettier
* fix tag issues
* Update package-lock.json
* update to contentlayer2
* update package-lock.json
* fix type errors
* ignore spelling
* Update avoid-typos.yml
* Update avoid-typos.yml
* Update package-lock.json
* Use ui type definitions.
* move tsconfig base stuff. fix content layer issue
* Update package-lock.json
* Update package-lock.json
---------
Co-authored-by: Alaister Young <a@alaisteryoung.com >
Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com >
2024-05-23 17:39:56 +08:00
