chore: Bump package version to 1.0.220 and update FormActions component

- Update package version in package.json to 1.0.220
- Add className prop to FormActions component for customizable styling
- Refactor FormActions component to use className for the outer div
- Update snapshot tests for FormActions component to reflect changes

Author: agjs

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@programmer_network/yail",
-  "version": "1.0.219",
+  "version": "1.0.220",
   "description": "Programmer Network's official UI library for React",
   "author": "Aleksandar Grbic - (https://programmer.network)",
   "publishConfig": {

src/Components/FormActions/__snapshots__/FormActions.test.tsx.snap

@@ -3,9 +3,7 @@
 exports[`FormActions component > renders correctly - snapshot test 1`] = `
 <DocumentFragment>
   <div>
-    <div
-      class="yl:mt-14"
-    >
+    <div>
       <div
         class="yl:p-8 yl:!border-error/50 yl:!border-2 yl:max-w-[350px]"
         data-testid="mock-dialog"

src/Components/FormActions/index.tsx

@@ -12,7 +12,8 @@ const FormActions = ({
   onSave,
   onCancel,
   onDelete,
-  dialogDeleteText = "Do you want to put an end to these bits and bytes?"
+  dialogDeleteText = "Do you want to put an end to these bits and bytes?",
+  className
 }: IFormActionsProps) => {
   const dialogRef = createRef<HTMLDialogElement>();
 
@@ -44,8 +45,8 @@ const FormActions = ({
   };
 
   return (
-    <div>
-      <div className='yl:mt-14'>
+    <div className={className}>
+      <div>
         {onDelete && (
           <Dialog
             ref={dialogRef}

src/Components/FormActions/types.ts

@@ -3,4 +3,5 @@ export interface IFormActionsProps {
   onCancel: () => void;
   onDelete?: () => void;
   dialogDeleteText?: string;
+  className?: string;
 }