feat: improve fontstyle component

Author: luangjokaj

@types/cherry.d.ts

@@ -44,7 +44,9 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
 	theme?: object;
 }
 
-interface FontStyleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+interface FontStyleProps {
+	id?: string;
+	className?: string;
 	children?: React.ReactNode;
 	variant?:
 		| "eyebrow"
@@ -54,8 +56,6 @@ interface FontStyleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
 		| "lead"
 		| "input"
 		| "inputBig";
-	frame?: boolean;
-	size?: "default" | "big";
 	theme?: object;
 }
 

package-lock.json

@@ -1,6 +1,6 @@
 {
 	"name": "cherry-components",
-	"version": "0.0.1-0",
+	"version": "0.0.1-1",
 	"description": "Cherry React Components",
 	"main": "dist/cherry.js",
 	"module": "dist/cherry.module.js",

package.json

@@ -3,14 +3,15 @@ import { localTheme } from "../../theme";
 import { fontStyles } from "./FontStyle.styles";
 
 function FontStyle({
+	id,
 	className,
 	children,
 	variant,
 	theme = localTheme,
 	...props
 }) {
 	return (
-		<span className={className} css={fontStyles(theme, variant)} {...props}>
+		<span id={id} className={className} css={fontStyles(theme, variant)} {...props}>
 			{children}
 		</span>
 	);