@akinon/pz-gpay 1.16.3 → 1.17.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @akinon/pz-gpay
 
+## 1.17.1
+
+### Patch Changes
+
+- Update README files
+- Add containerClassName to GPayOption component
+
+## 1.17.0
+
 ## 1.16.3
 
 ## 1.16.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/pz-gpay",
-  "version": "1.16.3",
+  "version": "1.17.1",
   "license": "MIT",
   "main": "src/index.tsx",
   "peerDependencies": {

package/readme.md

@@ -33,6 +33,7 @@ export default GarantiPayRedirect;
 | Properties           | Type   | Description                                |
 |----------------------|--------|--------------------------------------------|
 | translations         | object | The translations of the component.         |
+| containerClassName   | string | The CSS class to apply to the container.   |
 | titleClassName       | string | The CSS class to apply to the title.       |
 | descriptionClassName | string | The CSS class to apply to the description. |
 | buttonClassName      | string | The CSS class to apply to the button.      |

package/src/views/gpay-option.tsx

@@ -17,6 +17,7 @@ import { Button } from '@akinon/next/components/button';
 const gpayFormSchema = yup.object();
 
 enum Elements {
+  container,
   title,
   description,
   button
@@ -71,7 +72,7 @@ export function GPayOption(props: GpayOptionProps) {
   return (
     <form
       id="gpay_payment"
-      className="p-5 space-y-5 lg:p-10"
+      className={props.containerClassName ?? 'p-5 space-y-5 lg:p-10'}
       onSubmit={handleSubmit(onSubmit)}
     >
       <h1 className={twMerge('text-2xl font-bold', props.titleClassName)}>