@foodpilot/foods 2.25.5 → 2.26.0

package/dist/components/Button/FoodsDeleteButton.js

@@ -1 +1 @@
-import{jsx as o}from"react/jsx-runtime";import{useTheme as r,Button as e}from"@mui/material";import{FoodsIcon as d}from"../Icons/FoodsIcon.js";import{FoodsTooltip as t}from"../Tooltip/FoodsTooltip.js";const i=({ariaLabel:i,onClick:l,disabled:a=!1,buttonProps:c={},tooltip:n})=>{const s=r(),{deleteButton:b,strokes:u}=s.custom,p=/* @__PURE__ */o(e,{...c,"aria-label":i,disabled:a,onClick:l,sx:{minWidth:b.size,width:b.size,height:b.size,padding:0,color:b.default.color,background:b.default.background,borderColor:b.default.borderColor,borderStyle:u.containerDivider.style,borderWidth:u.containerDivider.width,borderRadius:b.borderRadius,boxShadow:"none","&:hover":{color:b.hovered.color,background:b.hovered.background,borderColor:b.hovered.borderColor},"&:active":{color:b.pressed.color,background:b.pressed.background,borderColor:b.pressed.borderColor},"&:disabled":{color:b.default.color,background:b.default.background,borderColor:b.default.borderColor}},children:/* @__PURE__ */o(d,{icon:"delete",size:b.iconSize})});return n?.text?/* @__PURE__ */o(t,{title:n.text,arrow:!0,...n.props,width:"auto",children:p}):p};export{i as FoodsDeleteButton};
+import{jsx as o}from"react/jsx-runtime";import{useTheme as r,Button as e,Box as d}from"@mui/material";import{FoodsIcon as i}from"../Icons/FoodsIcon.js";import{FoodsTooltip as t}from"../Tooltip/FoodsTooltip.js";const l=({ariaLabel:l,onClick:a,disabled:s=!1,buttonProps:n={},tooltip:b})=>{const c=r(),{deleteButton:u,strokes:p}=c.custom,h=/* @__PURE__ */o(e,{...n,"aria-label":l,disabled:s,onClick:a,sx:{minWidth:u.size,width:u.size,height:u.size,padding:0,color:u.default.color,background:u.default.background,borderColor:u.default.borderColor,borderStyle:p.containerDivider.style,borderWidth:p.containerDivider.width,borderRadius:u.borderRadius,boxShadow:"none","&:hover":{color:u.hovered.color,background:u.hovered.background,borderColor:u.hovered.borderColor},"&:active":{color:u.pressed.color,background:u.pressed.background,borderColor:u.pressed.borderColor},"&:disabled":{color:u.disabled.color,background:u.disabled.background,borderColor:u.disabled.borderColor}},children:/* @__PURE__ */o(i,{icon:"delete",size:u.iconSize})});return s&&b?.text?/* @__PURE__ */o(t,{title:b.text,arrow:!0,...b.props,describeChild:!0,disableFocusListener:!1,disableHoverListener:!1,width:"auto",children:/* @__PURE__ */o(d,{component:"span",role:"group","aria-label":l,"aria-disabled":"true",tabIndex:0,sx:{display:"inline-flex",borderRadius:u.borderRadius,"&:focus-visible":{outline:`2px solid ${c.palette.primary.main}`,outlineOffset:2}},children:h})}):b?.text?/* @__PURE__ */o(t,{title:b.text,arrow:!0,...b.props,width:"auto",children:h}):h};export{l as FoodsDeleteButton};

package/dist/components/Grid/MRTGrid.js

