@passui/react 0.1.24 → 0.1.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -39,7 +39,7 @@ export function buttonStyle({
|
|
|
39
39
|
className,
|
|
40
40
|
}: Pick<ButtonProps, "variant" | "size" | "className"> = {}) {
|
|
41
41
|
return cn(
|
|
42
|
-
"group relative inline-flex shrink-0 select-none items-center justify-center gap-2 whitespace-nowrap font-semibold tracking-[-0.005em]",
|
|
42
|
+
"group relative inline-flex shrink-0 select-none items-center justify-center gap-2 whitespace-nowrap overflow-hidden font-semibold tracking-[-0.005em]",
|
|
43
43
|
"transition-[background-color,filter,transform,box-shadow] duration-250 ease-[cubic-bezier(0.22,1,0.36,1)] active:scale-[0.98]",
|
|
44
44
|
"motion-reduce:transform-none motion-reduce:transition-none disabled:pointer-events-none disabled:opacity-40",
|
|
45
45
|
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/70 focus-visible:ring-offset-1 focus-visible:ring-offset-background",
|
|
@@ -87,7 +87,7 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button
|
|
|
87
87
|
{/* the label keeps its space, so the width never jumps */}
|
|
88
88
|
<span
|
|
89
89
|
className={cn(
|
|
90
|
-
"inline-flex items-center justify-center gap-2 transition-opacity duration-200",
|
|
90
|
+
"inline-flex min-w-0 items-center justify-center gap-2 truncate transition-opacity duration-200",
|
|
91
91
|
showPendingIndicator && "opacity-0",
|
|
92
92
|
contentClassName
|
|
93
93
|
)}
|