kahuna-base-react-components 1.3.7 → 1.3.9

package/dist/types.d.ts

@@ -24,6 +24,7 @@ interface KButtonProps {
     border?: string;
     hoverBorder?: string;
     activeBorder?: string;
+    fontSize?: number;
     dataTestId?: string;
 }
 declare const KButton: React.FC<KButtonProps>;
@@ -123,6 +124,7 @@ interface KInputProps {
     fontSize?: string;
     iconSize?: string;
     checked?: boolean;
+    autoComplete?: string;
     hoverBorder?: string;
     activeBorder?: string;
     dataTestId?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kahuna-base-react-components",
-  "version": "1.3.7",
+  "version": "1.3.9",
   "description": "Kahuna Base React Components",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",

package/src/components/KButton/KButton.tsx

@@ -24,6 +24,7 @@ export interface KButtonProps {
   border?: string
   hoverBorder?: string
   activeBorder?: string
+  fontSize?: number
   dataTestId?: string
 }
 
@@ -47,6 +48,7 @@ const KButton: React.FC<KButtonProps> = (props) => {
   const border = props.border || "none"
   const hoverBorder = props.hoverBorder || border
   const activeBorder = props.activeBorder || border
+  const fontSize = props.fontSize || 14
 
   return (
     <button
@@ -71,7 +73,7 @@ const KButton: React.FC<KButtonProps> = (props) => {
       <div className={"flex items-center"} style={{ gap }}>
         {props.leftIcon && <img src={props.leftIcon} alt={"button-left-icon"} />}
         {props.text && (
-          <KSpan text={props.text} color={textColor} fontWeight={fontWeight} textDecoration={textDecoration} />
+          <KSpan text={props.text} color={textColor} fontWeight={fontWeight} textDecoration={textDecoration} fontSize={fontSize} lineHeight={`${fontSize + 6}px`}/>
         )}
         {props.icon && <img src={props.icon} alt={"button-icon"} />}
         {props.rightIcon && <img src={props.rightIcon} alt={"button-right-icon"} />}

package/src/components/KInput/KInput.tsx

@@ -28,6 +28,7 @@ export interface KInputProps {
   fontSize?: string
   iconSize?: string
   checked?: boolean
+  autoComplete?: string
   hoverBorder?: string
   activeBorder?: string
   dataTestId?: string
@@ -109,6 +110,7 @@ const KInput: React.FC<KInputProps> = (props) => {
           fontSize
         }}
         {...(props.checked && (type === "checkbox" || type === "radio") && { checked: props.checked })}
+        {...(props.autoComplete && { autoComplete: props.autoComplete })}
         value={props.value}
         placeholder={props.placeholder || ""}
         disabled={disabled}