arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-28 02:40:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: uniformize components sizes (#68)

Browse Source
This commit is contained in:
Benjamin Canac
2024-04-16 12:26:29 +02:00
committed by GitHub
parent 78e45600de
commit f302a15972
96 changed files with 1854 additions and 1720 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
test/components/__snapshots__/Separator.spec.ts.snap
View File

@@ -1,12 +1,5 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`Separator > renders basic case correctly 1`] = `
"<div data-orientation="horizontal" role="separator" class="flex items-center align-center text-center w-full flex-row">
<div class="border-gray-200 dark:border-gray-800 w-full border-solid border-t"></div>
<!--v-if-->
</div>"
`;
exports[`Separator > renders with as correctly 1`] = `"<span data-orientation="horizontal" role="separator" class="flex items-center align-center text-center w-full flex-row"><div class="border-gray-200 dark:border-gray-800 w-full border-solid border-t"></div><!--v-if--></span>"`;
exports[`Separator > renders with avatar correctly 1`] = `
@@ -45,6 +38,20 @@ exports[`Separator > renders with color green correctly 1`] = `
</div>"
`;
exports[`Separator > renders with color primary correctly 1`] = `
"<div data-orientation="horizontal" role="separator" class="flex items-center align-center text-center w-full flex-row">
<div class="border-primary-500 dark:border-primary-400 w-full border-solid border-t"></div>
<!--v-if-->
</div>"
`;
exports[`Separator > renders with color red correctly 1`] = `
"<div data-orientation="horizontal" role="separator" class="flex items-center align-center text-center w-full flex-row">
<div class="border-red-500 dark:border-red-400 w-full border-solid border-t"></div>
<!--v-if-->
</div>"
`;
exports[`Separator > renders with color white correctly 1`] = `
"<div data-orientation="horizontal" role="separator" class="flex items-center align-center text-center w-full flex-row">
<div class="border-white dark:border-gray-900 w-full border-solid border-t"></div>
@@ -77,13 +84,6 @@ exports[`Separator > renders with label correctly 1`] = `
</div>"
`;
exports[`Separator > renders with orientation horizontal correctly 1`] = `
"<div data-orientation="horizontal" role="separator" class="flex items-center align-center text-center w-full flex-row">
<div class="border-gray-200 dark:border-gray-800 w-full border-solid border-t"></div>
<!--v-if-->
</div>"
`;
exports[`Separator > renders with orientation vertical correctly 1`] = `
"<div data-orientation="vertical" aria-orientation="vertical" role="separator" class="flex items-center align-center text-center h-full flex-col">
<div class="border-gray-200 dark:border-gray-800 h-full border-solid border-s"></div>
@@ -91,44 +91,37 @@ exports[`Separator > renders with orientation vertical correctly 1`] = `
</div>"
`;
exports[`Separator > renders with size 2xs correctly 1`] = `
"<div data-orientation="horizontal" role="separator" class="flex items-center align-center text-center w-full flex-row">
<div class="border-gray-200 dark:border-gray-800 w-full border-solid border-t"></div>
<!--v-if-->
</div>"
`;
exports[`Separator > renders with size lg correctly 1`] = `
"<div data-orientation="horizontal" role="separator" class="flex items-center align-center text-center w-full flex-row">
<div class="border-gray-200 dark:border-gray-800 w-full border-solid border-t-[5px]"></div>
<!--v-if-->
</div>"
`;
exports[`Separator > renders with size md correctly 1`] = `
"<div data-orientation="horizontal" role="separator" class="flex items-center align-center text-center w-full flex-row">
<div class="border-gray-200 dark:border-gray-800 w-full border-solid border-t-[4px]"></div>
<!--v-if-->
</div>"
`;
exports[`Separator > renders with size sm correctly 1`] = `
exports[`Separator > renders with size md correctly 1`] = `
"<div data-orientation="horizontal" role="separator" class="flex items-center align-center text-center w-full flex-row">
<div class="border-gray-200 dark:border-gray-800 w-full border-solid border-t-[3px]"></div>
<!--v-if-->
</div>"
`;
exports[`Separator > renders with size sm correctly 1`] = `
"<div data-orientation="horizontal" role="separator" class="flex items-center align-center text-center w-full flex-row">
<div class="border-gray-200 dark:border-gray-800 w-full border-solid border-t-[2px]"></div>
<!--v-if-->
</div>"
`;
exports[`Separator > renders with size xl correctly 1`] = `
"<div data-orientation="horizontal" role="separator" class="flex items-center align-center text-center w-full flex-row">
<div class="border-gray-200 dark:border-gray-800 w-full border-solid border-t-[6px]"></div>
<div class="border-gray-200 dark:border-gray-800 w-full border-solid border-t-[5px]"></div>
<!--v-if-->
</div>"
`;
exports[`Separator > renders with size xs correctly 1`] = `
"<div data-orientation="horizontal" role="separator" class="flex items-center align-center text-center w-full flex-row">
<div class="border-gray-200 dark:border-gray-800 w-full border-solid border-t-[2px]"></div>
<div class="border-gray-200 dark:border-gray-800 w-full border-solid border-t"></div>
<!--v-if-->
</div>"
`;
@@ -147,6 +140,13 @@ exports[`Separator > renders with type dotted correctly 1`] = `
</div>"
`;
exports[`Separator > renders with type solid correctly 1`] = `
"<div data-orientation="horizontal" role="separator" class="flex items-center align-center text-center w-full flex-row">
<div class="border-gray-200 dark:border-gray-800 w-full border-solid border-t"></div>
<!--v-if-->
</div>"
`;
exports[`Separator > renders with ui correctly 1`] = `
"<div data-orientation="horizontal" role="separator" class="flex items-center align-center text-center w-full flex-row">
<div class="border-gray-200 dark:border-gray-800 w-full border-solid border-t"></div>