diff --git a/apps/design-system/__registry__/default/block/chart-composed-metrics.tsx b/apps/design-system/__registry__/default/block/chart-composed-metrics.tsx index 361c35a9a45..deab28e4ee2 100644 --- a/apps/design-system/__registry__/default/block/chart-composed-metrics.tsx +++ b/apps/design-system/__registry__/default/block/chart-composed-metrics.tsx @@ -71,7 +71,7 @@ export default function ChartComposedMetrics() { } + loadingState={} > @@ -89,7 +89,7 @@ export default function ChartComposedMetrics() { } + loadingState={} > diff --git a/apps/design-system/app/layout.tsx b/apps/design-system/app/layout.tsx index 143adbc56f9..93fa102345d 100644 --- a/apps/design-system/app/layout.tsx +++ b/apps/design-system/app/layout.tsx @@ -1,5 +1,5 @@ +import 'react-data-grid/lib/styles.css' import '@/styles/globals.css' -import 'config/typography.css' import type { Metadata, Viewport } from 'next' diff --git a/apps/design-system/components/class-label.tsx b/apps/design-system/components/class-label.tsx index 6575c2f4373..a779b1d353e 100644 --- a/apps/design-system/components/class-label.tsx +++ b/apps/design-system/components/class-label.tsx @@ -5,7 +5,7 @@ const ClassLabel = React.forwardRef {children} diff --git a/apps/design-system/components/code-block-wrapper.tsx b/apps/design-system/components/code-block-wrapper.tsx index 2a6c81ce03e..d4be5c110d3 100644 --- a/apps/design-system/components/code-block-wrapper.tsx +++ b/apps/design-system/components/code-block-wrapper.tsx @@ -36,7 +36,7 @@ export function CodeBlockWrapper({
diff --git a/apps/design-system/components/code-fragment.tsx b/apps/design-system/components/code-fragment.tsx index 4e688bf9c28..ccf33703720 100644 --- a/apps/design-system/components/code-fragment.tsx +++ b/apps/design-system/components/code-fragment.tsx @@ -51,7 +51,7 @@ export function CodeFragment({ return (

Code fragment{' '} - + {name} {' '} not found in registry. @@ -94,10 +94,10 @@ export function CodeFragment({ )} > {showGrid && ( -

+
)} {showDottedGrid && ( -
+
)}
{ComponentPreview}
diff --git a/apps/design-system/components/colors.tsx b/apps/design-system/components/colors.tsx index d7ba3a364c6..5a0660ac63a 100644 --- a/apps/design-system/components/colors.tsx +++ b/apps/design-system/components/colors.tsx @@ -70,7 +70,7 @@ const Colors = ({ onClick={() => handleCopy(x, i)} > - + {copiedIndex === i ? 'Copied!' : x} diff --git a/apps/design-system/components/command-menu.tsx b/apps/design-system/components/command-menu.tsx index a2dd7b3de58..fbd26bea2e8 100644 --- a/apps/design-system/components/command-menu.tsx +++ b/apps/design-system/components/command-menu.tsx @@ -56,7 +56,7 @@ export function CommandMenu({ ...props }: DialogProps) { diff --git a/apps/design-system/components/component-preview.tsx b/apps/design-system/components/component-preview.tsx index b6c5005fcb1..0189c7ee1ed 100644 --- a/apps/design-system/components/component-preview.tsx +++ b/apps/design-system/components/component-preview.tsx @@ -55,7 +55,7 @@ export function ComponentPreview({ return (

Component{' '} - + {name} {' '} not found in registry. @@ -99,10 +99,10 @@ export function ComponentPreview({ )} > {showGrid && ( -

+
)} {showDottedGrid && ( -
+
)}
{ComponentPreview}
{/*
*/} @@ -144,10 +144,10 @@ export function ComponentPreview({ })} > {showGrid && ( -
+
)} {showDottedGrid && ( -
+
)}
{ComponentPreview}
@@ -164,12 +164,12 @@ export function ComponentPreview({ px-4 py-4 border border-r group - data-[state=closed]:rounded-bl-md data-[state=closed]:rounded-br-md + data-closed:rounded-bl-md data-closed:rounded-br-md `} > View code diff --git a/apps/design-system/components/grid.tsx b/apps/design-system/components/grid.tsx index 659117a7737..23ca11ac432 100644 --- a/apps/design-system/components/grid.tsx +++ b/apps/design-system/components/grid.tsx @@ -47,8 +47,8 @@ const GridItem = forwardRef>( transition group-hover:border group-hover:border-foreground-muted - group-data-[state=open]:border - group-data-[state=open]:border-foreground-muted + group-data-open:border + group-data-open:border-foreground-muted " > {children} diff --git a/apps/design-system/components/icons.tsx b/apps/design-system/components/icons.tsx index e94f408759d..ce07e959a04 100644 --- a/apps/design-system/components/icons.tsx +++ b/apps/design-system/components/icons.tsx @@ -18,11 +18,8 @@ function Icons() { - - + + {icon.name} diff --git a/apps/design-system/components/mdx-components.tsx b/apps/design-system/components/mdx-components.tsx index 5e44875ed9e..6d260d75c57 100644 --- a/apps/design-system/components/mdx-components.tsx +++ b/apps/design-system/components/mdx-components.tsx @@ -92,10 +92,7 @@ const components = { /> ), p: ({ className, ...props }: React.HTMLAttributes) => ( -

+

), ul: ({ className, ...props }: React.HTMLAttributes) => (

    @@ -127,7 +124,7 @@ const components = { th: ({ className, ...props }: React.HTMLAttributes) => ( ) => ( ) => ( ) => ( { return null } - const iconClasses = 'text-foreground-lighter group-data-[state=open]:text-foreground' + const iconClasses = 'text-foreground-lighter group-data-open:text-foreground' return ( <> diff --git a/apps/design-system/components/top-navigation.tsx b/apps/design-system/components/top-navigation.tsx index 0af6b28d06b..232167a8528 100644 --- a/apps/design-system/components/top-navigation.tsx +++ b/apps/design-system/components/top-navigation.tsx @@ -13,7 +13,7 @@ export const TopNavigation = () => { const { toggle } = useMobileSidebar() return ( -
    +
-

+

As a result, people stopped telling jokes, and the kingdom fell into a gloom. But there was one person who refused to let the king's foolishness get him down: a court jester named Jokester. @@ -41,12 +41,12 @@ export default function TypographyDemo() {

Jokester's Revolt

-

+

Jokester began sneaking into the castle in the middle of the night and leaving jokes all over the place: under the king's pillow, in his soup, even in the royal toilet. The king was furious, but he couldn't seem to stop Jokester.

-

+

And then, one day, the people of the kingdom discovered that the jokes left by Jokester were so funny that they couldn't help but laugh. And once they started laughing, they couldn't stop. @@ -54,7 +54,7 @@ export default function TypographyDemo() {

The People's Rebellion

-

+

The people of the kingdom, feeling uplifted by the laughter, started to tell jokes and puns again, and soon the entire kingdom was in on the joke.

@@ -62,48 +62,48 @@ export default function TypographyDemo() { - - - - - - - -
+ King's Treasury + People's happiness
+ Empty + Overflowing
+ Modest + Satisfied
+ Full + Ecstatic
-

+

The king, seeing how much happier his subjects were, realized the error of his ways and repealed the joke tax. Jokester was declared a hero, and the kingdom lived happily ever after.

-

+

The moral of the story is: never underestimate the power of a good laugh and always be careful of bad ideas.

diff --git a/apps/design-system/registry/default/example/typography-inline-code.tsx b/apps/design-system/registry/default/example/typography-inline-code.tsx index fbbc96ba688..36e5b271396 100644 --- a/apps/design-system/registry/default/example/typography-inline-code.tsx +++ b/apps/design-system/registry/default/example/typography-inline-code.tsx @@ -1,6 +1,6 @@ export default function TypographyInlineCode() { return ( - + @radix-ui/react-alert-dialog ) diff --git a/apps/design-system/registry/default/example/typography-p.tsx b/apps/design-system/registry/default/example/typography-p.tsx index 0a20c523c48..ed5f1131101 100644 --- a/apps/design-system/registry/default/example/typography-p.tsx +++ b/apps/design-system/registry/default/example/typography-p.tsx @@ -1,6 +1,6 @@ export default function TypographyP() { return ( -

+

The king, seeing how much happier his subjects were, realized the error of his ways and repealed the joke tax.

diff --git a/apps/design-system/registry/default/example/typography-table.tsx b/apps/design-system/registry/default/example/typography-table.tsx index 7a91dfda844..a24e2c5316e 100644 --- a/apps/design-system/registry/default/example/typography-table.tsx +++ b/apps/design-system/registry/default/example/typography-table.tsx @@ -4,36 +4,36 @@ export default function TypographyTable() { - - - - - - - - diff --git a/apps/design-system/styles/globals.css b/apps/design-system/styles/globals.css index d1f98daa8a0..0160d13280c 100644 --- a/apps/design-system/styles/globals.css +++ b/apps/design-system/styles/globals.css @@ -1,11 +1,13 @@ +@import 'tailwindcss'; + @import './../../../packages/ui/build/css/source/global.css'; @import './../../../packages/ui/build/css/themes/dark.css'; @import './../../../packages/ui/build/css/themes/classic-dark.css'; @import './../../../packages/ui/build/css/themes/light.css'; -@tailwind base; -@tailwind components; -@tailwind utilities; +@config '../tailwind.config.js'; + +@import 'config/typography.css'; @layer base { :root { @@ -68,3 +70,7 @@ @apply px-4; } } + +.rdg-cell { + padding-inline: 0.5rem; +} diff --git a/apps/design-system/styles/mdx.css b/apps/design-system/styles/mdx.css index 84391167b6f..32f049edca0 100644 --- a/apps/design-system/styles/mdx.css +++ b/apps/design-system/styles/mdx.css @@ -1,3 +1,5 @@ +@reference './globals.css'; + /* [data-theme="light"] { display: block; } */ diff --git a/apps/design-system/tailwind.config.js b/apps/design-system/tailwind.config.js index 4d875930e75..e329c8e381e 100644 --- a/apps/design-system/tailwind.config.js +++ b/apps/design-system/tailwind.config.js @@ -5,12 +5,12 @@ module.exports = config({ './app/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}', './registry/**/*.{js,ts,jsx,tsx}', + './content/**/*.mdx', // purge styles from grid library // './../../packages/ui/src/**/*.{tsx,ts,js}', './../../packages/ui-patterns/src/**/*.{tsx,ts,js}', ], - plugins: [require('@tailwindcss/container-queries')], theme: { extend: { maxWidth: { diff --git a/apps/docs/app/graphiql/page.tsx b/apps/docs/app/graphiql/page.tsx index 671b5525963..377685efd69 100644 --- a/apps/docs/app/graphiql/page.tsx +++ b/apps/docs/app/graphiql/page.tsx @@ -29,5 +29,5 @@ export default function GraphiQLPage() { notFound() } - return + return } diff --git a/apps/docs/app/guides/database/database-advisors/page.tsx b/apps/docs/app/guides/database/database-advisors/page.tsx index 334be03cd77..889dff9b749 100644 --- a/apps/docs/app/guides/database/database-advisors/page.tsx +++ b/apps/docs/app/guides/database/database-advisors/page.tsx @@ -87,7 +87,7 @@ const DatabaseAdvisorDocs = async () => { . ) : ( - + {lints.map((lint) => ( {nestedAttribute}
    -
  • +
  • { schema[resource].block.attributes[attribute].nested_type @@ -285,7 +285,7 @@ function DataSources({ schema }: { schema: any }) {
  • {nestedAttribute}
      -
    • +
    • { schema[dataSource].block.attributes[attribute].nested_type diff --git a/apps/docs/app/guides/troubleshooting/page.tsx b/apps/docs/app/guides/troubleshooting/page.tsx index 74582ef4838..d00356c6e27 100644 --- a/apps/docs/app/guides/troubleshooting/page.tsx +++ b/apps/docs/app/guides/troubleshooting/page.tsx @@ -26,7 +26,7 @@ export default async function GlobalTroubleshootingPage() { const errors = await getAllTroubleshootingErrors() return ( - +

      Troubleshooting

      diff --git a/apps/docs/components/AuthSmsProviderConfig/AuthSmsProviderConfig.tsx b/apps/docs/components/AuthSmsProviderConfig/AuthSmsProviderConfig.tsx index 357b37ffa77..9e634a825d2 100644 --- a/apps/docs/components/AuthSmsProviderConfig/AuthSmsProviderConfig.tsx +++ b/apps/docs/components/AuthSmsProviderConfig/AuthSmsProviderConfig.tsx @@ -62,18 +62,18 @@ const AuthSmsProviderConfig = () => { > {selectedProvider && ( { evt.preventDefault() headingRef.current?.focus() }} > - + {selectedProvider.name} - + {selectedProvider.name.toLowerCase().includes('messagebird') && } {selectedProvider.name.toLowerCase().includes('twilio') && } {selectedProvider.name.toLowerCase().includes('vonage') && } diff --git a/apps/docs/components/BodyContentTypeDropdown.tsx b/apps/docs/components/BodyContentTypeDropdown.tsx index 46c5437272e..33334ae094d 100644 --- a/apps/docs/components/BodyContentTypeDropdown.tsx +++ b/apps/docs/components/BodyContentTypeDropdown.tsx @@ -26,7 +26,7 @@ const BodyContentTypeDropdown = ({ types, onSelect }: IParamProps) => { border hover:border-control hover:bg-overlay-hover - border-control px-2 h-[32px] rounded + border-control px-2 h-[32px] rounded-sm font-mono flex items-center gap-1 text-foreground text-sm group-hover:text-foreground transition diff --git a/apps/docs/components/ButtonCard.tsx b/apps/docs/components/ButtonCard.tsx index ecc50fd15c0..f7df15298f3 100644 --- a/apps/docs/components/ButtonCard.tsx +++ b/apps/docs/components/ButtonCard.tsx @@ -26,7 +26,7 @@ const ButtonCard: FC = ({

      -
      +
      diff --git a/apps/docs/components/Navigation/NavigationMenu/GlobalNavigationMenu.tsx b/apps/docs/components/Navigation/NavigationMenu/GlobalNavigationMenu.tsx index 29445946b4d..f323b7737a7 100644 --- a/apps/docs/components/Navigation/NavigationMenu/GlobalNavigationMenu.tsx +++ b/apps/docs/components/Navigation/NavigationMenu/GlobalNavigationMenu.tsx @@ -59,7 +59,7 @@ export const useActiveMenuLabel = (menu: typeof GLOBAL_MENU_ITEMS) => { const GlobalNavigationMenu: FC = () => { const activeLabel = useActiveMenuLabel(GLOBAL_MENU_ITEMS) const triggerClassName = - 'h-[var(--header-height)] p-2 bg-transparent border-0 border-b-2 border-transparent font-normal rounded-none text-foreground-light hover:text-foreground data-[state=open]:!text-foreground data-[radix-collection-item]:focus-visible:ring-2 data-[radix-collection-item]:focus-visible:ring-foreground-lighter data-[radix-collection-item]:focus-visible:text-foreground h-full focus-visible:rounded !shadow-none outline-none transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 focus-visible:outline-brand-600' + 'h-(--header-height) p-2 bg-transparent border-0 border-b-2 border-transparent font-normal rounded-none text-foreground-light hover:text-foreground data-open:text-foreground! data-radix-collection-item:focus-visible:ring-2 data-radix-collection-item:focus-visible:ring-foreground-lighter data-radix-collection-item:focus-visible:text-foreground h-full focus-visible:rounded-sm shadow-none! outline-hidden transition-all outline-0 focus-visible:outline-4 focus-visible:outline-offset-1 focus-visible:outline-brand-600' return (
      @@ -68,9 +68,9 @@ const GlobalNavigationMenu: FC = () => { skipDelayDuration={0} className="w-full flex justify-start h-full" renderViewport={false} - viewportClassName="mt-0 max-w-screen overflow-hidden border-0 rounded-none mt-1.5 rounded-md !border-x" + viewportClassName="mt-0 max-w-screen overflow-hidden border-0 rounded-none mt-1.5 rounded-md border-x!" > - + {GLOBAL_MENU_ITEMS.filter((section) => section[0].enabled !== false).map( (section, sectionIdx) => section[0].menuItems ? ( @@ -91,7 +91,7 @@ const GlobalNavigationMenu: FC = () => { section[0].label )} - +
      {section[0].menuItems?.map((menuItem, menuItemIndex) => ( {

      diff --git a/apps/docs/components/Navigation/NavigationMenu/NavigationMenuRefListItems.tsx b/apps/docs/components/Navigation/NavigationMenu/NavigationMenuRefListItems.tsx index 5f4a5836cd3..18e8d40f6cb 100644 --- a/apps/docs/components/Navigation/NavigationMenu/NavigationMenuRefListItems.tsx +++ b/apps/docs/components/Navigation/NavigationMenu/NavigationMenuRefListItems.tsx @@ -78,7 +78,7 @@ const FunctionLink = memo(function FunctionLink({ {active && !isSubItem && ( )} {isParent && ( diff --git a/apps/docs/components/Navigation/NavigationMenu/TopNavBar.tsx b/apps/docs/components/Navigation/NavigationMenu/TopNavBar.tsx index 66221d9e786..ed7537aab81 100644 --- a/apps/docs/components/Navigation/NavigationMenu/TopNavBar.tsx +++ b/apps/docs/components/Navigation/NavigationMenu/TopNavBar.tsx @@ -32,9 +32,9 @@ const TopNavBar: FC = () => { <>

+ King's Treasury + People's happiness
+ Empty + Overflowing
+ Modest + Satisfied
+ Full + Ecstatic
) => ( { ) } - const iconClasses = 'text-foreground-light group-data-[state=open]:text-foreground' + const iconClasses = 'text-foreground-light group-data-open:text-foreground' return ( <> diff --git a/apps/learn/components/what-will-i-learn.tsx b/apps/learn/components/what-will-i-learn.tsx index 4be8a0522c2..178bbf07318 100644 --- a/apps/learn/components/what-will-i-learn.tsx +++ b/apps/learn/components/what-will-i-learn.tsx @@ -100,19 +100,19 @@ export function WhatWillILearn() {
    -
  • +
  • Real-time room monitoring that tracks live occupancy, sensor readings
    • -
  • +
  • Booking management with live status filters, calendar integrations.
    • -
  • +
  • @@ -120,7 +120,7 @@ export function WhatWillILearn() { Advanced analytics that surface 30+ days of utilization trends and patterns.
    • -
  • +
  • diff --git a/apps/learn/package.json b/apps/learn/package.json index 1f75dbc32e4..217c202dc5b 100644 --- a/apps/learn/package.json +++ b/apps/learn/package.json @@ -43,8 +43,9 @@ "@types/react": "catalog:", "config": "workspace:^", "mdast-util-toc": "^6.1.1", + "shiki": "^1.1.7", + "tailwindcss": "catalog:", "tsconfig": "workspace:*", - "tsx": "catalog:", - "shiki": "^1.1.7" + "tsx": "catalog:" } } diff --git a/apps/learn/styles/globals.css b/apps/learn/styles/globals.css index 6f47ae5da96..54735e85e71 100644 --- a/apps/learn/styles/globals.css +++ b/apps/learn/styles/globals.css @@ -1,11 +1,11 @@ +@import 'tailwindcss'; + @import './../../../packages/ui/build/css/source/global.css'; @import './../../../packages/ui/build/css/themes/dark.css'; @import './../../../packages/ui/build/css/themes/classic-dark.css'; @import './../../../packages/ui/build/css/themes/light.css'; -@tailwind base; -@tailwind components; -@tailwind utilities; +@config '../tailwind.config.js'; @layer base { :root { diff --git a/apps/learn/styles/mdx.css b/apps/learn/styles/mdx.css index 66ebc271c5c..8b06fb2d87f 100644 --- a/apps/learn/styles/mdx.css +++ b/apps/learn/styles/mdx.css @@ -1,3 +1,5 @@ +@reference './globals.css'; + .dark [data-theme='light'] { display: none; } diff --git a/apps/lite-studio/app/app.css b/apps/lite-studio/app/app.css index 67093bff5cd..da69bb81ee1 100644 --- a/apps/lite-studio/app/app.css +++ b/apps/lite-studio/app/app.css @@ -1,8 +1,12 @@ +@import 'tailwindcss'; + @import './../../../packages/ui/build/css/source/global.css'; @import './../../../packages/ui/build/css/themes/dark.css'; @import './../../../packages/ui/build/css/themes/light.css'; -@tailwind components; +@config '../tailwind.config.js'; + +@import 'config/typography.css'; @font-face { font-family: 'custom-font'; diff --git a/apps/lite-studio/app/root.tsx b/apps/lite-studio/app/root.tsx index 73dda59651e..6ea72dfb0f6 100644 --- a/apps/lite-studio/app/root.tsx +++ b/apps/lite-studio/app/root.tsx @@ -3,7 +3,6 @@ import { isRouteErrorResponse, Links, Meta, Outlet, Scripts, ScrollRestoration } import type { Route } from './+types/root' import './app.css' -import 'config/typography.css' export const links: Route.LinksFunction = () => [ { rel: 'preconnect', href: 'https://fonts.googleapis.com' }, diff --git a/apps/lite-studio/package.json b/apps/lite-studio/package.json index 7429825bb70..54379669df7 100644 --- a/apps/lite-studio/package.json +++ b/apps/lite-studio/package.json @@ -25,7 +25,6 @@ "@types/node": "^22", "@types/react": "catalog:", "@types/react-dom": "catalog:", - "autoprefixer": "^10.4.27", "config": "workspace:*", "postcss": "catalog:", "tailwindcss": "catalog:", diff --git a/apps/studio/components/grid/components/editor/DateTimeEditor.tsx b/apps/studio/components/grid/components/editor/DateTimeEditor.tsx index 8f0e8f4ac33..321308e17c9 100644 --- a/apps/studio/components/grid/components/editor/DateTimeEditor.tsx +++ b/apps/studio/components/grid/components/editor/DateTimeEditor.tsx @@ -93,7 +93,7 @@ function BaseEditor({ value={inputValue ?? ''} placeholder={format} onChange={(e) => setInputValue(e.target.value)} - className="border-0 rounded-none bg-dash-sidebar outline-none !ring-0 !ring-offset-0" + className="border-0 rounded-none bg-dash-sidebar outline-hidden ring-0! ring-offset-0!" />
    @@ -107,7 +107,7 @@ function BaseEditor({ displayAs="utc" utcTimestamp={timeValue} labelFormat="DD MMM YYYY HH:mm:ss (ZZ)" - className="text-left !text-sm font-mono tracking-tight" + className="text-left text-sm! font-mono tracking-tight" /> ) : (

    @@ -126,13 +126,13 @@ function BaseEditor({

    -
    +
    ⏎

    {applyChangesLabel}

    -
    +
    Esc

    Cancel changes

    diff --git a/apps/studio/components/grid/components/editor/JsonEditor.tsx b/apps/studio/components/grid/components/editor/JsonEditor.tsx index da6ed1e8162..58822f49b77 100644 --- a/apps/studio/components/grid/components/editor/JsonEditor.tsx +++ b/apps/studio/components/grid/components/editor/JsonEditor.tsx @@ -187,13 +187,13 @@ export const JsonEditor = ({ {isEditable && (
    -
    +
    ⏎

    {applyChangesLabel}

    -
    +
    Esc

    Cancel changes

    @@ -204,7 +204,7 @@ export const JsonEditor = ({
    onSelectExpand()} diff --git a/apps/studio/components/grid/components/editor/TextEditor.tsx b/apps/studio/components/grid/components/editor/TextEditor.tsx index d719cf39074..494adf84018 100644 --- a/apps/studio/components/grid/components/editor/TextEditor.tsx +++ b/apps/studio/components/grid/components/editor/TextEditor.tsx @@ -143,13 +143,13 @@ export const TextEditor = ({
    -
    +
    ⏎

    {applyChangesLabel}

    -
    +
    Esc

    Cancel changes

    diff --git a/apps/studio/components/grid/components/formatter/ReferenceRecordPeek.tsx b/apps/studio/components/grid/components/formatter/ReferenceRecordPeek.tsx index 8fb5bf1bd44..0d7e1043991 100644 --- a/apps/studio/components/grid/components/formatter/ReferenceRecordPeek.tsx +++ b/apps/studio/components/grid/components/formatter/ReferenceRecordPeek.tsx @@ -80,7 +80,7 @@ export const ReferenceRecordPeek = ({ table, column, value }: ReferenceRecordPee sortable: false, width: columnWidth, minWidth: COLUMN_MIN_WIDTH, - headerCellClass: 'outline-none !shadow-none', + headerCellClass: 'outline-hidden shadow-none!', renderHeaderCell: () => (
    {isPrimaryKey && ( diff --git a/apps/studio/components/grid/components/grid/ColumnHeader.tsx b/apps/studio/components/grid/components/grid/ColumnHeader.tsx index 30808cbec6c..cc75818f6f8 100644 --- a/apps/studio/components/grid/components/grid/ColumnHeader.tsx +++ b/apps/studio/components/grid/components/grid/ColumnHeader.tsx @@ -88,7 +88,7 @@ export function ColumnHeader({ onClick={() => openSheet(column.name as string)} > View {column.name} index suggestion - + @@ -124,20 +124,20 @@ function ColumnIcon({

    Foreign key relation:

    -

    {name}

    - -

    +

    {name}

    + +

    {foreignKey?.targetTableSchema}.{foreignKey?.targetTableName}. {foreignKey?.targetColumnName}

    {foreignKey?.updateAction !== FOREIGN_KEY_CASCADE_ACTION.NO_ACTION && ( -

    +

    On update: {getForeignKeyCascadeAction(foreignKey?.updateAction)}

    )} {foreignKey?.deletionAction !== FOREIGN_KEY_CASCADE_ACTION.NO_ACTION && ( -

    +

    On delete: {getForeignKeyCascadeAction(foreignKey?.deletionAction)}

    )} diff --git a/apps/studio/components/grid/components/grid/ColumnOverlayItem.tsx b/apps/studio/components/grid/components/grid/ColumnOverlayItem.tsx index e5cd5bbe03c..f48b9cedb47 100644 --- a/apps/studio/components/grid/components/grid/ColumnOverlayItem.tsx +++ b/apps/studio/components/grid/components/grid/ColumnOverlayItem.tsx @@ -34,7 +34,7 @@ export function ColumnOverlayItem({ column }: ColumnOverlayItemProps) { {columnFormat === 'bytea' ? ` (hex)` : ''} {column.isEncrypted && } - {hasIndexSuggestion && } + {hasIndexSuggestion && }
    ) diff --git a/apps/studio/components/grid/components/grid/Grid.tsx b/apps/studio/components/grid/components/grid/Grid.tsx index 4377e34d5ef..f714cf5d01d 100644 --- a/apps/studio/components/grid/components/grid/Grid.tsx +++ b/apps/studio/components/grid/components/grid/Grid.tsx @@ -231,7 +231,7 @@ export const Grid = memo( {(rows ?? []).length === 0 && (
    {isLoading && !isDisabled && ( diff --git a/apps/studio/components/grid/components/grid/GridError.tsx b/apps/studio/components/grid/components/grid/GridError.tsx index 1574b239fd4..cdedbab22f1 100644 --- a/apps/studio/components/grid/components/grid/GridError.tsx +++ b/apps/studio/components/grid/components/grid/GridError.tsx @@ -121,7 +121,7 @@ const FilterError = ({ removeAllFilters }: { removeAllFilters: () => void }) => className="pointer-events-auto" title="No results found — check your filter values" > -

    +

    One or more of your filters may have a value or operator that doesn't match the column's data type. Try updating or removing the filter.

    @@ -145,16 +145,16 @@ const InvalidOrderingOperatorError = ({ error }: { error: ResponseError }) => { className="pointer-events-auto" title={`Sorting is not supporting on ${sorts.length > 1 ? 'one of the selected columns' : 'the selected column'}`} > -

    +

    Unable to retrieve results as sorting is not supported on{' '} {sorts.length > 1 ? 'one of the selected columns' : 'the selected column'} due to its data type. ({formattedInvalidDataType})

    -

    +

    Remove any sorts on columns with the data type {formattedInvalidDataType} applying the sorts again.

    -

    +

    Error: {error.message}

    diff --git a/apps/studio/components/grid/components/header/Header.tsx b/apps/studio/components/grid/components/header/Header.tsx index c5cfec42e8c..20086e61688 100644 --- a/apps/studio/components/grid/components/header/Header.tsx +++ b/apps/studio/components/grid/components/header/Header.tsx @@ -145,7 +145,7 @@ const InsertButton = () => {
    @@ -169,7 +169,7 @@ const InsertButton = () => {
    @@ -204,11 +204,11 @@ const InsertButton = () => { }} >
    - + { }, [getRowAndColumn]) return ( - + Copy cell diff --git a/apps/studio/components/grid/context/TableIndexAdvisorContext.tsx b/apps/studio/components/grid/context/TableIndexAdvisorContext.tsx index c12f949293f..09d986de1c9 100644 --- a/apps/studio/components/grid/context/TableIndexAdvisorContext.tsx +++ b/apps/studio/components/grid/context/TableIndexAdvisorContext.tsx @@ -128,7 +128,7 @@ export function TableIndexAdvisorProvider({ {children} !open && closeSheet()}> - + Index Recommendation diff --git a/apps/studio/components/interfaces/APIKeys/APIKeyRow.tsx b/apps/studio/components/interfaces/APIKeys/APIKeyRow.tsx index 91115ebde06..764bad7a475 100644 --- a/apps/studio/components/interfaces/APIKeys/APIKeyRow.tsx +++ b/apps/studio/components/interfaces/APIKeys/APIKeyRow.tsx @@ -88,7 +88,7 @@ export const APIKeyRow = ({
    - + - + diff --git a/apps/studio/components/interfaces/Account/AccessTokens/AccessTokenTable/TableContainer.tsx b/apps/studio/components/interfaces/Account/AccessTokens/AccessTokenTable/TableContainer.tsx index 8462711f9fd..e684a587677 100644 --- a/apps/studio/components/interfaces/Account/AccessTokens/AccessTokenTable/TableContainer.tsx +++ b/apps/studio/components/interfaces/Account/AccessTokens/AccessTokenTable/TableContainer.tsx @@ -35,7 +35,7 @@ export const TableContainer = ({ children, sort, onSortChange }: TableContainerP Expires - + {children} diff --git a/apps/studio/components/interfaces/Account/AccessTokens/Scoped/NewScopedTokenSheet.tsx b/apps/studio/components/interfaces/Account/AccessTokens/Scoped/NewScopedTokenSheet.tsx index cc9a391d7dd..7943c87529b 100644 --- a/apps/studio/components/interfaces/Account/AccessTokens/Scoped/NewScopedTokenSheet.tsx +++ b/apps/studio/components/interfaces/Account/AccessTokens/Scoped/NewScopedTokenSheet.tsx @@ -247,7 +247,7 @@ export const NewScopedTokenSheet = ({ @@ -312,7 +312,7 @@ export const NewScopedTokenSheet = ({
    - +
    - + {(organizations ?? []).length > 0 ? ( <> diff --git a/apps/studio/components/interfaces/Account/TOTPFactors/AddNewFactorModal.tsx b/apps/studio/components/interfaces/Account/TOTPFactors/AddNewFactorModal.tsx index 1e0b9143c98..f9d6e06f927 100644 --- a/apps/studio/components/interfaces/Account/TOTPFactors/AddNewFactorModal.tsx +++ b/apps/studio/components/interfaces/Account/TOTPFactors/AddNewFactorModal.tsx @@ -217,7 +217,7 @@ const SecondStep = ({ {factor && (
    -
    +
    {factor.totp.uri}
    diff --git a/apps/studio/components/interfaces/Advisors/AdvisorRuleItem.tsx b/apps/studio/components/interfaces/Advisors/AdvisorRuleItem.tsx index 8f6afca5b60..62dbabdeb9d 100644 --- a/apps/studio/components/interfaces/Advisors/AdvisorRuleItem.tsx +++ b/apps/studio/components/interfaces/Advisors/AdvisorRuleItem.tsx @@ -106,7 +106,7 @@ export const AdvisorRuleItem = ({ lint }: AdvisorRuleItemProps) => { else setExpandedLint(undefined) }} > - +
    @@ -138,7 +138,7 @@ export const AdvisorRuleItem = ({ lint }: AdvisorRuleItemProps) => { 0 ? 'divide-y' : '' )} > diff --git a/apps/studio/components/interfaces/Advisors/AdvisorRules.tsx b/apps/studio/components/interfaces/Advisors/AdvisorRules.tsx index 72c59071b51..fe4056a3b64 100644 --- a/apps/studio/components/interfaces/Advisors/AdvisorRules.tsx +++ b/apps/studio/components/interfaces/Advisors/AdvisorRules.tsx @@ -11,7 +11,7 @@ export const AdvisorRules = ({ category }: AdvisorRulesProps) => { return ( - +
    {lints.map((lint) => ( diff --git a/apps/studio/components/interfaces/Advisors/AdvisorRules.utils.tsx b/apps/studio/components/interfaces/Advisors/AdvisorRules.utils.tsx index 62ff6b1e4d7..786a34457d6 100644 --- a/apps/studio/components/interfaces/Advisors/AdvisorRules.utils.tsx +++ b/apps/studio/components/interfaces/Advisors/AdvisorRules.utils.tsx @@ -25,7 +25,7 @@ export const generateRuleDescription = ({ return ( <>

    What this rule means:

    -

    +

    The "{lint?.title}" lint will be{' '} {disabled ? `ignored for ${!!member ? `this user only` : 'this project'}` diff --git a/apps/studio/components/interfaces/App/CommandMenu/ContextSearchResults.shared.tsx b/apps/studio/components/interfaces/App/CommandMenu/ContextSearchResults.shared.tsx index 2db9db46f0e..d2ae7fd773b 100644 --- a/apps/studio/components/interfaces/App/CommandMenu/ContextSearchResults.shared.tsx +++ b/apps/studio/components/interfaces/App/CommandMenu/ContextSearchResults.shared.tsx @@ -18,10 +18,10 @@ export function SkeletonResults() {

    {[0, 1, 2, 3].map((i) => (
    - +
    - - + +
    ))} @@ -88,7 +88,7 @@ export function ResultsList({ return ( diff --git a/apps/studio/components/interfaces/App/CommandMenu/CreateCommands.tsx b/apps/studio/components/interfaces/App/CommandMenu/CreateCommands.tsx index 2a91347b5a5..29e4c0b8898 100644 --- a/apps/studio/components/interfaces/App/CommandMenu/CreateCommands.tsx +++ b/apps/studio/components/interfaces/App/CommandMenu/CreateCommands.tsx @@ -330,7 +330,7 @@ export function useCreateCommands(options?: CommandOptions) { const getIcon = () => { if (isWrapper) { return ( -
    +
    {integration.icon()}
    ) diff --git a/apps/studio/components/interfaces/App/FeaturePreview/AdvisorRulesPreview.tsx b/apps/studio/components/interfaces/App/FeaturePreview/AdvisorRulesPreview.tsx index 2a96db1432a..1f4d3964817 100644 --- a/apps/studio/components/interfaces/App/FeaturePreview/AdvisorRulesPreview.tsx +++ b/apps/studio/components/interfaces/App/FeaturePreview/AdvisorRulesPreview.tsx @@ -21,9 +21,9 @@ export const AdvisorRulesPreview = () => { width={1296} height={900} alt="api-docs-side-panel-preview" - className="rounded border mb-4" + className="rounded-sm border mb-4" /> -
    +

    Enabling this preview will:

    • diff --git a/apps/studio/components/interfaces/App/FeaturePreview/CLSPreview.tsx b/apps/studio/components/interfaces/App/FeaturePreview/CLSPreview.tsx index e7064826eae..672f6bf0c6c 100644 --- a/apps/studio/components/interfaces/App/FeaturePreview/CLSPreview.tsx +++ b/apps/studio/components/interfaces/App/FeaturePreview/CLSPreview.tsx @@ -41,9 +41,9 @@ export const CLSPreview = () => { width={1860} height={970} alt="api-docs-side-panel-preview" - className="rounded border" + className="rounded-sm border" /> -
      +

      Enabling this preview will:

      • diff --git a/apps/studio/components/interfaces/App/FeaturePreview/FeaturePreviewModal.tsx b/apps/studio/components/interfaces/App/FeaturePreview/FeaturePreviewModal.tsx index ae16a7b11a1..01cdada28fd 100644 --- a/apps/studio/components/interfaces/App/FeaturePreview/FeaturePreviewModal.tsx +++ b/apps/studio/components/interfaces/App/FeaturePreview/FeaturePreviewModal.tsx @@ -96,7 +96,7 @@ export const FeaturePreviewModal = () => { return ( - + Dashboard feature previews Get early access to new features and give feedback @@ -104,7 +104,7 @@ export const FeaturePreviewModal = () => { - + {allFeaturePreviews.length > 0 ? (
        @@ -136,7 +136,7 @@ export const FeaturePreviewModal = () => { {selectedFeature.isNew && New}
        - + {allFeaturePreviews.map((feature) => ( selectFeaturePreview(feature.key)} className={cn( - '!w-full flex-1 flex items-center justify-between p-4 border-b cursor-pointer bg transition', + 'w-full! flex-1 flex items-center justify-between p-4 border-b cursor-pointer bg transition', selectedFeature?.key === feature.key ? 'bg-surface-300' : 'bg-surface-100', className )} diff --git a/apps/studio/components/interfaces/App/FeaturePreview/InlineEditorPreview.tsx b/apps/studio/components/interfaces/App/FeaturePreview/InlineEditorPreview.tsx index 71f85053224..7b9beaa3d26 100644 --- a/apps/studio/components/interfaces/App/FeaturePreview/InlineEditorPreview.tsx +++ b/apps/studio/components/interfaces/App/FeaturePreview/InlineEditorPreview.tsx @@ -10,7 +10,7 @@ export const InlineEditorPreview = () => { width={1296} height={900} alt="api-docs-side-panel-preview" - className="rounded border mb-4" + className="rounded-sm border mb-4" />

        Edit policies, functions, and triggers directly in the inline SQL editor. When you select diff --git a/apps/studio/components/interfaces/App/FeaturePreview/PgDeltaDiffPreview.tsx b/apps/studio/components/interfaces/App/FeaturePreview/PgDeltaDiffPreview.tsx index 98b0bacfc5f..677fd196501 100644 --- a/apps/studio/components/interfaces/App/FeaturePreview/PgDeltaDiffPreview.tsx +++ b/apps/studio/components/interfaces/App/FeaturePreview/PgDeltaDiffPreview.tsx @@ -21,7 +21,7 @@ export const PgDeltaDiffPreview = () => {

      -
      +

      Enabling this preview will:

      • Use pg-delta to compute schema diffs when comparing branches, instead of migra
        • diff --git a/apps/studio/components/interfaces/App/FeaturePreview/RLSTesterPreview.tsx b/apps/studio/components/interfaces/App/FeaturePreview/RLSTesterPreview.tsx index 704b0dfd8f1..4f8a00c3def 100644 --- a/apps/studio/components/interfaces/App/FeaturePreview/RLSTesterPreview.tsx +++ b/apps/studio/components/interfaces/App/FeaturePreview/RLSTesterPreview.tsx @@ -20,9 +20,9 @@ export const RLSTesterPreview = () => { height={900} quality={100} alt="rls-tester-preview" - className="rounded border" + className="rounded-sm border" /> -
        +

        Enabling this preview will:

        • diff --git a/apps/studio/components/interfaces/App/FeaturePreview/UnifiedLogsPreview.tsx b/apps/studio/components/interfaces/App/FeaturePreview/UnifiedLogsPreview.tsx index fc623381159..7448f63c2d8 100644 --- a/apps/studio/components/interfaces/App/FeaturePreview/UnifiedLogsPreview.tsx +++ b/apps/studio/components/interfaces/App/FeaturePreview/UnifiedLogsPreview.tsx @@ -22,10 +22,10 @@ export const UnifiedLogsPreview = () => { src={`${BASE_PATH}/img/previews/new-logs-preview.png`} width={1296} height={900} - className="rounded border mb-4" + className="rounded-sm border mb-4" /> -
          +

          Enabling this preview will:

          • diff --git a/apps/studio/components/interfaces/Auth/AuditLogsForm.tsx b/apps/studio/components/interfaces/Auth/AuditLogsForm.tsx index 4e2a60fb64c..5c187bd0d45 100644 --- a/apps/studio/components/interfaces/Auth/AuditLogsForm.tsx +++ b/apps/studio/components/interfaces/Auth/AuditLogsForm.tsx @@ -173,7 +173,7 @@ export const AuditLogsForm = () => { . You are responsible for backing up, copying, or migrating existing data from the{' '} - + {AUDIT_LOG_ENTRIES_TABLE} {' '} table if needed. diff --git a/apps/studio/components/interfaces/Auth/AuthProvidersForm/AuthProvidersForm.constants.ts b/apps/studio/components/interfaces/Auth/AuthProvidersForm/AuthProvidersForm.constants.ts index cb272c121c5..a4e1318751e 100644 --- a/apps/studio/components/interfaces/Auth/AuthProvidersForm/AuthProvidersForm.constants.ts +++ b/apps/studio/components/interfaces/Auth/AuthProvidersForm/AuthProvidersForm.constants.ts @@ -6,7 +6,7 @@ export const ProviderCollapsibleClasses = [ 'hover:border-strong data-open:border-strong', 'data-open:pb-px col-span-12 mx-auto', '-space-y-px overflow-hidden', - 'border shadow', + 'border shadow-sm', 'transition', 'first:rounded-tl', 'first:rounded-tr', diff --git a/apps/studio/components/interfaces/Auth/CustomAuthProviders/CreateOrUpdateCustomProviderSheet.tsx b/apps/studio/components/interfaces/Auth/CustomAuthProviders/CreateOrUpdateCustomProviderSheet.tsx index e7765b0dc50..8916086b469 100644 --- a/apps/studio/components/interfaces/Auth/CustomAuthProviders/CreateOrUpdateCustomProviderSheet.tsx +++ b/apps/studio/components/interfaces/Auth/CustomAuthProviders/CreateOrUpdateCustomProviderSheet.tsx @@ -261,7 +261,7 @@ export const CreateOrUpdateCustomProviderSheet = ({ { Enabled -
            +
            @@ -421,7 +421,7 @@ export const CustomAuthProvidersList = () => {
diff --git a/apps/studio/components/interfaces/Auth/EmailTemplates/TemplateEditor.tsx b/apps/studio/components/interfaces/Auth/EmailTemplates/TemplateEditor.tsx index b701cdb43e7..7bedec7cfd1 100644 --- a/apps/studio/components/interfaces/Auth/EmailTemplates/TemplateEditor.tsx +++ b/apps/studio/components/interfaces/Auth/EmailTemplates/TemplateEditor.tsx @@ -285,12 +285,12 @@ export const TemplateEditor = ({ template }: TemplateEditorProps) => { {activeView === 'source' ? ( <> -
+
{ setBodyValue(e ?? '') if (bodyValue !== e) setHasUnsavedChanges(true) @@ -325,7 +325,7 @@ export const TemplateEditor = ({ template }: TemplateEditorProps) => { ) : ( <>