| ... | @@ -345,35 +345,35 @@ function ToastBodyContent({ | ... | @@ -345,35 +345,35 @@ function ToastBodyContent({ |
| 345 | | 345 | |
| 346 | return ( | 346 | return ( |
| 347 | <> | 347 | <> |
| 348 | <div className={cn("flex min-w-0 gap-2", !stackedActionLayout && "flex-1")}> | 348 | <div |
| 349 | {leadingIcon ? ( | 349 | className={cn( |
| 350 | <div | 350 | "flex min-h-0 min-w-0 flex-col gap-0.5", |
| 351 | className="flex h-lh w-4 shrink-0 items-center justify-center" | 351 | stackedActionLayout ? "pr-5" : "flex-1", |
| 352 | data-slot="toast-icon" | 352 | )} |
| 353 | > | 353 | > |
| 354 | {leadingIcon} | 354 | <div className="flex min-w-0 gap-2"> |
| 355 | </div> | 355 | {leadingIcon ? ( |
| 356 | ) : Icon ? ( | 356 | <div |
| 357 | <div | 357 | className="flex h-lh w-4 shrink-0 items-center justify-center" |
| 358 | className="[&>svg]:h-lh [&>svg]:w-4 [&_svg]:pointer-events-none [&_svg]:shrink-0" | 358 | data-slot="toast-icon" |
| 359 | data-slot="toast-icon" | 359 | > |
| 360 | > | 360 | {leadingIcon} |
| 361 | <Icon className="in-data-[type=error]:text-destructive in-data-[type=info]:text-info in-data-[type=success]:text-success in-data-[type=warning]:text-warning in-data-[type=loading]:opacity-80" /> | 361 | </div> |
| 362 | </div> | 362 | ) : Icon ? ( |
| 363 | ) : null} | 363 | <div |
| 364 | <div | 364 | className="[&>svg]:h-lh [&>svg]:w-4 [&_svg]:pointer-events-none [&_svg]:shrink-0" |
| 365 | className={cn( | 365 | data-slot="toast-icon" |
| 366 | "flex min-h-0 min-w-0 flex-1 flex-col gap-0.5", | 366 | > |
| 367 | stackedActionLayout && "pr-5", | 367 | <Icon className="in-data-[type=error]:text-destructive in-data-[type=info]:text-info in-data-[type=success]:text-success in-data-[type=warning]:text-warning in-data-[type=loading]:opacity-80" /> |
| 368 | )} | 368 | </div> |
| 369 | > | 369 | ) : null} |
| 370 | <Toast.Title className="min-w-0 wrap-break-word font-medium" data-slot="toast-title" /> | 370 | <Toast.Title className="min-w-0 wrap-break-word font-medium" data-slot="toast-title" /> |
| 371 | <ToastDescriptionAndExpandable | | |
| 372 | toastData={toastData} | | |
| 373 | toastDescription={toastDescription} | | |
| 374 | toastType={toastType} | | |
| 375 | /> | | |
| 376 | </div> | 371 | </div> |
| | 372 | <ToastDescriptionAndExpandable |
| | 373 | toastData={toastData} |
| | 374 | toastDescription={toastDescription} |
| | 375 | toastType={toastType} |
| | 376 | /> |
| 377 | </div> | 377 | </div> |
| 378 | {hasTrailingControls ? ( | 378 | {hasTrailingControls ? ( |
| 379 | <div | 379 | <div |