fix(module): stop using tailwind's shorthand arbitrary variable syntax (#2366)

Co-authored-by: Benjamin Canac <canacb1@gmail.com>
This commit is contained in:
Sandro Circi
2024-10-14 10:42:26 +02:00
committed by GitHub
parent ea07dffdd5
commit dcce571cda
131 changed files with 3724 additions and 3724 deletions

View File

@@ -28,7 +28,7 @@ exports[`FormField > renders with description slot correctly 1`] = `
"<div class="text-sm">
<div class="">
<!--v-if-->
<p class="text-[--ui-text-muted]">Description slot</p>
<p class="text-[var(--ui-text-muted)]">Description slot</p>
</div>
<div class="">
<!--v-if-->
@@ -43,7 +43,7 @@ exports[`FormField > renders with error correctly 1`] = `
<!--v-if-->
</div>
<div class="">
<p class="mt-2 text-[--ui-error]">Username is already taken</p>
<p class="mt-2 text-[var(--ui-error)]">Username is already taken</p>
</div>
</div>"
`;
@@ -55,7 +55,7 @@ exports[`FormField > renders with error slot correctly 1`] = `
<!--v-if-->
</div>
<div class="">
<p class="mt-2 text-[--ui-error]">Error slot</p>
<p class="mt-2 text-[var(--ui-error)]">Error slot</p>
</div>
</div>"
`;
@@ -67,7 +67,7 @@ exports[`FormField > renders with help correctly 1`] = `
<!--v-if-->
</div>
<div class="">
<p class="mt-2 text-[--ui-text-muted]">Username must be unique</p>
<p class="mt-2 text-[var(--ui-text-muted)]">Username must be unique</p>
</div>
</div>"
`;
@@ -79,7 +79,7 @@ exports[`FormField > renders with help slot correctly 1`] = `
<!--v-if-->
</div>
<div class="">
<p class="mt-2 text-[--ui-text-muted]">Help slot</p>
<p class="mt-2 text-[var(--ui-text-muted)]">Help slot</p>
</div>
</div>"
`;
@@ -111,10 +111,10 @@ exports[`FormField > renders with hint slot correctly 1`] = `
exports[`FormField > renders with label and description correctly 1`] = `
"<div class="text-sm">
<div class="">
<div class="flex content-center items-center justify-between"><label for="v-0-0" class="block font-medium text-[--ui-text]">Username</label>
<div class="flex content-center items-center justify-between"><label for="v-0-0" class="block font-medium text-[var(--ui-text)]">Username</label>
<!--v-if-->
</div>
<p class="text-[--ui-text-muted]">Enter your username</p>
<p class="text-[var(--ui-text-muted)]">Enter your username</p>
</div>
<div class="mt-1 relative">
<!--v-if-->
@@ -125,7 +125,7 @@ exports[`FormField > renders with label and description correctly 1`] = `
exports[`FormField > renders with label slot correctly 1`] = `
"<div class="text-sm">
<div class="">
<div class="flex content-center items-center justify-between"><label for="v-0-0" class="block font-medium text-[--ui-text]">Label slot</label>
<div class="flex content-center items-center justify-between"><label for="v-0-0" class="block font-medium text-[var(--ui-text)]">Label slot</label>
<!--v-if-->
</div>
<!--v-if-->
@@ -139,7 +139,7 @@ exports[`FormField > renders with label slot correctly 1`] = `
exports[`FormField > renders with required correctly 1`] = `
"<div class="text-sm">
<div class="">
<div class="flex content-center items-center justify-between"><label for="v-0-0" class="block font-medium text-[--ui-text] after:content-['*'] after:ms-0.5 after:text-[--ui-error]">Username</label>
<div class="flex content-center items-center justify-between"><label for="v-0-0" class="block font-medium text-[var(--ui-text)] after:content-['*'] after:ms-0.5 after:text-[var(--ui-error)]">Username</label>
<!--v-if-->
</div>
<!--v-if-->
@@ -153,10 +153,10 @@ exports[`FormField > renders with required correctly 1`] = `
exports[`FormField > renders with size lg correctly 1`] = `
"<div class="text-sm">
<div class="">
<div class="flex content-center items-center justify-between"><label for="v-0-0" class="block font-medium text-[--ui-text]">Username</label>
<div class="flex content-center items-center justify-between"><label for="v-0-0" class="block font-medium text-[var(--ui-text)]">Username</label>
<!--v-if-->
</div>
<p class="text-[--ui-text-muted]">Enter your username</p>
<p class="text-[var(--ui-text-muted)]">Enter your username</p>
</div>
<div class="mt-1 relative">
<!--v-if-->
@@ -167,10 +167,10 @@ exports[`FormField > renders with size lg correctly 1`] = `
exports[`FormField > renders with size md correctly 1`] = `
"<div class="text-sm">
<div class="">
<div class="flex content-center items-center justify-between"><label for="v-0-0" class="block font-medium text-[--ui-text]">Username</label>
<div class="flex content-center items-center justify-between"><label for="v-0-0" class="block font-medium text-[var(--ui-text)]">Username</label>
<!--v-if-->
</div>
<p class="text-[--ui-text-muted]">Enter your username</p>
<p class="text-[var(--ui-text-muted)]">Enter your username</p>
</div>
<div class="mt-1 relative">
<!--v-if-->
@@ -181,10 +181,10 @@ exports[`FormField > renders with size md correctly 1`] = `
exports[`FormField > renders with size sm correctly 1`] = `
"<div class="text-xs">
<div class="">
<div class="flex content-center items-center justify-between"><label for="v-0-0" class="block font-medium text-[--ui-text]">Username</label>
<div class="flex content-center items-center justify-between"><label for="v-0-0" class="block font-medium text-[var(--ui-text)]">Username</label>
<!--v-if-->
</div>
<p class="text-[--ui-text-muted]">Enter your username</p>
<p class="text-[var(--ui-text-muted)]">Enter your username</p>
</div>
<div class="mt-1 relative">
<!--v-if-->
@@ -195,10 +195,10 @@ exports[`FormField > renders with size sm correctly 1`] = `
exports[`FormField > renders with size xl correctly 1`] = `
"<div class="text-base">
<div class="">
<div class="flex content-center items-center justify-between"><label for="v-0-0" class="block font-medium text-[--ui-text]">Username</label>
<div class="flex content-center items-center justify-between"><label for="v-0-0" class="block font-medium text-[var(--ui-text)]">Username</label>
<!--v-if-->
</div>
<p class="text-[--ui-text-muted]">Enter your username</p>
<p class="text-[var(--ui-text-muted)]">Enter your username</p>
</div>
<div class="mt-1 relative">
<!--v-if-->
@@ -209,10 +209,10 @@ exports[`FormField > renders with size xl correctly 1`] = `
exports[`FormField > renders with size xs correctly 1`] = `
"<div class="text-xs">
<div class="">
<div class="flex content-center items-center justify-between"><label for="v-0-0" class="block font-medium text-[--ui-text]">Username</label>
<div class="flex content-center items-center justify-between"><label for="v-0-0" class="block font-medium text-[var(--ui-text)]">Username</label>
<!--v-if-->
</div>
<p class="text-[--ui-text-muted]">Enter your username</p>
<p class="text-[var(--ui-text-muted)]">Enter your username</p>
</div>
<div class="mt-1 relative">
<!--v-if-->