mirror of
https://github.com/supabase/supabase.git
synced 2026-10-17 23:29:08 +03:00
Jonathan Summers-MuirandJoshen Lim
9f420962e1
* inited. added disk config to a new page * add instances * move moar * moved things around. billing badges updated. compute added * tidy * new components * form now dynamically updating itself * updated compute form. moved warning panels. added collapsible for advanced options * review dialog now only showing what is relevant * Update DiskManagementForm.tsx * compute sizes now a reccomendation * fix old form * started adding flags * removed unused code. fixed issue with IOPS price showing on smaller compute * moar clearning * IOPS logic wrong way round * type fixes * start adding better error handling * TIDY * moved everything to own file * tidy * fix hydration issue * moved some components around * clean up * inline errors * update form message * Update DiskManagementForm.tsx * error fields fixed. some formatting issues. nano added as an option * fix constants * add some plan restrictions * moar * units updated. labels updated * Update DiskManagement.schema.ts * fix a ton of type issues * text udpates * add panel to suggest switching to io2 * more notice board stuff * number formatting. moved a file * Update DiskManagementForm.tsx * remove console logs * upgrade comms. more type fixes * add empty states for the old areas * more links * updated some label issues * hide labels when chart is active * Update DiskManagement.utils.ts * Delete next-env.d.ts * Update DiskManagementForm.tsx * Update DiskManagement.schema.ts * text updates * Update DiskManagement.constants.tsx * Update next-env.d.ts * Update next-env.d.ts * Small clean uop * Clean up empty files * Clean up spelling * Clean up more * Fix typo in file name * Clean up import statements * Update DiskManagementForm.tsx * fix issues * Update ProjectLayout.tsx * Remove unused import * Fix * Address nit * Update database.tsx * remove supress toast * Update DiskManagement.schema.ts * Update database.tsx * change upgrade comms * Update DiskManagementPanelForm.tsx * fixes * fix button size on old form * Update DiskManagementForm.tsx * Update StorageTypeField.tsx * update labels on compute * dont show banner when infra is FLY * update comms. hide disk config for FLY * Fix TS * Last round of clean upo * fix message state * fix message * Fix TS * Update DiskManagement.utils.ts * fix errors * Update BillingChangeBadge.tsx * fixed some label issues --------- Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
Supabase UI Package
Figma-tokens setup
Tokens setup is based partly on blogpost on the Mirahi Digital Garden.
Transforms tokens stored on Figma Tokens using token-transformer and Style Dictionary to css-variables with references, and use them in your TailwindCSS environment with multiple themes.
Build all the styles files (css-variables and tailwind config)
npm run build-styles
This creates a directory called styles with the tokens and also CSS required.
Other examples
You can find other examples here by Jan Six
Adding new themes/sets
Add new sets by extending the scripts in package.json. Currently theme sets derive from exported/[set name] but can come from anywhere.
Adding a new set can be done with the following:
// package.json
//..
"build-transform-light": "npx token-transformer tokens.json styles/tokens/02_themes/light.json global,exported/light,theme global",
// add a new line like this:
"build-transform-new": "npx token-transformer tokens.json styles/tokens/02_themes/new.json global,new,theme global",
//..
// append the new theme/set command to end of the build-transform command
"build-transform": "npm run build-transform-global && npm run build-transform-typography && npm run build-transform-dark && npm run build-transform-light && npm run build-transform-new",