diff --git a/.changeset/poor-maps-yawn.md b/.changeset/poor-maps-yawn.md new file mode 100644 index 00000000..3953e2b7 --- /dev/null +++ b/.changeset/poor-maps-yawn.md @@ -0,0 +1,5 @@ +--- +"@cambly/syntax-core": minor +--- + +LinkButton: show icons in Cambio diff --git a/packages/syntax-core/src/Button/Button.tsx b/packages/syntax-core/src/Button/Button.tsx index 131887ab..fdc8e525 100644 --- a/packages/syntax-core/src/Button/Button.tsx +++ b/packages/syntax-core/src/Button/Button.tsx @@ -181,8 +181,7 @@ const Button = forwardRef( themeName === "classic" ? styles[size] : styles[`${size}Cambio`], { [styles.fullWidth]: fullWidth, - [styles.buttonGap]: - themeName === "classic" && (size === "lg" || size === "md"), + [styles.buttonGap]: size === "lg" || size === "md", [styles.secondaryBorder]: themeName === "classic" && color === "secondary", [styles.secondaryDestructiveBorder]: diff --git a/packages/syntax-core/src/LinkButton/LinkButton.tsx b/packages/syntax-core/src/LinkButton/LinkButton.tsx index f6427cb1..537698ee 100644 --- a/packages/syntax-core/src/LinkButton/LinkButton.tsx +++ b/packages/syntax-core/src/LinkButton/LinkButton.tsx @@ -165,8 +165,7 @@ const LinkButton = forwardRef( { [buttonStyles.fullWidth]: fullWidth, [styles.fitContent]: !fullWidth, - [buttonStyles.buttonGap]: - themeName === "classic" && (size === "lg" || size === "md"), + [buttonStyles.buttonGap]: size === "lg" || size === "md", [buttonStyles.secondaryBorder]: themeName === "classic" && color === "secondary", [buttonStyles.secondaryDestructiveBorder]: @@ -175,7 +174,7 @@ const LinkButton = forwardRef( )} onClick={onClick} > - {StartIcon && themeName === "classic" && ( + {StartIcon && ( ( {text} - {EndIcon && themeName === "classic" && ( + {EndIcon && ( @@ -186,9 +185,6 @@ function RichSelectList(props: RichSelectListProps): ReactElement { <> { if (disabled) return; @@ -196,7 +192,7 @@ function RichSelectList(props: RichSelectListProps): ReactElement { setInteractionModality("keyboard"); // Show the focus ring so the user knows where focus went }} > - + {label} @@ -279,7 +275,7 @@ function RichSelectList(props: RichSelectListProps): ReactElement { {(helperText || errorText) && ( - + {label && (