fix: allow to have given className in inline style mode

Author: clementprevot

packages/fractal/src/components/Button/Button.tsx

@@ -336,7 +336,10 @@ export const Button = forwardRef<HTMLElement, ButtonProps>(
     const isTextVariant = variant === Variants.Text
 
     const classNames = inlineStyle
-      ? `${PREFIX}-${GROUP_NAME} ${PREFIX}-${GROUP_NAME}--${variant}${asLink ? ` ${PREFIX}-${GROUP_NAME}__link` : ''}`
+      ? cn(
+          `${PREFIX}-${GROUP_NAME} ${PREFIX}-${GROUP_NAME}--${variant}${asLink ? ` ${PREFIX}-${GROUP_NAME}__link` : ''}`,
+          props.className,
+        )
       : cn(
           `${PREFIX}-${GROUP_NAME}`,
           `${PREFIX}-${GROUP_NAME}--${variant}`,

packages/fractal/src/components/Paper/Paper.tsx

@@ -155,7 +155,7 @@ export const Paper = forwardRef<HTMLDivElement, PaperProps>(
             (theme === Themes.Light
               ? 'bg-white text-dark'
               : 'bg-body-dark text-light'),
-          !inlineStyle && props.className,
+          props.className,
         )}
         element={element || 'div'}
         fullStyle={fullStyle}

packages/fractal/src/components/Typography/Typography.tsx

@@ -618,7 +618,7 @@ export const Typography = forwardRef<HTMLElement, TypographyProps>(
           `${PREFIX}-${GROUP_NAME}__${actualElement}`,
           `${PREFIX}-${GROUP_NAME}--${variant}`,
           !inlineStyle && typographyClassNames,
-          !inlineStyle && props.className,
+          props.className,
         ),
         style: inlineStyle
           ? {