Danny White 805aee289e fix(studio): color regressions after theme update (#47794) ...

## What kind of change does this PR introduce?

Bug fix + small shared component

## What is the current behavior?

After the recent colour system changes, several UI elements lost
contrast in light mode:

- `InfoIcon` with a background appeared as a flat grey circle (glyph
fill matched the background)
- Several buttons forced `text-white`, which no longer contrasts
correctly against the updated brand fills
- Selected / completed check badges were inconsistent between call sites

## What is the new behavior?

- `InfoIcon` uses `text-background` for the glyph fill so the "i" is
visible against the grey circle
- www primary buttons drop hardcoded `text-white` and use standard
`Button` colours
- New shared `SuccessCheck` in `ui` for selected state and completion
progress (green circle; white check in light mode, black check in dark
mode)
- Documented in the design system with selected + progress examples

Note on `InfoIcon`:
[#47933](https://github.com/supabase/supabase/pull/47933) landed a
related fix using `text-background-200` (`--card`). This PR keeps
`text-background` instead, to match `CheckIcon` / `EyeOffIcon` in the
same file and avoid the legacy alias.

| Before | After |
| --- | --- |
| <img width="688" height="268" alt="CleanShot 2026-07-10 at 11 30
25@2x"
src="https://github.com/user-attachments/assets/c0276b0c-1023-46c8-805c-35a22def1353"
/> | <img width="664" height="278" alt="CleanShot 2026-07-10 at 11 29
43@2x"
src="https://github.com/user-attachments/assets/3508cf37-1b48-4fb7-a939-83522feb44f1"
/> |
| <img width="468" height="550" alt="CleanShot 2026-07-10 at 11 31
04@2x"
src="https://github.com/user-attachments/assets/acd42273-15ce-4fb2-9d0c-5a43ac23073c"
/> | <img width="460" height="540" alt="CleanShot 2026-07-10 at 11 32
50@2x"
src="https://github.com/user-attachments/assets/f66fb4bc-81f7-4df1-95f5-63980c4e8537"
/> |

## To test

Use the staging preview link from this PR and check the following in
**light mode** (and spot-check dark mode):

**www**
- Visit `/404` — "Head back" button should have readable text (not
white-on-green)
- Visit `/company` — "Join the team" button in the Team section
- Visit a product page with a hero CTA (e.g. `/database`, `/realtime`) —
primary "Start for free" button

**studio**
- Database → Replication → deploy a read replica — footer `InfoIcon`
next to the pricing line should show a visible "i" inside the grey
circle
- `/redeem` — select an org; green `SuccessCheck` should match
light/dark contrast (white check / black check)
- Settings → API → service role key row — red "secret" tag text should
be readable

**design system**
- `/docs/components/success-check` — demo, selected-state, and progress
examples

2026-07-15 14:09:08 +00:00

..

accordion-demo.tsx

chore: remove <Accordion> _Shadcn_ suffix (#46107)

2026-05-19 17:04:00 +02:00

admonition-button-split.tsx

docs(design-system): document split button with dropdown pattern (#47422)

2026-07-03 10:14:12 +10:00

admonition-button.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

admonition-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

admonition-description-only.tsx

chore(design-system): redo safer Admonition updates (#45618)

2026-05-08 07:59:35 +00:00

admonition-destructive.tsx

add Admonition to Design System (#26710)

2024-05-24 09:21:41 +00:00

admonition-responsive.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

admonition-sandwiched.tsx

chore(design-system): sandwiched admonition (#43120)

2026-02-27 16:23:08 +11:00

admonition-success.tsx

chore(design-system): redo safer Admonition updates (#45618)

2026-05-08 07:59:35 +00:00

admonition-warning.tsx

add Admonition to Design System (#26710)

2024-05-24 09:21:41 +00:00

alert-demo.tsx

chore: remove shadcn suffix for Input, Textarea, Alert and Collapsible (#45867)

2026-05-15 14:55:37 +02:00

alert-dialog-async-error.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

alert-dialog-async.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

alert-dialog-close-only.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

alert-dialog-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

alert-dialog-destructive.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

alert-dialog-warning.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

aspect-ratio-demo.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

assistant-chat-commands.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

assistant-chat-demo.tsx

chore: Clean up ui-patterns imports (#29132)

2024-09-30 21:41:26 +02:00

avatar-demo.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

badge-demo.tsx

studio(chore): badge component defrag (#40118)

2025-12-02 11:15:50 +11:00

badge-secondary.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

badge-state.tsx

studio(chore): badge component defrag (#40118)

2025-12-02 11:15:50 +11:00

breadcrumb-demo.tsx

fix(design-system): add missing breadcrumb demo components (#47421)

2026-06-30 16:13:50 +00:00

breadcrumb-dropdown.tsx

fix(design-system): add missing breadcrumb demo components (#47421)

2026-06-30 16:13:50 +00:00

breadcrumb-ellipsis.tsx

fix(design-system): add missing breadcrumb demo components (#47421)

2026-06-30 16:13:50 +00:00

breadcrumb-link.tsx

fix(design-system): add missing breadcrumb demo components (#47421)

2026-06-30 16:13:50 +00:00

breadcrumb-responsive.tsx

fix(design-system): add missing breadcrumb demo components (#47421)

2026-06-30 16:13:50 +00:00

breadcrumb-separator.tsx

fix(design-system): add missing breadcrumb demo components (#47421)

2026-06-30 16:13:50 +00:00

button-as-child.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

button-default.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

button-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

button-destructive.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

button-ghost.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

button-icon.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

button-link.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

button-loading.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

button-outline.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

button-secondary.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

button-sizes.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

button-split-dropdown.tsx

docs(design-system): document split button with dropdown pattern (#47422)

2026-07-03 10:14:12 +10:00

button-warning.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

button-with-icon.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

calendar-demo.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

calendar-disabled-days-demo.tsx

fix(studio): align PITR calendar dates in the first week (#47806)

2026-07-10 11:40:33 +01:00

calendar-form.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

calendar-react-hook-form.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

chart-bar-demo-axis.tsx

[Design System] feat: Added Chart component (#27839)

2024-08-30 16:51:05 +08:00

chart-bar-demo-grid.tsx

[Design System] feat: Added Chart component (#27839)

2024-08-30 16:51:05 +08:00

chart-bar-demo-legend.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

chart-bar-demo-tooltip.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

chart-bar-demo.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

chart-tooltip-demo.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

checkbox-demo.tsx

chore: remove _Shadcn_ suffix for Checkbox and Radio components (#45263)

2026-04-27 11:07:06 +02:00

checkbox-disabled.tsx

chore: remove _Shadcn_ suffix for Checkbox and Radio components (#45263)

2026-04-27 11:07:06 +02:00

checkbox-form-multiple.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

checkbox-form-single.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

checkbox-with-text.tsx

chore: remove _Shadcn_ suffix for Checkbox and Radio components (#45263)

2026-04-27 11:07:06 +02:00

collapsible-alert-demo.tsx

Clarify alert and collapsible design-system patterns (#45863)

2026-05-15 15:29:16 +10:00

collapsible-card-section-demo.tsx

feat(ui-patterns): add CollapsibleCardSection component (#46250)

2026-05-22 18:24:17 +10:00

collapsible-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

color-usage-surface-studio-frame.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

color-usage-surface-studio.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

color-usage-surface-www-and-docs.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

combobox-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

combobox-dropdown-menu.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

combobox-form.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

combobox-popover.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

combobox-responsive.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

command-demo.tsx

chore: remove _Shadcn_ suffix from Command components (#46153)

2026-05-20 15:45:32 +02:00

command-dialog.tsx

chore: remove _Shadcn_ suffix from Command components (#46153)

2026-05-20 15:45:32 +02:00

commandmenu-badge.tsx

chore: rename CommandMenu internal components to avoid conflicts with base shadcn ones (#45996)

2026-05-20 14:05:59 +02:00

commandmenu-conditional.tsx

chore: rename CommandMenu internal components to avoid conflicts with base shadcn ones (#45996)

2026-05-20 14:05:59 +02:00

commandmenu-demo.tsx

chore: rename CommandMenu internal components to avoid conflicts with base shadcn ones (#45996)

2026-05-20 14:05:59 +02:00

commandmenu-force.tsx

chore: rename CommandMenu internal components to avoid conflicts with base shadcn ones (#45996)

2026-05-20 14:05:59 +02:00

commandmenu-hidden.tsx

chore: rename CommandMenu internal components to avoid conflicts with base shadcn ones (#45996)

2026-05-20 14:05:59 +02:00

commandmenu-icon.tsx

chore: rename CommandMenu internal components to avoid conflicts with base shadcn ones (#45996)

2026-05-20 14:05:59 +02:00

commandmenu-subpage-custom.tsx

chore: rename CommandMenu internal components to avoid conflicts with base shadcn ones (#45996)

2026-05-20 14:05:59 +02:00

commandmenu-subpage.tsx

chore: rename CommandMenu internal components to avoid conflicts with base shadcn ones (#45996)

2026-05-20 14:05:59 +02:00

confirmation-modal-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

context-menu-demo.tsx

chore: remove <ContextMenu> _Shadcn_ suffix (#45971)

2026-05-15 15:09:25 +02:00

copy-button-verbs.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

copy-confirmations.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

copy-empty-states.tsx

chore: cleanup UI patterns exports (#47406)

2026-06-30 09:23:17 +02:00

copy-error-messages.tsx

feat(design-system): add initial copy writing guide (#41307)

2025-12-15 10:44:08 +00:00

copy-form-labels.tsx

chore: remove <Label> _Shadcn_ suffix (#45986)

2026-05-15 15:55:33 +02:00

copy-loading-states.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

copy-success-messages.tsx

feat(design-system): add initial copy writing guide (#41307)

2025-12-15 10:44:08 +00:00

copy-tooltips.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

data-grid-demo.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

data-grid-empty-state.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

data-input-demo.tsx

chore(studio): consistent copy/reveal input behaviour (#39509)

2025-10-16 13:44:40 +11:00

data-input-with-copy-secret.tsx

chore(studio): consistent copy/reveal input behaviour (#39509)

2025-10-16 13:44:40 +11:00

data-input-with-copy.tsx

chore(studio): consistent copy/reveal input behaviour (#39509)

2025-10-16 13:44:40 +11:00

data-input-with-reveal-copy-editable-empty.tsx

chore: add shadcn input-group components (#44282)

2026-03-31 09:14:56 +02:00

data-input-with-reveal-copy-editable.tsx

chore: add shadcn input-group components (#44282)

2026-03-31 09:14:56 +02:00

data-input-with-reveal-copy.tsx

chore(studio): consistent copy/reveal input behaviour (#39509)

2025-10-16 13:44:40 +11:00

data-table-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

date-picker-demo.tsx

introduce DatePicker (#46837)

2026-06-17 12:24:42 +02:00

date-picker-form.tsx

introduce DatePicker (#46837)

2026-06-17 12:24:42 +02:00

date-picker-with-presets.tsx

introduce DatePicker (#46837)

2026-06-17 12:24:42 +02:00

date-picker-with-range.tsx

introduce DatePicker (#46837)

2026-06-17 12:24:42 +02:00

dialog-centered-off.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

dialog-close-button.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

dialog-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

drawer-demo.tsx

Color system (#47288)

2026-07-03 15:00:43 +10:00

drawer-dialog.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

dropdown-menu-checkboxes.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

dropdown-menu-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

dropdown-menu-radio-group.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

empty-state-initial-state-informational.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

empty-state-missing-route.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

empty-state-presentational-buttons.tsx

chore: cleanup UI patterns exports (#47406)

2026-06-30 09:23:17 +02:00

empty-state-presentational-demo.tsx

chore: cleanup UI patterns exports (#47406)

2026-06-30 09:23:17 +02:00

empty-state-presentational-icon.tsx

chore: cleanup UI patterns exports (#47406)

2026-06-30 09:23:17 +02:00

empty-state-zero-items-table.tsx

feat(design-system): improve table docs (#41215)

2025-12-11 13:38:26 +11:00

error-display-demo.tsx

chore: Bump Typescript to v6 (#44204)

2026-03-26 15:27:35 +01:00

error-display-with-children.tsx

chore: Bump Typescript to v6 (#44204)

2026-03-26 15:27:35 +01:00

expanding-textarea-demo.tsx

feat: Use expanding text area in the Ai Assistant (SQL Editor) (#27930)

2024-07-12 11:32:20 +02:00

field-checkbox.tsx

chore: remove _Shadcn_ suffix for Checkbox and Radio components (#45263)

2026-04-27 11:07:06 +02:00

field-choice-card.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

field-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

field-fieldset.tsx

chore: remove shadcn suffix for Input, Textarea, Alert and Collapsible (#45867)

2026-05-15 14:55:37 +02:00

field-group.tsx

chore: remove _Shadcn_ suffix for Checkbox and Radio components (#45263)

2026-04-27 11:07:06 +02:00

field-hear.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

field-input.tsx

chore: remove shadcn suffix for Input, Textarea, Alert and Collapsible (#45867)

2026-05-15 14:55:37 +02:00

field-radio.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

field-responsive.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

field-select.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

field-slider.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

field-switch.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

field-textarea.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

filter-bar-demo.tsx

chore: cleanup UI patterns exports (#47406)

2026-06-30 09:23:17 +02:00

form-item-layout-after-label.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

form-item-layout-before-label.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

form-item-layout-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

form-item-layout-with-checkbox-list.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

form-item-layout-with-checkbox.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

form-item-layout-with-horizontal.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

form-item-layout-with-select.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

form-item-layout-with-switch.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

form-patterns-pagelayout.tsx

fix: consolidate focus states across inputs (#46588)

2026-06-17 16:00:34 +02:00

form-patterns-sidepanel.tsx

fix: consolidate focus states across inputs (#46588)

2026-06-17 16:00:34 +02:00

hover-card-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

info-tooltip-demo.tsx

[Design System] Feat: BeforeLabel / AfterLabel props for <FormItemLayout/> and <InfoTooltip/> documented (#26712)

2024-05-24 09:40:15 +00:00

inner-side-menu-demo.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

inner-side-menu-empty.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

inner-side-menu-loading.tsx

feat/ design system: inner side bar docs (#30048)

2024-10-31 00:55:08 +08:00

inner-side-menu-multiple-sections.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

inner-side-menu-static-titles.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

inner-side-menu-with-search.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

input-demo.tsx

chore: remove shadcn suffix for Input, Textarea, Alert and Collapsible (#45867)

2026-05-15 14:55:37 +02:00

input-disabled.tsx

chore: remove shadcn suffix for Input, Textarea, Alert and Collapsible (#45867)

2026-05-15 14:55:37 +02:00

input-file.tsx

chore: remove <Label> _Shadcn_ suffix (#45986)

2026-05-15 15:55:33 +02:00

input-form.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

input-otp-controlled.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

input-otp-demo.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

input-otp-form.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

input-otp-pattern.tsx

chore: Prep work for pnpm (#29610)

2024-10-01 11:29:37 +02:00

input-otp-separator.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

input-with-button.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

input-with-label.tsx

chore: remove <Label> _Shadcn_ suffix (#45986)

2026-05-15 15:55:33 +02:00

input-with-text.tsx

chore: remove <Label> _Shadcn_ suffix (#45986)

2026-05-15 15:55:33 +02:00

key-value-field-array-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

keyboard-shortcut-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

keyboard-shortcut-inline.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

keyboard-shortcut-pill.tsx

chore(studio): standardise keyboard shortcut UI (#44262)

2026-04-08 09:42:55 -06:00

label-demo.tsx

chore: remove <Label> _Shadcn_ suffix (#45986)

2026-05-15 15:55:33 +02:00

logs-bar-chart.tsx

feat(design-system): charts defrag (#41026)

2025-12-10 13:10:18 +00:00

markdown-avatar-component.tsx

feat(design-system): add Markdown component to ui-patterns (#46325)

2026-05-26 17:19:18 +02:00

markdown-blockquotes.tsx

feat(design-system): add Markdown component to ui-patterns (#46325)

2026-05-26 17:19:18 +02:00

markdown-code-blocks.tsx

feat(design-system): add Markdown component to ui-patterns (#46325)

2026-05-26 17:19:18 +02:00

markdown-customization.tsx

feat(design-system): add Markdown component to ui-patterns (#46325)

2026-05-26 17:19:18 +02:00

markdown-full-example.tsx

feat(design-system): add Markdown component to ui-patterns (#46325)

2026-05-26 17:19:18 +02:00

markdown-headings.tsx

feat(design-system): add Markdown component to ui-patterns (#46325)

2026-05-26 17:19:18 +02:00

markdown-horizontal-rules.tsx

feat(design-system): add Markdown component to ui-patterns (#46325)

2026-05-26 17:19:18 +02:00

markdown-images.tsx

feat(design-system): add Markdown component to ui-patterns (#46325)

2026-05-26 17:19:18 +02:00

markdown-inline-code.tsx

feat(design-system): add Markdown component to ui-patterns (#46325)

2026-05-26 17:19:18 +02:00

markdown-links.tsx

feat(design-system): add Markdown component to ui-patterns (#46325)

2026-05-26 17:19:18 +02:00

markdown-lists.tsx

feat(design-system): add Markdown component to ui-patterns (#46325)

2026-05-26 17:19:18 +02:00

markdown-paragraphs.tsx

feat(design-system): add Markdown component to ui-patterns (#46325)

2026-05-26 17:19:18 +02:00

markdown-quote-component.tsx

feat(design-system): add Markdown component to ui-patterns (#46325)

2026-05-26 17:19:18 +02:00

markdown-tables.tsx

feat(design-system): add Markdown component to ui-patterns (#46325)

2026-05-26 17:19:18 +02:00

menubar-demo.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

mermaid-basic.tsx

chore: Clean the ui package from next imports (#44278)

2026-03-30 10:58:37 +02:00

mermaid-demo.tsx

chore: Clean the ui package from next imports (#44278)

2026-03-30 10:58:37 +02:00

mermaid-er-diagram.tsx

chore: Clean the ui package from next imports (#44278)

2026-03-30 10:58:37 +02:00

mermaid-er-simple.tsx

chore: Clean the ui package from next imports (#44278)

2026-03-30 10:58:37 +02:00

mermaid-flowchart-subgraph.tsx

chore: Clean the ui package from next imports (#44278)

2026-03-30 10:58:37 +02:00

mermaid-flowchart.tsx

chore: Clean the ui package from next imports (#44278)

2026-03-30 10:58:37 +02:00

mermaid-oauth-flow.tsx

chore: Clean the ui package from next imports (#44278)

2026-03-30 10:58:37 +02:00

mermaid-sequence-api.tsx

chore: Clean the ui package from next imports (#44278)

2026-03-30 10:58:37 +02:00

mermaid-sequence-async.tsx

chore: Clean the ui package from next imports (#44278)

2026-03-30 10:58:37 +02:00

mermaid-sequence-sync.tsx

chore: Clean the ui package from next imports (#44278)

2026-03-30 10:58:37 +02:00

metric-card-minimal-horizontal.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

metric-card-minimal.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

metric-card-with-icon-link-tooltip.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

metric-card.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

mode-toggle.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

multi-select-badge-limit-wrap.tsx

feat: multiselect (#29695)

2024-10-25 15:43:15 +02:00

multi-select-badge-limit.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

multi-select-combobox-creatable.tsx

fix: MultiSelector with creatable flag (#33502)

2025-02-11 10:40:51 +08:00

multi-select-combobox.tsx

feat: multiselect (#29695)

2024-10-25 15:43:15 +02:00

multi-select-deletable-badge.tsx

feat: multiselect (#29695)

2024-10-25 15:43:15 +02:00

multi-select-demo.tsx

feat: multiselect (#29695)

2024-10-25 15:43:15 +02:00

multi-select-disabled.tsx

feat: multiselect (#29695)

2024-10-25 15:43:15 +02:00

multi-select-in-dialog.tsx

chore: remove <Label> _Shadcn_ suffix (#45986)

2026-05-15 15:55:33 +02:00

multi-select-inline-search-input.tsx

feat: multiselect (#29695)

2024-10-25 15:43:15 +02:00

nav-menu-badges.tsx

docs(design-system): NavMenu component (#39188)

2025-10-08 10:18:43 +11:00

nav-menu-demo.tsx

docs(design-system): NavMenu component (#39188)

2025-10-08 10:18:43 +11:00

nav-menu-icons.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

navigation-menu-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

navigation-menu-responsive.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

page-breadcrumbs-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

page-container-demo.tsx

Page components (#40289)

2025-11-11 04:02:30 +00:00

page-header-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

page-layout-auth-emails.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

page-layout-detail.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

page-layout-edge-function.tsx

Color system (#47288)

2026-07-03 15:00:43 +10:00

page-layout-full-width.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

page-layout-list-simple.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

page-layout-list.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

page-layout-logs-content.tsx

chore: cleanup UI patterns exports (#47406)

2026-06-30 09:23:17 +02:00

page-layout-settings.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

page-nav-demo.tsx

page layout patterns (#46126)

2026-05-21 09:16:14 +10:00

page-section-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

page-section-horizontal.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

page-section-title-only.tsx

fix(studio): PageSectionSummary alignment (#42019)

2026-01-21 10:18:15 +08:00

page-section-with-aside.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

popover-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

progress-demo.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

radio-group-card-demo.tsx

Feat [atom component] stacked radio group / card radio group (#26612)

2024-05-23 17:44:45 +02:00

radio-group-card-form.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

radio-group-card-with-children.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

radio-group-demo.tsx

chore: remove <Label> _Shadcn_ suffix (#45986)

2026-05-15 15:55:33 +02:00

radio-group-form.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

radio-group-stacked-demo.tsx

Feat [atom component] stacked radio group / card radio group (#26612)

2024-05-23 17:44:45 +02:00

radio-group-stacked-form.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

resizable-demo-with-handle.tsx

chore: update react-resizable-panels to v4 to support pixel width (#42990)

2026-02-23 19:48:19 +01:00

resizable-demo.tsx

chore: update react-resizable-panels to v4 to support pixel width (#42990)

2026-02-23 19:48:19 +01:00

resizable-handle.tsx

chore: update react-resizable-panels to v4 to support pixel width (#42990)

2026-02-23 19:48:19 +01:00

resizable-vertical.tsx

chore: update react-resizable-panels to v4 to support pixel width (#42990)

2026-02-23 19:48:19 +01:00

scroll-area-demo.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

scroll-area-horizontal-demo.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

select-demo.tsx

chore: remove <Select> _Shadcn_ suffix (#45988)

2026-05-15 16:39:57 +02:00

select-form.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

select-scrollable.tsx

chore: remove <Select> _Shadcn_ suffix (#45988)

2026-05-15 16:39:57 +02:00

separator-demo.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

sheet-confirm-on-close-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

sheet-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

sheet-nonmodal.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

sheet-side.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

single-value-field-array-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

skeleton-card.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

skeleton-demo.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

slider-demo.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

slider-minMax-range.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

sonner-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

sonner-types.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

sonner-upload.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

status-code-demo.tsx

chore: cleanup UI patterns exports (#47406)

2026-06-30 09:23:17 +02:00

success-check-demo.tsx

fix(studio): color regressions after theme update (#47794)

2026-07-15 14:09:08 +00:00

success-check-progress.tsx

fix(studio): color regressions after theme update (#47794)

2026-07-15 14:09:08 +00:00

success-check-selected.tsx

fix(studio): color regressions after theme update (#47794)

2026-07-15 14:09:08 +00:00

switch-demo.tsx

chore: remove <Label> _Shadcn_ suffix (#45986)

2026-05-15 15:55:33 +02:00

switch-form.tsx

chore: delete Button alternative deprecated variant (#47260)

2026-06-24 14:14:47 +02:00

table-actions.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

table-cross-link.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

table-demo.tsx

feat(design-system): improve table docs (#41215)

2025-12-11 13:38:26 +11:00

table-icons.tsx

feat(design-system): improve table docs (#41215)

2025-12-11 13:38:26 +11:00

table-row-link-actions.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

table-row-link.tsx

chore(studio): use the shared createNavigationHandler (#41628)

2026-01-20 03:24:10 +00:00

table-sort.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

tabs-demo.tsx

chore: remove _Shadcn_ suffix from ui tabs components (#47628)

2026-07-06 15:29:16 +02:00

text-confirm-dialog-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

text-confirm-dialog-with-cancel-button.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

text-confirm-dialog-with-children.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

text-confirm-dialog-with-size.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

textarea-demo.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

textarea-disabled.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

textarea-form.tsx

chore: delete Button alternative deprecated variant (#47260)

2026-06-24 14:14:47 +02:00

textarea-with-button.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

textarea-with-label.tsx

chore: remove <Label> _Shadcn_ suffix (#45986)

2026-05-15 15:55:33 +02:00

textarea-with-text.tsx

chore: remove <Label> _Shadcn_ suffix (#45986)

2026-05-15 15:55:33 +02:00

toc-demo.tsx

chore: cleanup UI patterns exports (#47406)

2026-06-30 09:23:17 +02:00

toc-single-demo.tsx

chore: cleanup UI patterns exports (#47406)

2026-06-30 09:23:17 +02:00

toggle-demo.tsx

chore: remove <Toggle> _Shadcn_ suffix (#45970)

2026-05-15 12:14:31 +02:00

toggle-disabled.tsx

chore: remove <Toggle> _Shadcn_ suffix (#45970)

2026-05-15 12:14:31 +02:00

toggle-group-demo.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

toggle-group-disabled.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

toggle-group-lg.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

toggle-group-outline.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

toggle-group-single.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

toggle-group-sm.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

toggle-lg.tsx

chore: remove <Toggle> _Shadcn_ suffix (#45970)

2026-05-15 12:14:31 +02:00

toggle-outline.tsx

chore: remove <Toggle> _Shadcn_ suffix (#45970)

2026-05-15 12:14:31 +02:00

toggle-sm.tsx

chore: remove <Toggle> _Shadcn_ suffix (#45970)

2026-05-15 12:14:31 +02:00

toggle-with-text.tsx

chore: remove <Toggle> _Shadcn_ suffix (#45970)

2026-05-15 12:14:31 +02:00

tooltip-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

tree-view-demo.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

tree-view-directories.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

tree-view-edit.tsx

chore: remove <ContextMenu> _Shadcn_ suffix (#45971)

2026-05-15 15:09:25 +02:00

tree-view-multi-select.tsx

chore: remove <ContextMenu> _Shadcn_ suffix (#45971)

2026-05-15 15:09:25 +02:00

typography-blockquote.tsx

update: Add TS any checks to ratchet rules to further stop slipping (#40877)

2025-12-02 14:18:21 +00:00

typography-demo.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

typography-h1.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

typography-h2.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

typography-h3.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

typography-h4.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

typography-inline-code.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

typography-large.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

typography-lead.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

typography-list.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

typography-muted.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

typography-p.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

typography-small.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

typography-table.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00