@trackunit/react-form-components 1.6.23 → 1.6.25
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.
- package/index.cjs.js +6 -6
- package/index.esm.js +6 -6
- package/package.json +8 -8
package/index.cjs.js
CHANGED
|
@@ -618,7 +618,7 @@ const cvaCheckbox = cssClassVarianceUtilities.cvaMerge([
|
|
|
618
618
|
},
|
|
619
619
|
});
|
|
620
620
|
const cvaCheckboxInput = cssClassVarianceUtilities.cvaMerge(["absolute", "opacity-0", "m-0", "pointer-events-none", "hidden"]);
|
|
621
|
-
const cvaCheckboxIcon = cssClassVarianceUtilities.cvaMerge(["w-2.5", "h-2.5", "text-
|
|
621
|
+
const cvaCheckboxIcon = cssClassVarianceUtilities.cvaMerge(["w-2.5", "h-2.5", "text-white"]);
|
|
622
622
|
|
|
623
623
|
/**
|
|
624
624
|
* The IndeterminateIcon component is used by the checkbox to display the Indeterminate state.
|
|
@@ -714,7 +714,7 @@ const FormGroup = ({ isInvalid, isWarning, helpText, helpAddon, tip, className,
|
|
|
714
714
|
const color = isInvalid ? "danger" : isWarning ? "warning" : null;
|
|
715
715
|
return color ? jsxRuntime.jsx(reactComponents.Icon, { color: color, name: "ExclamationTriangle", size: "small" }) : null;
|
|
716
716
|
}, [isInvalid, isWarning]);
|
|
717
|
-
return (jsxRuntime.jsxs("div", { className: cvaFormGroup({ className }), "data-testid": dataTestId, children: [
|
|
717
|
+
return (jsxRuntime.jsxs("div", { className: cvaFormGroup({ className }), "data-testid": dataTestId, children: [jsxRuntime.jsxs("div", { className: cvaFormGroupContainerBefore(), children: [label ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Label, { className: "component-formGroup-font", dataTestId: dataTestId ? `${dataTestId}-label` : undefined, htmlFor: htmlFor, id: htmlFor + "-label", children: label }), required ? (jsxRuntime.jsx(reactComponents.Tooltip, { "data-testid": "required-asterisk", label: t("field.required.asterisk.tooltip"), children: "*" })) : null] })) : null, tip ? (jsxRuntime.jsx(reactComponents.Tooltip, { className: "ml-1", dataTestId: dataTestId ? `${dataTestId}-tooltip` : undefined, label: tip, placement: "bottom" })) : null] }), children, helpText || helpAddon ? (jsxRuntime.jsxs("div", { className: cvaFormGroupContainerAfter({ invalid: isInvalid, isWarning: isWarning }), children: [helpText ? (jsxRuntime.jsxs("div", { className: "flex gap-1", children: [validationStateIcon, jsxRuntime.jsx("span", { "data-testid": dataTestId ? `${dataTestId}-helpText` : undefined, children: helpText })] })) : undefined, helpAddon ? (jsxRuntime.jsx("span", { className: cvaHelpAddon(), "data-testid": dataTestId ? `${dataTestId}-helpAddon` : null, children: helpAddon })) : null] })) : null] }));
|
|
718
718
|
};
|
|
719
719
|
|
|
720
720
|
/**
|
|
@@ -1564,7 +1564,6 @@ const cvaRadioItem = cssClassVarianceUtilities.cvaMerge([
|
|
|
1564
1564
|
"hover:cursor-pointer",
|
|
1565
1565
|
"hover:bg-slate-100",
|
|
1566
1566
|
"focus-visible:outline-primary-700",
|
|
1567
|
-
"outline-0",
|
|
1568
1567
|
], {
|
|
1569
1568
|
variants: {
|
|
1570
1569
|
checked: {
|
|
@@ -1572,9 +1571,10 @@ const cvaRadioItem = cssClassVarianceUtilities.cvaMerge([
|
|
|
1572
1571
|
"border-solid",
|
|
1573
1572
|
"border-4",
|
|
1574
1573
|
"border-primary-600",
|
|
1575
|
-
"bg-
|
|
1574
|
+
"bg-white",
|
|
1576
1575
|
"hover:bg-slate-100",
|
|
1577
1576
|
"hover:cursor-pointer",
|
|
1577
|
+
"outline-0",
|
|
1578
1578
|
"active:bg-slate-200",
|
|
1579
1579
|
"active:ring-2",
|
|
1580
1580
|
"active:ring-inset",
|
|
@@ -1606,7 +1606,7 @@ const cvaRadioItem = cssClassVarianceUtilities.cvaMerge([
|
|
|
1606
1606
|
{
|
|
1607
1607
|
checked: true,
|
|
1608
1608
|
disabled: true,
|
|
1609
|
-
className: ["bg-
|
|
1609
|
+
className: ["bg-white"],
|
|
1610
1610
|
},
|
|
1611
1611
|
],
|
|
1612
1612
|
});
|
|
@@ -2797,7 +2797,7 @@ const cvaToggleSwitchTrack = cssClassVarianceUtilities.cvaMerge(["items-center",
|
|
|
2797
2797
|
disabled: false,
|
|
2798
2798
|
},
|
|
2799
2799
|
});
|
|
2800
|
-
const cvaToggleSwitchThumb = cssClassVarianceUtilities.cvaMerge(["block", "rounded-full", "bg-
|
|
2800
|
+
const cvaToggleSwitchThumb = cssClassVarianceUtilities.cvaMerge(["block", "rounded-full", "bg-white", "aspect-square", "translate-x-0", "transition-all"], {
|
|
2801
2801
|
variants: {
|
|
2802
2802
|
toggled: {
|
|
2803
2803
|
true: "",
|
package/index.esm.js
CHANGED
|
@@ -617,7 +617,7 @@ const cvaCheckbox = cvaMerge([
|
|
|
617
617
|
},
|
|
618
618
|
});
|
|
619
619
|
const cvaCheckboxInput = cvaMerge(["absolute", "opacity-0", "m-0", "pointer-events-none", "hidden"]);
|
|
620
|
-
const cvaCheckboxIcon = cvaMerge(["w-2.5", "h-2.5", "text-
|
|
620
|
+
const cvaCheckboxIcon = cvaMerge(["w-2.5", "h-2.5", "text-white"]);
|
|
621
621
|
|
|
622
622
|
/**
|
|
623
623
|
* The IndeterminateIcon component is used by the checkbox to display the Indeterminate state.
|
|
@@ -713,7 +713,7 @@ const FormGroup = ({ isInvalid, isWarning, helpText, helpAddon, tip, className,
|
|
|
713
713
|
const color = isInvalid ? "danger" : isWarning ? "warning" : null;
|
|
714
714
|
return color ? jsx(Icon, { color: color, name: "ExclamationTriangle", size: "small" }) : null;
|
|
715
715
|
}, [isInvalid, isWarning]);
|
|
716
|
-
return (jsxs("div", { className: cvaFormGroup({ className }), "data-testid": dataTestId, children: [
|
|
716
|
+
return (jsxs("div", { className: cvaFormGroup({ className }), "data-testid": dataTestId, children: [jsxs("div", { className: cvaFormGroupContainerBefore(), children: [label ? (jsxs(Fragment, { children: [jsx(Label, { className: "component-formGroup-font", dataTestId: dataTestId ? `${dataTestId}-label` : undefined, htmlFor: htmlFor, id: htmlFor + "-label", children: label }), required ? (jsx(Tooltip, { "data-testid": "required-asterisk", label: t("field.required.asterisk.tooltip"), children: "*" })) : null] })) : null, tip ? (jsx(Tooltip, { className: "ml-1", dataTestId: dataTestId ? `${dataTestId}-tooltip` : undefined, label: tip, placement: "bottom" })) : null] }), children, helpText || helpAddon ? (jsxs("div", { className: cvaFormGroupContainerAfter({ invalid: isInvalid, isWarning: isWarning }), children: [helpText ? (jsxs("div", { className: "flex gap-1", children: [validationStateIcon, jsx("span", { "data-testid": dataTestId ? `${dataTestId}-helpText` : undefined, children: helpText })] })) : undefined, helpAddon ? (jsx("span", { className: cvaHelpAddon(), "data-testid": dataTestId ? `${dataTestId}-helpAddon` : null, children: helpAddon })) : null] })) : null] }));
|
|
717
717
|
};
|
|
718
718
|
|
|
719
719
|
/**
|
|
@@ -1563,7 +1563,6 @@ const cvaRadioItem = cvaMerge([
|
|
|
1563
1563
|
"hover:cursor-pointer",
|
|
1564
1564
|
"hover:bg-slate-100",
|
|
1565
1565
|
"focus-visible:outline-primary-700",
|
|
1566
|
-
"outline-0",
|
|
1567
1566
|
], {
|
|
1568
1567
|
variants: {
|
|
1569
1568
|
checked: {
|
|
@@ -1571,9 +1570,10 @@ const cvaRadioItem = cvaMerge([
|
|
|
1571
1570
|
"border-solid",
|
|
1572
1571
|
"border-4",
|
|
1573
1572
|
"border-primary-600",
|
|
1574
|
-
"bg-
|
|
1573
|
+
"bg-white",
|
|
1575
1574
|
"hover:bg-slate-100",
|
|
1576
1575
|
"hover:cursor-pointer",
|
|
1576
|
+
"outline-0",
|
|
1577
1577
|
"active:bg-slate-200",
|
|
1578
1578
|
"active:ring-2",
|
|
1579
1579
|
"active:ring-inset",
|
|
@@ -1605,7 +1605,7 @@ const cvaRadioItem = cvaMerge([
|
|
|
1605
1605
|
{
|
|
1606
1606
|
checked: true,
|
|
1607
1607
|
disabled: true,
|
|
1608
|
-
className: ["bg-
|
|
1608
|
+
className: ["bg-white"],
|
|
1609
1609
|
},
|
|
1610
1610
|
],
|
|
1611
1611
|
});
|
|
@@ -2796,7 +2796,7 @@ const cvaToggleSwitchTrack = cvaMerge(["items-center", "shrink-0", "rounded-full
|
|
|
2796
2796
|
disabled: false,
|
|
2797
2797
|
},
|
|
2798
2798
|
});
|
|
2799
|
-
const cvaToggleSwitchThumb = cvaMerge(["block", "rounded-full", "bg-
|
|
2799
|
+
const cvaToggleSwitchThumb = cvaMerge(["block", "rounded-full", "bg-white", "aspect-square", "translate-x-0", "transition-all"], {
|
|
2800
2800
|
variants: {
|
|
2801
2801
|
toggled: {
|
|
2802
2802
|
true: "",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@trackunit/react-form-components",
|
|
3
|
-
"version": "1.6.
|
|
3
|
+
"version": "1.6.25",
|
|
4
4
|
"repository": "https://github.com/Trackunit/manager",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"engines": {
|
|
@@ -17,14 +17,14 @@
|
|
|
17
17
|
"zod": "^3.23.8",
|
|
18
18
|
"react-hook-form": "7.62.0",
|
|
19
19
|
"tailwind-merge": "^2.0.0",
|
|
20
|
-
"@trackunit/css-class-variance-utilities": "1.6.
|
|
21
|
-
"@trackunit/react-components": "1.7.
|
|
22
|
-
"@trackunit/ui-icons": "1.6.
|
|
23
|
-
"@trackunit/shared-utils": "1.8.
|
|
24
|
-
"@trackunit/ui-design-tokens": "1.6.
|
|
25
|
-
"@trackunit/i18n-library-translation": "1.6.
|
|
20
|
+
"@trackunit/css-class-variance-utilities": "1.6.18",
|
|
21
|
+
"@trackunit/react-components": "1.7.24",
|
|
22
|
+
"@trackunit/ui-icons": "1.6.17",
|
|
23
|
+
"@trackunit/shared-utils": "1.8.18",
|
|
24
|
+
"@trackunit/ui-design-tokens": "1.6.19",
|
|
25
|
+
"@trackunit/i18n-library-translation": "1.6.20",
|
|
26
26
|
"string-ts": "^2.0.0",
|
|
27
|
-
"@trackunit/react-test-setup": "1.3.
|
|
27
|
+
"@trackunit/react-test-setup": "1.3.18"
|
|
28
28
|
},
|
|
29
29
|
"module": "./index.esm.js",
|
|
30
30
|
"main": "./index.cjs.js",
|