@trackunit/react-widgets 2.2.174 → 2.2.176

package/index.cjs.js

@@ -190,7 +190,7 @@ const WidgetContent = ({ children, "data-testid": dataTestId, layout = "none", p
     return (jsxRuntime.jsx("div", { className: cvaWidgetContent({ layout, padding, gap, className, centering }), "data-testid": dataTestId, children: children }));
 };
 
-const cvaWidgetEditBodyDensityContainer = cssClassVarianceUtilities.cvaMerge(["absolute", "left-1/2", "top-1/2", "flex", "origin-center", "-translate-x-1/2", "-translate-y-1/2", "w-96"], {
+const cvaWidgetEditBodyContainer = cssClassVarianceUtilities.cvaMerge(["absolute", "left-1/2", "top-1/2", "flex", "origin-center", "-translate-x-1/2", "-translate-y-1/2", "w-96"], {
     variants: {
         direction: {
             row: "flex-row",
@@ -198,18 +198,9 @@ const cvaWidgetEditBodyDensityContainer = cssClassVarianceUtilities.cvaMerge(["a
             column: "flex-col",
             "column-reverse": "flex-col-reverse",
         },
-        density: {
-            none: "",
-            dense: "gap-1 p-2",
-            compact: "gap-3 p-3",
-            comfortable: "gap-4 p-4",
-            spacious: "gap-4 p-6",
-            auto: "gap-2 p-4",
-        },
     },
     defaultVariants: {
         direction: "column",
-        density: "auto",
     },
 });
 
@@ -224,7 +215,7 @@ const cvaWidgetEditBodyDensityContainer = cssClassVarianceUtilities.cvaMerge(["a
 const WidgetEditBody = ({ children, "data-testid": dataTestId, className, onCancel, onSave, saveEditModeDisabled = false, title, }) => {
     const [t] = useTranslation();
     const [saving, setSaving] = React.useState(false);
-    return (jsxRuntime.jsxs(reactComponents.Card, { className: cvaWidgetEditBodyDensityContainer({ density: "none", className }), "data-testid": dataTestId, children: [jsxRuntime.jsx(reactComponents.CardHeader, { density: "comfortable", heading: title || t("widget.edit.title"), onClose: onCancel }), jsxRuntime.jsx(reactComponents.CardBody, { density: "comfortable", children: children }), jsxRuntime.jsxs(reactComponents.CardFooter, { density: "comfortable", children: [jsxRuntime.jsx(reactComponents.Button, { onClick: onCancel, variant: "ghost-neutral", children: t("widget.edit.cancel") }), jsxRuntime.jsx(reactComponents.Button, { disabled: saveEditModeDisabled || saving, loading: saving, onClick: async () => {
+    return (jsxRuntime.jsxs(reactComponents.Card, { className: cvaWidgetEditBodyContainer({ className }), "data-testid": dataTestId, children: [jsxRuntime.jsx(reactComponents.CardHeader, { heading: title || t("widget.edit.title"), onClose: onCancel }), jsxRuntime.jsx(reactComponents.CardBody, { children: children }), jsxRuntime.jsxs(reactComponents.CardFooter, { children: [jsxRuntime.jsx(reactComponents.Button, { onClick: onCancel, variant: "ghost-neutral", children: t("widget.edit.cancel") }), jsxRuntime.jsx(reactComponents.Button, { disabled: saveEditModeDisabled || saving, loading: saving, onClick: async () => {
                             setSaving(true);
                             try {
                                 await onSave();

package/index.esm.js

@@ -188,7 +188,7 @@ const WidgetContent = ({ children, "data-testid": dataTestId, layout = "none", p
     return (jsx("div", { className: cvaWidgetContent({ layout, padding, gap, className, centering }), "data-testid": dataTestId, children: children }));
 };
 
-const cvaWidgetEditBodyDensityContainer = cvaMerge(["absolute", "left-1/2", "top-1/2", "flex", "origin-center", "-translate-x-1/2", "-translate-y-1/2", "w-96"], {
+const cvaWidgetEditBodyContainer = cvaMerge(["absolute", "left-1/2", "top-1/2", "flex", "origin-center", "-translate-x-1/2", "-translate-y-1/2", "w-96"], {
     variants: {
         direction: {
             row: "flex-row",
@@ -196,18 +196,9 @@ const cvaWidgetEditBodyDensityContainer = cvaMerge(["absolute", "left-1/2", "top
             column: "flex-col",
             "column-reverse": "flex-col-reverse",
         },
-        density: {
-            none: "",
-            dense: "gap-1 p-2",
-            compact: "gap-3 p-3",
-            comfortable: "gap-4 p-4",
-            spacious: "gap-4 p-6",
-            auto: "gap-2 p-4",
-        },
     },
     defaultVariants: {
         direction: "column",
-        density: "auto",
     },
 });
 
@@ -222,7 +213,7 @@ const cvaWidgetEditBodyDensityContainer = cvaMerge(["absolute", "left-1/2", "top
 const WidgetEditBody = ({ children, "data-testid": dataTestId, className, onCancel, onSave, saveEditModeDisabled = false, title, }) => {
     const [t] = useTranslation();
     const [saving, setSaving] = useState(false);
-    return (jsxs(Card, { className: cvaWidgetEditBodyDensityContainer({ density: "none", className }), "data-testid": dataTestId, children: [jsx(CardHeader, { density: "comfortable", heading: title || t("widget.edit.title"), onClose: onCancel }), jsx(CardBody, { density: "comfortable", children: children }), jsxs(CardFooter, { density: "comfortable", children: [jsx(Button, { onClick: onCancel, variant: "ghost-neutral", children: t("widget.edit.cancel") }), jsx(Button, { disabled: saveEditModeDisabled || saving, loading: saving, onClick: async () => {
+    return (jsxs(Card, { className: cvaWidgetEditBodyContainer({ className }), "data-testid": dataTestId, children: [jsx(CardHeader, { heading: title || t("widget.edit.title"), onClose: onCancel }), jsx(CardBody, { children: children }), jsxs(CardFooter, { children: [jsx(Button, { onClick: onCancel, variant: "ghost-neutral", children: t("widget.edit.cancel") }), jsx(Button, { disabled: saveEditModeDisabled || saving, loading: saving, onClick: async () => {
                             setSaving(true);
                             try {
                                 await onSave();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-widgets",
-  "version": "2.2.174",
+  "version": "2.2.176",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -8,12 +8,12 @@
   },
   "dependencies": {
     "react": "19.0.0",
-    "@trackunit/react-components": "1.10.98",
-    "@trackunit/iris-app-runtime-core": "1.8.131",
-    "@trackunit/css-class-variance-utilities": "1.7.121",
-    "@trackunit/ui-design-tokens": "1.7.121",
-    "@trackunit/ui-icons": "1.7.122",
-    "@trackunit/i18n-library-translation": "1.7.143"
+    "@trackunit/react-components": "1.10.100",
+    "@trackunit/iris-app-runtime-core": "1.8.132",
+    "@trackunit/css-class-variance-utilities": "1.7.122",
+    "@trackunit/ui-design-tokens": "1.7.122",
+    "@trackunit/ui-icons": "1.7.123",
+    "@trackunit/i18n-library-translation": "1.7.144"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",

package/src/Widget/WidgetEditBody.variants.d.ts

@@ -1,4 +1,3 @@
-export declare const cvaWidgetEditBodyDensityContainer: (props?: ({
+export declare const cvaWidgetEditBodyContainer: (props?: ({
     direction?: "row" | "row-reverse" | "column" | "column-reverse" | null | undefined;
-    density?: "none" | "dense" | "compact" | "comfortable" | "spacious" | "auto" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;