@@ -1,4 +1,4 @@
-import{jsxs as e,Fragment as o,jsx as i}from"react/jsx-runtime";import a from"@mui/icons-material/ArrowBack";import t from"@mui/icons-material/ArrowForward";import{Stack as n,Pagination as r,PaginationItem as l,useTheme as d,Typography as p}from"@mui/material";import{useMaterialReactTable as s,MRT_TableContainer as g,MRT_TablePagination as m}from"material-react-table";import{useMemo as c}from"react";import{FoodsIcon as u}from"../Icons/FoodsIcon.js";import{MRT_GRID_HUB_LAYOUT as b}from"./mrtGridLayout.js";const h={xs:"15px",sm:"32px 40px 40px"},x=e=>"object"==typeof e&&null!==e&&!Array.isArray(e),w=(e,o)=>Object.entries(o).reduce((e,[o,i])=>{const a=e[o];return e[o]=x(a)&&x(i)?w(a,i):i,e},{...e}),y=(e,o)=>e?"function"==typeof e?y(e(o),o):Array.isArray(e)?e.reduce((e,i)=>w(e,y(i,o)),{}):x(e)?e:{}:{},P=(e,o,i)=>a=>{const t=y(e,a),n=y(o,a);return i?w(n,t):w(t,n)},C=(e,o,i=!1,a=!1)=>{if(void 0===o)return e;const t=o=>({...a?o:e,...a?e:o,sx:void 0===o.sx?e.sx:void 0===e.sx?o.sx:P(e.sx,o.sx,i)});return"function"==typeof o?e=>t(o(e)):t(o)};function f(x){const{appearance:w="default",columns:y,displayColumnDefOptions:P,enableColumnPinning:f,enableColumnResizing:H,maxLinesPerRow:R=2,muiPaginationProps:T,muiPaginationStackProps:v,muiSelectAllCheckboxProps:k,muiSelectCheckboxProps:A,muiTableBodyCellProps:S,muiTableBodyRowProps:$,muiTableHeadCellProps:M,muiTableHeadRowProps:I,muiTableProps:B,...L}=x,z="hub"===w,j=(e=>{const o=d(),{appearance:i,maxLinePerRow:a}=e,t="hub"===i,n=t?[o.custom.strokes.containerDivider.width,o.custom.strokes.containerDivider.style,o.custom.strokes.containerDivider.color].join(" "):`1px solid ${o.custom.grey[500]}`;return{bodyCell:{padding:t?b.bodyCellPadding:o.spacing(1,2),...t&&{boxSizing:"border-box",height:`${b.rowHeight}px`,maxHeight:`${b.rowHeight}px`,paddingBottom:"8px",paddingLeft:"12px",paddingRight:"12px",paddingTop:"8px"},"&:last-child[data-pinned='true']":t?{boxShadow:b.pinnedActionShadow}:{width:"1%"},borderInline:n,"& p":{display:"-webkit-box",WebkitLineClamp:a,WebkitBoxOrient:"vertical",overflow:"hidden",whiteSpace:"initial",textOverflow:"ellipsis"}},bodyRow:{minHeight:`${b.rowHeight}px`,...t&&{boxSizing:"border-box",height:`${b.rowHeight}px`,maxHeight:`${b.rowHeight}px`},"&:hover td::after":{backgroundColor:o.custom.grey[300]}},headCell:{backgroundColor:o.custom.grey[200],border:n,...t&&{"&:last-child[data-pinned='true']":{boxShadow:b.pinnedActionShadow},boxSizing:"border-box",height:`${b.headerHeight}px`,maxHeight:`${b.headerHeight}px`,paddingBottom:"12px",paddingLeft:"12px",paddingRight:"8px",paddingTop:"12px"},"& p":{display:"-webkit-box",WebkitLineClamp:a,WebkitBoxOrient:"vertical",overflow:"hidden",whiteSpace:"initial",...!t&&{lineHeight:"normal"},textOverflow:"ellipsis"},padding:t?b.headerCellPadding:o.spacing(2),minHeight:t?`${b.headerHeight}px`:"48px",justifyContent:"center","&>.Mui-TableHeadCell-Content .MuiDivider-vertical":{opacity:"0"},"& .Mui-TableHeadCell-Content-Labels":{width:"100%","& .Mui-TableHeadCell-Content-Wrapper":{width:"100%"}}},headRow:{boxShadow:"none",...t&&{boxSizing:"border-box",height:`${b.headerHeight}px`,maxHeight:`${b.headerHeight}px`,minHeight:`${b.headerHeight}px`}},table:{...t?{"& tbody tr":{backgroundColor:`${o.palette.common.white} !important`}}:{"& tr:nth-of-type(even)":{backgroundColor:`${o.custom.grey[200]} !important`}},"[data-pinned='true']:before":{display:"none"}},pagination:{"& .MuiPagination-ul":{gap:o.spacing(1),justifyContent:"flex-end"},"& .MuiPaginationItem-root":{...t?o.typography["body-bold"]:o.typography["small-bold"],border:0,color:o.palette.text.primary,height:o.spacing(4),margin:0,minWidth:o.spacing(4),width:o.spacing(4)},"& .MuiPaginationItem-root.Mui-selected":{backgroundColor:o.palette.primary[500],color:o.palette.common.white,"&:hover":{backgroundColor:o.palette.primary[600]}},"& .MuiPaginationItem-root.Mui-focusVisible":{outline:`${o.spacing(.25)} solid ${o.palette.primary[700]}`,outlineOffset:o.spacing(.25)}}}})({appearance:w,maxLinePerRow:c(()=>R,[R])}),D=P?.["mrt-row-select"],O={align:"center",sx:{alignItems:"center",justifyContent:"center",padding:0,paddingBottom:0,paddingLeft:0,paddingRight:0,paddingTop:0}},W={...P,"mrt-row-select":{...D,grow:!1,...z&&{size:b.actionColumnWidth},muiTableBodyCellProps:C(O,D?.muiTableBodyCellProps,!0,!0),muiTableHeadCellProps:C(O,D?.muiTableHeadCellProps,!0,!0)},...z&&{"mrt-row-actions":{...P?.["mrt-row-actions"],grow:!1,header:"",size:b.actionColumnWidth}}},F=c(()=>y.map(e=>({Header:e=>{const{column:o}=e,a=o.columnDef.header;/* @__PURE__ */
-return i(p,{variant:z?"small-semibold":"small-bold",component:"p",title:a,children:a})},Cell:e=>"object"==typeof e.cell.getValue()?null:/* @__PURE__ */i(p,{variant:"body",component:"p",children:e.renderedCellValue}),...e,...z&&{grow:e.grow??!0}})),[y,z]),G={shape:"circular",variant:"text",showFirstButton:!1,showLastButton:!1,showRowsPerPage:!1,sx:j.pagination},V=e=>({...C(G,e,!0),showRowsPerPage:!1}),q=z?"function"==typeof T?e=>V(T(e)):V(T):T??G,E={columns:F,enableDensityToggle:!1,enableToolbarInternalActions:!1,enableColumnActions:!1,enableRowActions:!1,positionActionsColumn:"last",enableRowSelection:!0,enableSelectAll:!0,enablePagination:!0,muiTableBodyCellProps:z?C({sx:j.bodyCell},S,!0):S??{sx:j.bodyCell},muiTableBodyRowProps:z?C({sx:j.bodyRow},$,!0):$??{sx:j.bodyRow},muiTableHeadCellProps:z?C({sx:j.headCell},M,!0):M??{sx:j.headCell},muiTableHeadRowProps:z?C({sx:j.headRow},I,!0):I??{sx:j.headRow},muiTableProps:z?C({sx:j.table},B,!0):B??{sx:j.table},paginationDisplayMode:"pages",icons:{ChevronLeftIcon:()=>/* @__PURE__ */i(a,{}),ChevronRightIcon:()=>/* @__PURE__ */i(t,{})},enableColumnPinning:!!z||f,enableColumnResizing:!z&&(H??!0),layoutMode:"grid",...L,displayColumnDefOptions:W,muiPaginationProps:q,muiSelectAllCheckboxProps:C({sx:{display:"flex",margin:0}},k,!0),muiSelectCheckboxProps:C({sx:{display:"flex",margin:0}},A,!0)},J=s(E),K=x.enablePagination??E.enablePagination,N=J.getPageCount(),Q=J.getState().pagination.pageIndex,U="function"==typeof E.muiPaginationProps?E.muiPaginationProps({table:J}):E.muiPaginationProps,{showRowsPerPage:X,...Y}=U??{},{sx:Z,..._}=v??{},ee={margin:z?0:h,...z&&{boxSizing:"border-box",minHeight:`${b.paginationMinHeight}px`,padding:b.paginationPadding},".MuiTablePagination-root":{padding:0},".MuiTablePagination-toolbar":{padding:0}},oe=void 0===Z?ee:z?[...Array.isArray(Z)?Z:[Z],ee]:[ee,...Array.isArray(Z)?Z:[Z]];/* @__PURE__ */
+import{jsxs as e,Fragment as o,jsx as i}from"react/jsx-runtime";import t from"@mui/icons-material/ArrowBack";import a from"@mui/icons-material/ArrowForward";import{Stack as n,Pagination as r,PaginationItem as l,useTheme as d,Typography as p}from"@mui/material";import{useMaterialReactTable as s,MRT_TableContainer as g,MRT_TablePagination as m}from"material-react-table";import{useMemo as c}from"react";import{FoodsIcon as u}from"../Icons/FoodsIcon.js";import{MRT_GRID_HUB_LAYOUT as b}from"./mrtGridLayout.js";const h={xs:"15px",sm:"32px 40px 40px"},x=e=>"object"==typeof e&&null!==e&&!Array.isArray(e),y=(e,o)=>Object.entries(o).reduce((e,[o,i])=>{const t=e[o];return e[o]=x(t)&&x(i)?y(t,i):i,e},{...e}),w=(e,o)=>e?"function"==typeof e?w(e(o),o):Array.isArray(e)?e.reduce((e,i)=>y(e,w(i,o)),{}):x(e)?e:{}:{},P=(e,o,i)=>t=>{const a=w(e,t),n=w(o,t);return i?y(n,a):y(a,n)},C=(e,o,i=!1,t=!1)=>{if(void 0===o)return e;const a=o=>({...t?o:e,...t?e:o,sx:void 0===o.sx?e.sx:void 0===e.sx?o.sx:P(e.sx,o.sx,i)});return"function"==typeof o?e=>a(o(e)):a(o)};function f(x){const{appearance:y="default",columns:w,displayColumnDefOptions:P,enableColumnPinning:f,enableColumnResizing:H,maxLinesPerRow:v=2,muiPaginationProps:R,muiPaginationStackProps:T,muiSelectAllCheckboxProps:k,muiSelectCheckboxProps:M,muiTableBodyCellProps:A,muiTableBodyRowProps:S,muiTableHeadCellProps:$,muiTableHeadRowProps:I,muiTableProps:B,...L}=x,z="hub"===y,j=(e=>{const o=d(),{appearance:i,maxLinePerRow:t}=e,a="hub"===i,n=a?[o.custom.strokes.containerDivider.width,o.custom.strokes.containerDivider.style,o.custom.strokes.containerDivider.color].join(" "):`1px solid ${o.custom.grey[500]}`;return{bodyCell:{padding:a?b.bodyCellPadding:o.spacing(1,2),...a&&{boxSizing:"border-box",height:`${b.rowHeight}px`,maxHeight:`${b.rowHeight}px`,paddingBottom:"8px",paddingLeft:"12px",paddingRight:"12px",paddingTop:"8px"},"&:last-child[data-pinned='true']":a?{boxShadow:b.pinnedActionShadow}:{width:"1%"},borderInline:n,"& p":{display:"-webkit-box",WebkitLineClamp:t,WebkitBoxOrient:"vertical",overflow:"hidden",whiteSpace:"initial",textOverflow:"ellipsis"}},bodyRow:{minHeight:`${b.rowHeight}px`,...a&&{boxSizing:"border-box",height:`${b.rowHeight}px`,maxHeight:`${b.rowHeight}px`},"&:hover td::after":{backgroundColor:o.custom.grey[300]}},headCell:{backgroundColor:o.custom.grey[200],border:n,...a&&{"&:last-child[data-pinned='true']":{boxShadow:b.pinnedActionShadow},boxSizing:"border-box",height:`${b.headerHeight}px`,maxHeight:`${b.headerHeight}px`,paddingBottom:"12px",paddingLeft:"12px",paddingRight:"8px",paddingTop:"12px"},"& p":{display:"-webkit-box",WebkitLineClamp:t,WebkitBoxOrient:"vertical",overflow:"hidden",whiteSpace:"initial",...!a&&{lineHeight:"normal"},textOverflow:"ellipsis"},padding:a?b.headerCellPadding:o.spacing(2),minHeight:a?`${b.headerHeight}px`:"48px",justifyContent:"center","&>.Mui-TableHeadCell-Content .MuiDivider-vertical":{opacity:"0"},"& .Mui-TableHeadCell-Content-Labels":{width:"100%","& .Mui-TableHeadCell-Content-Wrapper":{width:"100%"}}},headRow:{boxShadow:"none",...a&&{boxSizing:"border-box",height:`${b.headerHeight}px`,maxHeight:`${b.headerHeight}px`,minHeight:`${b.headerHeight}px`}},table:{...a?{"& tbody tr":{backgroundColor:`${o.palette.common.white} !important`}}:{"& tr:nth-of-type(even)":{backgroundColor:`${o.custom.grey[200]} !important`}},"[data-pinned='true']:before":{display:"none"}},pagination:{"& .MuiPagination-ul":{gap:o.spacing(1),justifyContent:"flex-end"},"& .MuiPaginationItem-root":{...a?o.typography["body-bold"]:o.typography["small-bold"],border:0,color:o.palette.text.primary,height:o.spacing(4),margin:0,minWidth:o.spacing(4),width:o.spacing(4)},"& .MuiPaginationItem-page:not(.Mui-selected):not(.Mui-disabled), & .MuiPaginationItem-previousNext:not(.Mui-disabled)":{color:o.palette.text.primary,"&:hover":{backgroundColor:o.custom.grey[400]},"&:active":{backgroundColor:o.custom.grey[800]}},"& .MuiPaginationItem-root.Mui-selected":{backgroundColor:o.palette.primary[800],color:o.palette.common.white,"&:hover, &:active, &.Mui-focusVisible":{backgroundColor:o.palette.primary[800]}},"& .MuiPaginationItem-root.Mui-focusVisible":{outline:`${o.spacing(.25)} solid ${o.palette.primary[700]}`,outlineOffset:o.spacing(.25)}}}})({appearance:y,maxLinePerRow:c(()=>v,[v])}),D=P?.["mrt-row-select"],O={align:"center",sx:{alignItems:"center",justifyContent:"center",padding:0,paddingBottom:0,paddingLeft:0,paddingRight:0,paddingTop:0}},W={...P,"mrt-row-select":{...D,grow:!1,...z&&{size:b.actionColumnWidth},muiTableBodyCellProps:C(O,D?.muiTableBodyCellProps,!0,!0),muiTableHeadCellProps:C(O,D?.muiTableHeadCellProps,!0,!0)},...z&&{"mrt-row-actions":{...P?.["mrt-row-actions"],grow:!1,header:"",size:b.actionColumnWidth}}},V=c(()=>w.map(e=>({Header:e=>{const{column:o}=e,t=o.columnDef.header;/* @__PURE__ */
+return i(p,{variant:z?"small-semibold":"small-bold",component:"p",title:t,children:t})},Cell:e=>"object"==typeof e.cell.getValue()?null:/* @__PURE__ */i(p,{variant:"body",component:"p",children:e.renderedCellValue}),...e,...z&&{grow:e.grow??!0}})),[w,z]),F={shape:"circular",variant:"text",showFirstButton:!1,showLastButton:!1,showRowsPerPage:!1,sx:j.pagination},G=e=>({...C(F,e,!0),showRowsPerPage:!1}),N=z?"function"==typeof R?e=>G(R(e)):G(R):R??F,q={columns:V,enableDensityToggle:!1,enableToolbarInternalActions:!1,enableColumnActions:!1,enableRowActions:!1,positionActionsColumn:"last",enableRowSelection:!0,enableSelectAll:!0,enablePagination:!0,muiTableBodyCellProps:z?C({sx:j.bodyCell},A,!0):A??{sx:j.bodyCell},muiTableBodyRowProps:z?C({sx:j.bodyRow},S,!0):S??{sx:j.bodyRow},muiTableHeadCellProps:z?C({sx:j.headCell},$,!0):$??{sx:j.headCell},muiTableHeadRowProps:z?C({sx:j.headRow},I,!0):I??{sx:j.headRow},muiTableProps:z?C({sx:j.table},B,!0):B??{sx:j.table},paginationDisplayMode:"pages",icons:{ChevronLeftIcon:()=>/* @__PURE__ */i(t,{}),ChevronRightIcon:()=>/* @__PURE__ */i(a,{})},enableColumnPinning:!!z||f,enableColumnResizing:!z&&(H??!0),layoutMode:"grid",...L,displayColumnDefOptions:W,muiPaginationProps:N,muiSelectAllCheckboxProps:C({sx:{display:"flex",margin:0}},k,!0),muiSelectCheckboxProps:C({sx:{display:"flex",margin:0}},M,!0)},E=s(q),J=x.enablePagination??q.enablePagination,K=E.getPageCount(),Q=E.getState().pagination.pageIndex,U="function"==typeof q.muiPaginationProps?q.muiPaginationProps({table:E}):q.muiPaginationProps,{showRowsPerPage:X,...Y}=U??{},{sx:Z,..._}=T??{},ee={margin:z?0:h,...z&&{boxSizing:"border-box",minHeight:`${b.paginationMinHeight}px`,padding:b.paginationPadding},".MuiTablePagination-root":{padding:0},".MuiTablePagination-toolbar":{padding:0}},oe=void 0===Z?ee:z?[...Array.isArray(Z)?Z:[Z],ee]:[ee,...Array.isArray(Z)?Z:[Z]];/* @__PURE__ */
 return e(o,{children:[
-/* @__PURE__ */i(g,{table:J}),K&&(!z||N>0)&&/* @__PURE__ */i(n,{alignItems:"flex-end","data-appearance":w,"data-testid":"mrt-grid-pagination",..._,sx:oe,children:z?/* @__PURE__ */i(r,{"aria-label":"Table pagination",...Y,count:N,getItemAriaLabel:(e,o,i)=>"page"===e?i?`page ${o}`:`Go to page ${o}`:`Go to ${e} page`,onChange:(e,o)=>J.setPageIndex(o-1),page:Math.min(Q+1,N),renderItem:e=>/* @__PURE__ */i(l,{...e,slots:{previous:()=>/* @__PURE__ */i(u,{icon:"arrowLeft",size:2}),next:()=>/* @__PURE__ */i(u,{icon:"arrowRight",size:2})}})}):/* @__PURE__ */i(m,{table:J})})]})}export{f as MRTGrid};
+/* @__PURE__ */i(g,{table:E}),J&&(!z||K>0)&&/* @__PURE__ */i(n,{alignItems:"flex-end","data-appearance":y,"data-testid":"mrt-grid-pagination",..._,sx:oe,children:z?/* @__PURE__ */i(r,{"aria-label":"Table pagination",...Y,count:K,getItemAriaLabel:(e,o,i)=>"page"===e?i?`page ${o}`:`Go to page ${o}`:`Go to ${e} page`,onChange:(e,o)=>E.setPageIndex(o-1),page:Math.min(Q+1,K),renderItem:e=>/* @__PURE__ */i(l,{...e,slots:{previous:()=>/* @__PURE__ */i(u,{icon:"arrowLeft",size:2}),next:()=>/* @__PURE__ */i(u,{icon:"arrowRight",size:2})}})}):/* @__PURE__ */i(m,{table:E})})]})}export{f as MRTGrid};

