From af300c85566f759d3b77aed7ca58baa0dcfcdc98 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Matuzal=C3=A9m=20Teles?= Date: Wed, 17 Apr 2024 14:57:17 -0500 Subject: [PATCH] feat(@clayui/button): add regular size --- packages/clay-button/src/Button.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/clay-button/src/Button.tsx b/packages/clay-button/src/Button.tsx index 847c13036e..639e55159a 100644 --- a/packages/clay-button/src/Button.tsx +++ b/packages/clay-button/src/Button.tsx @@ -69,7 +69,7 @@ export interface IProps extends React.ButtonHTMLAttributes { /** * Determines the size of a button. */ - size?: 'xs' | 'sm'; + size?: 'xs' | 'regular' | 'sm'; /** * Indicates button should be a small variant. @@ -96,7 +96,7 @@ const ClayButton = React.forwardRef( monospaced, outline, rounded, - size, + size = 'regular', small, translucent, type = 'button', @@ -133,7 +133,7 @@ const ClayButton = React.forwardRef( 'btn-block': block, 'btn-monospaced': monospaced, 'btn-outline-borderless': borderless, - 'btn-sm': small && !size, + 'btn-sm': small && (!size || size === 'regular'), 'btn-translucent': translucent, 'clay-dark': dark, [`btn-${displayType}`]: @@ -141,7 +141,7 @@ const ClayButton = React.forwardRef( [`btn-outline-${displayType}`]: displayType && (outline || borderless), 'rounded-pill': rounded, - [`btn-${size}`]: size, + [`btn-${size}`]: size && size !== 'regular', })} ref={ref} type={type}