feat: upgrade to tailwind@4

This commit is contained in:
Lucas Smith
2026-06-29 13:26:14 +10:00
parent 187b612568
commit b79895b38c
289 changed files with 1477 additions and 1941 deletions
@@ -272,7 +272,7 @@ export const EditorFieldCheckboxForm = ({
<EditorGenericReadOnlyField formControl={form.control} />
<section className="space-y-2">
<section className="twv3-space-y-2">
<div className="-mx-4 mt-2 mb-4">
<Separator />
</div>
@@ -287,7 +287,7 @@ export const EditorFieldCheckboxForm = ({
</button>
</div>
<ul className="space-y-2">
<ul className="twv3-space-y-2">
{(formValues.values || []).map((value, index) => (
<li key={`checkbox-value-${index}`} className="flex flex-row items-center gap-2">
<FormField
@@ -190,7 +190,7 @@ export const EditorFieldDropdownForm = ({
<EditorGenericReadOnlyField formControl={form.control} />
<section className="space-y-2">
<section className="twv3-space-y-2">
<div className="-mx-4 mt-2 mb-4">
<Separator />
</div>
@@ -205,7 +205,7 @@ export const EditorFieldDropdownForm = ({
</button>
</div>
<ul className="space-y-2">
<ul className="twv3-space-y-2">
{(formValues.values || []).map((value, index) => (
<li key={`dropdown-value-${index}`} className="flex flex-row gap-2">
<FormField
@@ -237,7 +237,7 @@ export const EditorGenericRequiredField = ({
control={formControl}
name="required"
render={({ field }) => (
<FormItem className={cn('flex items-center space-x-2', className)}>
<FormItem className={cn('twv3-space-x-2 flex items-center', className)}>
<FormControl>
<div className="flex items-center">
<Checkbox
@@ -281,7 +281,7 @@ export const EditorGenericReadOnlyField = ({
control={formControl}
name="readOnly"
render={({ field }) => (
<FormItem className={cn('flex items-center space-x-2', className)}>
<FormItem className={cn('twv3-space-x-2 flex items-center', className)}>
<FormControl>
<div className="flex items-center">
<Checkbox
@@ -230,7 +230,7 @@ export const EditorFieldNumberForm = ({
<EditorGenericReadOnlyField formControl={form.control} />
{/* Validation section */}
<section className="space-y-2">
<section className="twv3-space-y-2">
<div className="-mx-4 mt-2 mb-4">
<Separator />
</div>
@@ -149,7 +149,7 @@ export const EditorFieldRadioForm = ({
<EditorGenericReadOnlyField formControl={form.control} />
<section className="space-y-2">
<section className="twv3-space-y-2">
<div className="-mx-4 mt-2 mb-4">
<Separator />
</div>
@@ -164,7 +164,7 @@ export const EditorFieldRadioForm = ({
</button>
</div>
<ul className="space-y-2">
<ul className="twv3-space-y-2">
{(formValues.values || []).map((value, index) => (
<li key={`radio-value-${index}`} className="flex flex-row items-center gap-2">
<FormField