package/dist/components/LinearProgress.d.ts

@@ -2,6 +2,7 @@ import { LinearProgressProps as MuiLinearProgressProps } from '@mui/material/Lin
 type LinearProgressBaseProps = Omit<MuiLinearProgressProps, "classes" | "sx" | "valueBuffer" | "variant">;
 export interface LinearProgressProps extends LinearProgressBaseProps {
     value: number;
+    type?: "absolute" | "relative";
     height?: string;
     minContainerHeight?: string;
     hideValueLabel?: boolean;

package/dist/components/LinearProgress.js

@@ -1,3 +1,3 @@
-import{jsxs as o,jsx as r}from"react/jsx-runtime";import e from"@mui/material/LinearProgress";import t from"@mui/material/Typography";import n from"@mui/material/Box";import{useTheme as l,Stack as i}from"@mui/material";const a=a=>{const{hideValueLabel:u,height:s="8px",minContainerHeight:d="30px"}=a,c=l(),g={lineColor:a.styleProperties?.lineColor||c.custom.grey[1500],fontColor:a.styleProperties?.fontColor||c.custom.grey[2500],fullUpLineColor:a.styleProperties?.fullUpLineColor||c.custom.green[400],fullUpFontColor:a.styleProperties?.fullUpFontColor||c.custom.green[400],backgroundLineColor:a.styleProperties?.backgroundLineColor||c.custom.grey[400],fontBackgroundColor:a.styleProperties?.fontBackgroundColor||c.custom.grey[400],fontBackgroundCompleteColor:a.styleProperties?.fontBackgroundCompleteColor||c.custom.green[50]},m=a.value>=100,p={color:m?g.fullUpLineColor:g.lineColor,backgroundColor:g.backgroundLineColor,fontColor:m?g.fullUpFontColor:g.fontColor,fontBackgroundColor:m?g.fontBackgroundCompleteColor:g.fontBackgroundColor};/* @__PURE__ */
-return o(i,{flexDirection:"row",width:"100%",justifyContent:"space-between",alignItems:"center",gap:c.spacing(1),minHeight:d,children:[
-/* @__PURE__ */r(n,{width:"100%",children:/* @__PURE__ */r(e,{variant:"determinate",...a,sx:{"&.MuiLinearProgress-determinate":{backgroundColor:p.backgroundColor,borderBottomLeftRadius:s,borderTopLeftRadius:s,borderTopRightRadius:s,borderBottomRightRadius:s,height:s},"& .MuiLinearProgress-bar":{backgroundColor:p.color,borderRadius:s}}})}),!u&&/* @__PURE__ */r(n,{sx:{minWidth:"50px",display:"flex",justifyContent:"center",paddingInline:c.spacing(.5),borderRadius:c.spacing(.5),backgroundColor:p.fontBackgroundColor},children:/* @__PURE__ */r(t,{variant:m?"body-bold":"body",sx:{color:p.fontColor},children:`${Math.round(a.value)}%`})})]})};export{a as LinearProgress};
+import{jsx as o,jsxs as r}from"react/jsx-runtime";import e from"@mui/material/LinearProgress";import n from"@mui/material/Typography";import t from"@mui/material/Box";import{useTheme as l,Stack as i}from"@mui/material";const a=a=>{const{type:u="absolute",hideValueLabel:c,height:d="8px",minContainerHeight:g=("relative"===u?"24px":"30px"),styleProperties:m,...s}=a,C=l(),p="relative"===u,f=C.custom.green[700],h={lineColor:m?.lineColor||C.custom.grey[1500],fontColor:m?.fontColor||C.custom.grey[2500],fullUpLineColor:m?.fullUpLineColor||C.custom.green[500],fullUpFontColor:m?.fullUpFontColor||f,backgroundLineColor:m?.backgroundLineColor||C.custom.grey[400],fontBackgroundColor:m?.fontBackgroundColor||C.custom.grey[400],fontBackgroundCompleteColor:m?.fontBackgroundCompleteColor||C.custom.green[50]},b=a.value>=100,k={color:b?h.fullUpLineColor:h.lineColor,backgroundColor:h.backgroundLineColor,fontColor:b?h.fullUpFontColor:h.fontColor,fontBackgroundColor:b?h.fontBackgroundCompleteColor:h.fontBackgroundColor},x=c?null:/* @__PURE__ */o(t,{sx:{minWidth:"60px",height:p?"24px":void 0,display:"flex",alignItems:"center",justifyContent:"center",paddingInline:C.spacing(.5),borderRadius:C.spacing(.5),backgroundColor:k.fontBackgroundColor},children:/* @__PURE__ */o(n,{variant:"body-medium",sx:{color:k.fontColor},children:`${Math.round(a.value)}%`})});/* @__PURE__ */
+return r(i,{flexDirection:"row",width:"100%",justifyContent:"space-between",alignItems:"center",gap:p?C.spacing(3):C.spacing(1),minHeight:g,children:[p&&x,
+/* @__PURE__ */o(t,{width:"100%",minWidth:p?0:void 0,flex:p?1:void 0,children:/* @__PURE__ */o(e,{variant:"determinate",...s,...p?{role:"meter"}:{},sx:{"&.MuiLinearProgress-determinate":{backgroundColor:p?"transparent":k.backgroundColor,borderRadius:d,height:d},"& .MuiLinearProgress-bar":{backgroundColor:k.color,borderRadius:d}}})}),!p&&x]})};export{a as LinearProgress};

package/dist/components/Tags/FoodsTags.d.ts

@@ -1,6 +1,7 @@
 import { SxProps, Theme } from '@mui/material';
 import { IconMapping } from '../Icons';
 import { TagsButtonVariants } from '../../themes';
+export type FoodsTagMode = "readOnly" | "removable" | "clickable";
 export type FoodsTagsProps = {
     variant?: TagsButtonVariants;
     label: string;
@@ -13,6 +14,13 @@ export type FoodsTagsProps = {
     startIcon?: keyof IconMapping;
     endIcon?: keyof IconMapping;
     onClick?: () => void;
+    /** Omitted for compatibility: onClick remains an action, or removal when endIcon is close. */
+    mode?: FoodsTagMode;
+    onRemove?: () => void;
+    /** Localized accessible name for the close control; defaults to `Remove ${label}`. */
+    removeAriaLabel?: string;
+    /** Set only for a clickable tag that toggles a selection. */
+    selected?: boolean;
     disabled?: boolean;
     sx?: SxProps<Theme>;
 };

package/dist/components/Tags/FoodsTags.js

@@ -1,3 +1,3 @@
-import{jsx as o,jsxs as n}from"react/jsx-runtime";import{useTheme as r,Button as a,Stack as i,Typography as c}from"@mui/material";import{FoodsIcon as d}from"../Icons/FoodsIcon.js";const t=t=>{const{variant:e="tags-grey",label:s,detail:l,size:g="compact",colors:p,startIcon:u,endIcon:b,onClick:m,disabled:h,sx:k}=t,I=r(),v="display"===g,x=p?.foreground??"inherit",y=Array.isArray(k)?k:[k],f=n=>/* @__PURE__ */o(c,{sx:{color:x},variant:"small-bold",children:/* @__PURE__ */o(d,{size:1,icon:n})});/* @__PURE__ */
-return o(a,{"aria-label":v?[s,l].filter(Boolean).join(" "):void 0,startIcon:u&&f(u),endIcon:b&&f(b),variant:e,onClick:m,disabled:h,sx:[{borderColor:"transparent",...p&&{background:p.background,backgroundColor:p.background,color:p.foreground,"&:hover, &:active":{background:p.background,backgroundColor:p.background}},...v&&{borderRadius:I.spacing(.5),gap:I.spacing(.25),height:I.custom.tags.display.height,paddingBlock:I.spacing(.25),paddingInlineStart:I.spacing(1),paddingInlineEnd:b?I.spacing(.25):I.spacing(1),"& .MuiButton-endIcon, & .MuiButton-startIcon":{color:x,margin:I.spacing(0),padding:I.spacing(.5)}}},...y],children:v?/* @__PURE__ */n(i,{component:"span",direction:"row",alignItems:"center",sx:{gap:I.spacing(.5)},children:[
-/* @__PURE__ */o(c,{component:"span",sx:{color:x},variant:"body-semibold",children:s}),l&&/* @__PURE__ */o(c,{component:"span",sx:{color:x},variant:"body-regular",children:l})]}):/* @__PURE__ */o(c,{sx:{color:x},variant:"small-bold",children:s})})};export{t as FoodsTags};
+import{jsxs as o,jsx as n}from"react/jsx-runtime";import{useTheme as a,Stack as e,Typography as r,Box as i,Button as c}from"@mui/material";import{FoodsIcon as t}from"../Icons/FoodsIcon.js";import{getTagInteractionStyle as l,getTagStyle as s}from"../../themes/common/MUIComponents/tagsStyles.js";const d=d=>{const{variant:p="tags-grey",label:g,detail:m,size:b="compact",colors:u,startIcon:h,endIcon:k,onClick:v,mode:y,onRemove:x,removeAriaLabel:I,selected:f,disabled:C,sx:j}=d,w=a(),A="display"===b,B=y??(v?"close"===k?"removable":"clickable":"readOnly"),z="removable"===B,M="clickable"===B,R=z?x??v:v,S=u?.foreground??"inherit",E=Array.isArray(j)?j:[j],F=o=>/* @__PURE__ */n(r,{sx:{color:S},variant:"small-bold",children:/* @__PURE__ */n(t,{size:1,icon:o})}),L=A?/* @__PURE__ */o(e,{component:"span",direction:"row",alignItems:"center",sx:{gap:w.spacing(.5)},children:[
+/* @__PURE__ */n(r,{component:"span",sx:{color:S},variant:"body-semibold",children:g}),m&&/* @__PURE__ */n(r,{component:"span",sx:{color:S},variant:"body-regular",children:m})]}):/* @__PURE__ */n(r,{component:"span",sx:{color:S},variant:"small-bold",children:g}),O=M&&f?"check":h,U={borderRadius:w.spacing(.5),display:"inline-flex",alignItems:"center",verticalAlign:"middle",gap:w.spacing(.25),height:A?w.custom.tags.display.height:"24px",minWidth:"auto",whiteSpace:"nowrap",...A&&{paddingBlock:w.spacing(.25),paddingInlineStart:w.spacing(1),paddingInlineEnd:k?w.spacing(.25):w.spacing(1),"& .MuiButton-endIcon, & .MuiButton-startIcon":{color:S,margin:w.spacing(0),padding:w.spacing(.5)}}},W=u&&{background:u.background,backgroundColor:u.background,color:u.foreground,"&:hover, &:active":{background:u.background,backgroundColor:u.background}},$=C&&{background:"tags-black"===p?w.custom.grey[400]:"tags-white"===p?w.custom.grey[300]:void 0,color:"tags-brand"===p?w.palette.primary[500]:w.custom.grey[1400]};return z?/* @__PURE__ */o(i,{component:"span",sx:[s(p,w,{}),U,{paddingInlineEnd:0,cursor:"default"},W,$,...E],children:[!y&&h&&F(h),L,
+/* @__PURE__ */n(i,{component:"button",type:"button","aria-label":I??`Remove ${g}`,onClick:R,disabled:C||!R,sx:l(p,w,"removable"),children:/* @__PURE__ */n(t,{size:1,icon:"close"})})]}):M?/* @__PURE__ */n(c,{"aria-label":A?[g,m].filter(Boolean).join(" "):void 0,"aria-pressed":"boolean"==typeof f?f:void 0,startIcon:O&&F(O),endIcon:k&&F(k),variant:p,onClick:R,disabled:C||!R,sx:[{borderColor:"transparent"},U,l(p,w,"clickable",f),W,...E],children:L}):/* @__PURE__ */o(i,{component:"span",sx:[s(p,w,{}),U,W,...E],children:[O&&F(O),L,k&&F(k)]})};export{d as FoodsTags};

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

@@ -4,5 +4,7 @@ type TagsOwnerState = {
     onClick?: unknown;
 };
 export declare const getTagStyle: (variant: TagsButtonVariants, theme: Theme, ownerState: TagsOwnerState) => CSSObject;
+/** Interaction belongs to the tag in clickable mode and to the close control in removable mode. */
+export declare const getTagInteractionStyle: (variant: TagsButtonVariants, theme: Theme, mode: "clickable" | "removable", selected?: boolean) => CSSObject;
 export declare const isTagVariant: (variant: string | undefined) => variant is TagsButtonVariants;
 export {};

package/dist/themes/common/MUIComponents/tagsStyles.js

@@ -1 +1 @@
-const o={"tags-grey":(o,r)=>({padding:o.spacing(0,1),border:`1px solid ${o.custom.grey[400]}`,borderRadius:"4px",backgroundColor:o.custom.grey[400],color:o.custom.grey[2800],height:"24px",minWidth:"auto",...void 0!==r.onClick?{cursor:"pointer",":hover":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[300]},":active":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[500]},":disabled":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[100],color:o.custom.grey[1400]}}:{cursor:"default",":hover":{cursor:"default"},"&.Mui-disabled":{color:o.custom.grey[2800]}}}),"tags-black":(o,r)=>({padding:o.spacing(0,1),border:`1px solid ${o.custom.grey[400]}`,borderRadius:"4px",background:"linear-gradient(180deg, #484945 0%, #2A2B27 100%)",color:o.custom.grey[100],height:"24px",minWidth:"auto",...void 0!==r.onClick?{cursor:"pointer",":hover":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[300]},":active":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[500]},":disabled":{border:`1px solid ${o.custom.grey[500]}`,background:o.custom.grey[100],backgroundColor:o.custom.grey[100],color:o.custom.grey[1400]}}:{cursor:"default",":hover":{cursor:"default"},"&.Mui-disabled":{color:o.custom.grey[100]}}}),"tags-white":(o,r)=>({padding:o.spacing(0,1),border:`1px solid ${o.custom.grey[400]} !important`,borderRadius:"4px",backgroundColor:o.custom.grey[100],color:o.custom.grey[2800],height:"24px",minWidth:"auto",cursor:"default",...void 0!==r.onClick&&{cursor:"pointer",":hover":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[300]},":active":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[500]},":disabled":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[100],color:o.custom.grey[1400]}},...void 0===r.onClick&&{"&.Mui-disabled":{color:o.custom.grey[2800]}}}),"tags-red":(o,r)=>({padding:o.spacing(0,1),border:`1px solid ${o.custom.red[100]}`,borderRadius:"4px",backgroundColor:o.custom.red[100],color:o.custom.red[600],height:"24px",minWidth:"auto",...void 0!==r.onClick?{cursor:"pointer",":hover":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[300]},":active":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[500]},":disabled":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[100],color:o.custom.grey[1400]}}:{cursor:"default",":hover":{cursor:"default"},"&.Mui-disabled":{color:o.custom.red[600]}}}),"tags-green":(o,r)=>({padding:o.spacing(0,1),borderRadius:"4px",height:"24px",minWidth:"auto",border:`1px solid ${o.custom.grey[400]}`,backgroundColor:o.custom.green[100],color:o.custom.green[600],...void 0!==r.onClick?{cursor:"pointer",":hover":{border:`1px solid ${o.custom.grey[400]}`,backgroundColor:o.custom.green[100],color:o.custom.green[600]},":active":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[500]},":disabled":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[100],color:o.custom.grey[1400]}}:{cursor:"default",":hover":{cursor:"default"},"&.Mui-disabled":{color:o.custom.green[600]}}}),"tags-blue":(o,r)=>({padding:o.spacing(0,1),borderRadius:"4px",height:"24px",minWidth:"auto",border:`1px solid ${o.custom.blue[100]}`,backgroundColor:o.custom.blue[100],color:o.custom.blue[700],...void 0!==r.onClick?{cursor:"pointer",":hover":{border:`1px solid ${o.custom.blue[200]}`,backgroundColor:o.custom.blue[50],color:o.custom.blue[700]},":active":{border:`1px solid ${o.custom.blue[300]}`,backgroundColor:o.custom.blue[200]},":disabled":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[100],color:o.custom.grey[1400]}}:{cursor:"default",":hover":{cursor:"default"},"&.Mui-disabled":{color:o.custom.blue[700]}}}),"tags-coral":(o,r)=>({padding:o.spacing(0,1),borderRadius:"4px",height:"24px",minWidth:"auto",border:`1px solid ${o.custom.coral[100]}`,backgroundColor:o.custom.coral[100],color:o.custom.coral[700],...void 0!==r.onClick?{cursor:"pointer",":hover":{border:`1px solid ${o.custom.coral[200]}`,backgroundColor:o.custom.coral[50],color:o.custom.coral[700]},":active":{border:`1px solid ${o.custom.coral[300]}`,backgroundColor:o.custom.coral[200]},":disabled":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[100],color:o.custom.grey[1400]}}:{cursor:"default",":hover":{cursor:"default"},"&.Mui-disabled":{color:o.custom.coral[700]}}}),"tags-brand":(o,r)=>({padding:o.spacing(0,1),borderRadius:"4px",height:"24px",minWidth:"auto",border:`1px solid ${o.palette.primary[100]}`,backgroundColor:o.palette.primary[100],color:o.palette.primary[800],...void 0!==r.onClick?{cursor:"pointer",":hover":{border:`1px solid ${o.palette.primary[200]}`,backgroundColor:o.palette.primary[50],color:o.palette.primary[800]},":active":{border:`1px solid ${o.palette.primary[300]}`,backgroundColor:o.palette.primary[200],color:o.palette.primary[900]},":disabled":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[100],color:o.custom.grey[1400]}}:{cursor:"default",":hover":{cursor:"default"},"&.Mui-disabled":{color:o.palette.primary[800]}}})},r=(r,e,c)=>o[r](e,c),e=["tags-grey","tags-black","tags-white","tags-red","tags-green","tags-blue","tags-coral","tags-brand"],c=o=>e.includes(o);export{r as getTagStyle,c as isTagVariant};
+const o={"tags-grey":(o,r)=>({padding:o.spacing(0,1),border:`1px solid ${o.custom.grey[400]}`,borderRadius:"4px",backgroundColor:o.custom.grey[400],color:o.custom.grey[2500],height:"24px",minWidth:"auto",...void 0!==r.onClick?{cursor:"pointer",":hover":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[300]},":active":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[500]},":disabled":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[100],color:o.custom.grey[1400]}}:{cursor:"default",":hover":{cursor:"default"},"&.Mui-disabled":{color:o.custom.grey[2500]}}}),"tags-black":(o,r)=>({padding:o.spacing(0,1),border:`1px solid ${o.custom.grey[400]}`,borderRadius:"4px",background:"linear-gradient(180deg, #484945 0%, #2A2B27 100%)",color:o.custom.grey[100],height:"24px",minWidth:"auto",...void 0!==r.onClick?{cursor:"pointer",":hover":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[300]},":active":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[500]},":disabled":{border:`1px solid ${o.custom.grey[500]}`,background:o.custom.grey[100],backgroundColor:o.custom.grey[100],color:o.custom.grey[1400]}}:{cursor:"default",":hover":{cursor:"default"},"&.Mui-disabled":{color:o.custom.grey[100]}}}),"tags-white":(o,r)=>({padding:o.spacing(0,1),border:`1px solid ${o.custom.strokes.containerDivider.color}`,borderRadius:"4px",backgroundColor:o.custom.grey[100],color:o.custom.grey[2800],height:"24px",minWidth:"auto",cursor:"default",...void 0!==r.onClick&&{cursor:"pointer",":hover":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[300]},":active":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[500]},":disabled":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[100],color:o.custom.grey[1400]}},...void 0===r.onClick&&{"&.Mui-disabled":{color:o.custom.grey[2800]}}}),"tags-red":(o,r)=>({padding:o.spacing(0,1),border:`1px solid ${o.custom.red[100]}`,borderRadius:"4px",backgroundColor:o.custom.red[100],color:o.custom.red[700],height:"24px",minWidth:"auto",...void 0!==r.onClick?{cursor:"pointer",":hover":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[300]},":active":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[500]},":disabled":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[100],color:o.custom.grey[1400]}}:{cursor:"default",":hover":{cursor:"default"},"&.Mui-disabled":{color:o.custom.red[700]}}}),"tags-green":(o,r)=>({padding:o.spacing(0,1),borderRadius:"4px",height:"24px",minWidth:"auto",border:`1px solid ${o.custom.grey[400]}`,backgroundColor:o.custom.green[50],color:o.custom.green[700],...void 0!==r.onClick?{cursor:"pointer",":hover":{border:`1px solid ${o.custom.grey[400]}`,backgroundColor:o.custom.green[50],color:o.custom.green[700]},":active":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[500]},":disabled":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[100],color:o.custom.grey[1400]}}:{cursor:"default",":hover":{cursor:"default"},"&.Mui-disabled":{color:o.custom.green[700]}}}),"tags-blue":(o,r)=>({padding:o.spacing(0,1),borderRadius:"4px",height:"24px",minWidth:"auto",border:`1px solid ${o.custom.blue[100]}`,backgroundColor:o.custom.blue[100],color:o.custom.blue[700],...void 0!==r.onClick?{cursor:"pointer",":hover":{border:`1px solid ${o.custom.blue[200]}`,backgroundColor:o.custom.blue[50],color:o.custom.blue[700]},":active":{border:`1px solid ${o.custom.blue[300]}`,backgroundColor:o.custom.blue[200]},":disabled":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[100],color:o.custom.grey[1400]}}:{cursor:"default",":hover":{cursor:"default"},"&.Mui-disabled":{color:o.custom.blue[700]}}}),"tags-coral":(o,r)=>({padding:o.spacing(0,1),borderRadius:"4px",height:"24px",minWidth:"auto",border:`1px solid ${o.custom.coral[100]}`,backgroundColor:o.custom.coral[100],color:o.custom.coral[700],...void 0!==r.onClick?{cursor:"pointer",":hover":{border:`1px solid ${o.custom.coral[200]}`,backgroundColor:o.custom.coral[50],color:o.custom.coral[700]},":active":{border:`1px solid ${o.custom.coral[300]}`,backgroundColor:o.custom.coral[200]},":disabled":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[100],color:o.custom.grey[1400]}}:{cursor:"default",":hover":{cursor:"default"},"&.Mui-disabled":{color:o.custom.coral[700]}}}),"tags-brand":(o,r)=>({padding:o.spacing(0,1),borderRadius:"4px",height:"24px",minWidth:"auto",border:`1px solid ${o.palette.primary[100]}`,backgroundColor:o.palette.primary[100],color:o.palette.primary[800],...void 0!==r.onClick?{cursor:"pointer",":hover":{border:`1px solid ${o.palette.primary[200]}`,backgroundColor:o.palette.primary[50],color:o.palette.primary[800]},":active":{border:`1px solid ${o.palette.primary[300]}`,backgroundColor:o.palette.primary[200],color:o.palette.primary[900]},":disabled":{border:`1px solid ${o.custom.grey[500]}`,backgroundColor:o.custom.grey[100],color:o.custom.grey[1400]}}:{cursor:"default",":hover":{cursor:"default"},"&.Mui-disabled":{color:o.palette.primary[800]}}})},r=(r,e,c)=>o[r](e,c),e=(o,r,e,c=!1)=>{const t={outline:`2px solid ${"tags-black"===o?r.custom.grey[100]:r.custom.grey[2800]}`,outlineOffset:"2px"};if("removable"===e){const e={"tags-grey":[r.custom.grey[700],r.custom.grey[1200]],"tags-white":[r.custom.grey[300],r.custom.grey[500]],"tags-black":[r.custom.grey[2e3],r.custom.grey[2500]],"tags-brand":[r.palette.primary[200]??"",r.palette.primary[300]??""]},[c,s]=e[o]??["transparent","transparent"];return{appearance:"none",display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,width:"24px",height:"24px",padding:"4px",border:0,borderRadius:"4px",background:"transparent",color:"inherit",cursor:"pointer","&:hover":{backgroundColor:c},"&:active":{backgroundColor:s},"&:focus-visible":t,"&:disabled":{cursor:"default",backgroundColor:"transparent"}}}const s={"tags-grey":[r.custom.grey[700],r.custom.grey[1200],r.custom.grey[2800]],"tags-white":[r.custom.grey[300],r.custom.grey[500],r.custom.grey[2800]],"tags-black":[r.custom.grey[2e3],r.custom.grey[2500],r.custom.grey[100]],"tags-brand":[r.palette.primary[200]??"",r.palette.primary[300]??"",r.palette.primary[900]??""]},[d,u,a]=s[o]??["","",""];return{...s[o]&&{"&:hover":{background:d,backgroundColor:d},"&:active":{background:u,backgroundColor:u,color:a}},"&.Mui-focusVisible, &:focus-visible":t,...c&&{border:`1px solid ${r.custom.grey[2800]}`,paddingInlineStart:r.spacing(.5)}}},c=["tags-grey","tags-black","tags-white","tags-red","tags-green","tags-blue","tags-coral","tags-brand"],t=o=>c.includes(o);export{e as getTagInteractionStyle,r as getTagStyle,t as isTagVariant};

