@undp/data-viz 2.5.4 → 2.6.1

package/dist/ColorLegend.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ColorLegend.cjs","sources":["../src/Components/Elements/ColorLegend.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport { P } from '@undp/design-system-react/Typography';\r\n\r\nimport { Colors } from '@/Components/ColorPalette';\r\n\r\ninterface Props {\r\n  colors: string[];\r\n  colorDomain: (string | number)[];\r\n  dashedLines?: (string | number)[];\r\n  labelsToBeHidden?: (string | number)[];\r\n  colorLegendTitle?: string;\r\n  showNAColor: boolean;\r\n  width?: number;\r\n  isCenter?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport function ColorLegend(props: Props) {\r\n  const {\r\n    colorLegendTitle,\r\n    colorDomain,\r\n    colors,\r\n    showNAColor,\r\n    width,\r\n    isCenter,\r\n    className,\r\n    labelsToBeHidden = [],\r\n  } = props;\r\n\r\n  return (\r\n    <div\r\n      className={cn('flex leading-0 pb-3', isCenter && 'justify-center', className)}\r\n      style={{ maxWidth: width ? `${width}px` : 'none' }}\r\n      aria-label='Color legend'\r\n    >\r\n      <div>\r\n        {colorLegendTitle && colorLegendTitle !== '' ? (\r\n          <P size='sm' marginBottom='2xs' className={isCenter ? 'text-center' : ''}>\r\n            {colorLegendTitle}\r\n          </P>\r\n        ) : null}\r\n        <div className='flex flex-wrap mb-0 gap-3.5'>\r\n          {colorDomain.map((d, i) =>\r\n            labelsToBeHidden.includes(d) ? null : (\r\n              <div key={i} className='flex items-center gap-1'>\r\n                <div\r\n                  className='w-3 h-3 rounded-full'\r\n                  style={{ backgroundColor: colors[i % colors.length] }}\r\n                />\r\n                {d === '' ? null : (\r\n                  <P size='sm' marginBottom='none'>\r\n                    {d}\r\n                  </P>\r\n                )}\r\n              </div>\r\n            ),\r\n          )}\r\n          {showNAColor ? (\r\n            <div className='flex items-center gap-1'>\r\n              <div className='w-3 h-3 rounded-full' style={{ backgroundColor: Colors.gray }} />\r\n              <P size='sm' marginBottom='none'>\r\n                NA\r\n              </P>\r\n            </div>\r\n          ) : null}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["ColorLegend","props","$","_c","colorLegendTitle","colorDomain","colors","showNAColor","width","isCenter","className","labelsToBeHidden","t0","t1","undefined","t2","t3","cn","t4","t5","maxWidth","t6","jsx","P","t7","t8","d","i","includes","jsxs","backgroundColor","length","map","Colors","gray","t9","t10","t11"],"mappings":"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"}
+{"version":3,"file":"ColorLegend.cjs","names":[],"sources":["../src/Components/Elements/ColorLegend.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\nimport { P } from '@undp/design-system-react/Typography';\n\nimport { Colors } from '@/Components/ColorPalette';\n\ninterface Props {\n  colors: string[];\n  colorDomain: (string | number)[];\n  dashedLines?: (string | number)[];\n  labelsToBeHidden?: (string | number)[];\n  colorLegendTitle?: string;\n  showNAColor: boolean;\n  width?: number;\n  isCenter?: boolean;\n  className?: string;\n}\n\nexport function ColorLegend(props: Props) {\n  const {\n    colorLegendTitle,\n    colorDomain,\n    colors,\n    showNAColor,\n    width,\n    isCenter,\n    className,\n    labelsToBeHidden = [],\n  } = props;\n\n  return (\n    <div\n      className={cn('flex leading-0 pb-3', isCenter && 'justify-center', className)}\n      style={{ maxWidth: width ? `${width}px` : 'none' }}\n    >\n      <div>\n        {colorLegendTitle && colorLegendTitle !== '' ? (\n          <P size='sm' marginBottom='2xs' className={isCenter ? 'text-center' : ''}>\n            {colorLegendTitle}\n          </P>\n        ) : null}\n        <div className='flex flex-wrap mb-0 gap-3.5'>\n          {colorDomain.map((d, i) =>\n            labelsToBeHidden.includes(d) ? null : (\n              // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n              <div key={i} className='flex items-center gap-1'>\n                <div\n                  className='w-3 h-3 rounded-full'\n                  style={{ backgroundColor: colors[i % colors.length] }}\n                />\n                {d === '' ? null : (\n                  <P size='sm' marginBottom='none'>\n                    {d}\n                  </P>\n                )}\n              </div>\n            ),\n          )}\n          {showNAColor ? (\n            <div className='flex items-center gap-1'>\n              <div className='w-3 h-3 rounded-full' style={{ backgroundColor: Colors.gray }} />\n              <P size='sm' marginBottom='none'>\n                NA\n              </P>\n            </div>\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"uRAiBA,SAAgB,EAAY,EAAc,CACxC,GAAM,CACJ,mBACA,cACA,SACA,cACA,QACA,WACA,YACA,mBAAmB,CAAC,GAClB,EAEJ,OACE,EAAA,EAAA,KAAC,MAAD,CACE,WAAA,EAAA,EAAA,IAAc,sBAAuB,GAAY,iBAAkB,CAAS,EAC5E,MAAO,CAAE,SAAU,EAAQ,GAAG,EAAM,IAAM,MAAO,YAEjD,EAAA,EAAA,MAAC,MAAD,CAAA,SAAA,CACG,GAAoB,IAAqB,IACxC,EAAA,EAAA,KAAC,EAAA,EAAD,CAAG,KAAK,KAAK,aAAa,MAAM,UAAW,EAAW,cAAgB,YACnE,CACA,CAAA,EACD,MACJ,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,uCAAf,CACG,EAAY,KAAK,EAAG,IACnB,EAAiB,SAAS,CAAC,EAAI,MAE7B,EAAA,EAAA,MAAC,MAAD,CAAa,UAAU,mCAAvB,EACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,uBACV,MAAO,CAAE,gBAAiB,EAAO,EAAI,EAAO,OAAQ,CACrD,CAAA,EACA,IAAM,GAAK,MACV,EAAA,EAAA,KAAC,EAAA,EAAD,CAAG,KAAK,KAAK,aAAa,gBACvB,CACA,CAAA,CAEF,GAVK,CAUL,CAET,EACC,GACC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mCAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,uBAAuB,MAAO,CAAE,gBAAiB,EAAA,OAAO,IAAK,CAAI,CAAA,GAChF,EAAA,EAAA,KAAC,EAAA,EAAD,CAAG,KAAK,KAAK,aAAa,gBAAO,IAE9B,CAAA,CACA,IACH,IACD,GACF,CAAA,CAAA,CACF,CAAA,CAET"}

package/dist/ColorLegend.d.ts

@@ -1,17 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-
-export declare function ColorLegend(props: Props): JSX.Element;
-
-declare interface Props {
-    colors: string[];
-    colorDomain: (string | number)[];
-    dashedLines?: (string | number)[];
-    labelsToBeHidden?: (string | number)[];
-    colorLegendTitle?: string;
-    showNAColor: boolean;
-    width?: number;
-    isCenter?: boolean;
-    className?: string;
-}
-
-export { }
+export * from './Components/Elements/ColorLegend'
+export {}

package/dist/ColorLegend.js

@@ -1,61 +1,46 @@
-import { c as T, m as k, j as l } from "./index-CHPV5EwG-BzibaIRc.js";
-import { _ as w } from "./Typography-BO0gQDIT.js";
-import { Colors as A } from "./Colors.js";
-function R(z) {
-  const e = T.c(29), {
-    colorLegendTitle: m,
-    colorDomain: p,
-    colors: s,
-    showNAColor: j,
-    width: y,
-    isCenter: x,
-    className: N,
-    labelsToBeHidden: f
-  } = z;
-  let u;
-  e[0] !== f ? (u = f === void 0 ? [] : f, e[0] = f, e[1] = u) : u = e[1];
-  const d = u, v = x && "justify-center";
-  let t;
-  e[2] !== N || e[3] !== v ? (t = k("flex leading-0 pb-3", v, N), e[2] = N, e[3] = v, e[4] = t) : t = e[4];
-  const b = y ? `${y}px` : "none";
-  let o;
-  e[5] !== b ? (o = {
-    maxWidth: b
-  }, e[5] = b, e[6] = o) : o = e[6];
-  let i;
-  e[7] !== m || e[8] !== x ? (i = m && m !== "" ? /* @__PURE__ */ l.jsx(w, { size: "sm", marginBottom: "2xs", className: x ? "text-center" : "", children: m }) : null, e[7] = m, e[8] = x, e[9] = i) : i = e[9];
-  let n;
-  if (e[10] !== p || e[11] !== s || e[12] !== d) {
-    let h;
-    e[14] !== s || e[15] !== d ? (h = (C, B) => d.includes(C) ? null : /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ l.jsx("div", { className: "w-3 h-3 rounded-full", style: {
-        backgroundColor: s[B % s.length]
-      } }),
-      C === "" ? null : /* @__PURE__ */ l.jsx(w, { size: "sm", marginBottom: "none", children: C })
-    ] }, B), e[14] = s, e[15] = d, e[16] = h) : h = e[16], n = p.map(h), e[10] = p, e[11] = s, e[12] = d, e[13] = n;
-  } else
-    n = e[13];
-  let r;
-  e[17] !== j ? (r = j ? /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-1", children: [
-    /* @__PURE__ */ l.jsx("div", { className: "w-3 h-3 rounded-full", style: {
-      backgroundColor: A.gray
-    } }),
-    /* @__PURE__ */ l.jsx(w, { size: "sm", marginBottom: "none", children: "NA" })
-  ] }) : null, e[17] = j, e[18] = r) : r = e[18];
-  let a;
-  e[19] !== n || e[20] !== r ? (a = /* @__PURE__ */ l.jsxs("div", { className: "flex flex-wrap mb-0 gap-3.5", children: [
-    n,
-    r
-  ] }), e[19] = n, e[20] = r, e[21] = a) : a = e[21];
-  let c;
-  e[22] !== i || e[23] !== a ? (c = /* @__PURE__ */ l.jsxs("div", { children: [
-    i,
-    a
-  ] }), e[22] = i, e[23] = a, e[24] = c) : c = e[24];
-  let g;
-  return e[25] !== c || e[26] !== t || e[27] !== o ? (g = /* @__PURE__ */ l.jsx("div", { className: t, style: o, "aria-label": "Color legend", children: c }), e[25] = c, e[26] = t, e[27] = o, e[28] = g) : g = e[28], g;
+import { t as e } from "./jsx-runtime-C76bEyh7.js";
+import { Colors as t } from "./Colors.js";
+import { cn as n } from "@undp/design-system-react/cn";
+import { P as r } from "@undp/design-system-react/Typography";
+//#region src/Components/Elements/ColorLegend.tsx
+var i = e();
+function a(e) {
+	let { colorLegendTitle: a, colorDomain: o, colors: s, showNAColor: c, width: l, isCenter: u, className: d, labelsToBeHidden: f = [] } = e;
+	return /* @__PURE__ */ (0, i.jsx)("div", {
+		className: n("flex leading-0 pb-3", u && "justify-center", d),
+		style: { maxWidth: l ? `${l}px` : "none" },
+		children: /* @__PURE__ */ (0, i.jsxs)("div", { children: [a && a !== "" ? /* @__PURE__ */ (0, i.jsx)(r, {
+			size: "sm",
+			marginBottom: "2xs",
+			className: u ? "text-center" : "",
+			children: a
+		}) : null, /* @__PURE__ */ (0, i.jsxs)("div", {
+			className: "flex flex-wrap mb-0 gap-3.5",
+			children: [o.map((e, t) => f.includes(e) ? null : /* @__PURE__ */ (0, i.jsxs)("div", {
+				className: "flex items-center gap-1",
+				children: [/* @__PURE__ */ (0, i.jsx)("div", {
+					className: "w-3 h-3 rounded-full",
+					style: { backgroundColor: s[t % s.length] }
+				}), e === "" ? null : /* @__PURE__ */ (0, i.jsx)(r, {
+					size: "sm",
+					marginBottom: "none",
+					children: e
+				})]
+			}, t)), c ? /* @__PURE__ */ (0, i.jsxs)("div", {
+				className: "flex items-center gap-1",
+				children: [/* @__PURE__ */ (0, i.jsx)("div", {
+					className: "w-3 h-3 rounded-full",
+					style: { backgroundColor: t.gray }
+				}), /* @__PURE__ */ (0, i.jsx)(r, {
+					size: "sm",
+					marginBottom: "none",
+					children: "NA"
+				})]
+			}) : null]
+		})] })
+	});
 }
