@foodpilot/foods 2.17.8 → 2.17.9
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.
|
@@ -217,7 +217,8 @@ export declare const tabs: {
|
|
|
217
217
|
/**
|
|
218
218
|
* Shared score-detail layout geometry.
|
|
219
219
|
* Figma provenance: Product score details lifecycle `13140:99648`,
|
|
220
|
-
* sub-scores `13140:100217`,
|
|
220
|
+
* sub-scores `13140:100217`, impacts `13140:100596`, zero-impact bars
|
|
221
|
+
* `13162:67454`/`13162:67459`/`13162:67464`, and benefit bar `13162:67440`.
|
|
221
222
|
*/
|
|
222
223
|
export declare const scoreDetail: {
|
|
223
224
|
readonly summaryWidth: "250px";
|
|
@@ -225,6 +226,8 @@ export declare const scoreDetail: {
|
|
|
225
226
|
readonly lifecycleBreakdownWidth: "364px";
|
|
226
227
|
readonly subscoreBreakdownWidth: "346px";
|
|
227
228
|
readonly impactBreakdownWidth: "318px";
|
|
229
|
+
readonly impactZeroBreakdownWidth: "292px";
|
|
230
|
+
readonly impactBenefitBreakdownWidth: "551px";
|
|
228
231
|
};
|
|
229
232
|
/**
|
|
230
233
|
* Shared Toggle switch geometry and neutral state colors.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"i18next";import{greyTheme as i,shadows as r,redTheme as o,allMainColors as t,allColors as a,extraColors as d,dataVisualizationColors as n,coralTheme as p,blueTheme as h,yellowTheme as x,orangeTheme as c,greenTheme as l}from"./colors.js";const s={containerDivider:{color:i[600],style:"solid",width:"1px"}},g={width:"300px"},u={green:{surface:"#F2FFF9"}},m={surface:"#025155",emptyGuidanceForeground:"#EDF9FA",loading:{opacity:.7,transition:"opacity 120ms ease-out"}},b={stroke:{...s.containerDivider,color:"#E5E3E0"}},w={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"}},k={compact:{width:"100px",optionWidth:"130px"}},z={zeroValueWidth:"1px"},v={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:r.grey,emptyCopy:{width:"76px",typographyVariant:"small-regular"}},thumbnail:{size:70,contentInset:"4px",stroke:s.containerDivider,boxShadow:r.grey}},S={display:{height:"26px"}},f={primary:{height:"60px"},secondary:{height:"60px"}}
|
|
1
|
+
import e from"i18next";import{greyTheme as i,shadows as r,redTheme as o,allMainColors as t,allColors as a,extraColors as d,dataVisualizationColors as n,coralTheme as p,blueTheme as h,yellowTheme as x,orangeTheme as c,greenTheme as l}from"./colors.js";const s={containerDivider:{color:i[600],style:"solid",width:"1px"}},g={width:"300px"},u={green:{surface:"#F2FFF9"}},m={surface:"#025155",emptyGuidanceForeground:"#EDF9FA",loading:{opacity:.7,transition:"opacity 120ms ease-out"}},b={stroke:{...s.containerDivider,color:"#E5E3E0"}},w={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"}},k={compact:{width:"100px",optionWidth:"130px"}},z={zeroValueWidth:"1px"},v={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:r.grey,emptyCopy:{width:"76px",typographyVariant:"small-regular"}},thumbnail:{size:70,contentInset:"4px",stroke:s.containerDivider,boxShadow:r.grey}},S={display:{height:"26px"}},f={primary:{height:"60px"},secondary:{height:"60px"}},B={summaryWidth:"250px",barWidth:"250px",lifecycleBreakdownWidth:"364px",subscoreBreakdownWidth:"346px",impactBreakdownWidth:"318px",impactZeroBreakdownWidth:"292px",impactBenefitBreakdownWidth:"551px"},$={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]}},W=`inset 0 0 0 ${s.containerDivider.width} ${s.containerDivider.color}`,C={gap:"4px",separatorIconSize:{width:16,height:16},pageLink:{height:"26px",paddingBlock:"2px",paddingInline:"8px",borderRadius:"8px",maxWidth:"226px",stroke:{default:W,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:`${W}, ${r.popover}`}},R=`${s.containerDivider.width} ${s.containerDivider.style} ${i[500]}`,I=`${s.containerDivider.width} ${s.containerDivider.style} ${s.containerDivider.color}`,F={contentAlignment:"center",default:{maxCharacters:100,width:"202px",maxWidth:"unset",padding:"12px 16px 12px 16px",borderRadius:"0.5rem",border:R,backgroundColor:i[100],boxShadow:`0px 4px 20px 0px ${i[500]}`,color:i[2800],margin:"8px",typographyVariant:"body-medium",arrow:{color:i[100],border:R}},simple:{width:"300px",maxWidth:"300px",contentMinHeight:"53px",paddingBlock:"2px",paddingInline:"8px",borderRadius:"8px",border:I,backgroundColor:i[100],boxShadow:r.popover,color:i[2500],margin:"8px",typographyVariant:"body-medium",arrow:{width:"16px",height:"8px",color:i[100],border:I}}},E={grey:i,red:o,green:l,orange:c,yellow:x,blue:h,coral:p,shadows:r,dataviz:{colors:n,extra:d,colorsWithExtra:a,onlyMainFromAll:t},doughnutCard:g,strokes:s,status:u,scoreCard:m,ingredientCard:b,scoreValue:w,numberWithUnit:y,formField:k,barChart:z,mediaUpload:v,tags:S,tabs:f,scoreDetail:B,toggleSwitch:$,deleteButton:D,breadcrumb:C,tooltip:F,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"}},V={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,C as breadcrumb,E as custom,D as deleteButton,g as doughnutCard,k as formField,b as ingredientCard,v as mediaUpload,y as numberWithUnit,V as numbers,m as scoreCard,B as scoreDetail,w as scoreValue,u as status,s as strokes,f as tabs,S as tags,$ as toggleSwitch,F as tooltip};
|