pmg-ui-kit 0.0.19 → 0.0.21

package/dist/ui/components/Form.d.ts

@@ -7,5 +7,5 @@ type FormProps = {
     formErrorMessage?: string;
     ref?: Ref<HTMLFormElement>;
 };
-declare const Form: ({ children, validateAllFieldsWithVisualEffect, onSubmit, className, formErrorMessage, ref }: FormProps) => import("react/jsx-runtime").JSX.Element;
-export default Form;
+export declare const Form: ({ children, validateAllFieldsWithVisualEffect, onSubmit, className, formErrorMessage, ref }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/components/Form.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { showToast } from "../../utils/showToast";
-const Form = ({ children, validateAllFieldsWithVisualEffect, onSubmit, className, formErrorMessage, ref }) => {
+export const Form = ({ children, validateAllFieldsWithVisualEffect, onSubmit, className, formErrorMessage, ref }) => {
     const handleSaveTheData = (e) => {
         e.preventDefault();
         const form = e.currentTarget;
@@ -17,4 +17,3 @@ const Form = ({ children, validateAllFieldsWithVisualEffect, onSubmit, className
     };
     return (_jsx("form", { ref: ref, className: className, noValidate: validateAllFieldsWithVisualEffect, onSubmit: handleSaveTheData, children: children }));
 };
-export default Form;

package/dist/ui/components/FormElementContainer.d.ts

@@ -10,6 +10,8 @@ type FormElementTypes = {
     required?: boolean;
     labelTextSize?: "sm" | "base" | "lg";
     labelFontWeight?: "bold" | "normal";
+    horizontalLabelsWidth?: string;
+    horizontalInputsWidth?: string;
 };
-export declare const FormElementContainer: ({ label, labelRightChild, className, children, bottomHint, fakeLabel, labelClassName, type, required, labelTextSize, labelFontWeight }: FormElementTypes) => import("react/jsx-runtime").JSX.Element;
+export declare const FormElementContainer: ({ label, labelRightChild, className, children, bottomHint, fakeLabel, labelClassName, type, required, labelTextSize, labelFontWeight, horizontalLabelsWidth, horizontalInputsWidth }: FormElementTypes) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ui/components/FormElementContainer.js

@@ -1,9 +1,9 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import classNames from "classnames";
 import { Text } from "../atoms/Text";
-export const FormElementContainer = ({ label, labelRightChild, className, children, bottomHint, fakeLabel = false, labelClassName, type, required = false, labelTextSize = "lg", labelFontWeight = "bold" }) => {
+export const FormElementContainer = ({ label, labelRightChild, className, children, bottomHint, fakeLabel = false, labelClassName, type, required = false, labelTextSize = "lg", labelFontWeight = "bold", horizontalLabelsWidth = "w-3/12", horizontalInputsWidth = "w-9/12" }) => {
     if (type !== "horizontal") {
         return (_jsxs("div", { className: classNames("flex flex-col mb-8", className), children: [_jsxs("div", { className: classNames("flex flex-row justify-between mb-1", labelClassName), children: [_jsxs(Text, { size: labelTextSize, fontWeight: labelFontWeight, children: [label, required && " *"] }), labelRightChild] }), fakeLabel && _jsx("div", { className: "flex flex-row justify-between h-7" }), children, bottomHint && (_jsx(Text, { size: "sm", className: "mt-1 text-gray-600", children: bottomHint }))] }));
     }
-    return (_jsx("div", { children: _jsxs("div", { className: "flex flex-row mb-2 items-start", children: [_jsx("div", { className: "w-3/12", children: _jsxs(Text, { size: labelTextSize, fontWeight: labelFontWeight, className: "mt-1", children: [label, required && " *"] }) }), _jsxs("div", { className: "w-9/12", children: [children, bottomHint && (_jsx(Text, { size: "sm", className: "mt-1 text-gray-600", children: bottomHint }))] })] }) }));
+    return (_jsx("div", { children: _jsxs("div", { className: "flex flex-row mb-2 items-start", children: [_jsx("div", { className: horizontalLabelsWidth, children: _jsxs(Text, { size: labelTextSize, fontWeight: labelFontWeight, className: "mt-1", children: [label, required && " *"] }) }), _jsxs("div", { className: horizontalInputsWidth, children: [children, bottomHint && (_jsx(Text, { size: "sm", className: "mt-1 text-gray-600", children: bottomHint }))] })] }) }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pmg-ui-kit",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "description": "Components library for PMG projects",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",