pixelize-design-library 2.1.27 → 2.1.28

package/dist/Components/ContactForm/ContactForm.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { ContactFormProps } from "./ContactFormProps";
-declare const ContactForm: ({ apiKey, customFields, getCustomValues, isDisabled, organizationId, customerId, buttonColorScheme }: ContactFormProps) => React.JSX.Element;
+declare const ContactForm: ({ apiKey, customFields, getCustomValues, isDisabled, organizationId, customerId, buttonColorScheme, buttonSx, }: ContactFormProps) => React.JSX.Element;
 export default ContactForm;

package/dist/Components/ContactForm/ContactForm.js

@@ -82,7 +82,7 @@ var InputTextArea_1 = __importDefault(require("../InputTextArea/InputTextArea"))
 var Button_1 = __importDefault(require("../Button/Button"));
 var ContactForm = function (_a) {
     var _b;
-    var apiKey = _a.apiKey, customFields = _a.customFields, getCustomValues = _a.getCustomValues, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, organizationId = _a.organizationId, customerId = _a.customerId, _d = _a.buttonColorScheme, buttonColorScheme = _d === void 0 ? "primary" : _d;
+    var apiKey = _a.apiKey, customFields = _a.customFields, getCustomValues = _a.getCustomValues, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, organizationId = _a.organizationId, customerId = _a.customerId, _d = _a.buttonColorScheme, buttonColorScheme = _d === void 0 ? "primary" : _d, buttonSx = _a.buttonSx;
     var colors = (0, useCustomTheme_1.useCustomTheme)().colors;
     var _e = (0, react_1.useState)({
         firstName: "",
@@ -211,8 +211,6 @@ var ContactForm = function (_a) {
                     react_1.default.createElement(react_2.Text, { fontSize: "sm", mb: 1 }, "Enquiry"),
                     react_1.default.createElement(react_2.Box, null,
                         react_1.default.createElement(InputTextArea_1.default, { placeholder: "Enter your enquiry", rows: 4, width: "100%", value: formData.enquiry, onChange: function (e) { return handleChange("enquiry", e.target.value); } }))),
-                react_1.default.createElement(Button_1.default, { type: "submit", isDisabled: isDisabled, colorScheme: buttonColorScheme, width: "full", sx: {
-                        mt: 2
-                    } }, "Send Message")))));
+                react_1.default.createElement(Button_1.default, { type: "submit", isDisabled: isDisabled, colorScheme: buttonColorScheme, width: "full", sx: buttonSx }, "Send Message")))));
 };
 exports.default = ContactForm;

package/dist/Components/ContactForm/ContactFormProps.d.ts

@@ -1,3 +1,4 @@
+import { SystemStyleObject } from "@chakra-ui/react";
 import { ReactNode } from "react";
 export interface ContactFormProps {
     apiKey?: string;
@@ -7,4 +8,5 @@ export interface ContactFormProps {
     customFields?: ReactNode;
     getCustomValues?: () => Record<string, any>;
     buttonColorScheme?: "primary" | "blue" | "cyan" | "gray" | "green" | "orange" | "pink" | "purple" | "red" | "teal" | "yellow" | "secondary" | "tertiary" | undefined;
+    buttonSx?: SystemStyleObject;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixelize-design-library",
-  "version": "2.1.27",
+  "version": "2.1.28",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",