@foodpilot/foods 2.26.0 → 2.28.0
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/dist/components/Accordion/index.js +1 -0
- package/dist/components/ActionPlan/index.js +1 -0
- package/dist/components/Badge/index.js +1 -0
- package/dist/components/Banner/Banner.d.ts +15 -4
- package/dist/components/Banner/Banner.js +6 -1
- package/dist/components/Banner/banner.types.d.ts +1 -1
- package/dist/components/Banner/index.js +1 -0
- package/dist/components/Box/ContextualContentBox.js +3 -3
- package/dist/components/Box/index.js +1 -0
- package/dist/components/Button/index.js +1 -0
- package/dist/components/CMS/index.js +1 -0
- package/dist/components/Cards/ScoreCard/ScoreCard.js +4 -4
- package/dist/components/Cards/ScoreOverviewCard/ScoreOverviewCard.js +3 -3
- package/dist/components/Cards/TrajectoryCards/components/Step.js +3 -3
- package/dist/components/Cards/index.js +1 -0
- package/dist/components/Chart/DoughnutChart/DoughnutTooltip.js +2 -2
- package/dist/components/Chart/EvolutionChart/TooltipItem.js +4 -4
- package/dist/components/Chart/HorizontalGauge/components/GaugeStatistics.js +4 -4
- package/dist/components/Chart/PolymorphicChart/charts/PolymorphicCumulativeChart.js +4 -4
- package/dist/components/Chart/ScatterPlot/ScatterPlotTooltip.js +3 -3
- package/dist/components/Chart/ScoreDistribution/ScoreDistributionRow.js +3 -3
- package/dist/components/Chart/TrajectoryChart/TrajectoryLegend/LegendBlockComponent.js +2 -2
- package/dist/components/Chart/TrajectoryChart/TrajectoryTooltip.js +3 -3
- package/dist/components/Chart/index.js +1 -0
- package/dist/components/Chart/shared/ChartTooltip.js +3 -3
- package/dist/components/Checkbox/BaseCheckbox.d.ts +2 -1
- package/dist/components/Checkbox/BaseCheckbox.js +2 -2
- package/dist/components/Checkbox/FoodsCheckbox.js +2 -2
- package/dist/components/Checkbox/index.js +1 -0
- package/dist/components/ComparisonBlock/index.js +1 -0
- package/dist/components/CustomTypography/index.js +1 -0
- package/dist/components/Field/TextField.js +2 -2
- package/dist/components/Field/index.js +1 -0
- package/dist/components/Filter/index.js +1 -0
- package/dist/components/Form/FoodsFormBase/FormTopBar/ActionButtons.js +2 -2
- package/dist/components/Form/FoodsFormBase/FormTopBar/SavingCloudStatus.js +2 -2
- package/dist/components/Form/FoodsFormFields/FoodsTextInput.d.ts +3 -0
- package/dist/components/Form/FoodsFormFields/FoodsTextInput.js +5 -5
- package/dist/components/Form/FormPropertyBox.js +4 -4
- package/dist/components/Form/FormUnit.js +3 -3
- package/dist/components/Form/index.js +1 -0
- package/dist/components/Grid/index.js +1 -0
- package/dist/components/Input/Pills/Pills.js +2 -2
- package/dist/components/Input/index.js +1 -0
- package/dist/components/Layout/BlockList/Blocks/Container/BlockItemContainer.js +3 -3
- package/dist/components/Layout/BlockList/Blocks/Container/BlockItemInner.js +8 -8
- package/dist/components/Layout/BlockList/Blocks/InnerInfoBlocks/EmptyForm.js +3 -3
- package/dist/components/Layout/BlockList/Blocks/InnerInfoBlocks/SuggestionBlock.js +3 -3
- package/dist/components/Layout/BlockList/Blocks/InnerInputBlocks/CheckboxBlock.js +2 -2
- package/dist/components/Layout/BlockList/Blocks/InnerInputBlocks/RadioBlock.js +2 -2
- package/dist/components/Layout/BlockList/Blocks/InnerInputBlocks/SelectBlock.js +2 -2
- package/dist/components/Layout/BlockList/Headers/ListHeader.js +6 -6
- package/dist/components/Layout/InfoHeaderWithIllustration.js +3 -3
- package/dist/components/Layout/index.js +1 -0
- package/dist/components/Navigation/Breadcrumbs/BreadcrumbItem.js +3 -3
- package/dist/components/Navigation/index.js +1 -0
- package/dist/components/Number/index.js +1 -0
- package/dist/components/Pagination/index.js +1 -0
- package/dist/components/Popover/index.js +1 -0
- package/dist/components/Progress/index.js +1 -0
- package/dist/components/ProgressCard/ProgressCard.js +2 -2
- package/dist/components/ProgressCard/index.js +1 -0
- package/dist/components/Radio/BaseRadio.d.ts +2 -1
- package/dist/components/Radio/BaseRadio.js +4 -4
- package/dist/components/Radio/FoodsRadioList.js +2 -2
- package/dist/components/Radio/RadioBoolean.js +2 -2
- package/dist/components/Radio/index.js +1 -0
- package/dist/components/RichTextEditor/index.js +1 -0
- package/dist/components/Search/index.js +1 -0
- package/dist/components/Select/FoodsSelect/FoodsSelect.d.ts +3 -0
- package/dist/components/Select/FoodsSelect/FoodsSelect.js +6 -6
- package/dist/components/Select/FoodsSelect/Select.d.ts +2 -0
- package/dist/components/Select/FoodsSelect/Select.js +4 -4
- package/dist/components/Select/ScoreSelect/ScoreSelect.js +2 -2
- package/dist/components/Select/index.js +1 -0
- package/dist/components/Tabs/ButtonTabs.js +3 -3
- package/dist/components/Tabs/index.js +1 -0
- package/dist/components/Tags/index.js +1 -0
- package/dist/components/Text/index.js +1 -0
- package/dist/components/Textarea/Textarea.d.ts +5 -3
- package/dist/components/Textarea/Textarea.js +3 -7
- package/dist/components/Textarea/index.js +1 -0
- package/dist/components/ToggleSwitch/index.js +1 -0
- package/dist/components/Tooltip/index.js +1 -0
- package/dist/components/Treeview/index.js +1 -0
- package/dist/components/UnitConverterPanel/index.js +1 -0
- package/dist/main.js +1 -1
- package/dist/themes/common/components.js +1 -1
- package/dist/themes/common/custom.d.ts +49 -0
- package/dist/themes/common/custom.js +1 -1
- package/package.json +14 -8
- package/dist/assets/undo.svg.js +0 -1
- package/dist/components/Banner/variants/ClassicBanner.d.ts +0 -11
- package/dist/components/Banner/variants/ClassicBanner.js +0 -4
- package/dist/components/Banner/variants/ThemedBanner.d.ts +0 -9
- package/dist/components/Banner/variants/ThemedBanner.js +0 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
import{alpha as o}from"@mui/material";import{isTagVariant as r,getTagStyle as e}from"./MUIComponents/tagsStyles.js";const t={MuiDialog:{styleOverrides:{paper:{borderRadius:"1rem"}}},MuiAutocomplete:{styleOverrides:{root:()=>({})}},MuiAvatar:{defaultProps:{children:[]},styleOverrides:{root:({theme:o,ownerState:{alt:r=""}})=>{const e=r.split(" ").map(o=>o.charAt(0).toUpperCase()).join("");return{background:o.palette.primary[100],color:o.palette.primary[700],fontWeight:600,".MuiAvatar-img":{zIndex:1},":empty::before":{content:`"${e}"`}}}},variants:[{props:{variant:"small"},style:{width:"24px",height:"24px",fontSize:"10px"}},{props:{variant:"medium"},style:{width:"36px",height:"36px",fontSize:"13px"}},{props:{variant:"big"},style:{width:"40px",height:"40px",fontSize:"16px"}}]},MuiAvatarGroup:{defaultProps:{variant:"small",spacing:6,sx:{justifyContent:"flex-end"},slotProps:{additionalAvatar:{sx:{color:o=>o.custom.grey[2800],background:o=>o.custom.grey[400]}}}},styleOverrides:{root:({ownerState:{max:o=0}})=>({...[...Array(o)].reduce((r,e,t)=>({...r,[`& > .MuiAvatar-root:nth-of-type(${t+1})`]:{zIndex:o-t}}),{})})}},MuiButtonGroup:{defaultProps:{disableRipple:!0}},MuiButton:{defaultProps:{disableRipple:!0,loadingPosition:"start"},styleOverrides:{root:({theme:t,ownerState:
|
|
1
|
+
import{alpha as o}from"@mui/material";import{isTagVariant as r,getTagStyle as e}from"./MUIComponents/tagsStyles.js";const t={MuiDialog:{styleOverrides:{paper:{borderRadius:"1rem"}}},MuiAutocomplete:{styleOverrides:{root:()=>({})}},MuiAvatar:{defaultProps:{children:[]},styleOverrides:{root:({theme:o,ownerState:{alt:r=""}})=>{const e=r.split(" ").map(o=>o.charAt(0).toUpperCase()).join("");return{background:o.palette.primary[100],color:o.palette.primary[700],fontWeight:600,".MuiAvatar-img":{zIndex:1},":empty::before":{content:`"${e}"`}}}},variants:[{props:{variant:"small"},style:{width:"24px",height:"24px",fontSize:"10px"}},{props:{variant:"medium"},style:{width:"36px",height:"36px",fontSize:"13px"}},{props:{variant:"big"},style:{width:"40px",height:"40px",fontSize:"16px"}}]},MuiAvatarGroup:{defaultProps:{variant:"small",spacing:6,sx:{justifyContent:"flex-end"},slotProps:{additionalAvatar:{sx:{color:o=>o.custom.grey[2800],background:o=>o.custom.grey[400]}}}},styleOverrides:{root:({ownerState:{max:o=0}})=>({...[...Array(o)].reduce((r,e,t)=>({...r,[`& > .MuiAvatar-root:nth-of-type(${t+1})`]:{zIndex:o-t}}),{})})}},MuiButtonGroup:{defaultProps:{disableRipple:!0}},MuiButton:{defaultProps:{disableRipple:!0,loadingPosition:"start"},styleOverrides:{root:({theme:t,ownerState:d})=>{const n=d.variant,a=d.variant?.startsWith("dataviz");if(a){const o=parseInt((n??"").split("-")[1]),r=t.custom.dataviz.colorsWithExtra[o];if(void 0!==r)return{textTransform:"none",fontSize:"0.9rem",lineHeight:"1rem",borderRadius:t.spacing(1),height:"40px",fontWeight:700,transition:"none",color:t.custom.grey[100],boxShadow:"0px 4px 8px 0px #2A2B2714",background:r.main,":hover":{background:r.variant[700]},":disabled":!0===d.loading?{color:"center"===d.loadingPosition?"transparent":t.custom.grey[100],background:r.main}:{background:r.variant[100]},":active":{background:r.variant[700]}}}const i={..."primary"===n&&{transition:"none",background:`linear-gradient(${t.palette.primary[400]}, ${t.palette.primary[600]})`,color:t.custom.grey[100],boxShadow:"0px 4px 8px 0px #2A2B2714"},..."secondary"===n&&{border:`1px solid ${t.custom.grey[500]}`,background:`linear-gradient(${t.custom.grey[100]}}, ${t.custom.grey[300]})`},..."ternary"===n&&{border:`1px solid ${t.custom.grey[500]}`,background:t.custom.grey.gradientLight},..."text"===n&&{transition:"none",paddingInline:"0",color:t.palette.primary[700],fontWeight:"700"},..."selected-menu"===n&&{color:"white",background:`linear-gradient(${t.palette.primary[400]}, ${t.palette.primary[600]})`,borderRadius:"8px",padding:0},..."selected-submenu"===n&&{color:"white",backgroundColor:t.custom.grey[2300],background:t.custom.grey[2300],borderRadius:"8px",padding:0},..."default-menu"===n&&{color:t.custom.grey[100],background:"inherit",borderRadius:"8px",padding:0},..."black-text"===n&&{color:t.custom.grey[2800],background:"none",fontWeight:"600"},..."black-filled"===n&&{borderRadius:"8px",background:`linear-gradient(180deg, ${t.custom.grey[2600]} 0%, ${t.custom.grey[3e3]} 100%)`,boxShadow:"0px 4px 8px 0px rgba(42, 43, 39, 0.08)",color:t.custom.grey[100]},..."white-filled"===n&&{borderRadius:"8px",border:"1px solid "+t.custom.grey[500],background:`linear-gradient(180deg, ${t.custom.grey[100]} 0%, ${t.custom.grey[200]} 100%)`,boxShadow:" 0px 2px 8px 0px rgba(42, 43, 39, 0.04)"},..."white-filled-no-shadow"===n&&{borderRadius:"44px",border:`1px solid ${t.custom.grey[500]}`,background:`linear-gradient(180deg, ${t.custom.grey[100]} 0%, ${t.custom.grey[200]} 100%)`},..."select"===n&&{backgroundColor:t.custom.select.background,borderRadius:t.spacing(1),border:`1px solid ${t.custom.select.border}`},..."validate"===n&&{color:"#FFFFFF",transition:"none",background:`linear-gradient(180deg, ${t.custom.green[500]} 0%, ${t.custom.green[700]} 100%)`},..."delete"===n&&{color:"#FFFFFF",transition:"none",background:`${t.custom.red[600]}`},..."error"===n&&{transition:"none",paddingInline:"0",color:t.custom.red[600],fontWeight:"600"},..."delete-outline"===n&&{color:t.custom.red[600],transition:"none",background:"transparent",border:`1px solid ${t.custom.red[600]}`}};return{textTransform:"none",fontSize:"0.9rem",lineHeight:"1rem",borderRadius:t.spacing(1),height:"40px",fontWeight:700,...i,...!0===d.loading&&("text"===n||"error"===n)&&{"& .MuiButton-loadingIndicator":{left:0}},":hover":{..."primary"===n&&{background:t.palette.primary[600]},..."secondary"===n&&{background:t.custom.grey[400]},..."ternary"===n&&{border:`1px solid ${t.custom.grey[500]}`,background:t.custom.grey[400]},..."text"===n&&{background:"none",textDecoration:"underline"},..."select"===n&&{backgroundColor:t.custom.select.hoverBackground},..."default-menu"===n&&{backgroundColor:t.custom.grey[2500],borderRadius:"8px"},..."selected-menu"===n&&{borderRadius:"8px"},..."selected-submenu"===n&&{borderRadius:"8px"},..."validate"===n&&{background:t.custom.green[600]},..."delete"===n&&{background:t.custom.red[700]},..."error"===n&&{color:t.custom.red[900]},..."delete-outline"===n&&{background:t.custom.red[100],borderColor:t.custom.red[700],color:t.custom.red[700]}},":disabled":!0===d.loading?{color:"inherit",...i,..."center"===d.loadingPosition&&{color:"transparent"}}:{..."primary"===n&&{color:t.custom.grey[100],background:o(t.palette.primary[600]??"",.36)},..."secondary"===n&&{color:o(t.custom.grey[2800],.36),border:`1px solid ${o(t.custom.grey[500],.36)}`,background:t.custom.grey[100]},..."ternary"===n&&{border:`1px solid ${t.custom.grey[100]}`,background:t.custom.grey[500]},..."select"===n&&{backgroundColor:t.custom.select.disabledBackground,color:t.custom.select.disabledText},..."default-menu"===n&&{color:t.custom.grey[2300],borderRadius:"8px"},..."selected-menu"===n&&{color:t.custom.grey[2300],borderRadius:"8px"},..."selected-submenu"===n&&{color:t.custom.grey[2300],borderRadius:"8px"},..."validate"===n&&{background:o(t.custom.green[500],.36),color:"#FFFFFF"},..."delete"===n&&{background:t.custom.red[100],color:o(t.custom.red[600],.36)},..."error"===n&&{color:o(t.custom.red[700],.36)},..."delete-outline"===n&&{color:o(t.custom.red[600],.36),borderColor:o(t.custom.red[600],.36),background:"transparent"}},":active":{..."primary"===n&&{background:t.palette.primary[800]},..."secondary"===n&&{background:t.custom.grey[400]},..."secondary"===n&&{background:t.custom.grey[600]},..."default-menu"===n&&{backgroundColor:t.custom.grey[2e3],borderRadius:"8px"},..."selected-menu"===n&&{backgroundColor:t.custom.grey[2700],borderRadius:"8px"},..."selected-submenu"===n&&{borderRadius:"8px"},..."validate"===n&&{background:t.custom.green[800]},..."delete"===n&&{background:t.custom.red[800]},..."delete-outline"===n&&{background:t.custom.red[100],borderColor:t.custom.red[800]}},...r(n)&&e(n,t,d),..."icon-xs-nobackground"===n&&{padding:t.spacing(.5),minWidth:"auto",width:"24px",height:"24px",color:t.custom.grey[2800],backgroundColor:"inherit",borderRadius:"32px",":hover":{backgroundColor:t.custom.grey[600]},":active":{backgroundColor:t.custom.grey[1e3]},":disabled":{backgroundColor:"inherit",color:t.custom.grey[1400]}},..."icon-s-nobackground"===n&&{padding:t.spacing(1),minWidth:"auto",width:"36px",height:"36px",color:t.custom.grey[2800],backgroundColor:"inherit",borderRadius:"32px",":hover":{backgroundColor:t.custom.grey[600]},":active":{backgroundColor:t.custom.grey[1e3]},":disabled":{backgroundColor:"inherit",color:t.custom.grey[1400]}},..."icon-m-nobackground"===n&&{padding:t.spacing(1),minWidth:"auto",width:"44px",height:"44px",color:t.custom.grey[2800],backgroundColor:"inherit",borderRadius:"32px",":hover":{backgroundColor:t.custom.grey[600]},":active":{backgroundColor:t.custom.grey[1e3]},":disabled":{backgroundColor:"inherit",color:t.custom.grey[1400]}},..."icon-xs-withbackground"===n&&{padding:t.spacing(.5),minWidth:"auto",width:"24px",height:"24px",color:t.custom.grey[2800],background:"linear-gradient(180deg, #FFFFFF 0%, #F6F5F3 154.5%)",border:`1px solid ${t.custom.grey[500]}`,borderRadius:"32px",":hover":{background:"none",backgroundColor:t.custom.grey[400]},":active":{background:"none",backgroundColor:t.custom.grey[600],border:"none"},":disabled":{background:"none",backgroundColor:t.custom.grey[100],color:t.custom.grey[1400]}},..."icon-s-withbackground"===n&&{padding:t.spacing(1),minWidth:"auto",width:"36px",height:"36px",color:t.custom.grey[2800],background:"linear-gradient(180deg, #FFFFFF 0%, #F6F5F3 154.5%)",border:`1px solid ${t.custom.grey[500]}`,borderRadius:"32px",":hover":{background:"none",backgroundColor:t.custom.grey[400]},":active":{background:"none",backgroundColor:t.custom.grey[600],border:"none"},":disabled":{background:"none",backgroundColor:t.custom.grey[100],color:t.custom.grey[1400]}},..."icon-m-withbackground"===n&&{padding:t.spacing(1),minWidth:"auto",width:"44px",height:"44px",color:t.custom.grey[2800],background:"linear-gradient(180deg, #FFFFFF 0%, #F6F5F3 154.5%)",border:`1px solid ${t.custom.grey[500]}`,borderRadius:"32px",":hover":{background:"none",backgroundColor:t.custom.grey[400]},":active":{background:"none",backgroundColor:t.custom.grey[600],border:"none"},":disabled":{background:"none",backgroundColor:t.custom.grey[100],color:t.custom.grey[1400]}}}}}},MuiButtonBase:{styleOverrides:{root:{borderRadius:"15px"}}},MuiCircularProgress:{styleOverrides:{root:({theme:o,ownerState:r})=>({..."inherit"!==r.color&&{color:o.custom.grey[800]}})}},MuiIconButton:{styleOverrides:{root:({theme:o})=>({height:"44px",width:"44px",color:o.custom.grey[2800],backgroundColor:"inherit",":hover":{backgroundColor:o.custom.grey[600]},":focus":{backgroundColor:o.custom.grey[1e3]},":disabled":{backgroundColor:"inherit",color:o.custom.grey[1400]}})}},MuiChip:{styleOverrides:{root:({theme:o,ownerState:r})=>({paddingTop:o.spacing(.5),paddingRight:o.spacing(.5),paddingBottom:o.spacing(.5),paddingLeft:o.spacing(1),..."brand"===r.variant&&{backgroundColor:o.palette.primary[50]},..."neutral"===r.variant&&{backgroundColor:o.custom.grey[300]}})}}};export{t as components};
|
|
@@ -161,6 +161,52 @@ export declare const formField: {
|
|
|
161
161
|
readonly optionWidth: "130px";
|
|
162
162
|
};
|
|
163
163
|
};
|
|
164
|
+
/** Figma Text input component set `133:2958`. */
|
|
165
|
+
export declare const textInput: {
|
|
166
|
+
readonly desktopHeight: "40px";
|
|
167
|
+
readonly mobileHeight: "48px";
|
|
168
|
+
readonly fixedWidth: {
|
|
169
|
+
readonly desktop: "300px";
|
|
170
|
+
readonly mobile: "220px";
|
|
171
|
+
};
|
|
172
|
+
readonly mobileResetHeight: "40px";
|
|
173
|
+
};
|
|
174
|
+
/** Figma Text area component set `3660:814`. */
|
|
175
|
+
export declare const textArea: {
|
|
176
|
+
readonly minHeight: "200px";
|
|
177
|
+
readonly padding: "16px";
|
|
178
|
+
readonly borderRadius: "12px";
|
|
179
|
+
readonly footerGap: "8px";
|
|
180
|
+
readonly mobileFontSize: "16px";
|
|
181
|
+
readonly mobileCounterFontSize: "14px";
|
|
182
|
+
readonly errorFontSize: "12px";
|
|
183
|
+
};
|
|
184
|
+
/** Figma Select component set `4004:7072`, single-selection field. */
|
|
185
|
+
export declare const select: {
|
|
186
|
+
readonly desktopWidth: "300px";
|
|
187
|
+
readonly desktopHeight: "40px";
|
|
188
|
+
readonly desktopResetGap: "16px";
|
|
189
|
+
readonly desktopResetActionWidth: "44px";
|
|
190
|
+
readonly mobileHeight: "48px";
|
|
191
|
+
readonly mobileResetHeight: "40px";
|
|
192
|
+
readonly mobileResetFontSize: "14px";
|
|
193
|
+
readonly desktopValueFontSize: "14px";
|
|
194
|
+
readonly mobileValueFontSize: "16px";
|
|
195
|
+
readonly desktopSupportingFontSize: "12px";
|
|
196
|
+
readonly mobileSupportingFontSize: "14px";
|
|
197
|
+
readonly border: "#E0DEDD";
|
|
198
|
+
readonly background: "#FFFFFF";
|
|
199
|
+
readonly hoverBackground: "#F6F5F3";
|
|
200
|
+
readonly disabledBackground: "#E7E6E4";
|
|
201
|
+
readonly selectedText: "#50504D";
|
|
202
|
+
readonly placeholderText: "#767673";
|
|
203
|
+
readonly errorPlaceholderText: "#393A36";
|
|
204
|
+
readonly disabledText: "#A3A2A0";
|
|
205
|
+
readonly defaultText: "#767673";
|
|
206
|
+
readonly errorBackground: "#FFE4DE";
|
|
207
|
+
readonly errorBorder: "#D03210";
|
|
208
|
+
readonly errorText: "#D03210";
|
|
209
|
+
};
|
|
164
210
|
/**
|
|
165
211
|
* Shared bar-chart geometry.
|
|
166
212
|
* Figma provenance: zero-value Product life-cycle segments `13154:221949`
|
|
@@ -472,6 +518,9 @@ type CustomThemeKeys = {
|
|
|
472
518
|
scoreValue: typeof scoreValue;
|
|
473
519
|
numberWithUnit: typeof numberWithUnit;
|
|
474
520
|
formField: typeof formField;
|
|
521
|
+
textInput: typeof textInput;
|
|
522
|
+
textArea: typeof textArea;
|
|
523
|
+
select: typeof select;
|
|
475
524
|
barChart: typeof barChart;
|
|
476
525
|
mediaUpload: typeof mediaUpload;
|
|
477
526
|
tags: typeof tags;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"i18next";import{greyTheme as i,shadows as
|
|
1
|
+
import e from"i18next";import{greyTheme as i,shadows as o,redTheme as r,allMainColors as t,allColors as d,extraColors as a,dataVisualizationColors as p,coralTheme as n,blueTheme as x,yellowTheme as h,orangeTheme as l,greenTheme as c}from"./colors.js";const s={containerDivider:{color:i[600],style:"solid",width:"1px"}},g={width:"300px"},u={green:{surface:"#F2FFF9"}},b={surface:"#025155",emptyGuidanceForeground:"#EDF9FA",loading:{opacity:.7,transition:"opacity 120ms ease-out"}},m={width:"300px",heights:{inactive:"215px",selected:"231px"},icon:{containerSize:"48px",glyphSize:{width:40,height:40}},carouselControl:{inlineEndOffset:"-5px"},details:{chartHeight:"481px"}},w={stroke:{...s.containerDivider,color:"#E5E3E0"}},k={emptyIndicator:{size:"44px",iconSize:{width:26,height:26}},inline:{width:"70px"}},y={emptyIndicator:{micro:{size:"20px",iconSize:{width:11,height:11}},small:{size:"24px",iconSize:{width:13,height:13}},inter:{size:"30px",iconSize:{width:20,height:20}},big:{size:"38px",iconSize:{width:28,height:28}}},unitOffset:{compact:"-1px",regular:"-2px"}},S={compact:{width:"100px",optionWidth:"130px"}},z={desktopHeight:"40px",mobileHeight:"48px",fixedWidth:{desktop:"300px",mobile:"220px"},mobileResetHeight:"40px"},v={minHeight:"200px",padding:"16px",borderRadius:"12px",footerGap:"8px",mobileFontSize:"16px",mobileCounterFontSize:"14px",errorFontSize:"12px"},f={desktopWidth:"300px",desktopHeight:"40px",desktopResetGap:"16px",desktopResetActionWidth:"44px",mobileHeight:"48px",mobileResetHeight:"40px",mobileResetFontSize:"14px",desktopValueFontSize:"14px",mobileValueFontSize:"16px",desktopSupportingFontSize:"12px",mobileSupportingFontSize:"14px",border:i[600],background:i[100],hoverBackground:i[300],disabledBackground:i[500],selectedText:i[2500],placeholderText:i[2e3],errorPlaceholderText:i[2800],disabledText:i[1400],defaultText:i[2e3],errorBackground:r[100],errorBorder:r[600],errorText:r[600]},B={zeroValueWidth:"1px"},$={borderRadius:"8px",loadingIndicatorSize:28,errorMaxWidth:"260px",default:{size:120,stroke:s.containerDivider,emptyCopy:{typographyVariant:"body-regular",lineHeight:1.3}},compact:{size:110,contentInset:"6px",stroke:{...s.containerDivider,style:"dashed"},boxShadow:o.grey,emptyCopy:{width:"76px",typographyVariant:"small-regular"}},thumbnail:{size:70,contentInset:"4px",stroke:s.containerDivider,boxShadow:o.grey}},R={display:{height:"26px"}},C={gap:"8px",minHeight:"36px",padding:"8px 12px",borderRadius:"8px",focusRing:{color:i[2800],width:"2px",offset:"2px"},separatorPaddingInline:"4px",loadingWidth:24,loadingSelectedOpacity:.3,default:{background:`linear-gradient(180deg, ${i[100]} 0%, ${i[300]} 154.5%)`,hoverBackground:`linear-gradient(180deg, ${i[100]} 0%, ${i[400]} 154.5%)`,borderColor:i[500],boxShadow:o.grey,color:i[2800]},selected:{background:`linear-gradient(180deg, ${i[2600]} 0%, ${i[3e3]} 100%)`,hoverBackground:i[2800],borderColor:i[2800],boxShadow:o.hard,color:i[100]}},F={primary:{height:"60px"},secondary:{height:"60px"}},W={summaryWidth:"250px",barWidth:"250px",lifecycleBreakdownWidth:"364px",subscoreBreakdownWidth:"346px",impactBreakdownWidth:"318px",impactZeroBreakdownWidth:"292px",impactBenefitBreakdownWidth:"551px"},D={handleBorderRadius:"50%",legacyTrackBackground:"rgba(0,0,0,.25)",sizes:{default:{width:"52px",height:"28px",thumbSize:"20px",thumbInset:"4px",thumbTravel:"24px",trackBorderRadius:"16px"},medium:{width:"44px",height:"24px",thumbSize:"16px",thumbInset:"4px",thumbTravel:"20px",trackBorderRadius:"14px"},small:{width:"36px",height:"20px",thumbSize:"12px",thumbInset:"4px",thumbTravel:"16px",trackBorderRadius:"10px"}},status:{uncheckedColor:i[1400],uncheckedIconColor:i[2e3],handleBackground:`linear-gradient(180deg, ${i[100]} 0%, ${i[300]} 100%)`,iconSize:{width:14,height:14},trackBorderRadius:"20px"}},I=`linear-gradient(180deg, ${i[100]} 0%, ${i[300]} 154.5%)`,H={size:"40px",iconSize:{width:20,height:20},borderRadius:"44px",default:{background:I,borderColor:r[500],color:r[500]},hovered:{background:r[400],borderColor:r[500],color:i[100]},pressed:{background:r[600],borderColor:r[600],color:i[100]},disabled:{background:I,borderColor:r[200],color:r[200]}},T=`inset 0 0 0 ${s.containerDivider.width} ${s.containerDivider.color}`,V={gap:"4px",separatorIconSize:{width:16,height:16},pageLink:{height:"26px",paddingBlock:"2px",paddingInline:"8px",borderRadius:"8px",maxWidth:"226px",stroke:{default:T,hover:`inset 0 0 0 ${s.containerDivider.width} ${i[2800]}`},collapsed:{width:"24px",height:"16px",paddingInline:"4px",borderRadius:"4px"}},overflowMenu:{offset:"4px",padding:"16px",gap:"8px",borderRadius:"12px",boxShadow:`${T}, ${o.popover}`}},E=`${s.containerDivider.width} ${s.containerDivider.style} ${i[500]}`,A=`${s.containerDivider.width} ${s.containerDivider.style} ${s.containerDivider.color}`,M={contentAlignment:"center",default:{maxCharacters:100,width:"202px",maxWidth:"unset",padding:"12px 16px 12px 16px",borderRadius:"0.5rem",border:E,backgroundColor:i[100],boxShadow:`0px 4px 20px 0px ${i[500]}`,color:i[2800],margin:"8px",typographyVariant:"body-medium",arrow:{color:i[100],border:E}},simple:{width:"300px",maxWidth:"300px",contentMinHeight:"53px",paddingBlock:"2px",paddingInline:"8px",borderRadius:"8px",border:A,backgroundColor:i[100],boxShadow:o.popover,color:i[2500],margin:"8px",typographyVariant:"body-medium",arrow:{width:"16px",height:"8px",color:i[100],border:A}}},L={grey:i,red:r,green:c,orange:l,yellow:h,blue:x,coral:n,shadows:o,dataviz:{colors:p,extra:a,colorsWithExtra:d,onlyMainFromAll:t},doughnutCard:g,strokes:s,status:u,scoreCard:b,scoreOverviewCard:m,ingredientCard:w,scoreValue:k,numberWithUnit:y,formField:S,textInput:z,textArea:v,select:f,barChart:B,mediaUpload:$,tags:R,countTabs:C,tabs:F,scoreDetail:W,toggleSwitch:D,deleteButton:H,breadcrumb:V,tooltip:M,searchBox:{borderRadius:"24px",border:e=>"1px solid "+e.custom.grey[500],background:"white",boxShadow:e=>"0px 2px 8px 0px "+e.custom.grey[500]},rowMenuElement:{marginLeft:"12px",paddingRight:"8px",fontSize:"12px",fontWeight:"600",lineHeight:"20px"}},N={valueFormatterFn:(i,o=void 0)=>{const r=Number(i);return Number.isNaN(r)?"":o?r.toLocaleString(e.language,{maximumFractionDigits:o}):r.toLocaleString(e.language)}};export{B as barChart,V as breadcrumb,C as countTabs,L as custom,H as deleteButton,g as doughnutCard,S as formField,w as ingredientCard,$ as mediaUpload,y as numberWithUnit,N as numbers,b as scoreCard,W as scoreDetail,m as scoreOverviewCard,k as scoreValue,f as select,u as status,s as strokes,F as tabs,R as tags,v as textArea,z as textInput,D as toggleSwitch,M as tooltip};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@foodpilot/foods",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "2.
|
|
4
|
+
"version": "2.28.0",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/main.js",
|
|
7
7
|
"module": "./dist/main.js",
|
|
@@ -151,10 +151,6 @@
|
|
|
151
151
|
"types": "./dist/components/ComparisonBlock/index.d.ts",
|
|
152
152
|
"import": "./dist/components/ComparisonBlock/index.js"
|
|
153
153
|
},
|
|
154
|
-
"./Ssq": {
|
|
155
|
-
"types": "./dist/components/Ssq/index.d.ts",
|
|
156
|
-
"import": "./dist/components/Ssq/index.js"
|
|
157
|
-
},
|
|
158
154
|
"./Text": {
|
|
159
155
|
"types": "./dist/components/Text/index.d.ts",
|
|
160
156
|
"import": "./dist/components/Text/index.js"
|
|
@@ -175,6 +171,14 @@
|
|
|
175
171
|
"types": "./dist/components/RichTextEditor/index.d.ts",
|
|
176
172
|
"import": "./dist/components/RichTextEditor/index.js"
|
|
177
173
|
},
|
|
174
|
+
"./ActionPlan": {
|
|
175
|
+
"types": "./dist/components/ActionPlan/index.d.ts",
|
|
176
|
+
"import": "./dist/components/ActionPlan/index.js"
|
|
177
|
+
},
|
|
178
|
+
"./Pagination": {
|
|
179
|
+
"types": "./dist/components/Pagination/index.d.ts",
|
|
180
|
+
"import": "./dist/components/Pagination/index.js"
|
|
181
|
+
},
|
|
178
182
|
"./*": "./dist/components/*/index.js",
|
|
179
183
|
"./package.json": "./package.json"
|
|
180
184
|
},
|
|
@@ -184,6 +188,7 @@
|
|
|
184
188
|
"scripts": {
|
|
185
189
|
"dev": "vite",
|
|
186
190
|
"build": "tsgo --incremental && vite build",
|
|
191
|
+
"postbuild": "node scripts/check-exports.mjs",
|
|
187
192
|
"build:analyze": "ANALYZE=true npm run build",
|
|
188
193
|
"type-check": "tsgo --noEmit",
|
|
189
194
|
"lint": "eslint .",
|
|
@@ -301,13 +306,14 @@
|
|
|
301
306
|
"rollup-plugin-visualizer": "^7.0.0",
|
|
302
307
|
"size-limit": "^12.0.0",
|
|
303
308
|
"storybook": "^10.6.4",
|
|
309
|
+
"storybook-addon-pseudo-states": "10.6.4",
|
|
304
310
|
"typescript": "^5.9.3",
|
|
305
311
|
"typescript-eslint": "^8.56.1",
|
|
306
312
|
"vite": "^7.3.7",
|
|
307
313
|
"vite-bundle-visualizer": "^1.2.1",
|
|
308
314
|
"vite-plugin-dts": "^4.5.0",
|
|
309
315
|
"vite-plugin-svgr": "^4.5.0",
|
|
310
|
-
"vitest": "^4.1.
|
|
316
|
+
"vitest": "^4.1.12"
|
|
311
317
|
},
|
|
312
318
|
"dependencies": {
|
|
313
319
|
"@lexical/react": "^0.41.0",
|
|
@@ -331,7 +337,7 @@
|
|
|
331
337
|
"chroma-js": "^3.2.0",
|
|
332
338
|
"i18next": "^23.0.0 || ^25.0.0",
|
|
333
339
|
"i18next-browser-languagedetector": "^8.2.1",
|
|
334
|
-
"i18next-http-backend": "^4.0.
|
|
340
|
+
"i18next-http-backend": "^4.0.4",
|
|
335
341
|
"lexical": "^0.41.0",
|
|
336
342
|
"lodash": "^4.18.1",
|
|
337
343
|
"material-ui-popup-state": "^5.3.1",
|
|
@@ -346,7 +352,7 @@
|
|
|
346
352
|
"name": "Main Bundle",
|
|
347
353
|
"path": "dist/**/*.js",
|
|
348
354
|
"gzip": true,
|
|
349
|
-
"limit": "
|
|
355
|
+
"limit": "301 KB"
|
|
350
356
|
},
|
|
351
357
|
{
|
|
352
358
|
"name": "Assets",
|
package/dist/assets/undo.svg.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import*as t from"react";const e=e=>/* @__PURE__ */t.createElement("svg",{width:16,height:15,viewBox:"0 0 16 15",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...e},/* @__PURE__ */t.createElement("path",{d:"M2.89332 14.6818V13.0909H10.0842C11.1607 13.0909 12.0901 12.7383 12.8723 12.033C13.6545 11.3277 14.0456 10.45 14.0456 9.40002C14.0456 8.35 13.6545 7.47235 12.8723 6.76705C12.0901 6.06175 11.1607 5.7091 10.0842 5.7091H3.38648L6.0274 8.34999L4.91375 9.46364L0.36377 4.91363L4.91375 0.363647L6.0274 1.47727L3.38648 4.11819H10.0683C11.5903 4.11819 12.8988 4.62463 13.9939 5.63751C15.089 6.6504 15.6365 7.90456 15.6365 9.40002C15.6365 10.8955 15.089 12.1496 13.9939 13.1625C12.8988 14.1754 11.5903 14.6818 10.0683 14.6818H2.89332Z",fill:"currentColor"}));export{e as default};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { BoxProps } from '@mui/material';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
import { ClassicBannerType, StylePreset } from '../banner.types';
|
|
4
|
-
type Props = {
|
|
5
|
-
children?: ReactNode;
|
|
6
|
-
BoxProps?: BoxProps;
|
|
7
|
-
variant?: ClassicBannerType;
|
|
8
|
-
stylePresetOverride?: Partial<StylePreset>;
|
|
9
|
-
};
|
|
10
|
-
export declare const ClassicBanner: (props: Props) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export {};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useTheme as i,Stack as n,Typography as c}from"@mui/material";import{FoodsIcon as t}from"../../Icons/FoodsIcon.js";import{WhiteBox as e}from"../../Box/WhiteBox.js";const m=m=>{const a=i(),{BoxProps:l,children:s,variant:d="info"}=m,p={info:{icon:"information",color:a.custom.grey[2800]},error:{icon:"warning",color:a.custom.red[600]}}[d];/* @__PURE__ */
|
|
2
|
-
return o(e,{padding:a.spacing(2),...l,children:/* @__PURE__ */r(n,{direction:"row",alignItems:"center",gap:a.spacing(1.5),color:p.color,children:[
|
|
3
|
-
/* @__PURE__ */o(t,{icon:p.icon,size:3,color:p.color}),
|
|
4
|
-
/* @__PURE__ */o(c,{variant:"body",color:p.color,children:s})]})})};export{m as ClassicBanner};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { ThemedBannerColors, ThemedBannerType } from '../banner.types';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
type Props = {
|
|
4
|
-
children?: ReactNode;
|
|
5
|
-
variant?: ThemedBannerType;
|
|
6
|
-
colors?: ThemedBannerColors;
|
|
7
|
-
};
|
|
8
|
-
export declare const ThemedBanner: (props: Props) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export {};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import{jsxs as r,jsx as o}from"react/jsx-runtime";import{useTheme as i,Stack as n,Box as e,Typography as d}from"@mui/material";import{FoodsIcon as c}from"../../Icons/FoodsIcon.js";const l=l=>{const s=i(),{colors:t}=l,{backgroundColor:a="#EDF5FF",color:m="#1976D2",sideBorder:p="#398BDB"}=t||{};/* @__PURE__ */
|
|
2
|
-
return r(n,{flexDirection:"row",padding:s.spacing(2),gap:s.spacing(1.5),borderRadius:"8px",borderLeft:`4px solid ${p}`,sx:{backgroundColor:a,color:m},children:[
|
|
3
|
-
/* @__PURE__ */o(e,{paddingTop:"2px",children:/* @__PURE__ */o(c,{size:2,icon:"information"})}),
|
|
4
|
-
/* @__PURE__ */o(d,{variant:"small-medium",sx:{width:"100%"},children:"string"==typeof l.children?/* @__PURE__ */o(e,{sx:{"> p":{margin:0,...s.typography["small-medium"]}},dangerouslySetInnerHTML:{__html:l.children}}):l.children})]})};export{l as ThemedBanner};
|