package/dist/themes/common/colors.d.ts

@@ -71,14 +71,14 @@ export declare const redTheme: {
     readonly 900: "#751500";
 };
 export declare const greenTheme: {
-    readonly 50: "#DFFFE6";
+    readonly 50: "#D9FAE0";
     readonly 100: "#B7F2C4";
     readonly 200: "#8FE5A2";
     readonly 300: "#67D980";
     readonly 400: "#3FCC5E";
     readonly 500: "#17BF3C";
     readonly 600: "#12A332";
-    readonly 700: "#0D8728";
+    readonly 700: "#00761F";
     readonly 800: "#086A1D";
     readonly 900: "#034E13";
 };
@@ -102,7 +102,7 @@ export declare const yellowTheme: {
     readonly 400: "#FFD51B";
     readonly 500: "#FFB400";
     readonly 600: "#E28A00";
-    readonly 700: "#BB6002";
+    readonly 700: "#AF5A02";
     readonly 800: "#984A08";
     readonly 900: "#7C3D0B";
 };
@@ -114,7 +114,7 @@ export declare const blueTheme: {
     readonly 400: "#4DCDF0";
     readonly 500: "#22B8DA";
     readonly 600: "#159DC0";
-    readonly 700: "#0B83A4";
+    readonly 700: "#0A7897";
     readonly 800: "#046987";
     readonly 900: "#00506A";
 };