-export {
-  R as ColorLegend
-};
-//# sourceMappingURL=ColorLegend.js.map
+//#endregion
+export { a as ColorLegend };
+
+//# sourceMappingURL=ColorLegend.js.map

package/dist/ColorLegend.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorLegend.js","sources":["../src/Components/Elements/ColorLegend.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport { P } from '@undp/design-system-react/Typography';\r\n\r\nimport { Colors } from '@/Components/ColorPalette';\r\n\r\ninterface Props {\r\n  colors: string[];\r\n  colorDomain: (string | number)[];\r\n  dashedLines?: (string | number)[];\r\n  labelsToBeHidden?: (string | number)[];\r\n  colorLegendTitle?: string;\r\n  showNAColor: boolean;\r\n  width?: number;\r\n  isCenter?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport function ColorLegend(props: Props) {\r\n  const {\r\n    colorLegendTitle,\r\n    colorDomain,\r\n    colors,\r\n    showNAColor,\r\n    width,\r\n    isCenter,\r\n    className,\r\n    labelsToBeHidden = [],\r\n  } = props;\r\n\r\n  return (\r\n    <div\r\n      className={cn('flex leading-0 pb-3', isCenter && 'justify-center', className)}\r\n      style={{ maxWidth: width ? `${width}px` : 'none' }}\r\n      aria-label='Color legend'\r\n    >\r\n      <div>\r\n        {colorLegendTitle && colorLegendTitle !== '' ? (\r\n          <P size='sm' marginBottom='2xs' className={isCenter ? 'text-center' : ''}>\r\n            {colorLegendTitle}\r\n          </P>\r\n        ) : null}\r\n        <div className='flex flex-wrap mb-0 gap-3.5'>\r\n          {colorDomain.map((d, i) =>\r\n            labelsToBeHidden.includes(d) ? null : (\r\n              <div key={i} className='flex items-center gap-1'>\r\n                <div\r\n                  className='w-3 h-3 rounded-full'\r\n                  style={{ backgroundColor: colors[i % colors.length] }}\r\n                />\r\n                {d === '' ? null : (\r\n                  <P size='sm' marginBottom='none'>\r\n                    {d}\r\n                  </P>\r\n                )}\r\n              </div>\r\n            ),\r\n          )}\r\n          {showNAColor ? (\r\n            <div className='flex items-center gap-1'>\r\n              <div className='w-3 h-3 rounded-full' style={{ backgroundColor: Colors.gray }} />\r\n              <P size='sm' marginBottom='none'>\r\n                NA\r\n              </P>\r\n            </div>\r\n          ) : null}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["ColorLegend","props","$","_c","colorLegendTitle","colorDomain","colors","showNAColor","width","isCenter","className","labelsToBeHidden","t0","t1","undefined","t2","t3","cn","t4","t5","maxWidth","t6","jsx","P","t7","t8","d","i","includes","jsxs","backgroundColor","length","map","Colors","gray","t9","t10","t11"],"mappings":";;;AAiBO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACL;AAAA,IAAAC,kBAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,kBAAAC;AAAAA,EAAAA,IASIX;AAAM,MAAAY;AAAA,EAAAX,SAAAU,KADRC,IAAAD,MAAAE,SAAA,CAAA,IAAAF,GAAqBV,OAAAU,GAAAV,OAAAW,KAAAA,IAAAX,EAAA,CAAA;AAArB,QAAAS,IAAAE,GAKuCE,IAAAN,KAAA;AAA4B,MAAAO;AAAA,EAAAd,EAAA,CAAA,MAAAQ,KAAAR,SAAAa,KAAtDC,IAAAC,EAAG,uBAAuBF,GAA8BL,CAAS,GAACR,OAAAQ,GAAAR,OAAAa,GAAAb,OAAAc,KAAAA,IAAAd,EAAA,CAAA;AAC1D,QAAAgB,IAAAV,IAAA,GAAWA,CAAK,OAAhB;AAA6B,MAAAW;AAAA,EAAAjB,SAAAgB,KAAzCC,IAAA;AAAA,IAAAC,UAAYF;AAAAA,EAAAA,GAA+BhB,OAAAgB,GAAAhB,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAAA,MAAAmB;AAAA,EAAAnB,EAAA,CAAA,MAAAE,KAAAF,SAAAO,KAI/CY,IAAAjB,KAAoBA,MAAqB,KACxCkB,gBAAAA,EAAAA,IAACC,KAAO,MAAA,MAAkB,cAAA,OAAiB,WAAAd,IAAA,gBAAA,iBAE3C,IAHD,MAIOP,OAAAE,GAAAF,OAAAO,GAAAP,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA;AAAA,MAAAsB;AAAA,MAAAtB,EAAA,EAAA,MAAAG,KAAAH,UAAAI,KAAAJ,EAAA,EAAA,MAAAS,GAAA;AAAA,QAAAc;AAAA,IAAAvB,EAAA,EAAA,MAAAI,KAAAJ,UAAAS,KAEWc,IAAAA,CAAAC,GAAAC,MACfhB,EAAgBiB,SAAUF,CAY1B,IAZA,OACEG,gBAAAA,EAAAA,KAAA,OAAA,EAAuB,WAAA,2BACrB,UAAA;AAAA,MAAAP,gBAAAA,EAAAA,IAAA,OAAA,EACY,WAAA,wBACH,OAAA;AAAA,QAAAQ,iBAAmBxB,EAAOqB,IAAIrB,EAAMyB,MAAO;AAAA,MAAA,GAAG;AAAA,MAEtDL,MAAM,KAAN,OACCJ,gBAAAA,EAAAA,IAACC,KAAO,MAAA,MAAkB,cAAA,QACvBG,UAAAA,EAAAA,CACH;AAAA,IAAA,EAAA,GARMC,CAUV,GACDzB,QAAAI,GAAAJ,QAAAS,GAAAT,QAAAuB,KAAAA,IAAAvB,EAAA,EAAA,GAbFsB,IAAAnB,EAAW2B,IAAKP,CAcjB,GAACvB,QAAAG,GAAAH,QAAAI,GAAAJ,QAAAS,GAAAT,QAAAsB;AAAAA,EAAA;AAAAA,IAAAA,IAAAtB,EAAA,EAAA;AAAA,MAAAuB;AAAA,EAAAvB,UAAAK,KACAkB,IAAAlB,IACCsB,gBAAAA,OAAA,OAAA,EAAe,WAAA,2BACb,UAAA;AAAA,IAAAP,gBAAAA,EAAAA,IAAA,OAAA,EAAe,WAAA,wBAA8B,OAAA;AAAA,MAAAQ,iBAAmBG,EAAMC;AAAAA,IAAAA,GAAO;AAAA,0BAC5EX,GAAA,EAAO,MAAA,MAAkB,cAAA,QAAO,UAAA,KAAA,CAEjC;AAAA,EAAA,EAAA,CACF,IAND,MAOOrB,QAAAK,GAAAL,QAAAuB,KAAAA,IAAAvB,EAAA,EAAA;AAAA,MAAAiC;AAAA,EAAAjC,EAAA,EAAA,MAAAsB,KAAAtB,UAAAuB,KAvBVU,IAAAN,gBAAAA,EAAAA,KAAA,OAAA,EAAe,WAAA,+BACZL,UAAAA;AAAAA,IAAAA;AAAAA,IAeAC;AAAAA,EAAAA,GAQH,GAAMvB,QAAAsB,GAAAtB,QAAAuB,GAAAvB,QAAAiC,KAAAA,IAAAjC,EAAA,EAAA;AAAA,MAAAkC;AAAA,EAAAlC,EAAA,EAAA,MAAAmB,KAAAnB,UAAAiC,KA9BRC,2BAAA,OAAA,EACGf,UAAAA;AAAAA,IAAAA;AAAAA,IAKDc;AAAAA,EAAAA,GAyBF,GAAMjC,QAAAmB,GAAAnB,QAAAiC,GAAAjC,QAAAkC,KAAAA,IAAAlC,EAAA,EAAA;AAAA,MAAAmC;AAAA,SAAAnC,EAAA,EAAA,MAAAkC,KAAAlC,UAAAc,KAAAd,EAAA,EAAA,MAAAiB,KApCRkB,IAAAf,gBAAAA,EAAAA,IAAA,SACa,WAAAN,GACJ,OAAAG,GACI,cAAA,gBAEXiB,UAAAA,EAAAA,CAgCF,GAAMlC,QAAAkC,GAAAlC,QAAAc,GAAAd,QAAAiB,GAAAjB,QAAAmC,KAAAA,IAAAnC,EAAA,EAAA,GArCNmC;AAqCM;"}
+{"version":3,"file":"ColorLegend.js","names":[],"sources":["../src/Components/Elements/ColorLegend.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\nimport { P } from '@undp/design-system-react/Typography';\n\nimport { Colors } from '@/Components/ColorPalette';\n\ninterface Props {\n  colors: string[];\n  colorDomain: (string | number)[];\n  dashedLines?: (string | number)[];\n  labelsToBeHidden?: (string | number)[];\n  colorLegendTitle?: string;\n  showNAColor: boolean;\n  width?: number;\n  isCenter?: boolean;\n  className?: string;\n}\n\nexport function ColorLegend(props: Props) {\n  const {\n    colorLegendTitle,\n    colorDomain,\n    colors,\n    showNAColor,\n    width,\n    isCenter,\n    className,\n    labelsToBeHidden = [],\n  } = props;\n\n  return (\n    <div\n      className={cn('flex leading-0 pb-3', isCenter && 'justify-center', className)}\n      style={{ maxWidth: width ? `${width}px` : 'none' }}\n    >\n      <div>\n        {colorLegendTitle && colorLegendTitle !== '' ? (\n          <P size='sm' marginBottom='2xs' className={isCenter ? 'text-center' : ''}>\n            {colorLegendTitle}\n          </P>\n        ) : null}\n        <div className='flex flex-wrap mb-0 gap-3.5'>\n          {colorDomain.map((d, i) =>\n            labelsToBeHidden.includes(d) ? null : (\n              // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n              <div key={i} className='flex items-center gap-1'>\n                <div\n                  className='w-3 h-3 rounded-full'\n                  style={{ backgroundColor: colors[i % colors.length] }}\n                />\n                {d === '' ? null : (\n                  <P size='sm' marginBottom='none'>\n                    {d}\n                  </P>\n                )}\n              </div>\n            ),\n          )}\n          {showNAColor ? (\n            <div className='flex items-center gap-1'>\n              <div className='w-3 h-3 rounded-full' style={{ backgroundColor: Colors.gray }} />\n              <P size='sm' marginBottom='none'>\n                NA\n              </P>\n            </div>\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAiBA,SAAgB,EAAY,GAAc;CACxC,IAAM,EACJ,qBACA,gBACA,WACA,gBACA,UACA,aACA,cACA,sBAAmB,CAAC,MAClB;CAEJ,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,WAAW,EAAG,uBAAuB,KAAY,kBAAkB,CAAS;EAC5E,OAAO,EAAE,UAAU,IAAQ,GAAG,EAAM,MAAM,OAAO;YAEjD,iBAAA,GAAA,EAAA,MAAC,OAAD,EAAA,UAAA,CACG,KAAoB,MAAqB,KACxC,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAG,MAAK;GAAK,cAAa;GAAM,WAAW,IAAW,gBAAgB;aACnE;EACA,CAAA,IACD,MACJ,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,WAAU;aAAf,CACG,EAAY,KAAK,GAAG,MACnB,EAAiB,SAAS,CAAC,IAAI,OAE7B,iBAAA,GAAA,EAAA,MAAC,OAAD;IAAa,WAAU;cAAvB,CACE,iBAAA,GAAA,EAAA,KAAC,OAAD;KACE,WAAU;KACV,OAAO,EAAE,iBAAiB,EAAO,IAAI,EAAO,QAAQ;IACrD,CAAA,GACA,MAAM,KAAK,OACV,iBAAA,GAAA,EAAA,KAAC,GAAD;KAAG,MAAK;KAAK,cAAa;eACvB;IACA,CAAA,CAEF;MAVK,CAUL,CAET,GACC,IACC,iBAAA,GAAA,EAAA,MAAC,OAAD;IAAK,WAAU;cAAf,CACE,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;KAAuB,OAAO,EAAE,iBAAiB,EAAO,KAAK;IAAI,CAAA,GAChF,iBAAA,GAAA,EAAA,KAAC,GAAD;KAAG,MAAK;KAAK,cAAa;eAAO;IAE9B,CAAA,CACA;QACH,IACD;IACF,EAAA,CAAA;CACF,CAAA;AAET"}

package/dist/ColorLegendWithMouseOver.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-CHPV5EwG-D4pAp7u0.cjs"),C=require("./Typography-BqmyF1gP.cjs"),N=require("./Colors.cjs");function M(b){const e=s.compilerRuntimeExports.c(28),{colorLegendTitle:m,colorDomain:j,colors:o,setSelectedColor:t,showNAColor:g,width:R,isCenter:u,className:f}=b,h=u&&"justify-center";let l;e[0]!==f||e[1]!==h?(l=s.mo("flex leading-0 pb-3",h,f),e[0]=f,e[1]=h,e[2]=l):l=e[2];const v=R?`${R}px`:"none";let r;e[3]!==v?(r={maxWidth:v},e[3]=v,e[4]=r):r=e[4];let n;e[5]!==m||e[6]!==u?(n=m&&m!==""?s.jsxRuntimeExports.jsx(C._,{size:"sm",marginBottom:"2xs",className:u?"text-center":"",children:m}):null,e[5]=m,e[6]=u,e[7]=n):n=e[7];let i;if(e[8]!==j||e[9]!==o||e[10]!==t){let p;e[12]!==o||e[13]!==t?(p=(y,E)=>s.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-1 cursor-pointer",onMouseEnter:()=>{t(o[E%o.length])},onMouseLeave:()=>{t(void 0)},children:[s.jsxRuntimeExports.jsx("div",{className:"w-3 h-3 rounded-full",style:{backgroundColor:o[E%o.length]}}),y===""?null:s.jsxRuntimeExports.jsx(C._,{size:"sm",marginBottom:"none",children:y})]},E),e[12]=o,e[13]=t,e[14]=p):p=e[14],i=j.map(p),e[8]=j,e[9]=o,e[10]=t,e[11]=i}else i=e[11];let x;e[15]!==t||e[16]!==g?(x=g?s.jsxRuntimeExports.jsxs("div",{onMouseEnter:()=>{t(N.Colors.gray)},onMouseLeave:()=>{t(void 0)},className:"flex items-center gap-1 cursor-pointer",children:[s.jsxRuntimeExports.jsx("div",{className:"w-3 h-3 rounded-full",style:{backgroundColor:N.Colors.gray}}),s.jsxRuntimeExports.jsx(C._,{size:"sm",marginBottom:"none",children:"NA"})]}):null,e[15]=t,e[16]=g,e[17]=x):x=e[17];let c;e[18]!==i||e[19]!==x?(c=s.jsxRuntimeExports.jsxs("div",{className:"flex flex-wrap gap-3.5 mb-0",children:[i,x]}),e[18]=i,e[19]=x,e[20]=c):c=e[20];let a;e[21]!==n||e[22]!==c?(a=s.jsxRuntimeExports.jsxs("div",{children:[n,c]}),e[21]=n,e[22]=c,e[23]=a):a=e[23];let d;return e[24]!==l||e[25]!==r||e[26]!==a?(d=s.jsxRuntimeExports.jsx("div",{className:l,style:r,"aria-label":"Color legend",children:a}),e[24]=l,e[25]=r,e[26]=a,e[27]=d):d=e[27],d}exports.ColorLegendWithMouseOver=M;
-//# sourceMappingURL=ColorLegendWithMouseOver.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-gGpyby2o.cjs`);const e=require(`./jsx-runtime-Cd1vCQjn.cjs`),t=require(`./Colors.cjs`);let n=require(`@undp/design-system-react/cn`),r=require(`@undp/design-system-react/Typography`);var i=e.t();function a(e){let{colorLegendTitle:a,colorDomain:o,colors:s,setSelectedColor:c,showNAColor:l,width:u,isCenter:d,className:f}=e;return(0,i.jsx)(`div`,{className:(0,n.cn)(`flex leading-0 pb-3`,d&&`justify-center`,f),style:{maxWidth:u?`${u}px`:`none`},children:(0,i.jsxs)(`div`,{children:[a&&a!==``?(0,i.jsx)(r.P,{size:`sm`,marginBottom:`2xs`,className:d?`text-center`:``,children:a}):null,(0,i.jsxs)(`div`,{className:`flex flex-wrap gap-3.5 mb-0`,children:[o.map((e,t)=>(0,i.jsxs)(`div`,{className:`flex items-center gap-1 cursor-pointer`,onMouseEnter:()=>{c(s[t%s.length])},onFocus:()=>{c(s[t%s.length])},onMouseLeave:()=>{c(void 0)},children:[(0,i.jsx)(`div`,{className:`w-3 h-3 rounded-full`,style:{backgroundColor:s[t%s.length]}}),e===``?null:(0,i.jsx)(r.P,{size:`sm`,marginBottom:`none`,children:e})]},t)),l?(0,i.jsxs)(`div`,{onMouseEnter:()=>{c(t.Colors.gray)},onFocus:()=>{c(t.Colors.gray)},onMouseLeave:()=>{c(void 0)},className:`flex items-center gap-1 cursor-pointer`,children:[(0,i.jsx)(`div`,{className:`w-3 h-3 rounded-full`,style:{backgroundColor:t.Colors.gray}}),(0,i.jsx)(r.P,{size:`sm`,marginBottom:`none`,children:`NA`})]}):null]})]})})}exports.ColorLegendWithMouseOver=a;
+//# sourceMappingURL=ColorLegendWithMouseOver.cjs.map

