@foodpilot/foods 2.7.17 → 2.7.18

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.
@@ -5,7 +5,7 @@ import { DetailedHTMLProps, ButtonHTMLAttributes, DO_NOT_USE_OR_YOU_WILL_BE_FIRE
5
5
  import { MUIStyledCommonProps } from '@mui/system';
6
6
  export declare const CustomToggleButton: StyledComponent< ToggleButtonOwnProps & Omit< ButtonBaseOwnProps, "classes"> & CommonProps & Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
7
7
  ref?: ((instance: HTMLButtonElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLButtonElement> | null | undefined;
8
- }, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "onChange" | "onClick" | "sx" | "size" | "disabled" | "value" | "action" | "selected" | "disableFocusRipple" | "disableRipple" | "fullWidth" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & MUIStyledCommonProps<Theme>, {}, {}>;
8
+ }, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "onChange" | "onClick" | "sx" | "size" | "disabled" | "value" | "action" | "selected" | "fullWidth" | "disableFocusRipple" | "disableRipple" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & MUIStyledCommonProps<Theme>, {}, {}>;
9
9
  type ToggleButtonsPropsWithoutEnforcedKeys = Omit<ToggleButtonProps, "value" | "onClick" | "selected">;
10
10
  export type TertiaryToggleButtonProps = ToggleButtonsPropsWithoutEnforcedKeys & {
11
11
  choices: string[];
@@ -5,7 +5,7 @@ import { CommonProps } from '@mui/material/OverridableComponent';
5
5
  import { MUIStyledCommonProps } from '@mui/system';
6
6
  export declare const CustomToggleButtonNodeTitle: StyledComponent< ToggleButtonOwnProps & Omit< ButtonBaseOwnProps, "classes"> & CommonProps & Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
7
7
  ref?: ((instance: HTMLButtonElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLButtonElement> | null | undefined;
8
- }, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "onChange" | "onClick" | "sx" | "size" | "disabled" | "value" | "action" | "selected" | "disableFocusRipple" | "disableRipple" | "fullWidth" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & MUIStyledCommonProps<Theme>, {}, {}>;
8
+ }, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "onChange" | "onClick" | "sx" | "size" | "disabled" | "value" | "action" | "selected" | "fullWidth" | "disableFocusRipple" | "disableRipple" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & MUIStyledCommonProps<Theme>, {}, {}>;
9
9
  type ToggleButtonsPropsWithoutEnforcedKeys = Omit<ToggleButtonProps, "value" | "onClick" | "selected">;
10
10
  export type TertiaryToggleButtonPropsNodeTitle = ToggleButtonsPropsWithoutEnforcedKeys & {
11
11
  choices: ReactNode[];
@@ -1,4 +1,4 @@
1
- import { InputBaseProps } from '@mui/material';
1
+ import { InputBaseProps, StackProps } from '@mui/material';
2
2
  import { FoodsIconButtonProps } from '../../Button/FoodsIconButton';
3
3
  type DefaultOption = {
4
4
  label: string;
@@ -17,6 +17,7 @@ type FoodsInputBase = Omit<InputBaseProps, keyof OverridenProps>;
17
17
  export type FoodsTextInputProps = OverridenProps & {
18
18
  ExtraInputProps?: FoodsInputBase;
19
19
  Tooltip?: FoodsIconButtonProps["tooltip"];
20
+ StackProps?: StackProps;
20
21
  };
21
22
  export declare const FoodsTextInput: (props: FoodsTextInputProps) => import("react/jsx-runtime").JSX.Element;
22
23
  export {};
@@ -10,11 +10,12 @@ const FoodsTextInput = (props) => {
10
10
  error = false,
11
11
  disabled = false,
12
12
  ExtraInputProps = {},
13
- Tooltip = {}
13
+ Tooltip = {},
14
+ StackProps: StackProps2 = {}
14
15
  } = props;
15
16
  const theme = useTheme();
16
17
  const { text, props: propsTooltip } = Tooltip;
17
- return /* @__PURE__ */ jsxs(Stack, { gap: theme.spacing(1), children: [
18
+ return /* @__PURE__ */ jsxs(Stack, { gap: theme.spacing(1), ...StackProps2, children: [
18
19
  /* @__PURE__ */ jsxs(Stack, { flexDirection: "row", gap: theme.spacing(1.5), alignItems: "center", children: [
19
20
  /* @__PURE__ */ jsx(
20
21
  TextInput,
@@ -70,7 +71,8 @@ const TextInput = styled(InputBase)(({ theme }) => ({
70
71
  "&.MuiInputBase-root": {
71
72
  backgroundColor: "white",
72
73
  height: "40px",
73
- borderRadius: "24px",
74
+ // borderRadius: "24px",
75
+ borderRadius: theme.spacing(1),
74
76
  paddingRight: "12px",
75
77
  paddingLeft: "20px",
76
78
  border: `1px solid ${theme.custom.grey[500]}`,
@@ -100,6 +102,9 @@ const TextInput = styled(InputBase)(({ theme }) => ({
100
102
  ":hover": {
101
103
  backgroundColor: theme.custom.red[200]
102
104
  }
105
+ },
106
+ "&.Mui-error.Mui-focused": {
107
+ border: `2px solid ${theme.custom.red[600]}`
103
108
  }
104
109
  }));
105
110
  export {
@@ -2,6 +2,6 @@ export interface ISearchBoxProps {
2
2
  placeholder?: string;
3
3
  value: string | null;
4
4
  onChange: (value: string) => void;
5
- variant: "standalone" | "inline";
5
+ variant?: "standalone";
6
6
  }
7
7
  export declare function SearchBox(props: ISearchBoxProps): import("react/jsx-runtime").JSX.Element;
@@ -1,68 +1,19 @@
1
- import { jsxs, jsx } from "react/jsx-runtime";
2
- import { SearchOutlined } from "@mui/icons-material";
3
- import { useTheme, Stack, TextField } from "@mui/material";
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { FoodsTextInput } from "../Form/FoodsFormFields/FoodsTextInput.js";
3
+ import { FoodsIcon } from "../Icons/FoodsIcon.js";
4
4
  function SearchBox(props) {
5
- const theme = useTheme();
6
- const stackStyleStandalone = {
7
- height: "40px",
8
- padding: "0px 6px 0px 20px",
9
- ...theme.custom.searchBox,
10
- minWidth: "350px"
11
- };
12
- const buttonStyleStandalone = {
13
- height: "20px",
14
- padding: "0px",
15
- width: "100%",
16
- "&>.MuiInputBase-root>fieldset": {
17
- border: "none"
18
- },
19
- "&>.MuiInputBase-root>input": {
20
- padding: "0"
21
- }
22
- };
23
- const stackStyleInline = {
24
- height: "48px",
25
- padding: "0px 16px 0px 24px",
26
- borderTop: "1px solid " + theme.custom.grey[500],
27
- borderBottom: "1px solid " + theme.custom.grey[500],
28
- background: theme.custom.grey[200]
29
- };
30
- const buttonStyleInline = {
31
- "&>.MuiInputBase-root>fieldset": {
32
- border: "none"
33
- },
34
- "&>.MuiInputBase-root>input": {
35
- width: "100%",
36
- height: "48px",
37
- padding: "0",
38
- border: "none"
39
- }
40
- };
41
- return /* @__PURE__ */ jsxs(
42
- Stack,
5
+ return /* @__PURE__ */ jsx(
6
+ FoodsTextInput,
43
7
  {
44
- direction: "row",
45
- useFlexGap: true,
46
- gap: "10px",
47
- justifyContent: "space-between",
48
- alignItems: "center",
49
- sx: props.variant === "standalone" ? stackStyleStandalone : stackStyleInline,
50
- children: [
51
- /* @__PURE__ */ jsx(
52
- TextField,
53
- {
54
- label: "",
55
- type: "search",
56
- placeholder: props.placeholder,
57
- value: props.value,
58
- onChange: (e) => {
59
- props.onChange(e.target.value);
60
- },
61
- sx: props.variant === "standalone" ? buttonStyleStandalone : buttonStyleInline
62
- }
63
- ),
64
- /* @__PURE__ */ jsx(SearchOutlined, {})
65
- ]
8
+ value: props.value ?? "",
9
+ onChange: (e) => {
10
+ props.onChange(e);
11
+ },
12
+ ExtraInputProps: {
13
+ type: "search",
14
+ placeholder: props.placeholder,
15
+ endAdornment: /* @__PURE__ */ jsx(FoodsIcon, { size: 2, icon: "search" })
16
+ }
66
17
  }
67
18
  );
68
19
  }
@@ -1,5 +1,3 @@
1
1
  export * from './CheckboxBlock';
2
- export * from './NumericalBlock';
3
2
  export * from './RadioBlock';
4
3
  export * from './SelectBlock';
5
- export * from './TextBlock';
@@ -22,12 +22,12 @@ export declare const ColorInputContainer: StyledComponent< BoxOwnProps<Theme> &
22
22
  }, keyof BoxOwnProps<Theme>> & MUIStyledCommonProps<Theme>, {}, {}>;
23
23
  export declare const ColorButton: StyledComponent< ButtonOwnProps & Omit< ButtonBaseOwnProps, "classes"> & CommonProps & Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
24
24
  ref?: ((instance: HTMLButtonElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLButtonElement> | null | undefined;
25
- }, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "sx" | "size" | "variant" | "href" | "disabled" | "action" | "loading" | "disableElevation" | "disableFocusRipple" | "disableRipple" | "fullWidth" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "endIcon" | "loadingIndicator" | "loadingPosition" | "startIcon"> & MUIStyledCommonProps<Theme> & {
25
+ }, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "sx" | "size" | "variant" | "href" | "disabled" | "action" | "loading" | "fullWidth" | "disableElevation" | "disableFocusRipple" | "disableRipple" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "endIcon" | "loadingIndicator" | "loadingPosition" | "startIcon"> & MUIStyledCommonProps<Theme> & {
26
26
  currentColor?: string;
27
27
  }, {}, {}>;
28
28
  export declare const ColorButtonBackground: StyledComponent< ButtonOwnProps & Omit< ButtonBaseOwnProps, "classes"> & CommonProps & Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
29
29
  ref?: ((instance: HTMLButtonElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLButtonElement> | null | undefined;
30
- }, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "sx" | "size" | "variant" | "href" | "disabled" | "action" | "loading" | "disableElevation" | "disableFocusRipple" | "disableRipple" | "fullWidth" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "endIcon" | "loadingIndicator" | "loadingPosition" | "startIcon"> & MUIStyledCommonProps<Theme> & {
30
+ }, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "sx" | "size" | "variant" | "href" | "disabled" | "action" | "loading" | "fullWidth" | "disableElevation" | "disableFocusRipple" | "disableRipple" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "endIcon" | "loadingIndicator" | "loadingPosition" | "startIcon"> & MUIStyledCommonProps<Theme> & {
31
31
  currentColor?: string;
32
32
  }, {}, {}>;
33
33
  export declare const HiddenInput: StyledComponent<MUIStyledCommonProps<Theme>, DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
@@ -5,7 +5,7 @@ import { DetailedHTMLProps, ButtonHTMLAttributes, DO_NOT_USE_OR_YOU_WILL_BE_FIRE
5
5
  import { MUIStyledCommonProps, BoxOwnProps } from '@mui/system';
6
6
  export declare const ToolbarButton: StyledComponent< ButtonOwnProps & Omit< ButtonBaseOwnProps, "classes"> & CommonProps & Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
7
7
  ref?: ((instance: HTMLButtonElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLButtonElement> | null | undefined;
8
- }, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "sx" | "size" | "variant" | "href" | "disabled" | "action" | "loading" | "disableElevation" | "disableFocusRipple" | "disableRipple" | "fullWidth" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "endIcon" | "loadingIndicator" | "loadingPosition" | "startIcon"> & MUIStyledCommonProps<Theme>, {}, {}>;
8
+ }, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "sx" | "size" | "variant" | "href" | "disabled" | "action" | "loading" | "fullWidth" | "disableElevation" | "disableFocusRipple" | "disableRipple" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "endIcon" | "loadingIndicator" | "loadingPosition" | "startIcon"> & MUIStyledCommonProps<Theme>, {}, {}>;
9
9
  export declare const TextCommandsContainer: StyledComponent< BoxOwnProps<Theme> & Omit<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
10
10
  ref?: ((instance: HTMLDivElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLDivElement> | null | undefined;
11
11
  }, keyof BoxOwnProps<Theme>> & MUIStyledCommonProps<Theme>, {}, {}>;
@@ -1,64 +1,20 @@
1
- import { jsxs, jsx } from "react/jsx-runtime";
2
- import { useTheme, Box, TextField } from "@mui/material";
1
+ import { jsx } from "react/jsx-runtime";
3
2
  import { FoodsIcon } from "../Icons/FoodsIcon.js";
4
3
  import { useFoodsSelectContext } from "../Select/FoodsSelect/Context/useSelect.js";
4
+ import { FoodsTextInput } from "../Form/FoodsFormFields/FoodsTextInput.js";
5
5
  const FoodsSearch = () => {
6
6
  const { search, setSearch, textOptions } = useFoodsSelectContext();
7
- const theme = useTheme();
8
- return /* @__PURE__ */ jsxs(
9
- Box,
7
+ return /* @__PURE__ */ jsx(
8
+ FoodsTextInput,
10
9
  {
11
- sx: {
12
- display: "flex",
13
- gap: "8px",
14
- justifyContent: "space-between",
15
- alignItems: "center",
16
- width: "100%",
17
- height: "40px",
18
- padding: "0px 20px 0px 20px",
19
- borderRadius: "24px",
20
- border: `1px solid ${theme.custom.grey[500]}`,
21
- background: "white",
22
- boxShadow: "0px 2px 8px 0px " + theme.custom.grey[500]
10
+ value: search,
11
+ onChange: (newValue) => {
12
+ setSearch(newValue);
23
13
  },
24
- children: [
25
- /* @__PURE__ */ jsx(
26
- TextField,
27
- {
28
- label: "",
29
- placeholder: textOptions.searchPlaceholder,
30
- value: search,
31
- onChange: (e) => {
32
- setSearch(e.target.value);
33
- },
34
- sx: {
35
- width: "100%",
36
- "&>.MuiInputBase-root": {
37
- ">fieldset": {
38
- border: "none"
39
- },
40
- ">input": {
41
- padding: 0
42
- }
43
- }
44
- }
45
- }
46
- ),
47
- /* @__PURE__ */ jsxs(
48
- Box,
49
- {
50
- sx: {
51
- display: "flex",
52
- gap: "8px",
53
- alignItems: "center"
54
- },
55
- children: [
56
- search !== "" && /* @__PURE__ */ jsx(Box, { sx: { display: "flex" }, onClick: () => setSearch(""), children: /* @__PURE__ */ jsx(FoodsIcon, { size: 2, icon: "close" }) }),
57
- /* @__PURE__ */ jsx(FoodsIcon, { size: 3, icon: "search" })
58
- ]
59
- }
60
- )
61
- ]
14
+ ExtraInputProps: {
15
+ placeholder: textOptions.searchPlaceholder,
16
+ endAdornment: /* @__PURE__ */ jsx(FoodsIcon, { size: 2, icon: "search" })
17
+ }
62
18
  }
63
19
  );
64
20
  };
package/dist/main.js CHANGED
@@ -89,10 +89,8 @@ import { BlockItemInner } from "./components/Layout/BlockList/Blocks/Container/B
89
89
  import { EmptyForm } from "./components/Layout/BlockList/Blocks/InnerInfoBlocks/EmptyForm.js";
90
90
  import { SuggestionBlock } from "./components/Layout/BlockList/Blocks/InnerInfoBlocks/SuggestionBlock.js";
91
91
  import { CheckboxBlock } from "./components/Layout/BlockList/Blocks/InnerInputBlocks/CheckboxBlock.js";
92
- import { NumericalBlock } from "./components/Layout/BlockList/Blocks/InnerInputBlocks/NumericalBlock.js";
93
92
  import { RadioBlock } from "./components/Layout/BlockList/Blocks/InnerInputBlocks/RadioBlock.js";
94
93
  import { SelectBlock } from "./components/Layout/BlockList/Blocks/InnerInputBlocks/SelectBlock.js";
95
- import { TextBlock } from "./components/Layout/BlockList/Blocks/InnerInputBlocks/TextBlock.js";
96
94
  import { ListHeader } from "./components/Layout/BlockList/Headers/ListHeader.js";
97
95
  import { EditHeader } from "./components/Layout/BlockList/Headers/EditHeader.js";
98
96
  import { InitHeader } from "./components/Layout/BlockList/Headers/InitHeader.js";
@@ -240,7 +238,6 @@ export {
240
238
  Navbar,
241
239
  NumberField,
242
240
  NumberWithUnit,
243
- NumericalBlock,
244
241
  OptionsPopover,
245
242
  FoodsPills as Pills,
246
243
  PointsCell,
@@ -276,7 +273,6 @@ export {
276
273
  TertiaryToggleButton,
277
274
  TertiaryToggleButtonNodeTitle,
278
275
  TextArrowList,
279
- TextBlock,
280
276
  TextField,
281
277
  TextTitle,
282
278
  TextTitleGreyIcon,
@@ -7,6 +7,13 @@ const components = {
7
7
  }
8
8
  }
9
9
  },
10
+ MuiAutocomplete: {
11
+ styleOverrides: {
12
+ root: () => {
13
+ return {};
14
+ }
15
+ }
16
+ },
10
17
  MuiAvatar: {
11
18
  defaultProps: {
12
19
  children: []
@@ -169,7 +176,7 @@ const components = {
169
176
  },
170
177
  ...ownerState.variant === "select" && {
171
178
  backgroundColor: theme.custom.grey[100],
172
- borderRadius: "24px",
179
+ borderRadius: theme.spacing(1),
173
180
  border: `1px solid ${theme.custom.grey[500]}`
174
181
  },
175
182
  ...ownerState.variant === "validate" && {
@@ -633,9 +640,48 @@ const components = {
633
640
  })
634
641
  }
635
642
  },
636
- MuiInputBase: {
637
- styleOverrides: {}
638
- },
643
+ // This should be activated, but there is too many ripple effect on the codebase right now
644
+ // MuiInputBase: {
645
+ // styleOverrides: {
646
+ // root: ({ theme }) => ({
647
+ // backgroundColor: "white",
648
+ // height: "40px",
649
+ // borderRadius: theme.spacing(1),
650
+ // paddingRight: "12px",
651
+ // paddingLeft: "20px",
652
+ // border: `1px solid ${theme.custom.grey[500]}`,
653
+ // "&:hover": {
654
+ // backgroundColor: theme.custom.grey[300],
655
+ // },
656
+ // color: theme.custom.grey[2800],
657
+ // ...theme.typography["body-medium"],
658
+ // "& ::placeholder": {
659
+ // ...theme.typography["body-medium"],
660
+ // color: theme.custom.grey[1400],
661
+ // },
662
+ // "&.Mui-disabled": {
663
+ // backgroundColor: theme.custom.grey[500],
664
+ // "&:hover": {
665
+ // backgroundColor: theme.custom.grey[500],
666
+ // },
667
+ // },
668
+ // "&.Mui-focused": {
669
+ // border: `2px solid ${theme.custom.grey[2800]}`,
670
+ // },
671
+ // "&.Mui-error": {
672
+ // border: `1px solid ${theme.custom.red[600]}`,
673
+ // backgroundColor: theme.custom.red[100],
674
+ // color: theme.custom.red[600],
675
+ // "&:hover": {
676
+ // backgroundColor: theme.custom.red[200],
677
+ // },
678
+ // },
679
+ // "&.Mui-error.Mui-focused": {
680
+ // border: `2px solid ${theme.custom.red[600]}`,
681
+ // },
682
+ // }),
683
+ // },
684
+ // },
639
685
  MuiChip: {
640
686
  styleOverrides: {
641
687
  root: ({ theme, ownerState }) => ({
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@foodpilot/foods",
3
3
  "private": false,
4
- "version": "2.7.17",
4
+ "version": "2.7.18",
5
5
  "type": "module",
6
6
  "main": "./dist/main.js",
7
7
  "module": "./dist/main.js",
@@ -1,7 +0,0 @@
1
- import { BlockOptions } from '../Container/BlockItemInner';
2
- import { RoundInputProps } from '../../../../Input';
3
- type NumericalBlockProps = RoundInputProps & {
4
- blockOptions: BlockOptions;
5
- };
6
- export declare const NumericalBlock: (props: NumericalBlockProps) => import("react/jsx-runtime").JSX.Element;
7
- export {};
@@ -1,10 +0,0 @@
1
- import { jsx, Fragment } from "react/jsx-runtime";
2
- import { BlockItemInner } from "../Container/BlockItemInner.js";
3
- import { RoundInput } from "../../../../Input/RoundInput.js";
4
- const NumericalBlock = (props) => {
5
- const { blockOptions, ...FoodsRoundInputProps } = props;
6
- return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(BlockItemInner, { blockOptions, children: /* @__PURE__ */ jsx(RoundInput, { ...FoodsRoundInputProps, type: "number" }) }) });
7
- };
8
- export {
9
- NumericalBlock
10
- };
@@ -1,7 +0,0 @@
1
- import { BlockOptions } from '../Container/BlockItemInner';
2
- import { RoundInputProps } from '../../../../Input';
3
- type TextBlockProps = RoundInputProps & {
4
- blockOptions: BlockOptions;
5
- };
6
- export declare const TextBlock: (props: TextBlockProps) => import("react/jsx-runtime").JSX.Element;
7
- export {};
@@ -1,10 +0,0 @@
1
- import { jsx, Fragment } from "react/jsx-runtime";
2
- import { BlockItemInner } from "../Container/BlockItemInner.js";
3
- import { RoundInput } from "../../../../Input/RoundInput.js";
4
- const TextBlock = (props) => {
5
- const { blockOptions, ...FoodsRoundInputProps } = props;
6
- return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(BlockItemInner, { blockOptions, children: /* @__PURE__ */ jsx(RoundInput, { ...FoodsRoundInputProps }) }) });
7
- };
8
- export {
9
- TextBlock
10
- };