@trackunit/react-form-components 0.0.378 → 0.0.380

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/index.cjs.js +3 -3
  2. package/index.esm.js +3 -3
  3. package/package.json +1 -1
package/index.cjs.js CHANGED
@@ -554,7 +554,7 @@ const cvaFormGroup = cssClassVarianceUtilities.cvaMerge(["component-formGroup-ga
554
554
  },
555
555
  },
556
556
  });
557
- const cvaFormGroupContainerBefore = cssClassVarianceUtilities.cvaMerge(["flex", "gap-1", "mb-1"]);
557
+ const cvaFormGroupContainerBefore = cssClassVarianceUtilities.cvaMerge(["flex", "gap-1", "mb-1", "items-center"]);
558
558
  const cvaFormGroupContainerAfter = cssClassVarianceUtilities.cvaMerge(["flex", "justify-between", "mt-1", "text-xs", "text-slate-500"], {
559
559
  variants: {
560
560
  invalid: {
@@ -573,7 +573,7 @@ const cvaHelpAddon = cssClassVarianceUtilities.cvaMerge(["ml-auto"]);
573
573
  * @returns {JSX.Element} FormGroup component
574
574
  */
575
575
  const FormGroup = ({ isInvalid, helpText, helpAddon, tip, className, dataTestId, label, htmlFor, children, tipIconProps, disabled = false, required = false, }) => {
576
- return (jsxRuntime.jsxs("div", { className: cvaFormGroup({ disabled, className }), "data-testid": dataTestId, children: [jsxRuntime.jsxs("div", { className: cvaFormGroupContainerBefore(), children: [jsxRuntime.jsxs(Label, { className: "component-formGroup-font flex", dataTestId: dataTestId && `${dataTestId}-label`, htmlFor: htmlFor, id: htmlFor + "-label", children: [label, required && jsxRuntime.jsx("span", { className: "required-asterisk", children: "*" })] }), tip && (jsxRuntime.jsx(reactComponents.Tooltip, { dataTestId: dataTestId && `${dataTestId}-tooltip`, iconProps: tipIconProps, label: tip, placement: "bottom" }))] }), children, jsxRuntime.jsxs("div", { className: cvaFormGroupContainerAfter({ invalid: isInvalid }), children: [helpText && jsxRuntime.jsx("span", { "data-testid": dataTestId && `${dataTestId}-helpText`, children: helpText }), helpAddon && (jsxRuntime.jsx("span", { className: cvaHelpAddon(), "data-testid": dataTestId && `${dataTestId}-helpAddon`, children: helpAddon }))] })] }));
576
+ return (jsxRuntime.jsxs("div", { className: cvaFormGroup({ disabled, className }), "data-testid": dataTestId, children: [jsxRuntime.jsxs("div", { className: cvaFormGroupContainerBefore(), children: [jsxRuntime.jsxs(Label, { className: "component-formGroup-font flex", dataTestId: dataTestId && `${dataTestId}-label`, htmlFor: htmlFor, id: htmlFor + "-label", children: [label, required && jsxRuntime.jsx("span", { className: "required-asterisk", children: "*" })] }), tip ? (jsxRuntime.jsx(reactComponents.Tooltip, { dataTestId: dataTestId && `${dataTestId}-tooltip`, iconProps: tipIconProps, label: tip, placement: "bottom" })) : null] }), children, jsxRuntime.jsxs("div", { className: cvaFormGroupContainerAfter({ invalid: isInvalid }), children: [helpText && jsxRuntime.jsx("span", { "data-testid": dataTestId && `${dataTestId}-helpText`, children: helpText }), helpAddon && (jsxRuntime.jsx("span", { className: cvaHelpAddon(), "data-testid": dataTestId && `${dataTestId}-helpAddon`, children: helpAddon }))] })] }));
577
577
  };
578
578
 
579
579
  /**
@@ -619,7 +619,7 @@ const cvaDropZone = cssClassVarianceUtilities.cvaMerge([
619
619
  "component-baseInput-background",
620
620
  "justify-center",
621
621
  "text-slate-500",
622
- "rounded-sm",
622
+ "rounded-lg",
623
623
  "border-2",
624
624
  "border-gray-200",
625
625
  "border-dashed",
package/index.esm.js CHANGED
@@ -524,7 +524,7 @@ const cvaFormGroup = cvaMerge(["component-formGroup-gap"], {
524
524
  },
525
525
  },
526
526
  });
527
- const cvaFormGroupContainerBefore = cvaMerge(["flex", "gap-1", "mb-1"]);
527
+ const cvaFormGroupContainerBefore = cvaMerge(["flex", "gap-1", "mb-1", "items-center"]);
528
528
  const cvaFormGroupContainerAfter = cvaMerge(["flex", "justify-between", "mt-1", "text-xs", "text-slate-500"], {
529
529
  variants: {
530
530
  invalid: {
@@ -543,7 +543,7 @@ const cvaHelpAddon = cvaMerge(["ml-auto"]);
543
543
  * @returns {JSX.Element} FormGroup component
544
544
  */
545
545
  const FormGroup = ({ isInvalid, helpText, helpAddon, tip, className, dataTestId, label, htmlFor, children, tipIconProps, disabled = false, required = false, }) => {
546
- return (jsxs("div", { className: cvaFormGroup({ disabled, className }), "data-testid": dataTestId, children: [jsxs("div", { className: cvaFormGroupContainerBefore(), children: [jsxs(Label, { className: "component-formGroup-font flex", dataTestId: dataTestId && `${dataTestId}-label`, htmlFor: htmlFor, id: htmlFor + "-label", children: [label, required && jsx("span", { className: "required-asterisk", children: "*" })] }), tip && (jsx(Tooltip, { dataTestId: dataTestId && `${dataTestId}-tooltip`, iconProps: tipIconProps, label: tip, placement: "bottom" }))] }), children, jsxs("div", { className: cvaFormGroupContainerAfter({ invalid: isInvalid }), children: [helpText && jsx("span", { "data-testid": dataTestId && `${dataTestId}-helpText`, children: helpText }), helpAddon && (jsx("span", { className: cvaHelpAddon(), "data-testid": dataTestId && `${dataTestId}-helpAddon`, children: helpAddon }))] })] }));
546
+ return (jsxs("div", { className: cvaFormGroup({ disabled, className }), "data-testid": dataTestId, children: [jsxs("div", { className: cvaFormGroupContainerBefore(), children: [jsxs(Label, { className: "component-formGroup-font flex", dataTestId: dataTestId && `${dataTestId}-label`, htmlFor: htmlFor, id: htmlFor + "-label", children: [label, required && jsx("span", { className: "required-asterisk", children: "*" })] }), tip ? (jsx(Tooltip, { dataTestId: dataTestId && `${dataTestId}-tooltip`, iconProps: tipIconProps, label: tip, placement: "bottom" })) : null] }), children, jsxs("div", { className: cvaFormGroupContainerAfter({ invalid: isInvalid }), children: [helpText && jsx("span", { "data-testid": dataTestId && `${dataTestId}-helpText`, children: helpText }), helpAddon && (jsx("span", { className: cvaHelpAddon(), "data-testid": dataTestId && `${dataTestId}-helpAddon`, children: helpAddon }))] })] }));
547
547
  };
548
548
 
549
549
  /**
@@ -589,7 +589,7 @@ const cvaDropZone = cvaMerge([
589
589
  "component-baseInput-background",
590
590
  "justify-center",
591
591
  "text-slate-500",
592
- "rounded-sm",
592
+ "rounded-lg",
593
593
  "border-2",
594
594
  "border-gray-200",
595
595
  "border-dashed",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trackunit/react-form-components",
3
- "version": "0.0.378",
3
+ "version": "0.0.380",
4
4
  "repository": "https://github.com/Trackunit/manager",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "engines": {