Danny White
476d4a5851
refactor(ui): drop redundant Button variant="default" props ( #50161 )
...
## What kind of change does this PR introduce?
Mechanical cleanup on top of the Button default-variant change (#50160 ).
## What is the current behavior?
Many callsites still pass `variant="default"` even though that is now
the component default.
## What is the new behavior?
Removes redundant static `variant="default"` from legacy `Button` and
`ButtonTooltip` callsites. Keeps explicit defaults where they document
the API:
- `button-default.tsx` and `button-sizes.tsx` demos
- `DocsButton`, which pins neutral styling at the wrapper boundary
## To test
Studio:
- [Auth → Rate
Limits](https://studio-staging-2s957kwc4-supabase.vercel.app/dashboard/project/_/auth/rate-limits ):
dirty the form so Cancel appears; Cancel stays neutral, Save stays green
- [Project Settings → API
Keys](https://studio-staging-2s957kwc4-supabase.vercel.app/dashboard/project/_/settings/api-keys ):
`DocsButton` in the header actions stays neutral
Design system:
- [Design system →
Button](https://design-system-git-dnywh-dc924ac1-supabase.vercel.app/design-system/docs/components/button ):
`button-default` / `button-sizes` still show explicit default styling;
Primary (green) is restricted to the Primary section (and `asChild`)
WWW:
- [www → Brand
assets](https://zone-www-dot-com-git-dnywh-dc924ac1-supabase.vercel.app/brand-assets ):
Download logo kit / Download button kit stay neutral
2026-09-11 17:05:26 +10:00
Gildas Garcia
96d43099bb
chore: refactor Button API so that it can be used a standard button ( #46880 )
...
## Problem
Our `<Button>` component breaks the default `button` contract by
redefining the `type` prop to set its variant (`primary`, `default`,
etc) instead of the button type (`submit`, `button`, etc).
This is confusing and forces to write more code when using it with
shadcn components that expect/inject the standard button props.
## Solution
- rename the `type` prop to `variant`
- rename the `htmlType` prop to `type`
- propagate the changes where necessary
- format code
## How to test
As this is just prop renaming, if it builds it's ok
---------
Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com >
2026-06-16 23:59:58 +02:00
Ivan Vasilov
56de26fe22
chore: Migrate the monorepo to use Tailwind v4 ( #45318 )
...
This PR migrates the whole monorepo to use Tailwind v4:
- Removed `@tailwindcss/container-queries` plugin since it's included by
default in v4,
- Bump all instances of Tailwind to v4. Made minimal changes to the
shared config to remove non-supported features (`alpha` mentions),
- Migrate all apps to be compatible with v4 configs,
- Fix the `typography.css` import in 3 apps,
- Add missing rules which were included by default in v3,
- Run `pnpm dlx @tailwindcss/upgrade` on all apps, which renames a lot
of classes
- Rename all misnamed classes according to
https://tailwindcss.com/docs/upgrade-guide#renamed-utilities in all
apps.
---------
Co-authored-by: Jordi Enric <jordi.err@gmail.com >
2026-04-30 10:53:24 +00:00
Charis
4a0bb36ca8
style: require sorted imports in studio/components ( #44408 )
...
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com >
Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com >
2026-04-01 10:22:37 +02:00
Andrew Valleteau
dcc5703674
feat(branching): add-pg-delta-diff-for-branching ( #42952 )
...
Allow to use the `pg-delta` capability for merge requests diffing.
Feature flag it behind an auto opt-in flag.
Must be merged after: https://github.com/supabase/platform/pull/29776
<img width="921" height="623" alt="Screenshot 2026-02-17 at 16 50 38"
src="https://github.com/user-attachments/assets/bfe704e9-4137-45e1-b0b5-1cecce284d6e "
/>
Also updated the loading + final state of the diff view to:
1. Take all the height available
- From: <img width="1894" height="893" alt="Screenshot 2026-02-16 at 20
46 15"
src="https://github.com/user-attachments/assets/22ed8c72-2d9d-4b68-b315-6d40aefc0b3c "
/>
- To: <img width="1629" height="1396" alt="Screenshot 2026-02-16 at 20
57 26"
src="https://github.com/user-attachments/assets/6e83c8e9-607d-4077-977e-046058ce3e44 "
/>
2. Show a proper loading state rather than just a plain grey skeleton
- From: <img width="2232" height="1137" alt="Screenshot 2026-02-20 at 15
02 51"
src="https://github.com/user-attachments/assets/0c924b04-d60f-49b5-a5a0-3bf1942bfdef "
/>
- To:
<img width="2231" height="1129" alt="Screenshot 2026-02-20 at 15 05 46"
src="https://github.com/user-attachments/assets/49751001-1818-4842-a0c8-b74683c2e9bc "
/>
2026-02-26 15:28:13 +01:00
Joshen Lim
bddd04bbc6
Use new action runs endpoints ( #41808 )
...
* Use new action runs endpoints
* Clean up
* Nit
* Unify DiffEditors
* Fix TS
* Fix TS
* Fix merging
2026-01-23 15:29:02 +08:00
Saxon Fletcher
625af107bd
Branch refinements ( #37192 )
...
* branch refinements
* branch price copy
* change alignment of badges
* remove console.log
---------
Co-authored-by: Alaister Young <a@alaisteryoung.com >
2025-07-16 16:06:54 +10:00
Saxon Fletcher
89f12d76ce
download as migration ( #37092 )
...
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
2025-07-14 16:22:16 +08:00
Saxon Fletcher
b05457666f
Add review requested at ( #36877 )
...
* allow creating branching without git
* update branching modals
* add account connections
* edit branch
* copy
* update copy
* enable branch modal changes
* add gitless branching flag
* update account connections
* merge page
* merge experiment
* update merge
* update pull requests empty state
* use diff query
* branch diffing
* diff query
* Clean up
* refinements to gitless branching
* branching merge and status
* link
* branch function diffing
* update styling
* refactor
* remove hook
* error handling
* move
* remove enable branching modal
* re-add github linker
* abstract away enable and disable
* toggle fixes
* update logic to lean on connection status
* update form logic
* sheet layout
* gitless flag
* style and workflow updates
* fix side panel size
* fix duplicate onerror
* copy changes
* refetch
* merge mutation copy
* remove import
* add cost
* allow connection details on create
* initial queries
* push button
* merge cleanup
* Fix TS issues
* Fix TS issues
* Couple of clean ups
* Revert hardcode in useFlag
* Fix TS
* layout issues and github check
* refactor
* refactor to use new field
* cleanup
* style
* failed merge
* error positioning
* refactoring merge
* workflow refactor
* hook move
* clarification with github integration
* replace branch dropdown button
* update repo picker
* updates
* remove modal
* fix small nits
* change defaults
* clean up
* disable if not gitless and no connection
* clean up
* always show workflow run id
* optimistic
* fix branch query
* fix issues
* fetch edge diff
* confirm merge
* update edge functions key
* add review requested at
* gitless check
* request review
* use requestReview
* use new review boolean
* unnecessary comment
* ready for review route
* hide removed functions for now
* type fix
* codegen
* Fix the types.
---------
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
Co-authored-by: Kevin Grüneberg <k.grueneberg1994@gmail.com >
Co-authored-by: Alaister Young <a@alaisteryoung.com >
Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com >
2025-07-09 20:45:28 +10:00
Saxon Fletcher
ea38c6d153
Review and merge branch ( #36795 )
...
* allow creating branching without git
* update branching modals
* add account connections
* edit branch
* copy
* update copy
* enable branch modal changes
* add gitless branching flag
* update account connections
* merge page
* merge experiment
* update merge
* update pull requests empty state
* use diff query
* branch diffing
* diff query
* Clean up
* refinements to gitless branching
* branching merge and status
* link
* branch function diffing
* update styling
* refactor
* remove hook
* error handling
* move
* remove enable branching modal
* re-add github linker
* abstract away enable and disable
* toggle fixes
* update logic to lean on connection status
* update form logic
* sheet layout
* gitless flag
* style and workflow updates
* fix side panel size
* fix duplicate onerror
* copy changes
* refetch
* merge mutation copy
* remove import
* add cost
* allow connection details on create
* initial queries
* push button
* merge cleanup
* Fix TS issues
* Fix TS issues
* Couple of clean ups
* Revert hardcode in useFlag
* Fix TS
* layout issues and github check
* refactor
* refactor to use new field
* cleanup
* style
* failed merge
* error positioning
* refactoring merge
* workflow refactor
* hook move
* clarification with github integration
* replace branch dropdown button
* update repo picker
* updates
* remove modal
* fix small nits
* change defaults
* clean up
* disable if not gitless and no connection
* clean up
* always show workflow run id
* optimistic
* fix branch query
* fix issues
* fetch edge diff
* confirm merge
* update edge functions key
---------
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
Co-authored-by: Kevin Grüneberg <k.grueneberg1994@gmail.com >
Co-authored-by: Alaister Young <a@alaisteryoung.com >
2025-07-04 14:57:59 +10:00