mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-28 10:50:40 +01:00
fix(module): stop using tailwind's shorthand arbitrary variable syntax (#2366)
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
This commit is contained in:
@@ -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-->
|
||||
|
||||
Reference in New Issue
Block a user