Reintroduce "bar" variant as "outline-light"

This commit is contained in:
somebody1234 2024-08-16 14:56:34 +10:00
parent 43724af4d7
commit 32c3fcbe50
2 changed files with 5 additions and 3 deletions

View File

@ -201,7 +201,9 @@ export const BUTTON_STYLES = twv.tv({
ghost:
'text-primary hover:text-primary/80 hover:bg-white focus-visible:text-primary/80 focus-visible:bg-white',
submit: 'bg-invite text-white opacity-80 hover:opacity-100',
outline: 'border-primary/20 text-primary hover:border-primary hover:bg-primary/5',
outline: 'border-primary/40 text-primary hover:border-primary hover:bg-primary/5',
// eslint-disable-next-line @typescript-eslint/naming-convention
'outline-light': 'border-primary/20 text-primary hover:border-primary hover:bg-primary/5',
},
iconPosition: {
start: { content: '' },

View File

@ -179,7 +179,7 @@ export default function DriveBar(props: DriveBarProps) {
<ariaComponents.ButtonGroup className="my-0.5 grow-0">
<ariaComponents.Button
size="medium"
variant="outline"
variant="outline-light"
isDisabled={shouldBeDisabled}
onPress={() => {
setModal(
@ -231,7 +231,7 @@ export default function DriveBar(props: DriveBarProps) {
</aria.DialogTrigger>
<ariaComponents.Button
size="medium"
variant="outline"
variant="outline-light"
isDisabled={shouldBeDisabled || isCreatingProject || isCreatingProjectFromTemplate}
icon={Plus2Icon}
loading={isCreatingProject}