package/dist/ColorLegendWithMouseOver.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ColorLegendWithMouseOver.cjs","sources":["../src/Components/Elements/ColorLegendWithMouseOver.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport { P } from '@undp/design-system-react/Typography';\r\n\r\nimport { Colors } from '@/Components/ColorPalette';\r\n\r\ninterface Props {\r\n  colors: string[];\r\n  colorDomain: (string | number)[];\r\n  colorLegendTitle?: string;\r\n  showNAColor: boolean;\r\n  setSelectedColor: (_d?: string) => void;\r\n  width?: number;\r\n  isCenter?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport function ColorLegendWithMouseOver(props: Props) {\r\n  const {\r\n    colorLegendTitle,\r\n    colorDomain,\r\n    colors,\r\n    setSelectedColor,\r\n    showNAColor,\r\n    width,\r\n    isCenter,\r\n    className,\r\n  } = props;\r\n\r\n  return (\r\n    <div\r\n      className={cn('flex leading-0 pb-3', isCenter && 'justify-center', className)}\r\n      style={{ maxWidth: width ? `${width}px` : 'none' }}\r\n      aria-label='Color legend'\r\n    >\r\n      <div>\r\n        {colorLegendTitle && colorLegendTitle !== '' ? (\r\n          <P size='sm' marginBottom='2xs' className={isCenter ? 'text-center' : ''}>\r\n            {colorLegendTitle}\r\n          </P>\r\n        ) : null}\r\n        <div className='flex flex-wrap gap-3.5 mb-0'>\r\n          {colorDomain.map((d, i) => (\r\n            <div\r\n              className='flex items-center gap-1 cursor-pointer'\r\n              key={i}\r\n              onMouseEnter={() => {\r\n                setSelectedColor(colors[i % colors.length]);\r\n              }}\r\n              onMouseLeave={() => {\r\n                setSelectedColor(undefined);\r\n              }}\r\n            >\r\n              <div\r\n                className='w-3 h-3 rounded-full'\r\n                style={{ backgroundColor: colors[i % colors.length] }}\r\n              />\r\n              {d === '' ? null : (\r\n                <P size='sm' marginBottom='none'>\r\n                  {d}\r\n                </P>\r\n              )}\r\n            </div>\r\n          ))}\r\n          {showNAColor ? (\r\n            <div\r\n              onMouseEnter={() => {\r\n                setSelectedColor(Colors.gray);\r\n              }}\r\n              onMouseLeave={() => {\r\n                setSelectedColor(undefined);\r\n              }}\r\n              className='flex items-center gap-1 cursor-pointer'\r\n            >\r\n              <div className='w-3 h-3 rounded-full' style={{ backgroundColor: Colors.gray }} />\r\n              <P size='sm' marginBottom='none'>\r\n                NA\r\n              </P>\r\n            </div>\r\n          ) : null}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["ColorLegendWithMouseOver","props","$","_c","colorLegendTitle","colorDomain","colors","setSelectedColor","showNAColor","width","isCenter","className","t0","t1","cn","t2","t3","maxWidth","t4","jsx","P","t5","t6","d","i","length","undefined","backgroundColor","map","jsxs","Colors","gray","t7","t8","t9"],"mappings":"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"}
+{"version":3,"file":"ColorLegendWithMouseOver.cjs","names":[],"sources":["../src/Components/Elements/ColorLegendWithMouseOver.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\nimport { P } from '@undp/design-system-react/Typography';\n\nimport { Colors } from '@/Components/ColorPalette';\n\ninterface Props {\n  colors: string[];\n  colorDomain: (string | number)[];\n  colorLegendTitle?: string;\n  showNAColor: boolean;\n  setSelectedColor: (_d?: string) => void;\n  width?: number;\n  isCenter?: boolean;\n  className?: string;\n}\n\nexport function ColorLegendWithMouseOver(props: Props) {\n  const {\n    colorLegendTitle,\n    colorDomain,\n    colors,\n    setSelectedColor,\n    showNAColor,\n    width,\n    isCenter,\n    className,\n  } = props;\n\n  return (\n    <div\n      className={cn('flex leading-0 pb-3', isCenter && 'justify-center', className)}\n      style={{ maxWidth: width ? `${width}px` : 'none' }}\n    >\n      <div>\n        {colorLegendTitle && colorLegendTitle !== '' ? (\n          <P size='sm' marginBottom='2xs' className={isCenter ? 'text-center' : ''}>\n            {colorLegendTitle}\n          </P>\n        ) : null}\n        <div className='flex flex-wrap gap-3.5 mb-0'>\n          {colorDomain.map((d, i) => (\n            //  biome-ignore lint/a11y/noStaticElementInteractions: interaction for color legend\n            <div\n              className='flex items-center gap-1 cursor-pointer'\n              // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n              key={i}\n              onMouseEnter={() => {\n                setSelectedColor(colors[i % colors.length]);\n              }}\n              onFocus={() => {\n                setSelectedColor(colors[i % colors.length]);\n              }}\n              onMouseLeave={() => {\n                setSelectedColor(undefined);\n              }}\n            >\n              <div\n                className='w-3 h-3 rounded-full'\n                style={{ backgroundColor: colors[i % colors.length] }}\n              />\n              {d === '' ? null : (\n                <P size='sm' marginBottom='none'>\n                  {d}\n                </P>\n              )}\n            </div>\n          ))}\n          {showNAColor ? (\n            //  biome-ignore lint/a11y/noStaticElementInteractions: interaction for color legend\n            <div\n              onMouseEnter={() => {\n                setSelectedColor(Colors.gray);\n              }}\n              onFocus={() => {\n                setSelectedColor(Colors.gray);\n              }}\n              onMouseLeave={() => {\n                setSelectedColor(undefined);\n              }}\n              className='flex items-center gap-1 cursor-pointer'\n            >\n              <div className='w-3 h-3 rounded-full' style={{ backgroundColor: Colors.gray }} />\n              <P size='sm' marginBottom='none'>\n                NA\n              </P>\n            </div>\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"uRAgBA,SAAgB,EAAyB,EAAc,CACrD,GAAM,CACJ,mBACA,cACA,SACA,mBACA,cACA,QACA,WACA,aACE,EAEJ,OACE,EAAA,EAAA,KAAC,MAAD,CACE,WAAA,EAAA,EAAA,IAAc,sBAAuB,GAAY,iBAAkB,CAAS,EAC5E,MAAO,CAAE,SAAU,EAAQ,GAAG,EAAM,IAAM,MAAO,YAEjD,EAAA,EAAA,MAAC,MAAD,CAAA,SAAA,CACG,GAAoB,IAAqB,IACxC,EAAA,EAAA,KAAC,EAAA,EAAD,CAAG,KAAK,KAAK,aAAa,MAAM,UAAW,EAAW,cAAgB,YACnE,CACA,CAAA,EACD,MACJ,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,uCAAf,CACG,EAAY,KAAK,EAAG,KAEnB,EAAA,EAAA,MAAC,MAAD,CACE,UAAU,yCAGV,iBAAoB,CAClB,EAAiB,EAAO,EAAI,EAAO,OAAO,CAC5C,EACA,YAAe,CACb,EAAiB,EAAO,EAAI,EAAO,OAAO,CAC5C,EACA,iBAAoB,CAClB,EAAiB,IAAA,EAAS,CAC5B,WAZF,EAcE,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,uBACV,MAAO,CAAE,gBAAiB,EAAO,EAAI,EAAO,OAAQ,CACrD,CAAA,EACA,IAAM,GAAK,MACV,EAAA,EAAA,KAAC,EAAA,EAAD,CAAG,KAAK,KAAK,aAAa,gBACvB,CACA,CAAA,CAEF,GApBE,CAoBF,CACN,EACA,GAEC,EAAA,EAAA,MAAC,MAAD,CACE,iBAAoB,CAClB,EAAiB,EAAA,OAAO,IAAI,CAC9B,EACA,YAAe,CACb,EAAiB,EAAA,OAAO,IAAI,CAC9B,EACA,iBAAoB,CAClB,EAAiB,IAAA,EAAS,CAC5B,EACA,UAAU,kDAVZ,EAYE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,uBAAuB,MAAO,CAAE,gBAAiB,EAAA,OAAO,IAAK,CAAI,CAAA,GAChF,EAAA,EAAA,KAAC,EAAA,EAAD,CAAG,KAAK,KAAK,aAAa,gBAAO,IAE9B,CAAA,CACA,IACH,IACD,GACF,CAAA,CAAA,CACF,CAAA,CAET"}

package/dist/ColorLegendWithMouseOver.d.ts

@@ -1,16 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-
-export declare function ColorLegendWithMouseOver(props: Props): JSX.Element;
-
-declare interface Props {
-    colors: string[];
-    colorDomain: (string | number)[];
-    colorLegendTitle?: string;
-    showNAColor: boolean;
-    setSelectedColor: (_d?: string) => void;
-    width?: number;
-    isCenter?: boolean;
-    className?: string;
-}
-
-export { }
+export * from './Components/Elements/ColorLegendWithMouseOver'
+export {}

package/dist/ColorLegendWithMouseOver.js

@@ -1,66 +1,64 @@
-import { c as E, m as L, j as l } from "./index-CHPV5EwG-BzibaIRc.js";
-import { _ as C } from "./Typography-BO0gQDIT.js";
-import { Colors as w } from "./Colors.js";
-function A(M) {
-  const e = E.c(28), {
-    colorLegendTitle: d,
-    colorDomain: g,
-    colors: o,
-    setSelectedColor: s,
-    showNAColor: h,
-    width: y,
-    isCenter: x,
-    className: p
-  } = M, j = x && "justify-center";
-  let t;
-  e[0] !== p || e[1] !== j ? (t = L("flex leading-0 pb-3", j, p), e[0] = p, e[1] = j, e[2] = t) : t = e[2];
-  const v = y ? `${y}px` : "none";
-  let r;
-  e[3] !== v ? (r = {
-    maxWidth: v
-  }, e[3] = v, e[4] = r) : r = e[4];
-  let n;
-  e[5] !== d || e[6] !== x ? (n = d && d !== "" ? /* @__PURE__ */ l.jsx(C, { size: "sm", marginBottom: "2xs", className: x ? "text-center" : "", children: d }) : null, e[5] = d, e[6] = x, e[7] = n) : n = e[7];
-  let i;
-  if (e[8] !== g || e[9] !== o || e[10] !== s) {
-    let u;
-    e[12] !== o || e[13] !== s ? (u = (b, N) => /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-1 cursor-pointer", onMouseEnter: () => {
-      s(o[N % o.length]);
-    }, onMouseLeave: () => {
-      s(void 0);
-    }, children: [
-      /* @__PURE__ */ l.jsx("div", { className: "w-3 h-3 rounded-full", style: {
-        backgroundColor: o[N % o.length]
-      } }),
-      b === "" ? null : /* @__PURE__ */ l.jsx(C, { size: "sm", marginBottom: "none", children: b })
-    ] }, N), e[12] = o, e[13] = s, e[14] = u) : u = e[14], i = g.map(u), e[8] = g, e[9] = o, e[10] = s, e[11] = i;
-  } else
-    i = e[11];
-  let a;
-  e[15] !== s || e[16] !== h ? (a = h ? /* @__PURE__ */ l.jsxs("div", { onMouseEnter: () => {
-    s(w.gray);
-  }, onMouseLeave: () => {
-    s(void 0);
-  }, className: "flex items-center gap-1 cursor-pointer", children: [
-    /* @__PURE__ */ l.jsx("div", { className: "w-3 h-3 rounded-full", style: {
-      backgroundColor: w.gray
-    } }),
-    /* @__PURE__ */ l.jsx(C, { size: "sm", marginBottom: "none", children: "NA" })
-  ] }) : null, e[15] = s, e[16] = h, e[17] = a) : a = e[17];
-  let c;
-  e[18] !== i || e[19] !== a ? (c = /* @__PURE__ */ l.jsxs("div", { className: "flex flex-wrap gap-3.5 mb-0", children: [
-    i,
-    a
-  ] }), e[18] = i, e[19] = a, e[20] = c) : c = e[20];
-  let m;
-  e[21] !== n || e[22] !== c ? (m = /* @__PURE__ */ l.jsxs("div", { children: [
-    n,
-    c
-  ] }), e[21] = n, e[22] = c, e[23] = m) : m = e[23];
-  let f;
-  return e[24] !== t || e[25] !== r || e[26] !== m ? (f = /* @__PURE__ */ l.jsx("div", { className: t, style: r, "aria-label": "Color legend", children: m }), e[24] = t, e[25] = r, e[26] = m, e[27] = f) : f = e[27], f;
+import { t as e } from "./jsx-runtime-C76bEyh7.js";
+import { Colors as t } from "./Colors.js";
+import { cn as n } from "@undp/design-system-react/cn";
+import { P as r } from "@undp/design-system-react/Typography";
+//#region src/Components/Elements/ColorLegendWithMouseOver.tsx
+var i = e();
+function a(e) {
+	let { colorLegendTitle: a, colorDomain: o, colors: s, setSelectedColor: c, showNAColor: l, width: u, isCenter: d, className: f } = e;
+	return /* @__PURE__ */ (0, i.jsx)("div", {
+		className: n("flex leading-0 pb-3", d && "justify-center", f),
+		style: { maxWidth: u ? `${u}px` : "none" },
+		children: /* @__PURE__ */ (0, i.jsxs)("div", { children: [a && a !== "" ? /* @__PURE__ */ (0, i.jsx)(r, {
+			size: "sm",
+			marginBottom: "2xs",
+			className: d ? "text-center" : "",
+			children: a
+		}) : null, /* @__PURE__ */ (0, i.jsxs)("div", {
+			className: "flex flex-wrap gap-3.5 mb-0",
+			children: [o.map((e, t) => /* @__PURE__ */ (0, i.jsxs)("div", {
+				className: "flex items-center gap-1 cursor-pointer",
+				onMouseEnter: () => {
+					c(s[t % s.length]);
+				},
+				onFocus: () => {
+					c(s[t % s.length]);
+				},
+				onMouseLeave: () => {
+					c(void 0);
+				},
+				children: [/* @__PURE__ */ (0, i.jsx)("div", {
+					className: "w-3 h-3 rounded-full",
+					style: { backgroundColor: s[t % s.length] }
+				}), e === "" ? null : /* @__PURE__ */ (0, i.jsx)(r, {
+					size: "sm",
+					marginBottom: "none",
+					children: e
+				})]
+			}, t)), l ? /* @__PURE__ */ (0, i.jsxs)("div", {
+				onMouseEnter: () => {
+					c(t.gray);
+				},
+				onFocus: () => {
+					c(t.gray);
+				},
+				onMouseLeave: () => {
+					c(void 0);
+				},
+				className: "flex items-center gap-1 cursor-pointer",
+				children: [/* @__PURE__ */ (0, i.jsx)("div", {
+					className: "w-3 h-3 rounded-full",
+					style: { backgroundColor: t.gray }
+				}), /* @__PURE__ */ (0, i.jsx)(r, {
+					size: "sm",
+					marginBottom: "none",
+					children: "NA"
+				})]
+			}) : null]
+		})] })
+	});
 }
-export {
-  A as ColorLegendWithMouseOver
-};
-//# sourceMappingURL=ColorLegendWithMouseOver.js.map
+//#endregion
+export { a as ColorLegendWithMouseOver };
+
+//# sourceMappingURL=ColorLegendWithMouseOver.js.map

package/dist/ColorLegendWithMouseOver.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorLegendWithMouseOver.js","sources":["../src/Components/Elements/ColorLegendWithMouseOver.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport { P } from '@undp/design-system-react/Typography';\r\n\r\nimport { Colors } from '@/Components/ColorPalette';\r\n\r\ninterface Props {\r\n  colors: string[];\r\n  colorDomain: (string | number)[];\r\n  colorLegendTitle?: string;\r\n  showNAColor: boolean;\r\n  setSelectedColor: (_d?: string) => void;\r\n  width?: number;\r\n  isCenter?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport function ColorLegendWithMouseOver(props: Props) {\r\n  const {\r\n    colorLegendTitle,\r\n    colorDomain,\r\n    colors,\r\n    setSelectedColor,\r\n    showNAColor,\r\n    width,\r\n    isCenter,\r\n    className,\r\n  } = props;\r\n\r\n  return (\r\n    <div\r\n      className={cn('flex leading-0 pb-3', isCenter && 'justify-center', className)}\r\n      style={{ maxWidth: width ? `${width}px` : 'none' }}\r\n      aria-label='Color legend'\r\n    >\r\n      <div>\r\n        {colorLegendTitle && colorLegendTitle !== '' ? (\r\n          <P size='sm' marginBottom='2xs' className={isCenter ? 'text-center' : ''}>\r\n            {colorLegendTitle}\r\n          </P>\r\n        ) : null}\r\n        <div className='flex flex-wrap gap-3.5 mb-0'>\r\n          {colorDomain.map((d, i) => (\r\n            <div\r\n              className='flex items-center gap-1 cursor-pointer'\r\n              key={i}\r\n              onMouseEnter={() => {\r\n                setSelectedColor(colors[i % colors.length]);\r\n              }}\r\n              onMouseLeave={() => {\r\n                setSelectedColor(undefined);\r\n              }}\r\n            >\r\n              <div\r\n                className='w-3 h-3 rounded-full'\r\n                style={{ backgroundColor: colors[i % colors.length] }}\r\n              />\r\n              {d === '' ? null : (\r\n                <P size='sm' marginBottom='none'>\r\n                  {d}\r\n                </P>\r\n              )}\r\n            </div>\r\n          ))}\r\n          {showNAColor ? (\r\n            <div\r\n              onMouseEnter={() => {\r\n                setSelectedColor(Colors.gray);\r\n              }}\r\n              onMouseLeave={() => {\r\n                setSelectedColor(undefined);\r\n              }}\r\n              className='flex items-center gap-1 cursor-pointer'\r\n            >\r\n              <div className='w-3 h-3 rounded-full' style={{ backgroundColor: Colors.gray }} />\r\n              <P size='sm' marginBottom='none'>\r\n                NA\r\n              </P>\r\n            </div>\r\n          ) : null}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["ColorLegendWithMouseOver","props","$","_c","colorLegendTitle","colorDomain","colors","setSelectedColor","showNAColor","width","isCenter","className","t0","t1","cn","t2","t3","maxWidth","t4","jsx","P","t5","t6","d","i","length","undefined","backgroundColor","map","jsxs","Colors","gray","t7","t8","t9"],"mappings":"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"}
+{"version":3,"file":"ColorLegendWithMouseOver.js","names":[],"sources":["../src/Components/Elements/ColorLegendWithMouseOver.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\nimport { P } from '@undp/design-system-react/Typography';\n\nimport { Colors } from '@/Components/ColorPalette';\n\ninterface Props {\n  colors: string[];\n  colorDomain: (string | number)[];\n  colorLegendTitle?: string;\n  showNAColor: boolean;\n  setSelectedColor: (_d?: string) => void;\n  width?: number;\n  isCenter?: boolean;\n  className?: string;\n}\n\nexport function ColorLegendWithMouseOver(props: Props) {\n  const {\n    colorLegendTitle,\n    colorDomain,\n    colors,\n    setSelectedColor,\n    showNAColor,\n    width,\n    isCenter,\n    className,\n  } = props;\n\n  return (\n    <div\n      className={cn('flex leading-0 pb-3', isCenter && 'justify-center', className)}\n      style={{ maxWidth: width ? `${width}px` : 'none' }}\n    >\n      <div>\n        {colorLegendTitle && colorLegendTitle !== '' ? (\n          <P size='sm' marginBottom='2xs' className={isCenter ? 'text-center' : ''}>\n            {colorLegendTitle}\n          </P>\n        ) : null}\n        <div className='flex flex-wrap gap-3.5 mb-0'>\n          {colorDomain.map((d, i) => (\n            //  biome-ignore lint/a11y/noStaticElementInteractions: interaction for color legend\n            <div\n              className='flex items-center gap-1 cursor-pointer'\n              // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n              key={i}\n              onMouseEnter={() => {\n                setSelectedColor(colors[i % colors.length]);\n              }}\n              onFocus={() => {\n                setSelectedColor(colors[i % colors.length]);\n              }}\n              onMouseLeave={() => {\n                setSelectedColor(undefined);\n              }}\n            >\n              <div\n                className='w-3 h-3 rounded-full'\n                style={{ backgroundColor: colors[i % colors.length] }}\n              />\n              {d === '' ? null : (\n                <P size='sm' marginBottom='none'>\n                  {d}\n                </P>\n              )}\n            </div>\n          ))}\n          {showNAColor ? (\n            //  biome-ignore lint/a11y/noStaticElementInteractions: interaction for color legend\n            <div\n              onMouseEnter={() => {\n                setSelectedColor(Colors.gray);\n              }}\n              onFocus={() => {\n                setSelectedColor(Colors.gray);\n              }}\n              onMouseLeave={() => {\n                setSelectedColor(undefined);\n              }}\n              className='flex items-center gap-1 cursor-pointer'\n            >\n              <div className='w-3 h-3 rounded-full' style={{ backgroundColor: Colors.gray }} />\n              <P size='sm' marginBottom='none'>\n                NA\n              </P>\n            </div>\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAgBA,SAAgB,EAAyB,GAAc;CACrD,IAAM,EACJ,qBACA,gBACA,WACA,qBACA,gBACA,UACA,aACA,iBACE;CAEJ,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,WAAW,EAAG,uBAAuB,KAAY,kBAAkB,CAAS;EAC5E,OAAO,EAAE,UAAU,IAAQ,GAAG,EAAM,MAAM,OAAO;YAEjD,iBAAA,GAAA,EAAA,MAAC,OAAD,EAAA,UAAA,CACG,KAAoB,MAAqB,KACxC,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAG,MAAK;GAAK,cAAa;GAAM,WAAW,IAAW,gBAAgB;aACnE;EACA,CAAA,IACD,MACJ,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,WAAU;aAAf,CACG,EAAY,KAAK,GAAG,MAEnB,iBAAA,GAAA,EAAA,MAAC,OAAD;IACE,WAAU;IAGV,oBAAoB;KAClB,EAAiB,EAAO,IAAI,EAAO,OAAO;IAC5C;IACA,eAAe;KACb,EAAiB,EAAO,IAAI,EAAO,OAAO;IAC5C;IACA,oBAAoB;KAClB,EAAiB,KAAA,CAAS;IAC5B;cAZF,CAcE,iBAAA,GAAA,EAAA,KAAC,OAAD;KACE,WAAU;KACV,OAAO,EAAE,iBAAiB,EAAO,IAAI,EAAO,QAAQ;IACrD,CAAA,GACA,MAAM,KAAK,OACV,iBAAA,GAAA,EAAA,KAAC,GAAD;KAAG,MAAK;KAAK,cAAa;eACvB;IACA,CAAA,CAEF;MApBE,CAoBF,CACN,GACA,IAEC,iBAAA,GAAA,EAAA,MAAC,OAAD;IACE,oBAAoB;KAClB,EAAiB,EAAO,IAAI;IAC9B;IACA,eAAe;KACb,EAAiB,EAAO,IAAI;IAC9B;IACA,oBAAoB;KAClB,EAAiB,KAAA,CAAS;IAC5B;IACA,WAAU;cAVZ,CAYE,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;KAAuB,OAAO,EAAE,iBAAiB,EAAO,KAAK;IAAI,CAAA,GAChF,iBAAA,GAAA,EAAA,KAAC,GAAD;KAAG,MAAK;KAAK,cAAa;eAAO;IAE9B,CAAA,CACA;QACH,IACD;IACF,EAAA,CAAA;CACF,CAAA;AAET"}

package/dist/Colors.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F={gray:"#D4D6D8",graphMainColor:"#0468B1",primaryColors:{"blue-100":"#B5D5F5","blue-200":"#94C4F5","blue-300":"#6BABEB","blue-400":"#4F95DD","blue-500":"#3288CE","blue-600":"#0468B1","blue-700":"#1F5A95"},genderColors:{male:"#02A38A",female:"#757AF0"},locationColors:{urban:"#0468B1",rural:"#5DD4F0"},alerts:{lightYellow:"#FFE17E",yellow:"#FFEB00",darkYellow:"#FBC412",lightRed:"#FFBCB7",red:"#EE402D",darkRed:"#D12800",lightGreen:"#B8ECB6",green:"#6DE354",darkGreen:"#59BA47",lightAzure:"#A2DAF3",azure:"#60D4F2",darkAzure:"#00C1FF"},sdgColors:{sdg1:"#E5243B",sdg2:"#DDA63A",sdg3:"#4C9F38",sdg4:"#C5192D",sdg5:"#FF3A21",sdg6:"#26BDE2",sdg7:"#FCC30B",sdg8:"#A21942",sdg9:"#FD6925",sdg10:"#DD1367",sdg11:"#FD9D24",sdg12:"#BF8B2E",sdg13:"#3F7E44",sdg14:"#0A97D9",sdg15:"#56C02B",sdg16:"#00689D",sdg17:"#19486A"},light:{graphBackgroundColor:"#F7F7F7",graphNoData:"#FFFFFF",grays:{white:"#FFFFFF","gray-100":"#FAFAFA","gray-200":"#F7F7F7","gray-300":"#EDEFF0","gray-400":"#D4D6D8","gray-500":"#A9B1B7","gray-550":"#879099","gray-600":"#55606E","gray-700":"#232E3D",black:"#000000"},categoricalColors:{colors:["#0468B1","#5DD4F0","#02A38A","#E78625","#E0529E","#757AF0","#A0C236","#FBC412","#BF8B2E","#A9B1B7"]},sequentialColors:{negativeColorsx02:["#f6b666","#a71c04"],negativeColorsx03:["#f6b666","#d16f34","#a71c04"],negativeColorsx04:["#F6B666","#EB8033","#D64513","#A71C04"],negativeColorsx05:["#FBD68A","#F39E4B","#E16424","#C12705","#850E02"],negativeColorsx06:["#FFF4AC","#F7BD6D","#EC8234","#D54211","#A01903","#650000"],negativeColorsx07:["#FFF4AC","#F8C678","#F29641","#E16424","#C92B06","#961503","#650000"],negativeColorsx08:["#FFF4AC","#F9CD7F","#F4A451","#E97A30","#D94C17","#BB2505","#8F1202","#650000"],negativeColorsx09:["#FFF4AC","#FAD285","#F5AE5D","#EE8938","#E16424","#D2390C","#ad190d","#891002","#650000"],negativeColorsx10:["#FFF4AC","#FBD68A","#F6B666","#F29641","#E7752D","#DB521A","#C92B06","#A71C04","#850E02","#650000"],positiveColorsx02:["#bada81","#308c56"],positiveColorsx03:["#bada81","#6eb560","#308c56"],positiveColorsx04:["#BADA81","#7FC45F","#58A85A","#308C56"],positiveColorsx05:["#DDE797","#9FD071","#6CB65D","#429858","#187B54"],positiveColorsx06:["#FFF4AC","#C1DD85","#81C55F","#56A75A","#2C8956","#006A51"],positiveColorsx07:["#FFF4AC","#CBE18C","#96CD6B","#6CB65D","#489D59","#248455","#006A51"],positiveColorsx08:["#FFF4AC","#D3E491","#A6D374","#7BC05E","#5CAB5B","#3E9558","#1F8054","#006A51"],positiveColorsx09:["#FFF4AC","#D8E694","#B1D77C","#88C862","#6CB65D","#51A35A","#369057","#1B7D54","#006A51"],positiveColorsx10:["#FFF4AC","#DDE797","#BADA81","#96CD6B","#78BE5E","#60AD5B","#489D59","#308C56","#187B54","#006A51"],neutralColorsx02:["#5fcda1","#005396"],neutralColorsx03:["#5fcda1","#458e9d","#005396"],neutralColorsx04:["#FFF4AC","#5FCDA1","#0091A9","#005396"],neutralColorsx05:["#FFF4AC","#7BD4A3","#00A5A1","#006CB3","#003F80"],neutralColorsx06:["#FFF4AC","#98DBA5","#16BB9C","#008FA9","#0063A8","#003F80"],neutralColorsx07:["#FFF4AC","#AADFA6","#47C79F","#00A5A1","#007FAF","#005DA1","#003F80"],neutralColorsx08:["#FFF4AC","#B7E2A7","#66CFA2","#00B59B","#0095A7","#0074B3","#00589D","#003F80"],neutralColorsx09:["#FFF4AC","#C1E5A8","#7CD4A3","#29C09D","#00A5A1","#0089AB","#006CB3","#005599","#003F80"],neutralColorsx10:["#FFF4AC","#C8E7A8","#8CD8A4","#47C79F","#00B29C","#0099A5","#007FAF","#0067AD","#005396","#003F80"]},divergentColors:{colorsx02:["#d9382d","#347cbc"],colorsx03:["#d9382d","#ffffbf","#347cbc"],colorsx04:["#d9382d","#eea57d","#89bfdc","#347cbc"],colorsx05:["#d9382d","#eea57d","#ffffbf","#89bfdc","#347cbc"],colorsx06:["#d9382d","#e88666","#f6d39e","#bae0e1","#70a8cc","#347cbc"],colorsx07:["#d9382d","#e88666","#f6d39e","#ffffbf","#bae0e1","#70a8cc","#347cbc"],colorsx08:["#d9382d","#e47559","#eea57d","#f6d39e","#bae0e1","#89bfdc","#5f9dcc","#347cbc"],colorsx09:["#d9382d","#e47559","#eea57d","#f6d39e","#ffffbf","#bae0e1","#89bfdc","#5f9dcc","#347cbc"],colorsx10:["#aa1d09","#d9382d","#e47559","#eea57d","#f6d39e","#bae0e1","#89bfdc","#5f9dcc","#347cbc","#095aab"],colorsx11:["#aa1d09","#d9382d","#e47559","#eea57d","#f6d39e","#ffffbf","#bae0e1","#89bfdc","#5f9dcc","#347cbc","#095aab"]},bivariateColors:{colors03x03:[["#e5e5e5","#7FDCF9","#0BC6FF"],["#F99FBA","#9697D3","#3690EB"],["#F4618D","#A961B3","#5C61DA"]],colors04x04:[["#e5e5e5","#BAE7F6","#7FDCF9","#41D0FC"],["#F6C5D4","#BFBEDD","#88B8E5","#57B2ED"],["#F99FBA","#C89BC6","#9697D3","#6494DF"],["#F782A5","#D180B3","#9F7DC5","#727AD4"]],colors05x04:[["#e5e5e5","#BAE7F6","#7FDCF9","#41D0FC"],["#F6C5D4","#BFBEDD","#88B8E5","#57B2ED"],["#F99FBA","#C89BC6","#9697D3","#6494DF"],["#F782A5","#D180B3","#9F7DC5","#727AD4"],["#F4618D","#D2619F","#A961B3","#8061C8"]],colors04x05:[["#e5e5e5","#BAE7F6","#7FDCF9","#41D0FC","#0BC6FF"],["#F6C5D4","#BFBEDD","#88B8E5","#57B2ED","#21ABF5"],["#F99FBA","#C89BC6","#9697D3","#6494DF","#3690EB"],["#F782A5","#D180B3","#9F7DC5","#727AD4","#4978E3"]],colors05x05:[["#e5e5e5","#BAE7F6","#7FDCF9","#41D0FC","#0BC6FF"],["#F6C5D4","#BFBEDD","#88B8E5","#57B2ED","#21ABF5"],["#F99FBA","#C89BC6","#9697D3","#6494DF","#3690EB"],["#F782A5","#D180B3","#9F7DC5","#727AD4","#4978E3"],["#F4618D","#D2619F","#A961B3","#8061C8","#5C61DA"]]}},dark:{graphBackgroundColor:"#232E3D",graphNoData:"#FFFFFF",grays:{white:"#232E3D","gray-100":"#394250","gray-200":"#47505C","gray-300":"#57606D","gray-400":"#78808A","gray-500":"#AAB1B6","gray-550":"#AAB1B6","gray-600":"#D4D6D8","gray-700":"#EAEBEC",black:"#FFFFFF"},categoricalColors:{colors:["#0468B1","#5DD4F0","#02A38A","#E78625","#E0529E","#757AF0","#A0C236","#FBC412","#BF8B2E","#A9B1B7"]},sequentialColors:{negativeColorsx02:["#a71c04","#f6b666"],negativeColorsx03:["#a71c04","#d16f34","#f6b666"],negativeColorsx04:["#A71C04","#D64513","#EB8033","#F6B666"],negativeColorsx05:["#850E02","#C12705","#E16424","#F39E4B","#FBD68A"],negativeColorsx06:["#650000","#A01903","#D54211","#EC8234","#F7BD6D","#FFF4AC"],negativeColorsx07:["#650000","#961503","#C92B06","#E16424","#F29641","#F8C678","#FFF4AC"],negativeColorsx08:["#650000","#8F1202","#BB2505","#D94C17","#E97A30","#F4A451","#F9CD7F","#FFF4AC"],negativeColorsx09:["#650000","#891002","#ad190d","#D2390C","#E16424","#EE8938","#F5AE5D","#FAD285","#FFF4AC"],negativeColorsx10:["#650000","#850E02","#A71C04","#C92B06","#DB521A","#E7752D","#F29641","#F6B666","#FBD68A","#FFF4AC"],positiveColorsx02:["#308c56","#bada81"],positiveColorsx03:["#308c56","#6eb560","#bada81"],positiveColorsx04:["#308C56","#58A85A","#7FC45F","#BADA81"],positiveColorsx05:["#187B54","#429858","#6CB65D","#9FD071","#DDE797"],positiveColorsx06:["#006A51","#2C8956","#56A75A","#81C55F","#C1DD85","#FFF4AC"],positiveColorsx07:["#006A51","#248455","#489D59","#6CB65D","#96CD6B","#CBE18C","#FFF4AC"],positiveColorsx08:["#006A51","#1F8054","#3E9558","#5CAB5B","#7BC05E","#A6D374","#D3E491","#FFF4AC"],positiveColorsx09:["#006A51","#1B7D54","#369057","#51A35A","#6CB65D","#88C862","#B1D77C","#D8E694","#FFF4AC"],positiveColorsx10:["#006A51","#187B54","#308C56","#489D59","#60AD5B","#78BE5E","#96CD6B","#BADA81","#DDE797","#FFF4AC"],neutralColorsx02:["#005396","#5fcda1"],neutralColorsx03:["#005396","#458e9d","#5fcda1"],neutralColorsx04:["#005396","#0091A9","#5FCDA1","#FFF4AC"],neutralColorsx05:["#003F80","#006CB3","#00A5A1","#7BD4A3","#FFF4AC"],neutralColorsx06:["#003F80","#0063A8","#008FA9","#16BB9C","#98DBA5","#FFF4AC"],neutralColorsx07:["#003F80","#005DA1","#007FAF","#00A5A1","#47C79F","#AADFA6","#FFF4AC"],neutralColorsx08:["#003F80","#00589D","#0074B3","#0095A7","#00B59B","#66CFA2","#B7E2A7","#FFF4AC"],neutralColorsx09:["#003F80","#005599","#006CB3","#0089AB","#00A5A1","#29C09D","#7CD4A3","#C1E5A8","#FFF4AC"],neutralColorsx10:["#003F80","#005396","#0067AD","#007FAF","#0099A5","#00B29C","#47C79F","#8CD8A4","#C8E7A8","#FFF4AC"]},divergentColors:{colorsx02:["#347cbc","#d9382d"],colorsx03:["#347cbc","#ffffbf","#d9382d"],colorsx04:["#347cbc","#89bfdc","#eea57d","#d9382d"],colorsx05:["#347cbc","#89bfdc","#ffffbf","#eea57d","#d9382d"],colorsx06:["#347cbc","#70a8cc","#bae0e1","#f6d39e","#e88666","#d9382d"],colorsx07:["#347cbc","#70a8cc","#bae0e1","#ffffbf","#f6d39e","#e88666","#d9382d"],colorsx08:["#347cbc","#5f9dcc","#89bfdc","#bae0e1","#f6d39e","#eea57d","#e47559","#d9382d"],colorsx09:["#347cbc","#5f9dcc","#89bfdc","#bae0e1","#ffffbf","#f6d39e","#eea57d","#e47559","#d9382d"],colorsx10:["#095aab","#347cbc","#5f9dcc","#89bfdc","#bae0e1","#f6d39e","#eea57d","#e47559","#d9382d","#aa1d09"],colorsx11:["#095aab","#347cbc","#5f9dcc","#89bfdc","#bae0e1","#ffffbf","#f6d39e","#eea57d","#e47559","#d9382d","#aa1d09"]},bivariateColors:{colors03x03:[["#e5e5e5","#7FDCF9","#0BC6FF"],["#F99FBA","#9697D3","#3690EB"],["#F4618D","#A961B3","#5C61DA"]],colors04x04:[["#e5e5e5","#BAE7F6","#7FDCF9","#41D0FC"],["#F6C5D4","#BFBEDD","#88B8E5","#57B2ED"],["#F99FBA","#C89BC6","#9697D3","#6494DF"],["#F782A5","#D180B3","#9F7DC5","#727AD4"]],colors05x04:[["#e5e5e5","#BAE7F6","#7FDCF9","#41D0FC"],["#F6C5D4","#BFBEDD","#88B8E5","#57B2ED"],["#F99FBA","#C89BC6","#9697D3","#6494DF"],["#F782A5","#D180B3","#9F7DC5","#727AD4"],["#F4618D","#D2619F","#A961B3","#8061C8"]],colors04x05:[["#e5e5e5","#BAE7F6","#7FDCF9","#41D0FC","#0BC6FF"],["#F6C5D4","#BFBEDD","#88B8E5","#57B2ED","#21ABF5"],["#F99FBA","#C89BC6","#9697D3","#6494DF","#3690EB"],["#F782A5","#D180B3","#9F7DC5","#727AD4","#4978E3"]],colors05x05:[["#e5e5e5","#BAE7F6","#7FDCF9","#41D0FC","#0BC6FF"],["#F6C5D4","#BFBEDD","#88B8E5","#57B2ED","#21ABF5"],["#F99FBA","#C89BC6","#9697D3","#6494DF","#3690EB"],["#F782A5","#D180B3","#9F7DC5","#727AD4","#4978E3"],["#F4618D","#D2619F","#A961B3","#8061C8","#5C61DA"]]}}};exports.Colors=F;
-//# sourceMappingURL=Colors.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-gGpyby2o.cjs`);var e={gray:`#D4D6D8`,graphMainColor:`#0468B1`,primaryColors:{"blue-100":`#B5D5F5`,"blue-200":`#94C4F5`,"blue-300":`#6BABEB`,"blue-400":`#4F95DD`,"blue-500":`#3288CE`,"blue-600":`#0468B1`,"blue-700":`#1F5A95`},genderColors:{male:`#02A38A`,female:`#757AF0`},locationColors:{urban:`#0468B1`,rural:`#5DD4F0`},alerts:{lightYellow:`#FFE17E`,yellow:`#FFEB00`,darkYellow:`#FBC412`,lightRed:`#FFBCB7`,red:`#EE402D`,darkRed:`#D12800`,lightGreen:`#B8ECB6`,green:`#6DE354`,darkGreen:`#59BA47`,lightAzure:`#A2DAF3`,azure:`#60D4F2`,darkAzure:`#00C1FF`},sdgColors:{sdg1:`#E5243B`,sdg2:`#DDA63A`,sdg3:`#4C9F38`,sdg4:`#C5192D`,sdg5:`#FF3A21`,sdg6:`#26BDE2`,sdg7:`#FCC30B`,sdg8:`#A21942`,sdg9:`#FD6925`,sdg10:`#DD1367`,sdg11:`#FD9D24`,sdg12:`#BF8B2E`,sdg13:`#3F7E44`,sdg14:`#0A97D9`,sdg15:`#56C02B`,sdg16:`#00689D`,sdg17:`#19486A`},light:{graphBackgroundColor:`#F7F7F7`,graphNoData:`#FFFFFF`,grays:{white:`#FFFFFF`,"gray-100":`#FAFAFA`,"gray-200":`#F7F7F7`,"gray-300":`#EDEFF0`,"gray-400":`#D4D6D8`,"gray-500":`#A9B1B7`,"gray-550":`#879099`,"gray-600":`#55606E`,"gray-700":`#232E3D`,black:`#000000`},categoricalColors:{colors:[`#0468B1`,`#5DD4F0`,`#02A38A`,`#E78625`,`#E0529E`,`#757AF0`,`#A0C236`,`#FBC412`,`#BF8B2E`,`#A9B1B7`]},sequentialColors:{negativeColorsx02:[`#f6b666`,`#a71c04`],negativeColorsx03:[`#f6b666`,`#d16f34`,`#a71c04`],negativeColorsx04:[`#F6B666`,`#EB8033`,`#D64513`,`#A71C04`],negativeColorsx05:[`#FBD68A`,`#F39E4B`,`#E16424`,`#C12705`,`#850E02`],negativeColorsx06:[`#FFF4AC`,`#F7BD6D`,`#EC8234`,`#D54211`,`#A01903`,`#650000`],negativeColorsx07:[`#FFF4AC`,`#F8C678`,`#F29641`,`#E16424`,`#C92B06`,`#961503`,`#650000`],negativeColorsx08:[`#FFF4AC`,`#F9CD7F`,`#F4A451`,`#E97A30`,`#D94C17`,`#BB2505`,`#8F1202`,`#650000`],negativeColorsx09:[`#FFF4AC`,`#FAD285`,`#F5AE5D`,`#EE8938`,`#E16424`,`#D2390C`,`#ad190d`,`#891002`,`#650000`],negativeColorsx10:[`#FFF4AC`,`#FBD68A`,`#F6B666`,`#F29641`,`#E7752D`,`#DB521A`,`#C92B06`,`#A71C04`,`#850E02`,`#650000`],positiveColorsx02:[`#bada81`,`#308c56`],positiveColorsx03:[`#bada81`,`#6eb560`,`#308c56`],positiveColorsx04:[`#BADA81`,`#7FC45F`,`#58A85A`,`#308C56`],positiveColorsx05:[`#DDE797`,`#9FD071`,`#6CB65D`,`#429858`,`#187B54`],positiveColorsx06:[`#FFF4AC`,`#C1DD85`,`#81C55F`,`#56A75A`,`#2C8956`,`#006A51`],positiveColorsx07:[`#FFF4AC`,`#CBE18C`,`#96CD6B`,`#6CB65D`,`#489D59`,`#248455`,`#006A51`],positiveColorsx08:[`#FFF4AC`,`#D3E491`,`#A6D374`,`#7BC05E`,`#5CAB5B`,`#3E9558`,`#1F8054`,`#006A51`],positiveColorsx09:[`#FFF4AC`,`#D8E694`,`#B1D77C`,`#88C862`,`#6CB65D`,`#51A35A`,`#369057`,`#1B7D54`,`#006A51`],positiveColorsx10:[`#FFF4AC`,`#DDE797`,`#BADA81`,`#96CD6B`,`#78BE5E`,`#60AD5B`,`#489D59`,`#308C56`,`#187B54`,`#006A51`],neutralColorsx02:[`#5fcda1`,`#005396`],neutralColorsx03:[`#5fcda1`,`#458e9d`,`#005396`],neutralColorsx04:[`#FFF4AC`,`#5FCDA1`,`#0091A9`,`#005396`],neutralColorsx05:[`#FFF4AC`,`#7BD4A3`,`#00A5A1`,`#006CB3`,`#003F80`],neutralColorsx06:[`#FFF4AC`,`#98DBA5`,`#16BB9C`,`#008FA9`,`#0063A8`,`#003F80`],neutralColorsx07:[`#FFF4AC`,`#AADFA6`,`#47C79F`,`#00A5A1`,`#007FAF`,`#005DA1`,`#003F80`],neutralColorsx08:[`#FFF4AC`,`#B7E2A7`,`#66CFA2`,`#00B59B`,`#0095A7`,`#0074B3`,`#00589D`,`#003F80`],neutralColorsx09:[`#FFF4AC`,`#C1E5A8`,`#7CD4A3`,`#29C09D`,`#00A5A1`,`#0089AB`,`#006CB3`,`#005599`,`#003F80`],neutralColorsx10:[`#FFF4AC`,`#C8E7A8`,`#8CD8A4`,`#47C79F`,`#00B29C`,`#0099A5`,`#007FAF`,`#0067AD`,`#005396`,`#003F80`]},divergentColors:{colorsx02:[`#d9382d`,`#347cbc`],colorsx03:[`#d9382d`,`#ffffbf`,`#347cbc`],colorsx04:[`#d9382d`,`#eea57d`,`#89bfdc`,`#347cbc`],colorsx05:[`#d9382d`,`#eea57d`,`#ffffbf`,`#89bfdc`,`#347cbc`],colorsx06:[`#d9382d`,`#e88666`,`#f6d39e`,`#bae0e1`,`#70a8cc`,`#347cbc`],colorsx07:[`#d9382d`,`#e88666`,`#f6d39e`,`#ffffbf`,`#bae0e1`,`#70a8cc`,`#347cbc`],colorsx08:[`#d9382d`,`#e47559`,`#eea57d`,`#f6d39e`,`#bae0e1`,`#89bfdc`,`#5f9dcc`,`#347cbc`],colorsx09:[`#d9382d`,`#e47559`,`#eea57d`,`#f6d39e`,`#ffffbf`,`#bae0e1`,`#89bfdc`,`#5f9dcc`,`#347cbc`],colorsx10:[`#aa1d09`,`#d9382d`,`#e47559`,`#eea57d`,`#f6d39e`,`#bae0e1`,`#89bfdc`,`#5f9dcc`,`#347cbc`,`#095aab`],colorsx11:[`#aa1d09`,`#d9382d`,`#e47559`,`#eea57d`,`#f6d39e`,`#ffffbf`,`#bae0e1`,`#89bfdc`,`#5f9dcc`,`#347cbc`,`#095aab`]},bivariateColors:{colors03x03:[[`#e5e5e5`,`#7FDCF9`,`#0BC6FF`],[`#F99FBA`,`#9697D3`,`#3690EB`],[`#F4618D`,`#A961B3`,`#5C61DA`]],colors04x04:[[`#e5e5e5`,`#BAE7F6`,`#7FDCF9`,`#41D0FC`],[`#F6C5D4`,`#BFBEDD`,`#88B8E5`,`#57B2ED`],[`#F99FBA`,`#C89BC6`,`#9697D3`,`#6494DF`],[`#F782A5`,`#D180B3`,`#9F7DC5`,`#727AD4`]],colors05x04:[[`#e5e5e5`,`#BAE7F6`,`#7FDCF9`,`#41D0FC`],[`#F6C5D4`,`#BFBEDD`,`#88B8E5`,`#57B2ED`],[`#F99FBA`,`#C89BC6`,`#9697D3`,`#6494DF`],[`#F782A5`,`#D180B3`,`#9F7DC5`,`#727AD4`],[`#F4618D`,`#D2619F`,`#A961B3`,`#8061C8`]],colors04x05:[[`#e5e5e5`,`#BAE7F6`,`#7FDCF9`,`#41D0FC`,`#0BC6FF`],[`#F6C5D4`,`#BFBEDD`,`#88B8E5`,`#57B2ED`,`#21ABF5`],[`#F99FBA`,`#C89BC6`,`#9697D3`,`#6494DF`,`#3690EB`],[`#F782A5`,`#D180B3`,`#9F7DC5`,`#727AD4`,`#4978E3`]],colors05x05:[[`#e5e5e5`,`#BAE7F6`,`#7FDCF9`,`#41D0FC`,`#0BC6FF`],[`#F6C5D4`,`#BFBEDD`,`#88B8E5`,`#57B2ED`,`#21ABF5`],[`#F99FBA`,`#C89BC6`,`#9697D3`,`#6494DF`,`#3690EB`],[`#F782A5`,`#D180B3`,`#9F7DC5`,`#727AD4`,`#4978E3`],[`#F4618D`,`#D2619F`,`#A961B3`,`#8061C8`,`#5C61DA`]]}},dark:{graphBackgroundColor:`#232E3D`,graphNoData:`#FFFFFF`,grays:{white:`#232E3D`,"gray-100":`#394250`,"gray-200":`#47505C`,"gray-300":`#57606D`,"gray-400":`#78808A`,"gray-500":`#AAB1B6`,"gray-550":`#AAB1B6`,"gray-600":`#D4D6D8`,"gray-700":`#EAEBEC`,black:`#FFFFFF`},categoricalColors:{colors:[`#0468B1`,`#5DD4F0`,`#02A38A`,`#E78625`,`#E0529E`,`#757AF0`,`#A0C236`,`#FBC412`,`#BF8B2E`,`#A9B1B7`]},sequentialColors:{negativeColorsx02:[`#a71c04`,`#f6b666`],negativeColorsx03:[`#a71c04`,`#d16f34`,`#f6b666`],negativeColorsx04:[`#A71C04`,`#D64513`,`#EB8033`,`#F6B666`],negativeColorsx05:[`#850E02`,`#C12705`,`#E16424`,`#F39E4B`,`#FBD68A`],negativeColorsx06:[`#650000`,`#A01903`,`#D54211`,`#EC8234`,`#F7BD6D`,`#FFF4AC`],negativeColorsx07:[`#650000`,`#961503`,`#C92B06`,`#E16424`,`#F29641`,`#F8C678`,`#FFF4AC`],negativeColorsx08:[`#650000`,`#8F1202`,`#BB2505`,`#D94C17`,`#E97A30`,`#F4A451`,`#F9CD7F`,`#FFF4AC`],negativeColorsx09:[`#650000`,`#891002`,`#ad190d`,`#D2390C`,`#E16424`,`#EE8938`,`#F5AE5D`,`#FAD285`,`#FFF4AC`],negativeColorsx10:[`#650000`,`#850E02`,`#A71C04`,`#C92B06`,`#DB521A`,`#E7752D`,`#F29641`,`#F6B666`,`#FBD68A`,`#FFF4AC`],positiveColorsx02:[`#308c56`,`#bada81`],positiveColorsx03:[`#308c56`,`#6eb560`,`#bada81`],positiveColorsx04:[`#308C56`,`#58A85A`,`#7FC45F`,`#BADA81`],positiveColorsx05:[`#187B54`,`#429858`,`#6CB65D`,`#9FD071`,`#DDE797`],positiveColorsx06:[`#006A51`,`#2C8956`,`#56A75A`,`#81C55F`,`#C1DD85`,`#FFF4AC`],positiveColorsx07:[`#006A51`,`#248455`,`#489D59`,`#6CB65D`,`#96CD6B`,`#CBE18C`,`#FFF4AC`],positiveColorsx08:[`#006A51`,`#1F8054`,`#3E9558`,`#5CAB5B`,`#7BC05E`,`#A6D374`,`#D3E491`,`#FFF4AC`],positiveColorsx09:[`#006A51`,`#1B7D54`,`#369057`,`#51A35A`,`#6CB65D`,`#88C862`,`#B1D77C`,`#D8E694`,`#FFF4AC`],positiveColorsx10:[`#006A51`,`#187B54`,`#308C56`,`#489D59`,`#60AD5B`,`#78BE5E`,`#96CD6B`,`#BADA81`,`#DDE797`,`#FFF4AC`],neutralColorsx02:[`#005396`,`#5fcda1`],neutralColorsx03:[`#005396`,`#458e9d`,`#5fcda1`],neutralColorsx04:[`#005396`,`#0091A9`,`#5FCDA1`,`#FFF4AC`],neutralColorsx05:[`#003F80`,`#006CB3`,`#00A5A1`,`#7BD4A3`,`#FFF4AC`],neutralColorsx06:[`#003F80`,`#0063A8`,`#008FA9`,`#16BB9C`,`#98DBA5`,`#FFF4AC`],neutralColorsx07:[`#003F80`,`#005DA1`,`#007FAF`,`#00A5A1`,`#47C79F`,`#AADFA6`,`#FFF4AC`],neutralColorsx08:[`#003F80`,`#00589D`,`#0074B3`,`#0095A7`,`#00B59B`,`#66CFA2`,`#B7E2A7`,`#FFF4AC`],neutralColorsx09:[`#003F80`,`#005599`,`#006CB3`,`#0089AB`,`#00A5A1`,`#29C09D`,`#7CD4A3`,`#C1E5A8`,`#FFF4AC`],neutralColorsx10:[`#003F80`,`#005396`,`#0067AD`,`#007FAF`,`#0099A5`,`#00B29C`,`#47C79F`,`#8CD8A4`,`#C8E7A8`,`#FFF4AC`]},divergentColors:{colorsx02:[`#347cbc`,`#d9382d`],colorsx03:[`#347cbc`,`#ffffbf`,`#d9382d`],colorsx04:[`#347cbc`,`#89bfdc`,`#eea57d`,`#d9382d`],colorsx05:[`#347cbc`,`#89bfdc`,`#ffffbf`,`#eea57d`,`#d9382d`],colorsx06:[`#347cbc`,`#70a8cc`,`#bae0e1`,`#f6d39e`,`#e88666`,`#d9382d`],colorsx07:[`#347cbc`,`#70a8cc`,`#bae0e1`,`#ffffbf`,`#f6d39e`,`#e88666`,`#d9382d`],colorsx08:[`#347cbc`,`#5f9dcc`,`#89bfdc`,`#bae0e1`,`#f6d39e`,`#eea57d`,`#e47559`,`#d9382d`],colorsx09:[`#347cbc`,`#5f9dcc`,`#89bfdc`,`#bae0e1`,`#ffffbf`,`#f6d39e`,`#eea57d`,`#e47559`,`#d9382d`],colorsx10:[`#095aab`,`#347cbc`,`#5f9dcc`,`#89bfdc`,`#bae0e1`,`#f6d39e`,`#eea57d`,`#e47559`,`#d9382d`,`#aa1d09`],colorsx11:[`#095aab`,`#347cbc`,`#5f9dcc`,`#89bfdc`,`#bae0e1`,`#ffffbf`,`#f6d39e`,`#eea57d`,`#e47559`,`#d9382d`,`#aa1d09`]},bivariateColors:{colors03x03:[[`#e5e5e5`,`#7FDCF9`,`#0BC6FF`],[`#F99FBA`,`#9697D3`,`#3690EB`],[`#F4618D`,`#A961B3`,`#5C61DA`]],colors04x04:[[`#e5e5e5`,`#BAE7F6`,`#7FDCF9`,`#41D0FC`],[`#F6C5D4`,`#BFBEDD`,`#88B8E5`,`#57B2ED`],[`#F99FBA`,`#C89BC6`,`#9697D3`,`#6494DF`],[`#F782A5`,`#D180B3`,`#9F7DC5`,`#727AD4`]],colors05x04:[[`#e5e5e5`,`#BAE7F6`,`#7FDCF9`,`#41D0FC`],[`#F6C5D4`,`#BFBEDD`,`#88B8E5`,`#57B2ED`],[`#F99FBA`,`#C89BC6`,`#9697D3`,`#6494DF`],[`#F782A5`,`#D180B3`,`#9F7DC5`,`#727AD4`],[`#F4618D`,`#D2619F`,`#A961B3`,`#8061C8`]],colors04x05:[[`#e5e5e5`,`#BAE7F6`,`#7FDCF9`,`#41D0FC`,`#0BC6FF`],[`#F6C5D4`,`#BFBEDD`,`#88B8E5`,`#57B2ED`,`#21ABF5`],[`#F99FBA`,`#C89BC6`,`#9697D3`,`#6494DF`,`#3690EB`],[`#F782A5`,`#D180B3`,`#9F7DC5`,`#727AD4`,`#4978E3`]],colors05x05:[[`#e5e5e5`,`#BAE7F6`,`#7FDCF9`,`#41D0FC`,`#0BC6FF`],[`#F6C5D4`,`#BFBEDD`,`#88B8E5`,`#57B2ED`,`#21ABF5`],[`#F99FBA`,`#C89BC6`,`#9697D3`,`#6494DF`,`#3690EB`],[`#F782A5`,`#D180B3`,`#9F7DC5`,`#727AD4`,`#4978E3`],[`#F4618D`,`#D2619F`,`#A961B3`,`#8061C8`,`#5C61DA`]]}}};exports.Colors=e;
+//# sourceMappingURL=Colors.cjs.map