@undp/data-viz 1.5.9 → 2.0.1

package/dist/BasicStatCard.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CHPV5EwG-DjM48pIC.cjs"),b=require("./Typography-BDULiwlF.cjs"),N=require("./GraphFooter.cjs"),w=require("./GraphHeader.cjs"),E=require("./numberFormattingFunction-02t-wJta.cjs");function v(R){const{year:o,value:c,graphTitle:i,suffix:m="",sources:l,prefix:p="",graphDescription:n,footNote:x,padding:u,backgroundColor:a=!1,graphID:k,language:s="en",theme:S="light",ariaLabel:$,textBackground:d=!1,headingFontSize:g="4.375rem",centerAlign:h=!1,verticalAlign:f="center",layout:y="primary",styles:t,classNames:r,precision:j}=R;return e.jsxRuntimeExports.jsx("div",{className:`${S||"light"} flex w-full`,dir:s==="he"||s==="ar"?"rtl":void 0,children:e.jsxRuntimeExports.jsx("div",{className:e.mo(`${a?a===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}flex flex-col w-full h-inherit ${s||"en"}`,r?.graphContainer),style:{...t?.graphContainer||{},...a&&a!==!0?{backgroundColor:a}:{}},id:k,"aria-label":$||`${i?`The graph shows ${i}. `:""}This is a statistic card.${n?` ${n}`:""}`,children:e.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:a?u||"1rem":u||0},children:y!=="secondary"?e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-12 justify-between grow",children:[i||n?e.jsxRuntimeExports.jsx(w.GraphHeader,{styles:{title:t?.title,description:t?.description},classNames:{title:r?.title,description:r?.description},graphTitle:i,graphDescription:n}):null,e.jsxRuntimeExports.jsx("div",{className:`flex flex-col justify-between grow ${f==="top"?"justify-start":f==="bottom"?"justify-end":"justify-center"}`,children:e.jsxRuntimeExports.jsxs(b.h,{marginBottom:"base",className:`leading-none text-outline font-heading ${h?"text-center":s==="he"||s==="ar"?"text-right":"text-left"} ${d?"text-primary-black dark:text-primary-white":"transparent"}`,style:{fontSize:g,letterSpacing:"0.05rem"},children:[E.numberFormattingFunction(c,"NA",j,p,m)," ",o?e.jsxRuntimeExports.jsxs("span",{className:"text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400",style:{marginLeft:"-8px",lineHeight:"1.09",textShadow:"none",WebkitTextStrokeWidth:0},children:["(",o,")"]}):null]})}),l||x?e.jsxRuntimeExports.jsx(N.GraphFooter,{styles:{footnote:t?.footnote,source:t?.source},classNames:{footnote:r?.footnote,source:r?.source},sources:l,footNote:x}):null]}):e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-center",children:[e.jsxRuntimeExports.jsxs(b.h,{marginBottom:y==="secondary"?"none":"base",className:`leading-none text-outline font-heading ${h?"text-center":s==="he"||s==="ar"?"text-right":"text-left"} ${d?"text-primary-black dark:text-primary-white":"transparent"}`,style:{fontSize:g,letterSpacing:"0.05rem"},children:[E.numberFormattingFunction(c,"NA",j,p,m)," ",o?e.jsxRuntimeExports.jsxs("span",{className:"text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400",style:{marginLeft:"-8px",lineHeight:"1.09",textShadow:"none",WebkitTextStrokeWidth:0},children:["(",o,")"]}):null]}),i||n?e.jsxRuntimeExports.jsx(w.GraphHeader,{styles:{title:t?.title,description:t?.description},classNames:{title:r?.title,description:r?.description},graphTitle:i,graphDescription:n}):null,l||x?e.jsxRuntimeExports.jsx(N.GraphFooter,{styles:{footnote:t?.footnote,source:t?.source},classNames:{footnote:r?.footnote,source:r?.source},sources:l,footNote:x}):null]})})})})}exports.BasicStatCard=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-CHPV5EwG-CTPQjnHt.cjs"),Q=require("./Typography-DX7PlgQU.cjs"),U=require("./GraphFooter.cjs"),X=require("./GraphHeader.cjs"),Y=require("./numberFormattingFunction-02t-wJta.cjs");function tt(Z){const t=r.compilerRuntimeExports.c(48),{year:l,value:j,graphTitle:i,suffix:q,sources:c,prefix:z,graphDescription:n,footNote:x,padding:W,backgroundColor:L,graphID:w,language:D,theme:P,ariaLabel:_,textBackground:I,headingFontSize:M,centerAlign:O,verticalAlign:V,layout:J,styles:e,classNames:o,precision:b}=Z,v=q===void 0?"":q,E=z===void 0?"":z,a=L===void 0?!1:L,s=D===void 0?"en":D,K=P===void 0?"light":P,R=I===void 0?!1:I,$=M===void 0?"4.375rem":M,N=O===void 0?!1:O,k=V===void 0?"center":V,y=J===void 0?"primary":J,F=`${K||"light"} w-full`,C=s==="he"||s==="ar"?"rtl":void 0,G=`${K||"light"} flex flex-col w-full box-border h-full ${a?a===!0?"bg-primary-gray-200 dark:bg-primary-gray-650":"":"bg-transparent"} ${s||"en"}`,T=o?.graphContainer;let u;t[0]!==G||t[1]!==T?(u=r.mo(G,T),t[0]=G,t[1]=T,t[2]=u):u=t[2];let d;t[3]!==e?.graphContainer?(d=e?.graphContainer||{},t[3]=e?.graphContainer,t[4]=d):d=t[4];let p;t[5]!==a?(p=a&&a!==!0?{backgroundColor:a}:{},t[5]=a,t[6]=p):p=t[6];const A=a?W||"1rem":W||0;let m;t[7]!==d||t[8]!==p||t[9]!==A?(m={...d,...p,padding:A},t[7]=d,t[8]=p,t[9]=A,t[10]=m):m=t[10];const B=_||`${i?`The graph shows ${i}. `:""}This is a statistic card.${n?` ${n}`:""}`,H=`flex flex-col w-full grow ${y!=="secondary"?"gap-12 justify-between":"gap-4 justify-center"}`;let g;t[11]!==N||t[12]!==o?.description||t[13]!==o?.footnote||t[14]!==o?.source||t[15]!==o?.title||t[16]!==x||t[17]!==n||t[18]!==i||t[19]!==$||t[20]!==s||t[21]!==y||t[22]!==b||t[23]!==E||t[24]!==c||t[25]!==e?.description||t[26]!==e?.footnote||t[27]!==e?.source||t[28]!==e?.title||t[29]!==v||t[30]!==R||t[31]!==j||t[32]!==k||t[33]!==l?(g=y!=="secondary"?r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[i||n?r.jsxRuntimeExports.jsx(X.GraphHeader,{styles:{title:e?.title,description:e?.description},classNames:{title:o?.title,description:o?.description},graphTitle:i,graphDescription:n}):null,r.jsxRuntimeExports.jsx("div",{className:`flex flex-col justify-between grow ${k==="top"?"justify-start":k==="bottom"?"justify-end":"justify-center"}`,children:r.jsxRuntimeExports.jsxs(Q.$,{marginBottom:"base",className:`leading-none text-outline font-heading ${N?"text-center":s==="he"||s==="ar"?"text-right":"text-left"} ${R?"text-primary-black dark:text-primary-white":"transparent"}`,style:{fontSize:$,letterSpacing:"0.05rem"},children:[Y.numberFormattingFunction(j,"NA",b,E,v)," ",l?r.jsxRuntimeExports.jsxs("span",{className:"text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400",style:{marginLeft:"-8px",lineHeight:"1.09",textShadow:"none",WebkitTextStrokeWidth:0},children:["(",l,")"]}):null]})}),c||x?r.jsxRuntimeExports.jsx(U.GraphFooter,{styles:{footnote:e?.footnote,source:e?.source},classNames:{footnote:o?.footnote,source:o?.source},sources:c,footNote:x}):null]}):r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsxs(Q.$,{marginBottom:y==="secondary"?"none":"base",className:`leading-none text-outline font-heading ${N?"text-center":s==="he"||s==="ar"?"text-right":"text-left"} ${R?"text-primary-black dark:text-primary-white":"transparent"}`,style:{fontSize:$,letterSpacing:"0.05rem"},children:[Y.numberFormattingFunction(j,"NA",b,E,v)," ",l?r.jsxRuntimeExports.jsxs("span",{className:"text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400",style:{marginLeft:"-8px",lineHeight:"1.09",textShadow:"none",WebkitTextStrokeWidth:0},children:["(",l,")"]}):null]}),i||n?r.jsxRuntimeExports.jsx(X.GraphHeader,{styles:{title:e?.title,description:e?.description},classNames:{title:o?.title,description:o?.description},graphTitle:i,graphDescription:n}):null,c||x?r.jsxRuntimeExports.jsx(U.GraphFooter,{styles:{footnote:e?.footnote,source:e?.source},classNames:{footnote:o?.footnote,source:o?.source},sources:c,footNote:x}):null]}),t[11]=N,t[12]=o?.description,t[13]=o?.footnote,t[14]=o?.source,t[15]=o?.title,t[16]=x,t[17]=n,t[18]=i,t[19]=$,t[20]=s,t[21]=y,t[22]=b,t[23]=E,t[24]=c,t[25]=e?.description,t[26]=e?.footnote,t[27]=e?.source,t[28]=e?.title,t[29]=v,t[30]=R,t[31]=j,t[32]=k,t[33]=l,t[34]=g):g=t[34];let f;t[35]!==H||t[36]!==g?(f=r.jsxRuntimeExports.jsx("div",{className:H,children:g}),t[35]=H,t[36]=g,t[37]=f):f=t[37];let h;t[38]!==w||t[39]!==C||t[40]!==u||t[41]!==m||t[42]!==B||t[43]!==f?(h=r.jsxRuntimeExports.jsx("div",{id:w,dir:C,className:u,style:m,"aria-label":B,children:f}),t[38]=w,t[39]=C,t[40]=u,t[41]=m,t[42]=B,t[43]=f,t[44]=h):h=t[44];let S;return t[45]!==F||t[46]!==h?(S=r.jsxRuntimeExports.jsx("div",{className:F,children:h}),t[45]=F,t[46]=h,t[47]=S):S=t[47],S}exports.BasicStatCard=tt;
 //# sourceMappingURL=BasicStatCard.cjs.map