@@ -140,7 +140,7 @@ export declare const dataVisualizationColors: {
         readonly main: "#FF8024";
         readonly variant: {
             readonly 100: "#FFCCA7";
-            readonly 700: "#E86303";
+            readonly 700: "#A5551C";
         };
         readonly lv1: {
             readonly max: "#FF3243";
@@ -157,7 +157,7 @@ export declare const dataVisualizationColors: {
         readonly main: "#4DCDF0";
         readonly variant: {
             readonly 100: "#DAF7FF";
-            readonly 700: "#22A9CD";
+            readonly 700: "#177189";
         };
         readonly lv1: {
             readonly max: "#007F70";
@@ -174,7 +174,7 @@ export declare const dataVisualizationColors: {
         readonly main: "#F98CC0";
         readonly variant: {
             readonly 100: "#FFE7F2";
-            readonly 700: "#E96DA8";
+            readonly 700: "#CA1C6E";
         };
         readonly lv1: {
             readonly max: "#720098";
@@ -299,7 +299,7 @@ export declare const extraColors: {
         readonly main: "#FF816C";
         readonly variant: {
             readonly 100: "#FEEEEB";
-            readonly 700: "#DF6043";
+            readonly 700: "#BE472C";
         };
     };
     readonly 13: {
@@ -336,7 +336,7 @@ export declare const allColors: {
         readonly main: "#FF8024";
         readonly variant: {
             readonly 100: "#FFCCA7";
-            readonly 700: "#E86303";
+            readonly 700: "#A5551C";
         };
         readonly lv1: {
             readonly max: "#FF3243";
@@ -353,7 +353,7 @@ export declare const allColors: {
         readonly main: "#4DCDF0";
         readonly variant: {
             readonly 100: "#DAF7FF";
-            readonly 700: "#22A9CD";
+            readonly 700: "#177189";
         };
         readonly lv1: {
             readonly max: "#007F70";
@@ -370,7 +370,7 @@ export declare const allColors: {
         readonly main: "#F98CC0";
         readonly variant: {
             readonly 100: "#FFE7F2";
-            readonly 700: "#E96DA8";
+            readonly 700: "#CA1C6E";
         };
         readonly lv1: {
             readonly max: "#720098";
@@ -493,7 +493,7 @@ export declare const allColors: {
         readonly main: "#FF816C";
         readonly variant: {
             readonly 100: "#FEEEEB";
-            readonly 700: "#DF6043";
+            readonly 700: "#BE472C";
         };
     };
     readonly 13: {

package/dist/themes/common/colors.js

@@ -1 +1 @@
-const F={gradientDark:"linear-gradient(180deg, #484945 0%, #2A2B27 100%)",gradientLight:"linear-gradient(180deg, #FFFFFF 0%, #FAFAFA 100%)",100:"#FFFFFF",200:"#FEFCFB",300:"#F6F5F3",400:"#EFEDEC",500:"#E7E6E4",600:"#E0DEDD",700:"#D8D7D5",800:"#D1CFCE",900:"#C9C8C6",1e3:"#C1C0BE",1100:"#BAB9B7",1200:"#B2B1AF",1300:"#ABAAA8",1400:"#A3A2A0",1500:"#9C9B99",1600:"#949491",1700:"#8C8C89",1800:"#858582",1900:"#7D7D7A",2e3:"#767673",2100:"#6E6E6B",2200:"#676764",2300:"#5F5F5C",2400:"#575854",2500:"#50504D",2600:"#484945",2700:"#41413E",2800:"#393A36",2900:"#32322F",3e3:"#2A2B27"},a={50:"#FFF4F2",100:"#FFE4DE",200:"#FFC1B4",300:"#F5846B",400:"#F16040",500:"#EE3C15",600:"#D03210",700:"#B2290B",800:"#931F05",900:"#751500"},C={50:"#DFFFE6",100:"#B7F2C4",200:"#8FE5A2",300:"#67D980",400:"#3FCC5E",500:"#17BF3C",600:"#12A332",700:"#0D8728",800:"#086A1D",900:"#034E13"},i={50:"#FFF2E9",100:"#FFE5D3",200:"#FFCCA7",300:"#FFB27B",400:"#FF994F",500:"#FF8024",600:"#CC661C",700:"#994C15",800:"#66330E",900:"#331907"},B={50:"#FFFEEA",100:"#FFF9C5",200:"#FFF285",300:"#FFE546",400:"#FFD51B",500:"#FFB400",600:"#E28A00",700:"#BB6002",800:"#984A08",900:"#7C3D0B"},D={50:"#F0FBFF",100:"#DAF7FF",200:"#A9EFFF",300:"#77E4FB",400:"#4DCDF0",500:"#22B8DA",600:"#159DC0",700:"#0B83A4",800:"#046987",900:"#00506A"},E={50:"#FFF7F5",100:"#FEEEEB",200:"#FFD4CB",300:"#FFB3A5",400:"#FF967F",500:"#FF816C",600:"#DF6043",700:"#BE472C",800:"#9C311B",900:"#7A1E0D"},m={grey:"0px 2px 8px 0px #2A2B270A",hard:"0px 4px 8px 0px #2A2B2714",popover:"0px 4px 20px 0px rgba(81, 78, 78, 0.12)"},n={1:{main:"#FF8024",variant:{100:"#FFCCA7",700:"#E86303"},lv1:{max:"#FF3243",middle:"#FF8024",min:"#FFEDA6"},lv2:{max:"#A57100",middle:"#FF9243",min:"#FFD4CB"}},2:{main:"#4DCDF0",variant:{100:"#DAF7FF",700:"#22A9CD"},lv1:{max:"#007F70",middle:"#4DCDF0",min:"#DDEBFF"},lv2:{max:"#001B93",middle:"#4DCDF0",min:"#D5FBF2"}},3:{main:"#F98CC0",variant:{100:"#FFE7F2",700:"#E96DA8"},lv1:{max:"#720098",middle:"#F98CC0",min:"#FFDED9"},lv2:{max:"#9D0101",middle:"#F98CC0",min:"#EFDDFF"}},4:{main:"#2B59A4",variant:{100:"#E4EEFF",700:"#164694"},lv1:{max:"#03684B",middle:"#2B59A4",min:"#CFC9FF"},lv2:{max:"#3F027D",middle:"#2B59A4",min:"#C5FFF7"}},5:{main:"#FFB400",variant:{100:"#FFF7E4",700:"#CF960F"},lv1:{max:"#803202",middle:"#FFB400",min:"#F8F66E"},lv2:{max:"#97B408",middle:"#FFB400",min:"#FFE4D5"}},6:{main:"#DB3D53",variant:{100:"#FFE1E5",700:"#BC2439"},lv1:{max:"#730359",middle:"#DB3D53",min:"#FFD2BC"},lv2:{max:"#5A1800",middle:"#DB3D53",min:"#FFCFF5"}},7:{main:"#47CD56",variant:{100:"#E9FFEB",700:"#32AC40"},lv1:{max:"#6D7502",middle:"#47CD56",min:"#C5FCFF"},lv2:{max:"#01907A",middle:"#47CD56",min:"#F1F5B1"}},8:{main:"#B2B4FF",variant:{100:"#F2F2FF",700:"#8D8FE1"},lv1:{max:"#210191",middle:"#B2B4FF",min:"#F6D0FF"},lv2:{max:"#60017C",middle:"#B2B4FF",min:"#C5FCFF"}}},A={9:{main:"#BB7600",variant:{100:"#FFF7E9",700:"#8F5C02"}},10:{main:"#B249C6",variant:{100:"#FDF1FF",700:"#9B33B0"}},11:{main:"#30C7A3",variant:{100:"#DCFFF7",700:"#14A582"}},12:{main:"#FF816C",variant:{100:"#FEEEEB",700:"#DF6043"}},13:{main:"#5268FF",variant:{100:"#E9ECFF",700:"#3C4FD2"}},14:{main:"#C8E25D",variant:{100:"#F6FFD1",700:"#9CB72E"}},15:{main:"#EFB8FF",variant:{100:"#FAE7FF",700:"#CF8DE2"}},16:{main:"#A0B1AC",variant:{100:"#EEFFFA",700:"#7E928C"}}},d={...A,...n},l=Object.values(d).map(F=>F.main);export{d as allColors,l as allMainColors,D as blueTheme,E as coralTheme,n as dataVisualizationColors,A as extraColors,C as greenTheme,F as greyTheme,i as orangeTheme,a as redTheme,m as shadows,B as yellowTheme};
+const F={gradientDark:"linear-gradient(180deg, #484945 0%, #2A2B27 100%)",gradientLight:"linear-gradient(180deg, #FFFFFF 0%, #FAFAFA 100%)",100:"#FFFFFF",200:"#FEFCFB",300:"#F6F5F3",400:"#EFEDEC",500:"#E7E6E4",600:"#E0DEDD",700:"#D8D7D5",800:"#D1CFCE",900:"#C9C8C6",1e3:"#C1C0BE",1100:"#BAB9B7",1200:"#B2B1AF",1300:"#ABAAA8",1400:"#A3A2A0",1500:"#9C9B99",1600:"#949491",1700:"#8C8C89",1800:"#858582",1900:"#7D7D7A",2e3:"#767673",2100:"#6E6E6B",2200:"#676764",2300:"#5F5F5C",2400:"#575854",2500:"#50504D",2600:"#484945",2700:"#41413E",2800:"#393A36",2900:"#32322F",3e3:"#2A2B27"},C={50:"#FFF4F2",100:"#FFE4DE",200:"#FFC1B4",300:"#F5846B",400:"#F16040",500:"#EE3C15",600:"#D03210",700:"#B2290B",800:"#931F05",900:"#751500"},a={50:"#D9FAE0",100:"#B7F2C4",200:"#8FE5A2",300:"#67D980",400:"#3FCC5E",500:"#17BF3C",600:"#12A332",700:"#00761F",800:"#086A1D",900:"#034E13"},i={50:"#FFF2E9",100:"#FFE5D3",200:"#FFCCA7",300:"#FFB27B",400:"#FF994F",500:"#FF8024",600:"#CC661C",700:"#994C15",800:"#66330E",900:"#331907"},E={50:"#FFFEEA",100:"#FFF9C5",200:"#FFF285",300:"#FFE546",400:"#FFD51B",500:"#FFB400",600:"#E28A00",700:"#AF5A02",800:"#984A08",900:"#7C3D0B"},B={50:"#F0FBFF",100:"#DAF7FF",200:"#A9EFFF",300:"#77E4FB",400:"#4DCDF0",500:"#22B8DA",600:"#159DC0",700:"#0A7897",800:"#046987",900:"#00506A"},m={50:"#FFF7F5",100:"#FEEEEB",200:"#FFD4CB",300:"#FFB3A5",400:"#FF967F",500:"#FF816C",600:"#DF6043",700:"#BE472C",800:"#9C311B",900:"#7A1E0D"},D={grey:"0px 2px 8px 0px #2A2B270A",hard:"0px 4px 8px 0px #2A2B2714",popover:"0px 4px 20px 0px rgba(81, 78, 78, 0.12)"},n={1:{main:"#FF8024",variant:{100:"#FFCCA7",700:"#A5551C"},lv1:{max:"#FF3243",middle:"#FF8024",min:"#FFEDA6"},lv2:{max:"#A57100",middle:"#FF9243",min:"#FFD4CB"}},2:{main:"#4DCDF0",variant:{100:"#DAF7FF",700:"#177189"},lv1:{max:"#007F70",middle:"#4DCDF0",min:"#DDEBFF"},lv2:{max:"#001B93",middle:"#4DCDF0",min:"#D5FBF2"}},3:{main:"#F98CC0",variant:{100:"#FFE7F2",700:"#CA1C6E"},lv1:{max:"#720098",middle:"#F98CC0",min:"#FFDED9"},lv2:{max:"#9D0101",middle:"#F98CC0",min:"#EFDDFF"}},4:{main:"#2B59A4",variant:{100:"#E4EEFF",700:"#164694"},lv1:{max:"#03684B",middle:"#2B59A4",min:"#CFC9FF"},lv2:{max:"#3F027D",middle:"#2B59A4",min:"#C5FFF7"}},5:{main:"#FFB400",variant:{100:"#FFF7E4",700:"#CF960F"},lv1:{max:"#803202",middle:"#FFB400",min:"#F8F66E"},lv2:{max:"#97B408",middle:"#FFB400",min:"#FFE4D5"}},6:{main:"#DB3D53",variant:{100:"#FFE1E5",700:"#BC2439"},lv1:{max:"#730359",middle:"#DB3D53",min:"#FFD2BC"},lv2:{max:"#5A1800",middle:"#DB3D53",min:"#FFCFF5"}},7:{main:"#47CD56",variant:{100:"#E9FFEB",700:"#32AC40"},lv1:{max:"#6D7502",middle:"#47CD56",min:"#C5FCFF"},lv2:{max:"#01907A",middle:"#47CD56",min:"#F1F5B1"}},8:{main:"#B2B4FF",variant:{100:"#F2F2FF",700:"#8D8FE1"},lv1:{max:"#210191",middle:"#B2B4FF",min:"#F6D0FF"},lv2:{max:"#60017C",middle:"#B2B4FF",min:"#C5FCFF"}}},A={9:{main:"#BB7600",variant:{100:"#FFF7E9",700:"#8F5C02"}},10:{main:"#B249C6",variant:{100:"#FDF1FF",700:"#9B33B0"}},11:{main:"#30C7A3",variant:{100:"#DCFFF7",700:"#14A582"}},12:{main:"#FF816C",variant:{100:"#FEEEEB",700:"#BE472C"}},13:{main:"#5268FF",variant:{100:"#E9ECFF",700:"#3C4FD2"}},14:{main:"#C8E25D",variant:{100:"#F6FFD1",700:"#9CB72E"}},15:{main:"#EFB8FF",variant:{100:"#FAE7FF",700:"#CF8DE2"}},16:{main:"#A0B1AC",variant:{100:"#EEFFFA",700:"#7E928C"}}},d={...A,...n},l=Object.values(d).map(F=>F.main);export{d as allColors,l as allMainColors,B as blueTheme,m as coralTheme,n as dataVisualizationColors,A as extraColors,a as greenTheme,F as greyTheme,i as orangeTheme,C as redTheme,D as shadows,E as yellowTheme};

package/dist/themes/common/custom.d.ts

@@ -336,11 +336,6 @@ export declare const toggleSwitch: {
         readonly trackBorderRadius: "20px";
     };
 };
-/**
- * Shared Delete button contract.
- * Figma provenance: Delete button set `12455:9285`; default `12455:9286`,
- * hovered `12455:9292`, pressed `12455:9304`; Product instance `13154:221873`.
- */
 export declare const deleteButton: {
     readonly size: "40px";
     readonly iconSize: {
@@ -349,7 +344,7 @@ export declare const deleteButton: {
     };
     readonly borderRadius: "44px";
     readonly default: {
-        readonly background: "linear-gradient(180deg, #FFFFFF 0%, #F6F5F3 154.5%)";
+        readonly background: string;
         readonly borderColor: "#EE3C15";
         readonly color: "#EE3C15";
     };
@@ -363,6 +358,11 @@ export declare const deleteButton: {
         readonly borderColor: "#D03210";
         readonly color: "#FFFFFF";
     };
+    readonly disabled: {
+        readonly background: string;
+        readonly borderColor: "#FFC1B4";
+        readonly color: "#FFC1B4";
+    };
 };
 /**
  * Shared Breadcrumb geometry from the published Foods design system.

package/dist/themes/common/custom.js

@@ -1 +1 @@
-import e from"i18next";import{greyTheme as i,shadows as r,redTheme as o,allMainColors as t,allColors as d,extraColors as a,dataVisualizationColors as n,coralTheme as p,blueTheme as h,yellowTheme as x,orangeTheme as c,greenTheme as l}from"./colors.js";const g={containerDivider:{color:i[600],style:"solid",width:"1px"}},s={width:"300px"},u={green:{surface:"#F2FFF9"}},m={surface:"#025155",emptyGuidanceForeground:"#EDF9FA",loading:{opacity:.7,transition:"opacity 120ms ease-out"}},b={width:"300px",heights:{inactive:"215px",selected:"231px"},icon:{containerSize:"48px",glyphSize:{width:40,height:40}},carouselControl:{inlineEndOffset:"-5px"},details:{chartHeight:"481px"}},w={stroke:{...g.containerDivider,color:"#E5E3E0"}},y={emptyIndicator:{size:"44px",iconSize:{width:26,height:26}},inline:{width:"70px"}},k={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"}},v={compact:{width:"100px",optionWidth:"130px"}},z={zeroValueWidth:"1px"},S={borderRadius:"8px",loadingIndicatorSize:28,errorMaxWidth:"260px",default:{size:120,stroke:g.containerDivider,emptyCopy:{typographyVariant:"body-regular",lineHeight:1.3}},compact:{size:110,contentInset:"6px",stroke:{...g.containerDivider,style:"dashed"},boxShadow:r.grey,emptyCopy:{width:"76px",typographyVariant:"small-regular"}},thumbnail:{size:70,contentInset:"4px",stroke:g.containerDivider,boxShadow:r.grey}},f={display:{height:"26px"}},$={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:r.grey,color:i[2800]},selected:{background:`linear-gradient(180deg, ${i[2600]} 0%, ${i[3e3]} 100%)`,hoverBackground:i[2800],borderColor:i[2800],boxShadow:r.hard,color:i[100]}},B={primary:{height:"60px"},secondary:{height:"60px"}},C={summaryWidth:"250px",barWidth:"250px",lifecycleBreakdownWidth:"364px",subscoreBreakdownWidth:"346px",impactBreakdownWidth:"318px",impactZeroBreakdownWidth:"292px",impactBenefitBreakdownWidth:"551px"},W={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"}},D={size:"40px",iconSize:{width:20,height:20},borderRadius:"44px",default:{background:`linear-gradient(180deg, ${i[100]} 0%, ${i[300]} 154.5%)`,borderColor:o[500],color:o[500]},hovered:{background:o[400],borderColor:o[500],color:i[100]},pressed:{background:o[600],borderColor:o[600],color:i[100]}},R=`inset 0 0 0 ${g.containerDivider.width} ${g.containerDivider.color}`,I={gap:"4px",separatorIconSize:{width:16,height:16},pageLink:{height:"26px",paddingBlock:"2px",paddingInline:"8px",borderRadius:"8px",maxWidth:"226px",stroke:{default:R,hover:`inset 0 0 0 ${g.containerDivider.width} ${i[2800]}`},collapsed:{width:"24px",height:"16px",paddingInline:"4px",borderRadius:"4px"}},overflowMenu:{offset:"4px",padding:"16px",gap:"8px",borderRadius:"12px",boxShadow:`${R}, ${r.popover}`}},F=`${g.containerDivider.width} ${g.containerDivider.style} ${i[500]}`,E=`${g.containerDivider.width} ${g.containerDivider.style} ${g.containerDivider.color}`,V={contentAlignment:"center",default:{maxCharacters:100,width:"202px",maxWidth:"unset",padding:"12px 16px 12px 16px",borderRadius:"0.5rem",border:F,backgroundColor:i[100],boxShadow:`0px 4px 20px 0px ${i[500]}`,color:i[2800],margin:"8px",typographyVariant:"body-medium",arrow:{color:i[100],border:F}},simple:{width:"300px",maxWidth:"300px",contentMinHeight:"53px",paddingBlock:"2px",paddingInline:"8px",borderRadius:"8px",border:E,backgroundColor:i[100],boxShadow:r.popover,color:i[2500],margin:"8px",typographyVariant:"body-medium",arrow:{width:"16px",height:"8px",color:i[100],border:E}}},H={grey:i,red:o,green:l,orange:c,yellow:x,blue:h,coral:p,shadows:r,dataviz:{colors:n,extra:a,colorsWithExtra:d,onlyMainFromAll:t},doughnutCard:s,strokes:g,status:u,scoreCard:m,scoreOverviewCard:b,ingredientCard:w,scoreValue:y,numberWithUnit:k,formField:v,barChart:z,mediaUpload:S,tags:f,countTabs:$,tabs:B,scoreDetail:C,toggleSwitch:W,deleteButton:D,breadcrumb:I,tooltip:V,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"}},M={valueFormatterFn:(i,r=void 0)=>{const o=Number(i);return Number.isNaN(o)?"":r?o.toLocaleString(e.language,{maximumFractionDigits:r}):o.toLocaleString(e.language)}};export{z as barChart,I as breadcrumb,$ as countTabs,H as custom,D as deleteButton,s as doughnutCard,v as formField,w as ingredientCard,S as mediaUpload,k as numberWithUnit,M as numbers,m as scoreCard,C as scoreDetail,b as scoreOverviewCard,y as scoreValue,u as status,g as strokes,B as tabs,f as tags,W as toggleSwitch,V as tooltip};
+import e from"i18next";import{greyTheme as i,shadows as r,redTheme as o,allMainColors as t,allColors as d,extraColors as a,dataVisualizationColors as n,coralTheme as p,blueTheme as h,yellowTheme as x,orangeTheme as c,greenTheme as l}from"./colors.js";const g={containerDivider:{color:i[600],style:"solid",width:"1px"}},s={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:{...g.containerDivider,color:"#E5E3E0"}},y={emptyIndicator:{size:"44px",iconSize:{width:26,height:26}},inline:{width:"70px"}},k={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"}},v={compact:{width:"100px",optionWidth:"130px"}},z={zeroValueWidth:"1px"},S={borderRadius:"8px",loadingIndicatorSize:28,errorMaxWidth:"260px",default:{size:120,stroke:g.containerDivider,emptyCopy:{typographyVariant:"body-regular",lineHeight:1.3}},compact:{size:110,contentInset:"6px",stroke:{...g.containerDivider,style:"dashed"},boxShadow:r.grey,emptyCopy:{width:"76px",typographyVariant:"small-regular"}},thumbnail:{size:70,contentInset:"4px",stroke:g.containerDivider,boxShadow:r.grey}},f={display:{height:"26px"}},$={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:r.grey,color:i[2800]},selected:{background:`linear-gradient(180deg, ${i[2600]} 0%, ${i[3e3]} 100%)`,hoverBackground:i[2800],borderColor:i[2800],boxShadow:r.hard,color:i[100]}},B={primary:{height:"60px"},secondary:{height:"60px"}},C={summaryWidth:"250px",barWidth:"250px",lifecycleBreakdownWidth:"364px",subscoreBreakdownWidth:"346px",impactBreakdownWidth:"318px",impactZeroBreakdownWidth:"292px",impactBenefitBreakdownWidth:"551px"},W={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"}},D=`linear-gradient(180deg, ${i[100]} 0%, ${i[300]} 154.5%)`,R={size:"40px",iconSize:{width:20,height:20},borderRadius:"44px",default:{background:D,borderColor:o[500],color:o[500]},hovered:{background:o[400],borderColor:o[500],color:i[100]},pressed:{background:o[600],borderColor:o[600],color:i[100]},disabled:{background:D,borderColor:o[200],color:o[200]}},I=`inset 0 0 0 ${g.containerDivider.width} ${g.containerDivider.color}`,F={gap:"4px",separatorIconSize:{width:16,height:16},pageLink:{height:"26px",paddingBlock:"2px",paddingInline:"8px",borderRadius:"8px",maxWidth:"226px",stroke:{default:I,hover:`inset 0 0 0 ${g.containerDivider.width} ${i[2800]}`},collapsed:{width:"24px",height:"16px",paddingInline:"4px",borderRadius:"4px"}},overflowMenu:{offset:"4px",padding:"16px",gap:"8px",borderRadius:"12px",boxShadow:`${I}, ${r.popover}`}},E=`${g.containerDivider.width} ${g.containerDivider.style} ${i[500]}`,V=`${g.containerDivider.width} ${g.containerDivider.style} ${g.containerDivider.color}`,H={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:V,backgroundColor:i[100],boxShadow:r.popover,color:i[2500],margin:"8px",typographyVariant:"body-medium",arrow:{width:"16px",height:"8px",color:i[100],border:V}}},M={grey:i,red:o,green:l,orange:c,yellow:x,blue:h,coral:p,shadows:r,dataviz:{colors:n,extra:a,colorsWithExtra:d,onlyMainFromAll:t},doughnutCard:s,strokes:g,status:u,scoreCard:b,scoreOverviewCard:m,ingredientCard:w,scoreValue:y,numberWithUnit:k,formField:v,barChart:z,mediaUpload:S,tags:f,countTabs:$,tabs:B,scoreDetail:C,toggleSwitch:W,deleteButton:R,breadcrumb:F,tooltip:H,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"}},T={valueFormatterFn:(i,r=void 0)=>{const o=Number(i);return Number.isNaN(o)?"":r?o.toLocaleString(e.language,{maximumFractionDigits:r}):o.toLocaleString(e.language)}};export{z as barChart,F as breadcrumb,$ as countTabs,M as custom,R as deleteButton,s as doughnutCard,v as formField,w as ingredientCard,S as mediaUpload,k as numberWithUnit,T as numbers,b as scoreCard,C as scoreDetail,m as scoreOverviewCard,y as scoreValue,u as status,g as strokes,B as tabs,f as tags,W as toggleSwitch,H as tooltip};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@foodpilot/foods",
   "private": false,
-  "version": "2.25.5",
+  "version": "2.26.0",
   "type": "module",
   "main": "./dist/main.js",
   "module": "./dist/main.js",
@@ -300,7 +300,7 @@
     "remark-gfm": "^4.0.1",
     "rollup-plugin-visualizer": "^7.0.0",
     "size-limit": "^12.0.0",
-    "storybook": "^10.2.13",
+    "storybook": "^10.6.4",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.56.1",
     "vite": "^7.3.7",