@foodpilot/foods 2.7.3 → 2.7.5

package/dist/components/Button/FoodsToggleButton.js

@@ -43,6 +43,7 @@ const FoodsToggleButton = forwardRef((props, ref) => {
     {
       ref,
       display: "flex",
+      flexWrap: "wrap",
       sx: buttonGroup ? {
         "& .MuiButtonBase-root": {
           borderRadius: 0,

package/dist/components/Cards/SeeMoreCard/SeeMoreCard.js

@@ -16,7 +16,7 @@ const SeeMoreCard = (props) => {
   return /* @__PURE__ */ jsxs(
     Stack,
     {
-      padding: theme.spacing(4),
+      padding: { xs: theme.spacing(2), sm: theme.spacing(4) },
       gap: theme.spacing(3),
       border: `1px solid ${theme.custom.grey[500]}`,
       borderRadius: "12px",

package/dist/components/Chart/TrajectoryChart/TrajectoryChart.d.ts

@@ -1,3 +1,4 @@
+import { SxProps, Theme } from '@mui/material';
 import { BarsOptions } from './useBars';
 import { Improvement } from '../../ComparisonBlock/ComparisonBlock';
 import { TextOptions } from './TrajectoryLegend/types';
@@ -12,5 +13,6 @@ export type TrajectoryChartProps = BarsOptions & {
     precision?: number;
     textOptions: TextOptions;
     forceGoalLegend?: boolean;
+    sx?: SxProps<Theme>;
 };
 export declare const TrajectoryChart: (props: TrajectoryChartProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Chart/TrajectoryChart/TrajectoryChart.js

@@ -26,6 +26,7 @@ const TrajectoryChart = (props) => {
     precision = DEFAULT_PRECISION,
     textOptions,
     forceGoalLegend,
+    sx,
     ...allChartsData
   } = props;
   const chartData = useBars(allChartsData);
@@ -113,7 +114,8 @@ const TrajectoryChart = (props) => {
               borderRadius: theme.spacing(BORDER_RADIUS_SPACING),
               height: "100%",
               width: "100%",
-              padding: theme.spacing(PADDING_SPACING)
+              padding: theme.spacing(PADDING_SPACING),
+              ...sx
             },
             ref: chartContainerRef,
             children: /* @__PURE__ */ jsx(

package/dist/components/Dialog/PrimaryDialog.js

@@ -41,7 +41,7 @@ const PrimaryDialog = (props) => {
       closeWindow();
     }
   };
-  return /* @__PURE__ */ jsxs(Dialog, { onClose: _onCancel, ...dialogProps, fullWidth: true, maxWidth: "md", scroll: "body", children: [
+  return /* @__PURE__ */ jsxs(Dialog, { onClose: _onCancel, fullWidth: true, maxWidth: "md", scroll: "body", ...dialogProps, children: [
     /* @__PURE__ */ jsxs(DialogTitle, { sx: dialogTitleStyles, children: [
       options.title,
       /* @__PURE__ */ jsx(Button, { variant: "text", endIcon: /* @__PURE__ */ jsx(SvgBlackCross, {}), onClick: _onCancel })

package/dist/themes/common/MUIComponents/buttons.d.ts

@@ -1,6 +1,6 @@
 export type IconButtonVariants = "icon-xs-nobackground" | "icon-s-nobackground" | "icon-m-nobackground" | "icon-xs-withbackground" | "icon-s-withbackground" | "icon-m-withbackground";
 export type TagsButtonVariants = "tags-grey" | "tags-black" | "tags-white" | "tags-red" | "tags-green";
-export type customButtonVariants = "primary" | "secondary" | "ternary" | "text" | "black-text" | "selected-menu" | "selected-submenu" | "default-menu" | "black-filled" | "white-filled" | "white-filled-no-shadow" | "select" | "validate" | IconButtonVariants | TagsButtonVariants;
+export type customButtonVariants = "primary" | "secondary" | "ternary" | "text" | "black-text" | "selected-menu" | "selected-submenu" | "default-menu" | "black-filled" | "white-filled" | "white-filled-no-shadow" | "select" | "validate" | "error" | "delete" | IconButtonVariants | TagsButtonVariants;
 type ButtonNewVariants = Record<customButtonVariants, React.CSSProperties>;
 type ButtonPropsNewVariants = Record<customButtonVariants, true>;
 declare module "@mui/material/styles" {

package/dist/themes/common/components.js

@@ -114,8 +114,8 @@ const components = {
             boxShadow: `0px 4px 8px 0px #2A2B2714`
           },
           ...ownerState.variant === "secondary" && {
-            border: `2px solid ${theme.palette.primary[600]}`,
-            color: theme.palette.primary[600]
+            border: `1px solid ${theme.custom.grey[500]}`,
+            background: `linear-gradient(${theme.custom.grey[100]}}, ${theme.custom.grey[300]})`
           },
           ...ownerState.variant === "ternary" && {
             border: `1px solid ${theme.custom.grey[500]}`,
@@ -178,14 +178,25 @@ const components = {
             transition: "none",
             background: `linear-gradient(180deg, ${theme.custom.green[500]} 0%, ${theme.custom.green[700]} 100%)`
           },
+          ...ownerState.variant === "delete" && {
+            borderRadius: "44px",
+            color: "#FFFFFF",
+            transition: "none",
+            background: `${theme.custom.red[600]}`
+          },
+          ...ownerState.variant === "error" && {
+            transition: "none",
+            paddingInline: "0",
+            color: theme.custom.red[600],
+            fontWeight: "600"
+          },
           ":hover": {
             ...ownerState.variant === "primary" && {
               background: theme.palette.primary[600]
             },
             ...ownerState.variant === "secondary" && {
-              color: "#FFFFFF",
-              border: "none",
-              background: theme.palette.primary[600]
+              // color: "#FFFFFF",
+              background: theme.custom.grey[400]
             },
             ...ownerState.variant === "ternary" && {
               border: `1px solid ${theme.custom.grey[500]}`,
@@ -213,6 +224,12 @@ const components = {
             },
             ...ownerState.variant === "validate" && {
               background: theme.custom.green[600]
+            },
+            ...ownerState.variant === "delete" && {
+              background: theme.custom.red[700]
+            },
+            ...ownerState.variant === "error" && {
+              color: theme.custom.red[900]
             }
           },
           ":disabled": {
@@ -221,8 +238,8 @@ const components = {
               background: alpha(theme.palette.primary["600"] ?? "", 0.36)
             },
             ...ownerState.variant === "secondary" && {
-              color: alpha(theme.palette.primary["600"] ?? "", 0.36),
-              border: `2px solid ${alpha(theme.palette.primary["600"] ?? "", 0.36)}`,
+              color: alpha(theme.custom.grey["2800"], 0.36),
+              border: `1px solid ${alpha(theme.custom.grey["500"], 0.36)}`,
               background: theme.custom.grey[100]
             },
             ...ownerState.variant === "ternary" && {
@@ -247,6 +264,13 @@ const components = {
             ...ownerState.variant === "validate" && {
               background: alpha(theme.custom.green[500], 0.36),
               color: "#FFFFFF"
+            },
+            ...ownerState.variant === "delete" && {
+              background: theme.custom.red[100],
+              color: alpha(theme.custom.red[600], 0.36)
+            },
+            ...ownerState.variant === "error" && {
+              color: alpha(theme.custom.red[700], 0.36)
             }
           },
           ":active": {
@@ -254,9 +278,7 @@ const components = {
               background: theme.palette.primary[800]
             },
             ...ownerState.variant === "secondary" && {
-              color: theme.custom.grey[100],
-              border: "none",
-              background: theme.palette.primary[800]
+              background: theme.custom.grey[400]
             },
             ...ownerState.variant === "secondary" && {
               background: theme.custom.grey[600]
@@ -275,6 +297,9 @@ const components = {
             },
             ...ownerState.variant === "validate" && {
               background: theme.custom.green[800]
+            },
+            ...ownerState.variant === "delete" && {
+              background: theme.custom.red[800]
             }
           },
           ...ownerState.variant === "tags-grey" && {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@foodpilot/foods",
   "private": false,
-  "version": "2.7.3",
+  "version": "2.7.5",
   "type": "module",
   "main": "./dist/main.js",
   "module": "./dist/main.js",