package/dist/BasicStatCard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BasicStatCard.cjs","sources":["../src/Components/Graphs/StatCard/index.tsx"],"sourcesContent":["import { H3 } from '@undp/design-system-react/Typography';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { ClassNameObject, Languages, SourcesDataType, StyleObject } from '@/Types';\r\n\r\ninterface Props {\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Defines the layout for the cards */\r\n  layout?: 'primary' | 'secondary';\r\n  /** Font size of the main text */\r\n  headingFontSize?: string;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Toggle the fill color of the main text. */\r\n  textBackground?: boolean;\r\n  /** Toggle is the text is center aligned. */\r\n  centerAlign?: boolean;\r\n  /** Vertical alignment of the main text */\r\n  verticalAlign?: 'center' | 'top' | 'bottom';\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Main text */\r\n  value: number | string;\r\n  /** Sub text next to main text */\r\n  year?: number | string;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function BasicStatCard(props: Props) {\r\n  const {\r\n    year,\r\n    value,\r\n    graphTitle,\r\n    suffix = '',\r\n    sources,\r\n    prefix = '',\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    language = 'en',\r\n    theme = 'light',\r\n    ariaLabel,\r\n    textBackground = false,\r\n    headingFontSize = '4.375rem',\r\n    centerAlign = false,\r\n    verticalAlign = 'center',\r\n    layout = 'primary',\r\n    styles,\r\n    classNames,\r\n    precision,\r\n  } = props;\r\n  return (\r\n    <div\r\n      className={`${theme || 'light'} flex w-full`}\r\n      dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n    >\r\n      <div\r\n        className={cn(\r\n          `${\r\n            !backgroundColor\r\n              ? 'bg-transparent '\r\n              : backgroundColor === true\r\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650 '\r\n                : ''\r\n          }flex flex-col w-full h-inherit ${language || 'en'}`,\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a statistic card.${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className='flex grow'\r\n          style={{ padding: backgroundColor ? padding || '1rem' : padding || 0 }}\r\n        >\r\n          {layout !== 'secondary' ? (\r\n            <div className='flex flex-col w-full gap-12 justify-between grow'>\r\n              {graphTitle || graphDescription ? (\r\n                <GraphHeader\r\n                  styles={{\r\n                    title: styles?.title,\r\n                    description: styles?.description,\r\n                  }}\r\n                  classNames={{\r\n                    title: classNames?.title,\r\n                    description: classNames?.description,\r\n                  }}\r\n                  graphTitle={graphTitle}\r\n                  graphDescription={graphDescription}\r\n                />\r\n              ) : null}\r\n              <div\r\n                className={`flex flex-col justify-between grow ${\r\n                  verticalAlign === 'top'\r\n                    ? 'justify-start'\r\n                    : verticalAlign === 'bottom'\r\n                      ? 'justify-end'\r\n                      : 'justify-center'\r\n                }`}\r\n              >\r\n                <H3\r\n                  marginBottom='base'\r\n                  className={`leading-none text-outline font-heading ${\r\n                    centerAlign\r\n                      ? 'text-center'\r\n                      : language === 'he' || language === 'ar'\r\n                        ? 'text-right'\r\n                        : 'text-left'\r\n                  } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                  style={{\r\n                    fontSize: headingFontSize,\r\n                    letterSpacing: '0.05rem',\r\n                  }}\r\n                >\r\n                  {numberFormattingFunction(value, 'NA', precision, prefix, suffix)}{' '}\r\n                  {year ? (\r\n                    <span\r\n                      className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                      style={{\r\n                        marginLeft: '-8px',\r\n                        lineHeight: '1.09',\r\n                        textShadow: 'none',\r\n                        WebkitTextStrokeWidth: 0,\r\n                      }}\r\n                    >\r\n                      ({year})\r\n                    </span>\r\n                  ) : null}\r\n                </H3>\r\n              </div>\r\n              {sources || footNote ? (\r\n                <GraphFooter\r\n                  styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                  classNames={{\r\n                    footnote: classNames?.footnote,\r\n                    source: classNames?.source,\r\n                  }}\r\n                  sources={sources}\r\n                  footNote={footNote}\r\n                />\r\n              ) : null}\r\n            </div>\r\n          ) : (\r\n            <div className='flex flex-col w-full gap-4 grow justify-center'>\r\n              <H3\r\n                marginBottom={layout === 'secondary' ? 'none' : 'base'}\r\n                className={`leading-none text-outline font-heading ${\r\n                  centerAlign\r\n                    ? 'text-center'\r\n                    : language === 'he' || language === 'ar'\r\n                      ? 'text-right'\r\n                      : 'text-left'\r\n                } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                style={{\r\n                  fontSize: headingFontSize,\r\n                  letterSpacing: '0.05rem',\r\n                }}\r\n              >\r\n                {numberFormattingFunction(value, 'NA', precision, prefix, suffix)}{' '}\r\n                {year ? (\r\n                  <span\r\n                    className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                    style={{\r\n                      marginLeft: '-8px',\r\n                      lineHeight: '1.09',\r\n                      textShadow: 'none',\r\n                      WebkitTextStrokeWidth: 0,\r\n                    }}\r\n                  >\r\n                    ({year})\r\n                  </span>\r\n                ) : null}\r\n              </H3>\r\n              {graphTitle || graphDescription ? (\r\n                <GraphHeader\r\n                  styles={{\r\n                    title: styles?.title,\r\n                    description: styles?.description,\r\n                  }}\r\n                  classNames={{\r\n                    title: classNames?.title,\r\n                    description: classNames?.description,\r\n                  }}\r\n                  graphTitle={graphTitle}\r\n                  graphDescription={graphDescription}\r\n                />\r\n              ) : null}\r\n              {sources || footNote ? (\r\n                <GraphFooter\r\n                  styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                  classNames={{\r\n                    footnote: classNames?.footnote,\r\n                    source: classNames?.source,\r\n                  }}\r\n                  sources={sources}\r\n                  footNote={footNote}\r\n                />\r\n              ) : null}\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["BasicStatCard","props","year","value","graphTitle","suffix","sources","prefix","graphDescription","footNote","padding","backgroundColor","graphID","language","theme","ariaLabel","textBackground","headingFontSize","centerAlign","verticalAlign","layout","styles","classNames","precision","jsx","cn","jsxs","GraphHeader","H3","numberFormattingFunction","GraphFooter"],"mappings":"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"}
+{"version":3,"file":"BasicStatCard.cjs","sources":["../src/Components/Graphs/StatCard/index.tsx"],"sourcesContent":["import { H3 } from '@undp/design-system-react/Typography';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { ClassNameObject, Languages, SourcesDataType, StyleObject } from '@/Types';\r\n\r\ninterface Props {\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Defines the layout for the cards */\r\n  layout?: 'primary' | 'secondary';\r\n  /** Font size of the main text */\r\n  headingFontSize?: string;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Toggle the fill color of the main text. */\r\n  textBackground?: boolean;\r\n  /** Toggle is the text is center aligned. */\r\n  centerAlign?: boolean;\r\n  /** Vertical alignment of the main text */\r\n  verticalAlign?: 'center' | 'top' | 'bottom';\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Main text */\r\n  value: number | string;\r\n  /** Sub text next to main text */\r\n  year?: number | string;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function BasicStatCard(props: Props) {\r\n  const {\r\n    year,\r\n    value,\r\n    graphTitle,\r\n    suffix = '',\r\n    sources,\r\n    prefix = '',\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    language = 'en',\r\n    theme = 'light',\r\n    ariaLabel,\r\n    textBackground = false,\r\n    headingFontSize = '4.375rem',\r\n    centerAlign = false,\r\n    verticalAlign = 'center',\r\n    layout = 'primary',\r\n    styles,\r\n    classNames,\r\n    precision,\r\n  } = props;\r\n  return (\r\n    <div className={`${theme || 'light'} w-full`}>\r\n      <div\r\n        id={graphID}\r\n        dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n        className={cn(\r\n          `${theme || 'light'} flex flex-col w-full box-border h-full ${\r\n            !backgroundColor\r\n              ? 'bg-transparent'\r\n              : backgroundColor === true\r\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650'\r\n                : ''\r\n          } ${language || 'en'}`,\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n          padding: backgroundColor ? padding || '1rem' : padding || 0,\r\n        }}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a statistic card.${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className={`flex flex-col w-full grow ${layout !== 'secondary' ? 'gap-12 justify-between' : 'gap-4 justify-center'}`}\r\n        >\r\n          {layout !== 'secondary' ? (\r\n            <>\r\n              {graphTitle || graphDescription ? (\r\n                <GraphHeader\r\n                  styles={{\r\n                    title: styles?.title,\r\n                    description: styles?.description,\r\n                  }}\r\n                  classNames={{\r\n                    title: classNames?.title,\r\n                    description: classNames?.description,\r\n                  }}\r\n                  graphTitle={graphTitle}\r\n                  graphDescription={graphDescription}\r\n                />\r\n              ) : null}\r\n              <div\r\n                className={`flex flex-col justify-between grow ${\r\n                  verticalAlign === 'top'\r\n                    ? 'justify-start'\r\n                    : verticalAlign === 'bottom'\r\n                      ? 'justify-end'\r\n                      : 'justify-center'\r\n                }`}\r\n              >\r\n                <H3\r\n                  marginBottom='base'\r\n                  className={`leading-none text-outline font-heading ${\r\n                    centerAlign\r\n                      ? 'text-center'\r\n                      : language === 'he' || language === 'ar'\r\n                        ? 'text-right'\r\n                        : 'text-left'\r\n                  } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                  style={{\r\n                    fontSize: headingFontSize,\r\n                    letterSpacing: '0.05rem',\r\n                  }}\r\n                >\r\n                  {numberFormattingFunction(value, 'NA', precision, prefix, suffix)}{' '}\r\n                  {year ? (\r\n                    <span\r\n                      className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                      style={{\r\n                        marginLeft: '-8px',\r\n                        lineHeight: '1.09',\r\n                        textShadow: 'none',\r\n                        WebkitTextStrokeWidth: 0,\r\n                      }}\r\n                    >\r\n                      ({year})\r\n                    </span>\r\n                  ) : null}\r\n                </H3>\r\n              </div>\r\n              {sources || footNote ? (\r\n                <GraphFooter\r\n                  styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                  classNames={{\r\n                    footnote: classNames?.footnote,\r\n                    source: classNames?.source,\r\n                  }}\r\n                  sources={sources}\r\n                  footNote={footNote}\r\n                />\r\n              ) : null}\r\n            </>\r\n          ) : (\r\n            <>\r\n              <H3\r\n                marginBottom={layout === 'secondary' ? 'none' : 'base'}\r\n                className={`leading-none text-outline font-heading ${\r\n                  centerAlign\r\n                    ? 'text-center'\r\n                    : language === 'he' || language === 'ar'\r\n                      ? 'text-right'\r\n                      : 'text-left'\r\n                } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                style={{\r\n                  fontSize: headingFontSize,\r\n                  letterSpacing: '0.05rem',\r\n                }}\r\n              >\r\n                {numberFormattingFunction(value, 'NA', precision, prefix, suffix)}{' '}\r\n                {year ? (\r\n                  <span\r\n                    className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                    style={{\r\n                      marginLeft: '-8px',\r\n                      lineHeight: '1.09',\r\n                      textShadow: 'none',\r\n                      WebkitTextStrokeWidth: 0,\r\n                    }}\r\n                  >\r\n                    ({year})\r\n                  </span>\r\n                ) : null}\r\n              </H3>\r\n              {graphTitle || graphDescription ? (\r\n                <GraphHeader\r\n                  styles={{\r\n                    title: styles?.title,\r\n                    description: styles?.description,\r\n                  }}\r\n                  classNames={{\r\n                    title: classNames?.title,\r\n                    description: classNames?.description,\r\n                  }}\r\n                  graphTitle={graphTitle}\r\n                  graphDescription={graphDescription}\r\n                />\r\n              ) : null}\r\n              {sources || footNote ? (\r\n                <GraphFooter\r\n                  styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                  classNames={{\r\n                    footnote: classNames?.footnote,\r\n                    source: classNames?.source,\r\n                  }}\r\n                  sources={sources}\r\n                  footNote={footNote}\r\n                />\r\n              ) : null}\r\n            </>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["BasicStatCard","props","$","_c","year","value","graphTitle","suffix","t0","sources","prefix","t1","graphDescription","footNote","padding","backgroundColor","t2","graphID","language","t3","theme","t4","ariaLabel","textBackground","t5","headingFontSize","t6","centerAlign","t7","verticalAlign","t8","layout","t9","styles","classNames","precision","undefined","t10","t11","t12","t13","graphContainer","t14","cn","t15","t16","t17","t18","t19","t20","t21","description","footnote","source","title","jsxs","Fragment","jsx","GraphHeader","H3","fontSize","letterSpacing","numberFormattingFunction","marginLeft","lineHeight","textShadow","WebkitTextStrokeWidth","GraphFooter","t22","t23","t24"],"mappings":"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"}

package/dist/BasicStatCard.d.ts

@@ -31,6 +31,7 @@ declare interface ClassNameObject {
     mouseOverLine?: string;
     regLine?: string;
     dataCards?: string;
+    colorLegend?: string;
 }
 
 declare type Languages = 'en' | 'ar' | 'az' | 'bn' | 'cy' | 'he' | 'hi' | 'jp' | 'ka' | 'km' | 'ko' | 'my' | 'ne' | 'zh' | 'custom';

package/dist/BasicStatCard.js

@@ -1,191 +1,123 @@
-import { j as e, m as A } from "./index-CHPV5EwG-DBWUSD9b.js";
-import { h as b } from "./Typography-LmZ9LEpe.js";
-import { GraphFooter as N } from "./GraphFooter.js";
-import { GraphHeader as w } from "./GraphHeader.js";
-import { n as k } from "./numberFormattingFunction-14YCbkN2.js";
-function H($) {
-  const {
-    year: n,
-    value: m,
+import { c as tt, m as et, j as r } from "./index-CHPV5EwG-Curnpaqc.js";
+import { $ as U } from "./Typography-PxtFcnJb.js";
+import { GraphFooter as V } from "./GraphFooter.js";
+import { GraphHeader as X } from "./GraphHeader.js";
+import { n as Y } from "./numberFormattingFunction-14YCbkN2.js";
+function at(Z) {
+  const t = tt.c(48), {
+    year: l,
+    value: j,
     graphTitle: s,
-    suffix: x = "",
-    sources: o,
-    prefix: d = "",
-    graphDescription: i,
-    footNote: c,
-    padding: f,
-    backgroundColor: l = !1,
-    graphID: S,
-    language: a = "en",
-    theme: v = "light",
-    ariaLabel: T,
-    textBackground: p = !1,
-    headingFontSize: g = "4.375rem",
-    centerAlign: h = !1,
-    verticalAlign: u = "center",
-    layout: y = "primary",
-    styles: t,
-    classNames: r,
-    precision: j
-  } = $;
-  return /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      className: `${v || "light"} flex w-full`,
-      dir: a === "he" || a === "ar" ? "rtl" : void 0,
-      children: /* @__PURE__ */ e.jsx(
-        "div",
-        {
-          className: A(
-            `${l ? l === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}flex flex-col w-full h-inherit ${a || "en"}`,
-            r?.graphContainer
-          ),
-          style: {
-            ...t?.graphContainer || {},
-            ...l && l !== !0 ? { backgroundColor: l } : {}
-          },
-          id: S,
-          "aria-label": T || `${s ? `The graph shows ${s}. ` : ""}This is a statistic card.${i ? ` ${i}` : ""}`,
-          children: /* @__PURE__ */ e.jsx(
-            "div",
-            {
-              className: "flex grow",
-              style: { padding: l ? f || "1rem" : f || 0 },
-              children: y !== "secondary" ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col w-full gap-12 justify-between grow", children: [
-                s || i ? /* @__PURE__ */ e.jsx(
-                  w,
-                  {
-                    styles: {
-                      title: t?.title,
-                      description: t?.description
-                    },
-                    classNames: {
-                      title: r?.title,
-                      description: r?.description
-                    },
-                    graphTitle: s,
-                    graphDescription: i
-                  }
-                ) : null,
-                /* @__PURE__ */ e.jsx(
-                  "div",
-                  {
-                    className: `flex flex-col justify-between grow ${u === "top" ? "justify-start" : u === "bottom" ? "justify-end" : "justify-center"}`,
-                    children: /* @__PURE__ */ e.jsxs(
-                      b,
-                      {
-                        marginBottom: "base",
-                        className: `leading-none text-outline font-heading ${h ? "text-center" : a === "he" || a === "ar" ? "text-right" : "text-left"} ${p ? "text-primary-black dark:text-primary-white" : "transparent"}`,
-                        style: {
-                          fontSize: g,
-                          letterSpacing: "0.05rem"
-                        },
-                        children: [
-                          k(m, "NA", j, d, x),
-                          " ",
-                          n ? /* @__PURE__ */ e.jsxs(
-                            "span",
-                            {
-                              className: "text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400",
-                              style: {
-                                marginLeft: "-8px",
-                                lineHeight: "1.09",
-                                textShadow: "none",
-                                WebkitTextStrokeWidth: 0
-                              },
-                              children: [
-                                "(",
-                                n,
-                                ")"
-                              ]
-                            }
-                          ) : null
-                        ]
-                      }
-                    )
-                  }
-                ),
-                o || c ? /* @__PURE__ */ e.jsx(
-                  N,
-                  {
-                    styles: { footnote: t?.footnote, source: t?.source },
-                    classNames: {
-                      footnote: r?.footnote,
-                      source: r?.source
-                    },
-                    sources: o,
-                    footNote: c
-                  }
-                ) : null
-              ] }) : /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-center", children: [
-                /* @__PURE__ */ e.jsxs(
-                  b,
-                  {
-                    marginBottom: y === "secondary" ? "none" : "base",
-                    className: `leading-none text-outline font-heading ${h ? "text-center" : a === "he" || a === "ar" ? "text-right" : "text-left"} ${p ? "text-primary-black dark:text-primary-white" : "transparent"}`,
-                    style: {
-                      fontSize: g,
-                      letterSpacing: "0.05rem"
-                    },
-                    children: [
-                      k(m, "NA", j, d, x),
-                      " ",
-                      n ? /* @__PURE__ */ e.jsxs(
-                        "span",
-                        {
-                          className: "text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400",
-                          style: {
-                            marginLeft: "-8px",
-                            lineHeight: "1.09",
-                            textShadow: "none",
-                            WebkitTextStrokeWidth: 0
-                          },
-                          children: [
-                            "(",
-                            n,
-                            ")"
-                          ]
-                        }
-                      ) : null
-                    ]
-                  }
-                ),
-                s || i ? /* @__PURE__ */ e.jsx(
-                  w,
-                  {
-                    styles: {
-                      title: t?.title,
-                      description: t?.description
-                    },
-                    classNames: {
-                      title: r?.title,
-                      description: r?.description
-                    },
-                    graphTitle: s,
-                    graphDescription: i
-                  }
-                ) : null,
-                o || c ? /* @__PURE__ */ e.jsx(
-                  N,
-                  {
-                    styles: { footnote: t?.footnote, source: t?.source },
-                    classNames: {
-                      footnote: r?.footnote,
-                      source: r?.source
-                    },
-                    sources: o,
-                    footNote: c
-                  }
-                ) : null
-              ] })
-            }
-          )
-        }
-      )
-    }
-  );
+    suffix: D,
+    sources: c,
+    prefix: E,
+    graphDescription: n,
+    footNote: d,
+    padding: G,
+    backgroundColor: R,
+    graphID: F,
+    language: I,
+    theme: q,
+    ariaLabel: _,
+    textBackground: J,
+    headingFontSize: K,
+    centerAlign: M,
+    verticalAlign: O,
+    layout: P,
+    styles: e,
+    classNames: o,
+    precision: b
+  } = Z, v = D === void 0 ? "" : D, $ = E === void 0 ? "" : E, a = R === void 0 ? !1 : R, i = I === void 0 ? "en" : I, Q = q === void 0 ? "light" : q, N = J === void 0 ? !1 : J, k = K === void 0 ? "4.375rem" : K, w = M === void 0 ? !1 : M, S = O === void 0 ? "center" : O, y = P === void 0 ? "primary" : P, A = `${Q || "light"} w-full`, B = i === "he" || i === "ar" ? "rtl" : void 0, T = `${Q || "light"} flex flex-col w-full box-border h-full ${a ? a === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650" : "" : "bg-transparent"} ${i || "en"}`, z = o?.graphContainer;
+  let f;
+  t[0] !== T || t[1] !== z ? (f = et(T, z), t[0] = T, t[1] = z, t[2] = f) : f = t[2];
+  let m;
+  t[3] !== e?.graphContainer ? (m = e?.graphContainer || {}, t[3] = e?.graphContainer, t[4] = m) : m = t[4];
+  let p;
+  t[5] !== a ? (p = a && a !== !0 ? {
+    backgroundColor: a
+  } : {}, t[5] = a, t[6] = p) : p = t[6];
+  const W = a ? G || "1rem" : G || 0;
+  let g;
+  t[7] !== m || t[8] !== p || t[9] !== W ? (g = {
+    ...m,
+    ...p,
+    padding: W
+  }, t[7] = m, t[8] = p, t[9] = W, t[10] = g) : g = t[10];
+  const H = _ || `${s ? `The graph shows ${s}. ` : ""}This is a statistic card.${n ? ` ${n}` : ""}`, L = `flex flex-col w-full grow ${y !== "secondary" ? "gap-12 justify-between" : "gap-4 justify-center"}`;
+  let x;
+  t[11] !== w || t[12] !== o?.description || t[13] !== o?.footnote || t[14] !== o?.source || t[15] !== o?.title || t[16] !== d || t[17] !== n || t[18] !== s || t[19] !== k || t[20] !== i || t[21] !== y || t[22] !== b || t[23] !== $ || t[24] !== c || t[25] !== e?.description || t[26] !== e?.footnote || t[27] !== e?.source || t[28] !== e?.title || t[29] !== v || t[30] !== N || t[31] !== j || t[32] !== S || t[33] !== l ? (x = y !== "secondary" ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    s || n ? /* @__PURE__ */ r.jsx(X, { styles: {
+      title: e?.title,
+      description: e?.description
+    }, classNames: {
+      title: o?.title,
+      description: o?.description
+    }, graphTitle: s, graphDescription: n }) : null,
+    /* @__PURE__ */ r.jsx("div", { className: `flex flex-col justify-between grow ${S === "top" ? "justify-start" : S === "bottom" ? "justify-end" : "justify-center"}`, children: /* @__PURE__ */ r.jsxs(U, { marginBottom: "base", className: `leading-none text-outline font-heading ${w ? "text-center" : i === "he" || i === "ar" ? "text-right" : "text-left"} ${N ? "text-primary-black dark:text-primary-white" : "transparent"}`, style: {
+      fontSize: k,
+      letterSpacing: "0.05rem"
+    }, children: [
+      Y(j, "NA", b, $, v),
+      " ",
+      l ? /* @__PURE__ */ r.jsxs("span", { className: "text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400", style: {
+        marginLeft: "-8px",
+        lineHeight: "1.09",
+        textShadow: "none",
+        WebkitTextStrokeWidth: 0
+      }, children: [
+        "(",
+        l,
+        ")"
+      ] }) : null
+    ] }) }),
+    c || d ? /* @__PURE__ */ r.jsx(V, { styles: {
+      footnote: e?.footnote,
+      source: e?.source
+    }, classNames: {
+      footnote: o?.footnote,
+      source: o?.source
+    }, sources: c, footNote: d }) : null
+  ] }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsxs(U, { marginBottom: y === "secondary" ? "none" : "base", className: `leading-none text-outline font-heading ${w ? "text-center" : i === "he" || i === "ar" ? "text-right" : "text-left"} ${N ? "text-primary-black dark:text-primary-white" : "transparent"}`, style: {
+      fontSize: k,
+      letterSpacing: "0.05rem"
+    }, children: [
+      Y(j, "NA", b, $, v),
+      " ",
+      l ? /* @__PURE__ */ r.jsxs("span", { className: "text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400", style: {
+        marginLeft: "-8px",
+        lineHeight: "1.09",
+        textShadow: "none",
+        WebkitTextStrokeWidth: 0
+      }, children: [
+        "(",
+        l,
+        ")"
+      ] }) : null
+    ] }),
+    s || n ? /* @__PURE__ */ r.jsx(X, { styles: {
+      title: e?.title,
+      description: e?.description
+    }, classNames: {
+      title: o?.title,
+      description: o?.description
+    }, graphTitle: s, graphDescription: n }) : null,
+    c || d ? /* @__PURE__ */ r.jsx(V, { styles: {
+      footnote: e?.footnote,
+      source: e?.source
+    }, classNames: {
+      footnote: o?.footnote,
+      source: o?.source
+    }, sources: c, footNote: d }) : null
+  ] }), t[11] = w, t[12] = o?.description, t[13] = o?.footnote, t[14] = o?.source, t[15] = o?.title, t[16] = d, t[17] = n, t[18] = s, t[19] = k, t[20] = i, t[21] = y, t[22] = b, t[23] = $, t[24] = c, t[25] = e?.description, t[26] = e?.footnote, t[27] = e?.source, t[28] = e?.title, t[29] = v, t[30] = N, t[31] = j, t[32] = S, t[33] = l, t[34] = x) : x = t[34];
+  let u;
+  t[35] !== L || t[36] !== x ? (u = /* @__PURE__ */ r.jsx("div", { className: L, children: x }), t[35] = L, t[36] = x, t[37] = u) : u = t[37];
+  let h;
+  t[38] !== F || t[39] !== B || t[40] !== f || t[41] !== g || t[42] !== H || t[43] !== u ? (h = /* @__PURE__ */ r.jsx("div", { id: F, dir: B, className: f, style: g, "aria-label": H, children: u }), t[38] = F, t[39] = B, t[40] = f, t[41] = g, t[42] = H, t[43] = u, t[44] = h) : h = t[44];
+  let C;
+  return t[45] !== A || t[46] !== h ? (C = /* @__PURE__ */ r.jsx("div", { className: A, children: h }), t[45] = A, t[46] = h, t[47] = C) : C = t[47], C;
 }
 export {
-  H as BasicStatCard
+  at as BasicStatCard
 };
 //# sourceMappingURL=BasicStatCard.js.map

