feat(InputMenu/Select/SelectMenu): arrow prop implementation (#2503)

Co-authored-by: Benjamin Canac <canacb1@gmail.com>
This commit is contained in:
Alexander
2024-10-31 19:09:24 +05:00
committed by GitHub
parent c85ba43040
commit f26f6c8168
12 changed files with 321 additions and 10 deletions

View File

@@ -27,7 +27,7 @@ exports[`InputMenu > renders with arrow correctly 1`] = `
[data-radix-combobox-viewport]::-webkit-scrollbar {
display: none;
}
</style>
</style><span style="position: absolute; top: 0px; transform-origin: center 0; transform: rotate(180deg); visibility: hidden;"><svg width="10" height="5" viewBox="0 0 30 10" preserveAspectRatio="none" class="fill-[var(--ui-border)]" style="display: block;"><polygon points="0,0 30,0 15,10"></polygon></svg></span>
</div>
</div>
<!--teleport end-->
@@ -63,6 +63,7 @@ exports[`InputMenu > renders with as correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -122,6 +123,7 @@ exports[`InputMenu > renders with class correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -166,6 +168,7 @@ exports[`InputMenu > renders with defaultValue correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -201,6 +204,7 @@ exports[`InputMenu > renders with disabled correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -244,6 +248,7 @@ exports[`InputMenu > renders with id correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -279,6 +284,7 @@ exports[`InputMenu > renders with item slot correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -314,6 +320,7 @@ exports[`InputMenu > renders with item-label slot correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -349,6 +356,7 @@ exports[`InputMenu > renders with item-leading slot correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -384,6 +392,7 @@ exports[`InputMenu > renders with item-trailing slot correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -419,6 +428,7 @@ exports[`InputMenu > renders with items correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -454,6 +464,7 @@ exports[`InputMenu > renders with labelKey correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -554,6 +565,7 @@ exports[`InputMenu > renders with modelValue correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -589,6 +601,7 @@ exports[`InputMenu > renders with name correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -624,6 +637,7 @@ exports[`InputMenu > renders with neutral variant ghost correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -659,6 +673,7 @@ exports[`InputMenu > renders with neutral variant none correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -694,6 +709,7 @@ exports[`InputMenu > renders with neutral variant outline correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -729,6 +745,7 @@ exports[`InputMenu > renders with neutral variant soft correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -764,6 +781,7 @@ exports[`InputMenu > renders with neutral variant subtle correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -799,6 +817,7 @@ exports[`InputMenu > renders with placeholder correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -834,6 +853,7 @@ exports[`InputMenu > renders with primary variant ghost correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -869,6 +889,7 @@ exports[`InputMenu > renders with primary variant none correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -904,6 +925,7 @@ exports[`InputMenu > renders with primary variant outline correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -939,6 +961,7 @@ exports[`InputMenu > renders with primary variant soft correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -974,6 +997,7 @@ exports[`InputMenu > renders with primary variant subtle correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -1009,6 +1033,7 @@ exports[`InputMenu > renders with required correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -1044,6 +1069,7 @@ exports[`InputMenu > renders with selectedIcon correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -1079,6 +1105,7 @@ exports[`InputMenu > renders with size lg correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -1114,6 +1141,7 @@ exports[`InputMenu > renders with size md correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -1149,6 +1177,7 @@ exports[`InputMenu > renders with size sm correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -1184,6 +1213,7 @@ exports[`InputMenu > renders with size xl correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -1219,6 +1249,7 @@ exports[`InputMenu > renders with size xs correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -1281,6 +1312,7 @@ exports[`InputMenu > renders with trailingIcon correctly 2`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -1316,6 +1348,7 @@ exports[`InputMenu > renders with ui correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->
@@ -1351,6 +1384,7 @@ exports[`InputMenu > renders with valueKey correctly 1`] = `
display: none;
}
</style>
<!--v-if-->
</div>
</div>
<!--teleport end-->