package/dist/BasicStatCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicStatCard.js","sources":["../src/Components/Graphs/StatCard/index.tsx"],"sourcesContent":["import { H3 } from '@undp/design-system-react/Typography';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { ClassNameObject, Languages, SourcesDataType, StyleObject } from '@/Types';\r\n\r\ninterface Props {\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Defines the layout for the cards */\r\n  layout?: 'primary' | 'secondary';\r\n  /** Font size of the main text */\r\n  headingFontSize?: string;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Toggle the fill color of the main text. */\r\n  textBackground?: boolean;\r\n  /** Toggle is the text is center aligned. */\r\n  centerAlign?: boolean;\r\n  /** Vertical alignment of the main text */\r\n  verticalAlign?: 'center' | 'top' | 'bottom';\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Main text */\r\n  value: number | string;\r\n  /** Sub text next to main text */\r\n  year?: number | string;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function BasicStatCard(props: Props) {\r\n  const {\r\n    year,\r\n    value,\r\n    graphTitle,\r\n    suffix = '',\r\n    sources,\r\n    prefix = '',\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    language = 'en',\r\n    theme = 'light',\r\n    ariaLabel,\r\n    textBackground = false,\r\n    headingFontSize = '4.375rem',\r\n    centerAlign = false,\r\n    verticalAlign = 'center',\r\n    layout = 'primary',\r\n    styles,\r\n    classNames,\r\n    precision,\r\n  } = props;\r\n  return (\r\n    <div\r\n      className={`${theme || 'light'} flex w-full`}\r\n      dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n    >\r\n      <div\r\n        className={cn(\r\n          `${\r\n            !backgroundColor\r\n              ? 'bg-transparent '\r\n              : backgroundColor === true\r\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650 '\r\n                : ''\r\n          }flex flex-col w-full h-inherit ${language || 'en'}`,\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a statistic card.${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className='flex grow'\r\n          style={{ padding: backgroundColor ? padding || '1rem' : padding || 0 }}\r\n        >\r\n          {layout !== 'secondary' ? (\r\n            <div className='flex flex-col w-full gap-12 justify-between grow'>\r\n              {graphTitle || graphDescription ? (\r\n                <GraphHeader\r\n                  styles={{\r\n                    title: styles?.title,\r\n                    description: styles?.description,\r\n                  }}\r\n                  classNames={{\r\n                    title: classNames?.title,\r\n                    description: classNames?.description,\r\n                  }}\r\n                  graphTitle={graphTitle}\r\n                  graphDescription={graphDescription}\r\n                />\r\n              ) : null}\r\n              <div\r\n                className={`flex flex-col justify-between grow ${\r\n                  verticalAlign === 'top'\r\n                    ? 'justify-start'\r\n                    : verticalAlign === 'bottom'\r\n                      ? 'justify-end'\r\n                      : 'justify-center'\r\n                }`}\r\n              >\r\n                <H3\r\n                  marginBottom='base'\r\n                  className={`leading-none text-outline font-heading ${\r\n                    centerAlign\r\n                      ? 'text-center'\r\n                      : language === 'he' || language === 'ar'\r\n                        ? 'text-right'\r\n                        : 'text-left'\r\n                  } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                  style={{\r\n                    fontSize: headingFontSize,\r\n                    letterSpacing: '0.05rem',\r\n                  }}\r\n                >\r\n                  {numberFormattingFunction(value, 'NA', precision, prefix, suffix)}{' '}\r\n                  {year ? (\r\n                    <span\r\n                      className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                      style={{\r\n                        marginLeft: '-8px',\r\n                        lineHeight: '1.09',\r\n                        textShadow: 'none',\r\n                        WebkitTextStrokeWidth: 0,\r\n                      }}\r\n                    >\r\n                      ({year})\r\n                    </span>\r\n                  ) : null}\r\n                </H3>\r\n              </div>\r\n              {sources || footNote ? (\r\n                <GraphFooter\r\n                  styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                  classNames={{\r\n                    footnote: classNames?.footnote,\r\n                    source: classNames?.source,\r\n                  }}\r\n                  sources={sources}\r\n                  footNote={footNote}\r\n                />\r\n              ) : null}\r\n            </div>\r\n          ) : (\r\n            <div className='flex flex-col w-full gap-4 grow justify-center'>\r\n              <H3\r\n                marginBottom={layout === 'secondary' ? 'none' : 'base'}\r\n                className={`leading-none text-outline font-heading ${\r\n                  centerAlign\r\n                    ? 'text-center'\r\n                    : language === 'he' || language === 'ar'\r\n                      ? 'text-right'\r\n                      : 'text-left'\r\n                } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                style={{\r\n                  fontSize: headingFontSize,\r\n                  letterSpacing: '0.05rem',\r\n                }}\r\n              >\r\n                {numberFormattingFunction(value, 'NA', precision, prefix, suffix)}{' '}\r\n                {year ? (\r\n                  <span\r\n                    className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                    style={{\r\n                      marginLeft: '-8px',\r\n                      lineHeight: '1.09',\r\n                      textShadow: 'none',\r\n                      WebkitTextStrokeWidth: 0,\r\n                    }}\r\n                  >\r\n                    ({year})\r\n                  </span>\r\n                ) : null}\r\n              </H3>\r\n              {graphTitle || graphDescription ? (\r\n                <GraphHeader\r\n                  styles={{\r\n                    title: styles?.title,\r\n                    description: styles?.description,\r\n                  }}\r\n                  classNames={{\r\n                    title: classNames?.title,\r\n                    description: classNames?.description,\r\n                  }}\r\n                  graphTitle={graphTitle}\r\n                  graphDescription={graphDescription}\r\n                />\r\n              ) : null}\r\n              {sources || footNote ? (\r\n                <GraphFooter\r\n                  styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                  classNames={{\r\n                    footnote: classNames?.footnote,\r\n                    source: classNames?.source,\r\n                  }}\r\n                  sources={sources}\r\n                  footNote={footNote}\r\n                />\r\n              ) : null}\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["BasicStatCard","props","year","value","graphTitle","suffix","sources","prefix","graphDescription","footNote","padding","backgroundColor","graphID","language","theme","ariaLabel","textBackground","headingFontSize","centerAlign","verticalAlign","layout","styles","classNames","precision","jsx","cn","jsxs","GraphHeader","H3","numberFormattingFunction","GraphFooter"],"mappings":"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"}
+{"version":3,"file":"BasicStatCard.js","sources":["../src/Components/Graphs/StatCard/index.tsx"],"sourcesContent":["import { H3 } from '@undp/design-system-react/Typography';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { ClassNameObject, Languages, SourcesDataType, StyleObject } from '@/Types';\r\n\r\ninterface Props {\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Defines the layout for the cards */\r\n  layout?: 'primary' | 'secondary';\r\n  /** Font size of the main text */\r\n  headingFontSize?: string;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Toggle the fill color of the main text. */\r\n  textBackground?: boolean;\r\n  /** Toggle is the text is center aligned. */\r\n  centerAlign?: boolean;\r\n  /** Vertical alignment of the main text */\r\n  verticalAlign?: 'center' | 'top' | 'bottom';\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Main text */\r\n  value: number | string;\r\n  /** Sub text next to main text */\r\n  year?: number | string;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function BasicStatCard(props: Props) {\r\n  const {\r\n    year,\r\n    value,\r\n    graphTitle,\r\n    suffix = '',\r\n    sources,\r\n    prefix = '',\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    language = 'en',\r\n    theme = 'light',\r\n    ariaLabel,\r\n    textBackground = false,\r\n    headingFontSize = '4.375rem',\r\n    centerAlign = false,\r\n    verticalAlign = 'center',\r\n    layout = 'primary',\r\n    styles,\r\n    classNames,\r\n    precision,\r\n  } = props;\r\n  return (\r\n    <div className={`${theme || 'light'} w-full`}>\r\n      <div\r\n        id={graphID}\r\n        dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n        className={cn(\r\n          `${theme || 'light'} flex flex-col w-full box-border h-full ${\r\n            !backgroundColor\r\n              ? 'bg-transparent'\r\n              : backgroundColor === true\r\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650'\r\n                : ''\r\n          } ${language || 'en'}`,\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n          padding: backgroundColor ? padding || '1rem' : padding || 0,\r\n        }}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a statistic card.${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className={`flex flex-col w-full grow ${layout !== 'secondary' ? 'gap-12 justify-between' : 'gap-4 justify-center'}`}\r\n        >\r\n          {layout !== 'secondary' ? (\r\n            <>\r\n              {graphTitle || graphDescription ? (\r\n                <GraphHeader\r\n                  styles={{\r\n                    title: styles?.title,\r\n                    description: styles?.description,\r\n                  }}\r\n                  classNames={{\r\n                    title: classNames?.title,\r\n                    description: classNames?.description,\r\n                  }}\r\n                  graphTitle={graphTitle}\r\n                  graphDescription={graphDescription}\r\n                />\r\n              ) : null}\r\n              <div\r\n                className={`flex flex-col justify-between grow ${\r\n                  verticalAlign === 'top'\r\n                    ? 'justify-start'\r\n                    : verticalAlign === 'bottom'\r\n                      ? 'justify-end'\r\n                      : 'justify-center'\r\n                }`}\r\n              >\r\n                <H3\r\n                  marginBottom='base'\r\n                  className={`leading-none text-outline font-heading ${\r\n                    centerAlign\r\n                      ? 'text-center'\r\n                      : language === 'he' || language === 'ar'\r\n                        ? 'text-right'\r\n                        : 'text-left'\r\n                  } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                  style={{\r\n                    fontSize: headingFontSize,\r\n                    letterSpacing: '0.05rem',\r\n                  }}\r\n                >\r\n                  {numberFormattingFunction(value, 'NA', precision, prefix, suffix)}{' '}\r\n                  {year ? (\r\n                    <span\r\n                      className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                      style={{\r\n                        marginLeft: '-8px',\r\n                        lineHeight: '1.09',\r\n                        textShadow: 'none',\r\n                        WebkitTextStrokeWidth: 0,\r\n                      }}\r\n                    >\r\n                      ({year})\r\n                    </span>\r\n                  ) : null}\r\n                </H3>\r\n              </div>\r\n              {sources || footNote ? (\r\n                <GraphFooter\r\n                  styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                  classNames={{\r\n                    footnote: classNames?.footnote,\r\n                    source: classNames?.source,\r\n                  }}\r\n                  sources={sources}\r\n                  footNote={footNote}\r\n                />\r\n              ) : null}\r\n            </>\r\n          ) : (\r\n            <>\r\n              <H3\r\n                marginBottom={layout === 'secondary' ? 'none' : 'base'}\r\n                className={`leading-none text-outline font-heading ${\r\n                  centerAlign\r\n                    ? 'text-center'\r\n                    : language === 'he' || language === 'ar'\r\n                      ? 'text-right'\r\n                      : 'text-left'\r\n                } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                style={{\r\n                  fontSize: headingFontSize,\r\n                  letterSpacing: '0.05rem',\r\n                }}\r\n              >\r\n                {numberFormattingFunction(value, 'NA', precision, prefix, suffix)}{' '}\r\n                {year ? (\r\n                  <span\r\n                    className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                    style={{\r\n                      marginLeft: '-8px',\r\n                      lineHeight: '1.09',\r\n                      textShadow: 'none',\r\n                      WebkitTextStrokeWidth: 0,\r\n                    }}\r\n                  >\r\n                    ({year})\r\n                  </span>\r\n                ) : null}\r\n              </H3>\r\n              {graphTitle || graphDescription ? (\r\n                <GraphHeader\r\n                  styles={{\r\n                    title: styles?.title,\r\n                    description: styles?.description,\r\n                  }}\r\n                  classNames={{\r\n                    title: classNames?.title,\r\n                    description: classNames?.description,\r\n                  }}\r\n                  graphTitle={graphTitle}\r\n                  graphDescription={graphDescription}\r\n                />\r\n              ) : null}\r\n              {sources || footNote ? (\r\n                <GraphFooter\r\n                  styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                  classNames={{\r\n                    footnote: classNames?.footnote,\r\n                    source: classNames?.source,\r\n                  }}\r\n                  sources={sources}\r\n                  footNote={footNote}\r\n                />\r\n              ) : null}\r\n            </>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["BasicStatCard","props","$","_c","year","value","graphTitle","suffix","t0","sources","prefix","t1","graphDescription","footNote","padding","backgroundColor","t2","graphID","language","t3","theme","t4","ariaLabel","textBackground","t5","headingFontSize","t6","centerAlign","t7","verticalAlign","t8","layout","t9","styles","classNames","precision","undefined","t10","t11","t12","t13","graphContainer","t14","cn","t15","t16","t17","t18","t19","t20","t21","description","footnote","source","title","jsxs","Fragment","jsx","GraphHeader","H3","fontSize","letterSpacing","numberFormattingFunction","marginLeft","lineHeight","textShadow","WebkitTextStrokeWidth","GraphFooter","t22","t23","t24"],"mappings":"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"}