@selfdecode/sd-component-library 4.0.95 → 4.0.97

package/lib/sd-component-library171.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library171.js","sources":["../src/components/tooltips/react-element-tooltip/react-element-tooltip.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\n\nimport { Box, BoxProps } from \"rebass\";\n\nimport { InfoIcon } from \"../base-info-tooltip/assets\";\nimport { ReactElementTooltipProps } from \"./interfaces\";\n\n/**\n * PrimaryInfoTooltip component.\n */\nexport const ReactElementTooltip = React.forwardRef<\n  React.FC<BoxProps>,\n  ReactElementTooltipProps\n>((props, ref) => {\n  const {\n    placement,\n    bg = \"cl_purple\",\n    color = \"cl_white\",\n    width = [\"max-content\"],\n    iconColor = \"#4568F9\",\n    iconWidth = \"16px\",\n    children,\n    ...remainingProps\n  } = props;\n\n  const contentBoxEl = useRef<HTMLDivElement>(null);\n  const tooltipBoxEl = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (contentBoxEl.current && tooltipBoxEl.current) {\n      const contentBox = contentBoxEl.current;\n      const tooltipBox = tooltipBoxEl.current;\n\n      if (placement === \"right\") {\n        const boxWidth = window.getComputedStyle(contentBox).width;\n        tooltipBox.style.left = `${parseInt(boxWidth) + 10}px`;\n      } else {\n        const tooltipBoxWidth = window.getComputedStyle(tooltipBox).width;\n        tooltipBox.style.left = `-${parseInt(tooltipBoxWidth) + 10}px`;\n      }\n    }\n  }, [placement]);\n\n  return (\n    <Box\n      ref={ref}\n      data-testid=\"react-element-tooltip\"\n      sx={{\n        position: \"relative\",\n        \".content-box:hover\": {\n          \"+ .tooltip-box\": {\n            opacity: 1,\n            visibility: \"visible\",\n          },\n        },\n      }}\n    >\n      <Box\n        className=\"content-box\"\n        sx={{ maxWidth: \"max-content\" }}\n        ref={contentBoxEl}\n      >\n        <Box\n          sx={{\n            path: { transition: \"all 0.5s\" },\n            \":hover\": {\n              path: {\n                fill: bg,\n                stroke: color,\n              },\n            },\n          }}\n        >\n          <InfoIcon\n            style={{\n              width: iconWidth,\n              fill: \"none\",\n              stroke: iconColor,\n            }}\n          />\n        </Box>\n      </Box>\n      <Box\n        ref={tooltipBoxEl}\n        className=\"tooltip-box\"\n        sx={{\n          ...remainingProps,\n          bg: bg,\n          width: width,\n          transition: \"all 0.5s\",\n          position: \"absolute\",\n          padding: \"20px\",\n          borderRadius:\n            placement === \"right\" ? \"0 5px 5px 5px\" : \"5px 0 5px 5px\",\n          top: 0,\n          opacity: 0,\n          visibility: \"hidden\",\n          zIndex: 1,\n          color: color,\n        }}\n      >\n        {children}\n      </Box>\n    </Box>\n  );\n});\n"],"names":["ReactElementTooltip","React","props","ref","placement","bg","color","width","iconColor","iconWidth","children","remainingProps","contentBoxEl","useRef","tooltipBoxEl","useEffect","contentBox","tooltipBox","boxWidth","tooltipBoxWidth","jsxs","Box","jsx","InfoIcon"],"mappings":";;;;AAUO,MAAMA,IAAsBC,EAAM,WAGvC,CAACC,GAAOC,MAAQ;AACV,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,IAAAC,IAAK;AAAA,IACL,OAAAC,IAAQ;AAAA,IACR,OAAAC,IAAQ,CAAC,aAAa;AAAA,IACtB,WAAAC,IAAY;AAAA,IACZ,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAT,GAEEU,IAAeC,EAAuB,IAAI,GAC1CC,IAAeD,EAAuB,IAAI;AAEhD,SAAAE,EAAU,MAAM;AACV,QAAAH,EAAa,WAAWE,EAAa,SAAS;AAChD,YAAME,IAAaJ,EAAa,SAC1BK,IAAaH,EAAa;AAEhC,UAAIV,MAAc,SAAS;AACzB,cAAMc,IAAW,OAAO,iBAAiBF,CAAU,EAAE;AACrD,QAAAC,EAAW,MAAM,OAAO,GAAG,SAASC,CAAQ,IAAI,EAAE;AAAA,MAAA,OAC7C;AACL,cAAMC,IAAkB,OAAO,iBAAiBF,CAAU,EAAE;AAC5D,QAAAA,EAAW,MAAM,OAAO,IAAI,SAASE,CAAe,IAAI,EAAE;AAAA,MAC5D;AAAA,IACF;AAAA,EAAA,GACC,CAACf,CAAS,CAAC,GAGZgB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAlB;AAAA,MACA,eAAY;AAAA,MACZ,IAAI;AAAA,QACF,UAAU;AAAA,QACV,sBAAsB;AAAA,UACpB,kBAAkB;AAAA,YAChB,SAAS;AAAA,YACT,YAAY;AAAA,UACd;AAAA,QACF;AAAA,MACF;AAAA,MAEA,UAAA;AAAA,QAAAmB,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAI,EAAE,UAAU,cAAc;AAAA,YAC9B,KAAKT;AAAA,YAEL,UAAAU,gBAAAA,EAAA;AAAA,cAACD;AAAA,cAAA;AAAA,gBACC,IAAI;AAAA,kBACF,MAAM,EAAE,YAAY,WAAW;AAAA,kBAC/B,UAAU;AAAA,oBACR,MAAM;AAAA,sBACJ,MAAMhB;AAAA,sBACN,QAAQC;AAAA,oBACV;AAAA,kBACF;AAAA,gBACF;AAAA,gBAEA,UAAAgB,gBAAAA,EAAA;AAAA,kBAACC;AAAAA,kBAAA;AAAA,oBACC,OAAO;AAAA,sBACL,OAAOd;AAAA,sBACP,MAAM;AAAA,sBACN,QAAQD;AAAA,oBACV;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QACF;AAAA,QACAc,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,KAAKP;AAAA,YACL,WAAU;AAAA,YACV,IAAI;AAAA,cACF,GAAGH;AAAA,cACH,IAAAN;AAAA,cACA,OAAAE;AAAA,cACA,YAAY;AAAA,cACZ,UAAU;AAAA,cACV,SAAS;AAAA,cACT,cACEH,MAAc,UAAU,kBAAkB;AAAA,cAC5C,KAAK;AAAA,cACL,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,QAAQ;AAAA,cACR,OAAAE;AAAA,YACF;AAAA,YAEC,UAAAI;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"sd-component-library171.js","sources":["../src/components/tooltips/primary-info-tooltip/primary-info-tooltip.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseInfoTooltip } from \"../base-info-tooltip\";\nimport { PrimaryInfoTooltipProps } from \"./interfaces\";\n\n/**\n * PrimaryInfoTooltip component.\n * @deprecated\n */\nexport const PrimaryInfoTooltip: React.FC<PrimaryInfoTooltipProps> = (\n  props\n) => {\n  const {\n    tooltipText,\n    placement,\n    bg = \"cl_purple\",\n    color = \"cl_white\",\n    width = [\"204px\"],\n    iconColor = \"#4568F9\",\n  } = props;\n  return (\n    <BaseInfoTooltip\n      data-test=\"primary-info-tooltip\"\n      {...props}\n      color={color}\n      bg={bg}\n      width={width}\n      placement={placement}\n      tooltipText={tooltipText}\n      iconColor={iconColor}\n    />\n  );\n};\n"],"names":["PrimaryInfoTooltip","props","tooltipText","placement","bg","color","width","iconColor","jsx","BaseInfoTooltip"],"mappings":";;AASa,MAAAA,IAAwD,CACnEC,MACG;AACG,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,IAAAC,IAAK;AAAA,IACL,OAAAC,IAAQ;AAAA,IACR,OAAAC,IAAQ,CAAC,OAAO;AAAA,IAChB,WAAAC,IAAY;AAAA,EACV,IAAAN;AAEF,SAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACT,GAAGR;AAAA,MACJ,OAAAI;AAAA,MACA,IAAAD;AAAA,MACA,OAAAE;AAAA,MACA,WAAAH;AAAA,MACA,aAAAD;AAAA,MACA,WAAAK;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library172.js

@@ -1,98 +1,103 @@
-import { j as o } from "./sd-component-library196.js";
-import { useState as y, useRef as a } from "react";
-import { Box as z } from "rebass";
-import { useBreakPoints as B, useBodyScrollLock as C } from "./sd-component-library3.js";
-import E from "./sd-component-library252.js";
-import { TooltipWithPointerMobile as M } from "./sd-component-library275.js";
-import { TooltipWithPointerHorizontal as V } from "./sd-component-library276.js";
-import { TooltipWithPointerVertical as D } from "./sd-component-library277.js";
-const f = 200, J = (u) => {
+import { j as t } from "./sd-component-library197.js";
+import w, { useRef as c, useEffect as y } from "react";
+import { Box as o } from "rebass";
+import { ReactComponent as g } from "./sd-component-library274.js";
+const E = w.forwardRef((x, a) => {
   const {
-    children: x,
-    placement: s = "right",
-    tooltipOffset: h = 5,
-    pointerSize: d = 5,
-    tooltipPx: P = "10px",
-    tooltipPy: T = "5px",
-    tooltipWidth: j = "max-content",
-    tooltipVisible: S,
-    containerSx: b,
-    pointerSx: k,
-    showMobileVersion: l,
-    mobileTitle: w,
-    stopPropagation: R,
-    zIndex: W = 10,
-    pointerColor: p = "cl_purple",
-    ...r
-  } = u, { isDesktop: g } = B(), t = l !== void 0 ? l : !g, [c, O] = y(!1), v = (n) => {
-    R && n.stopPropagation(), O((e) => !e);
-  }, i = a(null), m = a(null);
-  return C(m.current, t && c), /* @__PURE__ */ o.jsxs(
-    z,
+    placement: e,
+    bg: r = "cl_purple",
+    color: p = "cl_white",
+    width: d = ["max-content"],
+    iconColor: m = "#4568F9",
+    iconWidth: h = "16px",
+    children: f,
+    ...u
+  } = x, i = c(null), n = c(null);
+  return y(() => {
+    if (i.current && n.current) {
+      const b = i.current, l = n.current;
+      if (e === "right") {
+        const s = window.getComputedStyle(b).width;
+        l.style.left = `${parseInt(s) + 10}px`;
+      } else {
+        const s = window.getComputedStyle(l).width;
+        l.style.left = `-${parseInt(s) + 10}px`;
+      }
+    }
+  }, [e]), /* @__PURE__ */ t.jsxs(
+    o,
     {
+      ref: a,
+      "data-testid": "react-element-tooltip",
       sx: {
-        width: "max-content",
         position: "relative",
-        ...b
+        ".content-box:hover": {
+          "+ .tooltip-box": {
+            opacity: 1,
+            visibility: "visible"
+          }
+        }
       },
-      ref: m,
-      onClick: t ? v : void 0,
-      "data-test": "tooltip-with-pointer",
       children: [
-        x,
-        /* @__PURE__ */ o.jsx(
-          E,
+        /* @__PURE__ */ t.jsx(
+          o,
           {
-            in: t ? c : S,
-            timeout: { enter: 0, exit: f },
-            mountOnEnter: !0,
-            unmountOnExit: !0,
-            nodeRef: i,
-            children: (n) => {
-              const e = {
-                placement: s,
-                animationDuration: f,
-                state: n,
-                pointerSize: d,
-                tooltipPx: P,
-                tooltipPy: T,
-                tooltipWidth: j,
-                tooltipOffset: h,
-                pointerSx: k,
-                pointerColor: p
-              };
-              return t ? /* @__PURE__ */ o.jsx(
-                M,
-                {
-                  ...r,
-                  zIndex: W,
-                  mobileTitle: w,
-                  pointerColor: p,
-                  ref: i
-                }
-              ) : ["left", "right"].includes(s) ? /* @__PURE__ */ o.jsx(
-                V,
-                {
-                  ...r,
-                  ...e,
-                  ref: i
-                }
-              ) : /* @__PURE__ */ o.jsx(
-                D,
-                {
-                  ...r,
-                  ...e,
-                  ref: i
-                }
-              );
-            }
+            className: "content-box",
+            sx: { maxWidth: "max-content" },
+            ref: i,
+            children: /* @__PURE__ */ t.jsx(
+              o,
+              {
+                sx: {
+                  path: { transition: "all 0.5s" },
+                  ":hover": {
+                    path: {
+                      fill: r,
+                      stroke: p
+                    }
+                  }
+                },
+                children: /* @__PURE__ */ t.jsx(
+                  g,
+                  {
+                    style: {
+                      width: h,
+                      fill: "none",
+                      stroke: m
+                    }
+                  }
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          o,
+          {
+            ref: n,
+            className: "tooltip-box",
+            sx: {
+              ...u,
+              bg: r,
+              width: d,
+              transition: "all 0.5s",
+              position: "absolute",
+              padding: "20px",
+              borderRadius: e === "right" ? "0 5px 5px 5px" : "5px 0 5px 5px",
+              top: 0,
+              opacity: 0,
+              visibility: "hidden",
+              zIndex: 1,
+              color: p
+            },
+            children: f
           }
         )
       ]
     }
   );
-};
+});
 export {
-  J as TooltipWithPointer
+  E as ReactElementTooltip
 };
 //# sourceMappingURL=sd-component-library172.js.map

package/lib/sd-component-library172.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library172.js","sources":["../src/components/tooltips/tooltip-with-pointer/tooltip-with-pointer.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { Box } from \"rebass\";\n\nimport { useBodyScrollLock, useBreakPoints } from \"../../../core/custom-hooks\";\nimport { TooltipWithPointerProps as Props } from \"./interfaces\";\nimport {\n  TooltipWithPointerHorizontal,\n  TooltipWithPointerMobile,\n  TooltipWithPointerVertical,\n} from \"./partials\";\n\nconst animationDuration = 200;\n\nexport const TooltipWithPointer: React.FC<Props> = (props) => {\n  const {\n    children,\n    placement = \"right\",\n    tooltipOffset = 5,\n    pointerSize = 5,\n    tooltipPx = \"10px\",\n    tooltipPy = \"5px\",\n    tooltipWidth = \"max-content\",\n    tooltipVisible,\n    containerSx,\n    pointerSx,\n    showMobileVersion,\n    mobileTitle,\n    stopPropagation,\n    zIndex = 10,\n    pointerColor = \"cl_purple\",\n    ...restOfProps\n  } = props;\n\n  const { isDesktop } = useBreakPoints();\n  const useMobileStyle =\n    showMobileVersion !== undefined ? showMobileVersion : !isDesktop;\n\n  const [showTooltip, setShowTooltip] = useState(false);\n  const onTooltipClick: React.MouseEventHandler = (event) => {\n    stopPropagation && event.stopPropagation();\n    setShowTooltip((prev) => !prev);\n  };\n\n  const tooltipRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  useBodyScrollLock(containerRef.current, useMobileStyle && showTooltip);\n\n  return (\n    <Box\n      sx={{\n        width: \"max-content\",\n        position: \"relative\",\n        ...containerSx,\n      }}\n      ref={containerRef}\n      onClick={useMobileStyle ? onTooltipClick : undefined}\n      data-test=\"tooltip-with-pointer\"\n    >\n      {children}\n\n      <Transition\n        in={useMobileStyle ? showTooltip : tooltipVisible}\n        timeout={{ enter: 0, exit: animationDuration }}\n        mountOnEnter\n        unmountOnExit\n        nodeRef={tooltipRef}\n      >\n        {(state) => {\n          const commonProps = {\n            placement,\n            animationDuration,\n            state,\n            pointerSize,\n            tooltipPx,\n            tooltipPy,\n            tooltipWidth,\n            tooltipOffset,\n            pointerSx,\n            pointerColor,\n          };\n\n          return useMobileStyle ? (\n            <TooltipWithPointerMobile\n              {...restOfProps}\n              zIndex={zIndex}\n              mobileTitle={mobileTitle}\n              pointerColor={pointerColor}\n              ref={tooltipRef}\n            />\n          ) : [\"left\", \"right\"].includes(placement) ? (\n            <TooltipWithPointerHorizontal\n              {...restOfProps}\n              {...commonProps}\n              ref={tooltipRef}\n            />\n          ) : (\n            <TooltipWithPointerVertical\n              {...restOfProps}\n              {...commonProps}\n              ref={tooltipRef}\n            />\n          );\n        }}\n      </Transition>\n    </Box>\n  );\n};\n"],"names":["animationDuration","TooltipWithPointer","props","children","placement","tooltipOffset","pointerSize","tooltipPx","tooltipPy","tooltipWidth","tooltipVisible","containerSx","pointerSx","showMobileVersion","mobileTitle","stopPropagation","zIndex","pointerColor","restOfProps","isDesktop","useBreakPoints","useMobileStyle","showTooltip","setShowTooltip","useState","onTooltipClick","event","prev","tooltipRef","useRef","containerRef","useBodyScrollLock","jsxs","Box","jsx","Transition","state","commonProps","TooltipWithPointerMobile","TooltipWithPointerHorizontal","TooltipWithPointerVertical"],"mappings":";;;;;;;;AAaA,MAAMA,IAAoB,KAEbC,IAAsC,CAACC,MAAU;AACtD,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,eAAAC,IAAgB;AAAA,IAChB,aAAAC,IAAc;AAAA,IACd,WAAAC,IAAY;AAAA,IACZ,WAAAC,IAAY;AAAA,IACZ,cAAAC,IAAe;AAAA,IACf,gBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,cAAAC,IAAe;AAAA,IACf,GAAGC;AAAA,EACD,IAAAhB,GAEE,EAAE,WAAAiB,MAAcC,KAChBC,IACJR,MAAsB,SAAYA,IAAoB,CAACM,GAEnD,CAACG,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9CC,IAA0C,CAACC,MAAU;AACzD,IAAAX,KAAmBW,EAAM,mBACVH,EAAA,CAACI,MAAS,CAACA,CAAI;AAAA,EAAA,GAG1BC,IAAaC,EAAuB,IAAI,GACxCC,IAAeD,EAAuB,IAAI;AAC9B,SAAAE,EAAAD,EAAa,SAAST,KAAkBC,CAAW,GAGnEU,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,OAAO;AAAA,QACP,UAAU;AAAA,QACV,GAAGtB;AAAA,MACL;AAAA,MACA,KAAKmB;AAAA,MACL,SAAST,IAAiBI,IAAiB;AAAA,MAC3C,aAAU;AAAA,MAET,UAAA;AAAA,QAAAtB;AAAA,QAED+B,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAId,IAAiBC,IAAcZ;AAAA,YACnC,SAAS,EAAE,OAAO,GAAG,MAAMV,EAAkB;AAAA,YAC7C,cAAY;AAAA,YACZ,eAAa;AAAA,YACb,SAAS4B;AAAA,YAER,WAACQ,MAAU;AACV,oBAAMC,IAAc;AAAA,gBAClB,WAAAjC;AAAA,gBACA,mBAAAJ;AAAA,gBACA,OAAAoC;AAAA,gBACA,aAAA9B;AAAA,gBACA,WAAAC;AAAA,gBACA,WAAAC;AAAA,gBACA,cAAAC;AAAA,gBACA,eAAAJ;AAAA,gBACA,WAAAO;AAAA,gBACA,cAAAK;AAAA,cAAA;AAGF,qBAAOI,IACLa,gBAAAA,EAAA;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACE,GAAGpB;AAAA,kBACJ,QAAAF;AAAA,kBACA,aAAAF;AAAA,kBACA,cAAAG;AAAA,kBACA,KAAKW;AAAA,gBAAA;AAAA,cAAA,IAEL,CAAC,QAAQ,OAAO,EAAE,SAASxB,CAAS,IACtC8B,gBAAAA,EAAA;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACE,GAAGrB;AAAA,kBACH,GAAGmB;AAAA,kBACJ,KAAKT;AAAA,gBAAA;AAAA,cAAA,IAGPM,gBAAAA,EAAA;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACE,GAAGtB;AAAA,kBACH,GAAGmB;AAAA,kBACJ,KAAKT;AAAA,gBAAA;AAAA,cAAA;AAAA,YAGX;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library172.js","sources":["../src/components/tooltips/react-element-tooltip/react-element-tooltip.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\n\nimport { Box, BoxProps } from \"rebass\";\n\nimport { InfoIcon } from \"../base-info-tooltip/assets\";\nimport { ReactElementTooltipProps } from \"./interfaces\";\n\n/**\n * PrimaryInfoTooltip component.\n */\nexport const ReactElementTooltip = React.forwardRef<\n  React.FC<BoxProps>,\n  ReactElementTooltipProps\n>((props, ref) => {\n  const {\n    placement,\n    bg = \"cl_purple\",\n    color = \"cl_white\",\n    width = [\"max-content\"],\n    iconColor = \"#4568F9\",\n    iconWidth = \"16px\",\n    children,\n    ...remainingProps\n  } = props;\n\n  const contentBoxEl = useRef<HTMLDivElement>(null);\n  const tooltipBoxEl = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (contentBoxEl.current && tooltipBoxEl.current) {\n      const contentBox = contentBoxEl.current;\n      const tooltipBox = tooltipBoxEl.current;\n\n      if (placement === \"right\") {\n        const boxWidth = window.getComputedStyle(contentBox).width;\n        tooltipBox.style.left = `${parseInt(boxWidth) + 10}px`;\n      } else {\n        const tooltipBoxWidth = window.getComputedStyle(tooltipBox).width;\n        tooltipBox.style.left = `-${parseInt(tooltipBoxWidth) + 10}px`;\n      }\n    }\n  }, [placement]);\n\n  return (\n    <Box\n      ref={ref}\n      data-testid=\"react-element-tooltip\"\n      sx={{\n        position: \"relative\",\n        \".content-box:hover\": {\n          \"+ .tooltip-box\": {\n            opacity: 1,\n            visibility: \"visible\",\n          },\n        },\n      }}\n    >\n      <Box\n        className=\"content-box\"\n        sx={{ maxWidth: \"max-content\" }}\n        ref={contentBoxEl}\n      >\n        <Box\n          sx={{\n            path: { transition: \"all 0.5s\" },\n            \":hover\": {\n              path: {\n                fill: bg,\n                stroke: color,\n              },\n            },\n          }}\n        >\n          <InfoIcon\n            style={{\n              width: iconWidth,\n              fill: \"none\",\n              stroke: iconColor,\n            }}\n          />\n        </Box>\n      </Box>\n      <Box\n        ref={tooltipBoxEl}\n        className=\"tooltip-box\"\n        sx={{\n          ...remainingProps,\n          bg: bg,\n          width: width,\n          transition: \"all 0.5s\",\n          position: \"absolute\",\n          padding: \"20px\",\n          borderRadius:\n            placement === \"right\" ? \"0 5px 5px 5px\" : \"5px 0 5px 5px\",\n          top: 0,\n          opacity: 0,\n          visibility: \"hidden\",\n          zIndex: 1,\n          color: color,\n        }}\n      >\n        {children}\n      </Box>\n    </Box>\n  );\n});\n"],"names":["ReactElementTooltip","React","props","ref","placement","bg","color","width","iconColor","iconWidth","children","remainingProps","contentBoxEl","useRef","tooltipBoxEl","useEffect","contentBox","tooltipBox","boxWidth","tooltipBoxWidth","jsxs","Box","jsx","InfoIcon"],"mappings":";;;;AAUO,MAAMA,IAAsBC,EAAM,WAGvC,CAACC,GAAOC,MAAQ;AACV,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,IAAAC,IAAK;AAAA,IACL,OAAAC,IAAQ;AAAA,IACR,OAAAC,IAAQ,CAAC,aAAa;AAAA,IACtB,WAAAC,IAAY;AAAA,IACZ,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAT,GAEEU,IAAeC,EAAuB,IAAI,GAC1CC,IAAeD,EAAuB,IAAI;AAEhD,SAAAE,EAAU,MAAM;AACV,QAAAH,EAAa,WAAWE,EAAa,SAAS;AAChD,YAAME,IAAaJ,EAAa,SAC1BK,IAAaH,EAAa;AAEhC,UAAIV,MAAc,SAAS;AACzB,cAAMc,IAAW,OAAO,iBAAiBF,CAAU,EAAE;AACrD,QAAAC,EAAW,MAAM,OAAO,GAAG,SAASC,CAAQ,IAAI,EAAE;AAAA,MAAA,OAC7C;AACL,cAAMC,IAAkB,OAAO,iBAAiBF,CAAU,EAAE;AAC5D,QAAAA,EAAW,MAAM,OAAO,IAAI,SAASE,CAAe,IAAI,EAAE;AAAA,MAC5D;AAAA,IACF;AAAA,EAAA,GACC,CAACf,CAAS,CAAC,GAGZgB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAlB;AAAA,MACA,eAAY;AAAA,MACZ,IAAI;AAAA,QACF,UAAU;AAAA,QACV,sBAAsB;AAAA,UACpB,kBAAkB;AAAA,YAChB,SAAS;AAAA,YACT,YAAY;AAAA,UACd;AAAA,QACF;AAAA,MACF;AAAA,MAEA,UAAA;AAAA,QAAAmB,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAI,EAAE,UAAU,cAAc;AAAA,YAC9B,KAAKT;AAAA,YAEL,UAAAU,gBAAAA,EAAA;AAAA,cAACD;AAAA,cAAA;AAAA,gBACC,IAAI;AAAA,kBACF,MAAM,EAAE,YAAY,WAAW;AAAA,kBAC/B,UAAU;AAAA,oBACR,MAAM;AAAA,sBACJ,MAAMhB;AAAA,sBACN,QAAQC;AAAA,oBACV;AAAA,kBACF;AAAA,gBACF;AAAA,gBAEA,UAAAgB,gBAAAA,EAAA;AAAA,kBAACC;AAAAA,kBAAA;AAAA,oBACC,OAAO;AAAA,sBACL,OAAOd;AAAA,sBACP,MAAM;AAAA,sBACN,QAAQD;AAAA,oBACV;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QACF;AAAA,QACAc,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,KAAKP;AAAA,YACL,WAAU;AAAA,YACV,IAAI;AAAA,cACF,GAAGH;AAAA,cACH,IAAAN;AAAA,cACA,OAAAE;AAAA,cACA,YAAY;AAAA,cACZ,UAAU;AAAA,cACV,SAAS;AAAA,cACT,cACEH,MAAc,UAAU,kBAAkB;AAAA,cAC5C,KAAK;AAAA,cACL,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,QAAQ;AAAA,cACR,OAAAE;AAAA,YACF;AAAA,YAEC,UAAAI;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/lib/sd-component-library173.js

@@ -1,28 +1,98 @@
-import { j as x } from "./sd-component-library196.js";
-import { useRef as E, useCallback as b, useEffect as h } from "react";
-import { Box as j } from "rebass";
-import { refsManager as l } from "./sd-component-library278.js";
-const O = (m) => {
-  const e = E(), {
-    id: n,
-    onScrolledToTop: o,
-    offsetYAdjustment: r = 0,
-    behavior: u = "smooth",
-    block: w,
-    inline: p,
-    children: v,
-    ...g
-  } = m, s = () => {
-    const t = window.location.hash;
-    t && l.scrollToRef(t, { behavior: u, block: w, inline: p });
-  }, c = b(() => {
-    var a, d;
-    const t = window.pageYOffset, i = (a = e.current) == null ? void 0 : a.offsetTop, f = (d = e.current) == null ? void 0 : d.offsetHeight;
-    i !== void 0 && f !== void 0 && o && t + r >= i && t + r <= i + f && o(n);
-  }, [o, r, n]);
-  return h(() => (e.current && l.addRef(n, e), o && document.addEventListener("scroll", c), () => document.removeEventListener("scroll", c)), [n, e, o, c]), h(() => (s(), window.addEventListener("hashchange", s), () => window.removeEventListener("hashchange", s)), []), /* @__PURE__ */ x.jsx(j, { "data-test": "anchor", ref: e, ...g, children: v });
+import { j as o } from "./sd-component-library197.js";
+import { useState as y, useRef as a } from "react";
+import { Box as z } from "rebass";
+import { useBreakPoints as B, useBodyScrollLock as C } from "./sd-component-library3.js";
+import E from "./sd-component-library255.js";
+import { TooltipWithPointerMobile as M } from "./sd-component-library277.js";
+import { TooltipWithPointerHorizontal as V } from "./sd-component-library278.js";
+import { TooltipWithPointerVertical as D } from "./sd-component-library279.js";
+const f = 200, J = (u) => {
+  const {
+    children: x,
+    placement: s = "right",
+    tooltipOffset: h = 5,
+    pointerSize: d = 5,
+    tooltipPx: P = "10px",
+    tooltipPy: T = "5px",
+    tooltipWidth: j = "max-content",
+    tooltipVisible: S,
+    containerSx: b,
+    pointerSx: k,
+    showMobileVersion: l,
+    mobileTitle: w,
+    stopPropagation: R,
+    zIndex: W = 10,
+    pointerColor: p = "cl_purple",
+    ...r
+  } = u, { isDesktop: g } = B(), t = l !== void 0 ? l : !g, [c, O] = y(!1), v = (n) => {
+    R && n.stopPropagation(), O((e) => !e);
+  }, i = a(null), m = a(null);
+  return C(m.current, t && c), /* @__PURE__ */ o.jsxs(
+    z,
+    {
+      sx: {
+        width: "max-content",
+        position: "relative",
+        ...b
+      },
+      ref: m,
+      onClick: t ? v : void 0,
+      "data-test": "tooltip-with-pointer",
+      children: [
+        x,
+        /* @__PURE__ */ o.jsx(
+          E,
+          {
+            in: t ? c : S,
+            timeout: { enter: 0, exit: f },
+            mountOnEnter: !0,
+            unmountOnExit: !0,
+            nodeRef: i,
+            children: (n) => {
+              const e = {
+                placement: s,
+                animationDuration: f,
+                state: n,
+                pointerSize: d,
+                tooltipPx: P,
+                tooltipPy: T,
+                tooltipWidth: j,
+                tooltipOffset: h,
+                pointerSx: k,
+                pointerColor: p
+              };
+              return t ? /* @__PURE__ */ o.jsx(
+                M,
+                {
+                  ...r,
+                  zIndex: W,
+                  mobileTitle: w,
+                  pointerColor: p,
+                  ref: i
+                }
+              ) : ["left", "right"].includes(s) ? /* @__PURE__ */ o.jsx(
+                V,
+                {
+                  ...r,
+                  ...e,
+                  ref: i
+                }
+              ) : /* @__PURE__ */ o.jsx(
+                D,
+                {
+                  ...r,
+                  ...e,
+                  ref: i
+                }
+              );
+            }
+          }
+        )
+      ]
+    }
+  );
 };
 export {
-  O as Anchor
+  J as TooltipWithPointer
 };
 //# sourceMappingURL=sd-component-library173.js.map

package/lib/sd-component-library173.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library173.js","sources":["../src/components/utils/anchor/anchor.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { AnchorProps } from \"./interfaces\";\nimport { refsManager } from \"./refs-manager\";\n\n/**\n * Anchor component. This component allows scrolling to the components\n * when window hash is changed.\n */\nexport const Anchor: React.FC<AnchorProps> = (props) => {\n  const ref = useRef<HTMLDivElement>();\n\n  const {\n    id: childId,\n    onScrolledToTop,\n    offsetYAdjustment = 0,\n    behavior = \"smooth\",\n    block,\n    inline,\n    children,\n    ...boxProps\n  } = props;\n\n  /**\n   * Scroll to the component when window hash is changed.\n   */\n  const handleHashChange = () => {\n    const newHash = window.location.hash;\n    if (newHash) refsManager.scrollToRef(newHash, { behavior, block, inline });\n  };\n\n  /**\n   * On every scroll, check if anchor's children are scrolled to the\n   * top of screen. If so, call the callback present in the props.\n   */\n  const handleScroll = useCallback(() => {\n    const windowYOffset = window.pageYOffset;\n    const elementOffset = ref.current?.offsetTop;\n    const elementHeight = ref.current?.offsetHeight;\n\n    if (\n      elementOffset !== undefined &&\n      elementHeight !== undefined &&\n      onScrolledToTop &&\n      windowYOffset + offsetYAdjustment >= elementOffset &&\n      windowYOffset + offsetYAdjustment <= elementOffset + elementHeight\n    ) {\n      onScrolledToTop(childId);\n    }\n  }, [onScrolledToTop, offsetYAdjustment, childId]);\n\n  /**\n   * Register new ref for the provided ID.\n   */\n  useEffect(() => {\n    if (ref.current) refsManager.addRef(childId, ref);\n    if (onScrolledToTop) {\n      document.addEventListener(\"scroll\", handleScroll);\n    }\n\n    return () => document.removeEventListener(\"scroll\", handleScroll);\n  }, [childId, ref, onScrolledToTop, handleScroll]);\n\n  /**\n   * Register event listeners for hash change.\n   * Remove upon component un-mount.\n   */\n  useEffect(() => {\n    /**\n     * Scroll to a component if URL contains a hash on page load.\n     */\n    handleHashChange();\n\n    window.addEventListener(\"hashchange\", handleHashChange);\n\n    return () => window.removeEventListener(\"hashchange\", handleHashChange);\n  }, []);\n\n  return (\n    <Box data-test=\"anchor\" ref={ref} {...boxProps}>\n      {children}\n    </Box>\n  );\n};\n"],"names":["Anchor","props","ref","useRef","childId","onScrolledToTop","offsetYAdjustment","behavior","block","inline","children","boxProps","handleHashChange","newHash","refsManager","handleScroll","useCallback","windowYOffset","elementOffset","_a","elementHeight","_b","useEffect","Box"],"mappings":";;;;AAWa,MAAAA,IAAgC,CAACC,MAAU;AACtD,QAAMC,IAAMC,KAEN;AAAA,IACJ,IAAIC;AAAA,IACJ,iBAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAV,GAKEW,IAAmB,MAAM;AACvB,UAAAC,IAAU,OAAO,SAAS;AAC5B,IAAAA,KAASC,EAAY,YAAYD,GAAS,EAAE,UAAAN,GAAU,OAAAC,GAAO,QAAAC,GAAQ;AAAA,EAAA,GAOrEM,IAAeC,EAAY,MAAM;;AACrC,UAAMC,IAAgB,OAAO,aACvBC,KAAgBC,IAAAjB,EAAI,YAAJ,gBAAAiB,EAAa,WAC7BC,KAAgBC,IAAAnB,EAAI,YAAJ,gBAAAmB,EAAa;AAGjC,IAAAH,MAAkB,UAClBE,MAAkB,UAClBf,KACAY,IAAgBX,KAAqBY,KACrCD,IAAgBX,KAAqBY,IAAgBE,KAErDf,EAAgBD,CAAO;AAAA,EAExB,GAAA,CAACC,GAAiBC,GAAmBF,CAAO,CAAC;AAKhD,SAAAkB,EAAU,OACJpB,EAAI,WAAqBY,EAAA,OAAOV,GAASF,CAAG,GAC5CG,KACO,SAAA,iBAAiB,UAAUU,CAAY,GAG3C,MAAM,SAAS,oBAAoB,UAAUA,CAAY,IAC/D,CAACX,GAASF,GAAKG,GAAiBU,CAAY,CAAC,GAMhDO,EAAU,OAISV,KAEV,OAAA,iBAAiB,cAAcA,CAAgB,GAE/C,MAAM,OAAO,oBAAoB,cAAcA,CAAgB,IACrE,CAAE,CAAA,yBAGFW,GAAI,EAAA,aAAU,UAAS,KAAArB,GAAW,GAAGS,GACnC,UAAAD,EACH,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library173.js","sources":["../src/components/tooltips/tooltip-with-pointer/tooltip-with-pointer.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { Box } from \"rebass\";\n\nimport { useBodyScrollLock, useBreakPoints } from \"../../../core/custom-hooks\";\nimport { TooltipWithPointerProps as Props } from \"./interfaces\";\nimport {\n  TooltipWithPointerHorizontal,\n  TooltipWithPointerMobile,\n  TooltipWithPointerVertical,\n} from \"./partials\";\n\nconst animationDuration = 200;\n\nexport const TooltipWithPointer: React.FC<Props> = (props) => {\n  const {\n    children,\n    placement = \"right\",\n    tooltipOffset = 5,\n    pointerSize = 5,\n    tooltipPx = \"10px\",\n    tooltipPy = \"5px\",\n    tooltipWidth = \"max-content\",\n    tooltipVisible,\n    containerSx,\n    pointerSx,\n    showMobileVersion,\n    mobileTitle,\n    stopPropagation,\n    zIndex = 10,\n    pointerColor = \"cl_purple\",\n    ...restOfProps\n  } = props;\n\n  const { isDesktop } = useBreakPoints();\n  const useMobileStyle =\n    showMobileVersion !== undefined ? showMobileVersion : !isDesktop;\n\n  const [showTooltip, setShowTooltip] = useState(false);\n  const onTooltipClick: React.MouseEventHandler = (event) => {\n    stopPropagation && event.stopPropagation();\n    setShowTooltip((prev) => !prev);\n  };\n\n  const tooltipRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  useBodyScrollLock(containerRef.current, useMobileStyle && showTooltip);\n\n  return (\n    <Box\n      sx={{\n        width: \"max-content\",\n        position: \"relative\",\n        ...containerSx,\n      }}\n      ref={containerRef}\n      onClick={useMobileStyle ? onTooltipClick : undefined}\n      data-test=\"tooltip-with-pointer\"\n    >\n      {children}\n\n      <Transition\n        in={useMobileStyle ? showTooltip : tooltipVisible}\n        timeout={{ enter: 0, exit: animationDuration }}\n        mountOnEnter\n        unmountOnExit\n        nodeRef={tooltipRef}\n      >\n        {(state) => {\n          const commonProps = {\n            placement,\n            animationDuration,\n            state,\n            pointerSize,\n            tooltipPx,\n            tooltipPy,\n            tooltipWidth,\n            tooltipOffset,\n            pointerSx,\n            pointerColor,\n          };\n\n          return useMobileStyle ? (\n            <TooltipWithPointerMobile\n              {...restOfProps}\n              zIndex={zIndex}\n              mobileTitle={mobileTitle}\n              pointerColor={pointerColor}\n              ref={tooltipRef}\n            />\n          ) : [\"left\", \"right\"].includes(placement) ? (\n            <TooltipWithPointerHorizontal\n              {...restOfProps}\n              {...commonProps}\n              ref={tooltipRef}\n            />\n          ) : (\n            <TooltipWithPointerVertical\n              {...restOfProps}\n              {...commonProps}\n              ref={tooltipRef}\n            />\n          );\n        }}\n      </Transition>\n    </Box>\n  );\n};\n"],"names":["animationDuration","TooltipWithPointer","props","children","placement","tooltipOffset","pointerSize","tooltipPx","tooltipPy","tooltipWidth","tooltipVisible","containerSx","pointerSx","showMobileVersion","mobileTitle","stopPropagation","zIndex","pointerColor","restOfProps","isDesktop","useBreakPoints","useMobileStyle","showTooltip","setShowTooltip","useState","onTooltipClick","event","prev","tooltipRef","useRef","containerRef","useBodyScrollLock","jsxs","Box","jsx","Transition","state","commonProps","TooltipWithPointerMobile","TooltipWithPointerHorizontal","TooltipWithPointerVertical"],"mappings":";;;;;;;;AAaA,MAAMA,IAAoB,KAEbC,IAAsC,CAACC,MAAU;AACtD,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,eAAAC,IAAgB;AAAA,IAChB,aAAAC,IAAc;AAAA,IACd,WAAAC,IAAY;AAAA,IACZ,WAAAC,IAAY;AAAA,IACZ,cAAAC,IAAe;AAAA,IACf,gBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,cAAAC,IAAe;AAAA,IACf,GAAGC;AAAA,EACD,IAAAhB,GAEE,EAAE,WAAAiB,MAAcC,KAChBC,IACJR,MAAsB,SAAYA,IAAoB,CAACM,GAEnD,CAACG,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9CC,IAA0C,CAACC,MAAU;AACzD,IAAAX,KAAmBW,EAAM,mBACVH,EAAA,CAACI,MAAS,CAACA,CAAI;AAAA,EAAA,GAG1BC,IAAaC,EAAuB,IAAI,GACxCC,IAAeD,EAAuB,IAAI;AAC9B,SAAAE,EAAAD,EAAa,SAAST,KAAkBC,CAAW,GAGnEU,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,OAAO;AAAA,QACP,UAAU;AAAA,QACV,GAAGtB;AAAA,MACL;AAAA,MACA,KAAKmB;AAAA,MACL,SAAST,IAAiBI,IAAiB;AAAA,MAC3C,aAAU;AAAA,MAET,UAAA;AAAA,QAAAtB;AAAA,QAED+B,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAId,IAAiBC,IAAcZ;AAAA,YACnC,SAAS,EAAE,OAAO,GAAG,MAAMV,EAAkB;AAAA,YAC7C,cAAY;AAAA,YACZ,eAAa;AAAA,YACb,SAAS4B;AAAA,YAER,WAACQ,MAAU;AACV,oBAAMC,IAAc;AAAA,gBAClB,WAAAjC;AAAA,gBACA,mBAAAJ;AAAA,gBACA,OAAAoC;AAAA,gBACA,aAAA9B;AAAA,gBACA,WAAAC;AAAA,gBACA,WAAAC;AAAA,gBACA,cAAAC;AAAA,gBACA,eAAAJ;AAAA,gBACA,WAAAO;AAAA,gBACA,cAAAK;AAAA,cAAA;AAGF,qBAAOI,IACLa,gBAAAA,EAAA;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACE,GAAGpB;AAAA,kBACJ,QAAAF;AAAA,kBACA,aAAAF;AAAA,kBACA,cAAAG;AAAA,kBACA,KAAKW;AAAA,gBAAA;AAAA,cAAA,IAEL,CAAC,QAAQ,OAAO,EAAE,SAASxB,CAAS,IACtC8B,gBAAAA,EAAA;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACE,GAAGrB;AAAA,kBACH,GAAGmB;AAAA,kBACJ,KAAKT;AAAA,gBAAA;AAAA,cAAA,IAGPM,gBAAAA,EAAA;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACE,GAAGtB;AAAA,kBACH,GAAGmB;AAAA,kBACJ,KAAKT;AAAA,gBAAA;AAAA,cAAA;AAAA,YAGX;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library174.js

@@ -1,13 +1,28 @@
-import { j as s } from "./sd-component-library196.js";
-import { useEffect as c } from "react";
-import { useLocation as e } from "react-router-dom";
-const p = (o) => {
-  const { children: t } = o, { pathname: r } = e();
-  return c(() => {
-    window.scrollTo(0, 0);
-  }, [r]), /* @__PURE__ */ s.jsx("div", { "data-testid": "scroll-to-top", children: t });
+import { j as x } from "./sd-component-library197.js";
+import { useRef as E, useCallback as b, useEffect as h } from "react";
+import { Box as j } from "rebass";
+import { refsManager as l } from "./sd-component-library280.js";
+const O = (m) => {
+  const e = E(), {
+    id: n,
+    onScrolledToTop: o,
+    offsetYAdjustment: r = 0,
+    behavior: u = "smooth",
+    block: w,
+    inline: p,
+    children: v,
+    ...g
+  } = m, s = () => {
+    const t = window.location.hash;
+    t && l.scrollToRef(t, { behavior: u, block: w, inline: p });
+  }, c = b(() => {
+    var a, d;
+    const t = window.pageYOffset, i = (a = e.current) == null ? void 0 : a.offsetTop, f = (d = e.current) == null ? void 0 : d.offsetHeight;
+    i !== void 0 && f !== void 0 && o && t + r >= i && t + r <= i + f && o(n);
+  }, [o, r, n]);
+  return h(() => (e.current && l.addRef(n, e), o && document.addEventListener("scroll", c), () => document.removeEventListener("scroll", c)), [n, e, o, c]), h(() => (s(), window.addEventListener("hashchange", s), () => window.removeEventListener("hashchange", s)), []), /* @__PURE__ */ x.jsx(j, { "data-test": "anchor", ref: e, ...g, children: v });
 };
 export {
-  p as ScrollToTop
+  O as Anchor
 };
 //# sourceMappingURL=sd-component-library174.js.map

package/lib/sd-component-library174.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library174.js","sources":["../src/components/utils/scroll-to-top/scroll-to-top.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { useLocation } from \"react-router-dom\";\n\nimport { ScrollToTopProps } from \"./interfaces\";\n\nexport const ScrollToTop = (props: ScrollToTopProps) => {\n  const { children } = props;\n  const { pathname } = useLocation();\n\n  useEffect(() => {\n    window.scrollTo(0, 0);\n  }, [pathname]);\n\n  return <div data-testid=\"scroll-to-top\">{children}</div>;\n};\n"],"names":["ScrollToTop","props","children","pathname","useLocation","useEffect","jsx"],"mappings":";;;AAKa,MAAAA,IAAc,CAACC,MAA4B;AAChD,QAAA,EAAE,UAAAC,EAAa,IAAAD,GACf,EAAE,UAAAE,MAAaC;AAErB,SAAAC,EAAU,MAAM;AACP,WAAA,SAAS,GAAG,CAAC;AAAA,EAAA,GACnB,CAACF,CAAQ,CAAC,GAELG,gBAAAA,EAAAA,IAAA,OAAA,EAAI,eAAY,iBAAiB,UAAAJ,EAAS,CAAA;AACpD;"}
+{"version":3,"file":"sd-component-library174.js","sources":["../src/components/utils/anchor/anchor.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { AnchorProps } from \"./interfaces\";\nimport { refsManager } from \"./refs-manager\";\n\n/**\n * Anchor component. This component allows scrolling to the components\n * when window hash is changed.\n */\nexport const Anchor: React.FC<AnchorProps> = (props) => {\n  const ref = useRef<HTMLDivElement>();\n\n  const {\n    id: childId,\n    onScrolledToTop,\n    offsetYAdjustment = 0,\n    behavior = \"smooth\",\n    block,\n    inline,\n    children,\n    ...boxProps\n  } = props;\n\n  /**\n   * Scroll to the component when window hash is changed.\n   */\n  const handleHashChange = () => {\n    const newHash = window.location.hash;\n    if (newHash) refsManager.scrollToRef(newHash, { behavior, block, inline });\n  };\n\n  /**\n   * On every scroll, check if anchor's children are scrolled to the\n   * top of screen. If so, call the callback present in the props.\n   */\n  const handleScroll = useCallback(() => {\n    const windowYOffset = window.pageYOffset;\n    const elementOffset = ref.current?.offsetTop;\n    const elementHeight = ref.current?.offsetHeight;\n\n    if (\n      elementOffset !== undefined &&\n      elementHeight !== undefined &&\n      onScrolledToTop &&\n      windowYOffset + offsetYAdjustment >= elementOffset &&\n      windowYOffset + offsetYAdjustment <= elementOffset + elementHeight\n    ) {\n      onScrolledToTop(childId);\n    }\n  }, [onScrolledToTop, offsetYAdjustment, childId]);\n\n  /**\n   * Register new ref for the provided ID.\n   */\n  useEffect(() => {\n    if (ref.current) refsManager.addRef(childId, ref);\n    if (onScrolledToTop) {\n      document.addEventListener(\"scroll\", handleScroll);\n    }\n\n    return () => document.removeEventListener(\"scroll\", handleScroll);\n  }, [childId, ref, onScrolledToTop, handleScroll]);\n\n  /**\n   * Register event listeners for hash change.\n   * Remove upon component un-mount.\n   */\n  useEffect(() => {\n    /**\n     * Scroll to a component if URL contains a hash on page load.\n     */\n    handleHashChange();\n\n    window.addEventListener(\"hashchange\", handleHashChange);\n\n    return () => window.removeEventListener(\"hashchange\", handleHashChange);\n  }, []);\n\n  return (\n    <Box data-test=\"anchor\" ref={ref} {...boxProps}>\n      {children}\n    </Box>\n  );\n};\n"],"names":["Anchor","props","ref","useRef","childId","onScrolledToTop","offsetYAdjustment","behavior","block","inline","children","boxProps","handleHashChange","newHash","refsManager","handleScroll","useCallback","windowYOffset","elementOffset","_a","elementHeight","_b","useEffect","Box"],"mappings":";;;;AAWa,MAAAA,IAAgC,CAACC,MAAU;AACtD,QAAMC,IAAMC,KAEN;AAAA,IACJ,IAAIC;AAAA,IACJ,iBAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAV,GAKEW,IAAmB,MAAM;AACvB,UAAAC,IAAU,OAAO,SAAS;AAC5B,IAAAA,KAASC,EAAY,YAAYD,GAAS,EAAE,UAAAN,GAAU,OAAAC,GAAO,QAAAC,GAAQ;AAAA,EAAA,GAOrEM,IAAeC,EAAY,MAAM;;AACrC,UAAMC,IAAgB,OAAO,aACvBC,KAAgBC,IAAAjB,EAAI,YAAJ,gBAAAiB,EAAa,WAC7BC,KAAgBC,IAAAnB,EAAI,YAAJ,gBAAAmB,EAAa;AAGjC,IAAAH,MAAkB,UAClBE,MAAkB,UAClBf,KACAY,IAAgBX,KAAqBY,KACrCD,IAAgBX,KAAqBY,IAAgBE,KAErDf,EAAgBD,CAAO;AAAA,EAExB,GAAA,CAACC,GAAiBC,GAAmBF,CAAO,CAAC;AAKhD,SAAAkB,EAAU,OACJpB,EAAI,WAAqBY,EAAA,OAAOV,GAASF,CAAG,GAC5CG,KACO,SAAA,iBAAiB,UAAUU,CAAY,GAG3C,MAAM,SAAS,oBAAoB,UAAUA,CAAY,IAC/D,CAACX,GAASF,GAAKG,GAAiBU,CAAY,CAAC,GAMhDO,EAAU,OAISV,KAEV,OAAA,iBAAiB,cAAcA,CAAgB,GAE/C,MAAM,OAAO,oBAAoB,cAAcA,CAAgB,IACrE,CAAE,CAAA,yBAGFW,GAAI,EAAA,aAAU,UAAS,KAAArB,GAAW,GAAGS,GACnC,UAAAD,EACH,CAAA;AAEJ;"}

package/lib/sd-component-library175.js

@@ -1,24 +1,13 @@
-import { j as o } from "./sd-component-library196.js";
-import { Box as e } from "rebass";
-import { ReactComponent as t } from "./sd-component-library179.js";
-const s = (i) => {
-  const { color: r } = i;
-  return /* @__PURE__ */ o.jsx(
-    e,
-    {
-      sx: {
-        height: "24px",
-        width: "24px",
-        borderWidth: "2px",
-        borderColor: r,
-        borderRadius: "50%",
-        borderStyle: "solid"
-      },
-      children: /* @__PURE__ */ o.jsx(t, { fill: r })
-    }
-  );
+import { j as s } from "./sd-component-library197.js";
+import { useEffect as c } from "react";
+import { useLocation as e } from "react-router-dom";
+const p = (o) => {
+  const { children: t } = o, { pathname: r } = e();
+  return c(() => {
+    window.scrollTo(0, 0);
+  }, [r]), /* @__PURE__ */ s.jsx("div", { "data-testid": "scroll-to-top", children: t });
 };
 export {
-  s as BorderedPlainWarningCircleIcon
+  p as ScrollToTop
 };
 //# sourceMappingURL=sd-component-library175.js.map

package/lib/sd-component-library175.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library175.js","sources":["../src/components/icons/bordered-plain-warning-circle-icon/bordered-plain-warning-circle-icon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { PlainWarningCircleIcon } from \"../plain-warning-circle-icon\";\nimport { BorderedPlainWarningCircleIconProps as Props } from \"./interfaces\";\n\nexport const BorderedPlainWarningCircleIcon: React.FC<Props> = (props) => {\n  const { color } = props;\n  return (\n    <Box\n      sx={{\n        height: \"24px\",\n        width: \"24px\",\n        borderWidth: \"2px\",\n        borderColor: color,\n        borderRadius: \"50%\",\n        borderStyle: \"solid\",\n      }}\n    >\n      <PlainWarningCircleIcon fill={color} />\n    </Box>\n  );\n};\n"],"names":["BorderedPlainWarningCircleIcon","props","color","jsx","Box","PlainWarningCircleIcon"],"mappings":";;;AAOa,MAAAA,IAAkD,CAACC,MAAU;AAClE,QAAA,EAAE,OAAAC,EAAU,IAAAD;AAEhB,SAAAE,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,aAAa;AAAA,QACb,aAAaF;AAAA,QACb,cAAc;AAAA,QACd,aAAa;AAAA,MACf;AAAA,MAEA,UAAAC,gBAAAA,EAAAA,IAACE,GAAuB,EAAA,MAAMH,EAAO,CAAA;AAAA,IAAA;AAAA,EAAA;AAG3C;"}
+{"version":3,"file":"sd-component-library175.js","sources":["../src/components/utils/scroll-to-top/scroll-to-top.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { useLocation } from \"react-router-dom\";\n\nimport { ScrollToTopProps } from \"./interfaces\";\n\nexport const ScrollToTop = (props: ScrollToTopProps) => {\n  const { children } = props;\n  const { pathname } = useLocation();\n\n  useEffect(() => {\n    window.scrollTo(0, 0);\n  }, [pathname]);\n\n  return <div data-testid=\"scroll-to-top\">{children}</div>;\n};\n"],"names":["ScrollToTop","props","children","pathname","useLocation","useEffect","jsx"],"mappings":";;;AAKa,MAAAA,IAAc,CAACC,MAA4B;AAChD,QAAA,EAAE,UAAAC,EAAa,IAAAD,GACf,EAAE,UAAAE,MAAaC;AAErB,SAAAC,EAAU,MAAM;AACP,WAAA,SAAS,GAAG,CAAC;AAAA,EAAA,GACnB,CAACF,CAAQ,CAAC,GAELG,gBAAAA,EAAAA,IAAA,OAAA,EAAI,eAAY,iBAAiB,UAAAJ,EAAS,CAAA;AACpD;"}

package/lib/sd-component-library176.js

@@ -1,6 +1,24 @@
-import * as a from "react";
-const e = (t) => /* @__PURE__ */ a.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", ...t }, /* @__PURE__ */ a.createElement("path", { d: "M14.461,11.569h0l-3.64-3.64,3.64-3.64h0a.376.376,0,0,0,0-.53l-1.72-1.72a.376.376,0,0,0-.53,0h0l-3.64,3.64L4.93,2.038h0a.376.376,0,0,0-.53,0L2.68,3.757a.376.376,0,0,0,0,.53h0l3.64,3.64-3.64,3.64h0a.376.376,0,0,0,0,.53l1.72,1.72a.376.376,0,0,0,.53,0h0l3.64-3.64,3.64,3.64h0a.376.376,0,0,0,.53,0l1.72-1.72a.376.376,0,0,0,0-.53Z", transform: "translate(-2.571 -1.928)" }));
+import { j as o } from "./sd-component-library197.js";
+import { Box as e } from "rebass";
+import { ReactComponent as t } from "./sd-component-library180.js";
+const s = (i) => {
+  const { color: r } = i;
+  return /* @__PURE__ */ o.jsx(
+    e,
+    {
+      sx: {
+        height: "24px",
+        width: "24px",
+        borderWidth: "2px",
+        borderColor: r,
+        borderRadius: "50%",
+        borderStyle: "solid"
+      },
+      children: /* @__PURE__ */ o.jsx(t, { fill: r })
+    }
+  );
+};
 export {
-  e as ReactComponent
+  s as BorderedPlainWarningCircleIcon
 };
 //# sourceMappingURL=sd-component-library176.js.map

package/lib/sd-component-library176.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library176.js","sources":["../src/components/icons/cross-icon/cross-icon.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiI+CiAgPHBhdGgKICAgIGQ9Ik0xNC40NjEsMTEuNTY5aDBsLTMuNjQtMy42NCwzLjY0LTMuNjRoMGEuMzc2LjM3NiwwLDAsMCwwLS41M2wtMS43Mi0xLjcyYS4zNzYuMzc2LDAsMCwwLS41MywwaDBsLTMuNjQsMy42NEw0LjkzLDIuMDM4aDBhLjM3Ni4zNzYsMCwwLDAtLjUzLDBMMi42OCwzLjc1N2EuMzc2LjM3NiwwLDAsMCwwLC41M2gwbDMuNjQsMy42NC0zLjY0LDMuNjRoMGEuMzc2LjM3NiwwLDAsMCwwLC41M2wxLjcyLDEuNzJhLjM3Ni4zNzYsMCwwLDAsLjUzLDBoMGwzLjY0LTMuNjQsMy42NCwzLjY0aDBhLjM3Ni4zNzYsMCwwLDAsLjUzLDBsMS43Mi0xLjcyYS4zNzYuMzc2LDAsMCwwLDAtLjUzWiIKICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yLjU3MSAtMS45MjgpIiAvPgo8L3N2Zz4K\""],"names":["SvgCrossIcon","props","React"],"mappings":";AACK,MAACA,IAAe,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,aAAa,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,wUAAwU,WAAW,4BAA4B,CAAC;"}
+{"version":3,"file":"sd-component-library176.js","sources":["../src/components/icons/bordered-plain-warning-circle-icon/bordered-plain-warning-circle-icon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { PlainWarningCircleIcon } from \"../plain-warning-circle-icon\";\nimport { BorderedPlainWarningCircleIconProps as Props } from \"./interfaces\";\n\nexport const BorderedPlainWarningCircleIcon: React.FC<Props> = (props) => {\n  const { color } = props;\n  return (\n    <Box\n      sx={{\n        height: \"24px\",\n        width: \"24px\",\n        borderWidth: \"2px\",\n        borderColor: color,\n        borderRadius: \"50%\",\n        borderStyle: \"solid\",\n      }}\n    >\n      <PlainWarningCircleIcon fill={color} />\n    </Box>\n  );\n};\n"],"names":["BorderedPlainWarningCircleIcon","props","color","jsx","Box","PlainWarningCircleIcon"],"mappings":";;;AAOa,MAAAA,IAAkD,CAACC,MAAU;AAClE,QAAA,EAAE,OAAAC,EAAU,IAAAD;AAEhB,SAAAE,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,aAAa;AAAA,QACb,aAAaF;AAAA,QACb,cAAc;AAAA,QACd,aAAa;AAAA,MACf;AAAA,MAEA,UAAAC,gBAAAA,EAAAA,IAACE,GAAuB,EAAA,MAAMH,EAAO,CAAA;AAAA,IAAA;AAAA,EAAA;AAG3C;"}

package/lib/sd-component-library177.js

@@ -1,6 +1,6 @@
 import * as a from "react";
-const t = (e) => /* @__PURE__ */ a.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, viewBox: "0 0 20 20", ...e }, /* @__PURE__ */ a.createElement("path", { id: "Icon_material-language", "data-name": "Icon material-language", d: "M12.99,3A10,10,0,1,0,23,13,10,10,0,0,0,12.99,3Zm6.93,6H16.97a15.649,15.649,0,0,0-1.38-3.56A8.03,8.03,0,0,1,19.92,9ZM13,5.04A14.087,14.087,0,0,1,14.91,9H11.09A14.087,14.087,0,0,1,13,5.04ZM5.26,15a7.822,7.822,0,0,1,0-4H8.64a16.515,16.515,0,0,0-.14,2,16.515,16.515,0,0,0,.14,2Zm.82,2H9.03a15.649,15.649,0,0,0,1.38,3.56A7.987,7.987,0,0,1,6.08,17ZM9.03,9H6.08a7.987,7.987,0,0,1,4.33-3.56A15.649,15.649,0,0,0,9.03,9ZM13,20.96A14.087,14.087,0,0,1,11.09,17h3.82A14.087,14.087,0,0,1,13,20.96ZM15.34,15H10.66a14.713,14.713,0,0,1-.16-2,14.585,14.585,0,0,1,.16-2h4.68a14.585,14.585,0,0,1,.16,2A14.713,14.713,0,0,1,15.34,15Zm.25,5.56A15.649,15.649,0,0,0,16.97,17h2.95a8.03,8.03,0,0,1-4.33,3.56ZM17.36,15a16.515,16.515,0,0,0,.14-2,16.515,16.515,0,0,0-.14-2h3.38a7.822,7.822,0,0,1,0,4Z", transform: "translate(-3 -3)" }));
+const e = (t) => /* @__PURE__ */ a.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", ...t }, /* @__PURE__ */ a.createElement("path", { d: "M14.461,11.569h0l-3.64-3.64,3.64-3.64h0a.376.376,0,0,0,0-.53l-1.72-1.72a.376.376,0,0,0-.53,0h0l-3.64,3.64L4.93,2.038h0a.376.376,0,0,0-.53,0L2.68,3.757a.376.376,0,0,0,0,.53h0l3.64,3.64-3.64,3.64h0a.376.376,0,0,0,0,.53l1.72,1.72a.376.376,0,0,0,.53,0h0l3.64-3.64,3.64,3.64h0a.376.376,0,0,0,.53,0l1.72-1.72a.376.376,0,0,0,0-.53Z", transform: "translate(-2.571 -1.928)" }));
 export {
-  t as ReactComponent
+  e as ReactComponent
 };
 //# sourceMappingURL=sd-component-library177.js.map

package/lib/sd-component-library177.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library177.js","sources":["../src/components/icons/globe-icon/globe.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICA8cGF0aCBpZD0iSWNvbl9tYXRlcmlhbC1sYW5ndWFnZSIgZGF0YS1uYW1lPSJJY29uIG1hdGVyaWFsLWxhbmd1YWdlIiBkPSJNMTIuOTksM0ExMCwxMCwwLDEsMCwyMywxMywxMCwxMCwwLDAsMCwxMi45OSwzWm02LjkzLDZIMTYuOTdhMTUuNjQ5LDE1LjY0OSwwLDAsMC0xLjM4LTMuNTZBOC4wMyw4LjAzLDAsMCwxLDE5LjkyLDlaTTEzLDUuMDRBMTQuMDg3LDE0LjA4NywwLDAsMSwxNC45MSw5SDExLjA5QTE0LjA4NywxNC4wODcsMCwwLDEsMTMsNS4wNFpNNS4yNiwxNWE3LjgyMiw3LjgyMiwwLDAsMSwwLTRIOC42NGExNi41MTUsMTYuNTE1LDAsMCwwLS4xNCwyLDE2LjUxNSwxNi41MTUsMCwwLDAsLjE0LDJabS44MiwySDkuMDNhMTUuNjQ5LDE1LjY0OSwwLDAsMCwxLjM4LDMuNTZBNy45ODcsNy45ODcsMCwwLDEsNi4wOCwxN1pNOS4wMyw5SDYuMDhhNy45ODcsNy45ODcsMCwwLDEsNC4zMy0zLjU2QTE1LjY0OSwxNS42NDksMCwwLDAsOS4wMyw5Wk0xMywyMC45NkExNC4wODcsMTQuMDg3LDAsMCwxLDExLjA5LDE3aDMuODJBMTQuMDg3LDE0LjA4NywwLDAsMSwxMywyMC45NlpNMTUuMzQsMTVIMTAuNjZhMTQuNzEzLDE0LjcxMywwLDAsMS0uMTYtMiwxNC41ODUsMTQuNTg1LDAsMCwxLC4xNi0yaDQuNjhhMTQuNTg1LDE0LjU4NSwwLDAsMSwuMTYsMkExNC43MTMsMTQuNzEzLDAsMCwxLDE1LjM0LDE1Wm0uMjUsNS41NkExNS42NDksMTUuNjQ5LDAsMCwwLDE2Ljk3LDE3aDIuOTVhOC4wMyw4LjAzLDAsMCwxLTQuMzMsMy41NlpNMTcuMzYsMTVhMTYuNTE1LDE2LjUxNSwwLDAsMCwuMTQtMiwxNi41MTUsMTYuNTE1LDAsMCwwLS4xNC0yaDMuMzhhNy44MjIsNy44MjIsMCwwLDEsMCw0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMgLTMpIiAvPgo8L3N2Zz4K\""],"names":["SvgGlobe","props","React"],"mappings":";AACK,MAACA,IAAW,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,IAAI,0BAA0B,aAAa,0BAA0B,GAAG,swBAAswB,WAAW,mBAAkB,CAAE,CAAC;"}
+{"version":3,"file":"sd-component-library177.js","sources":["../src/components/icons/cross-icon/cross-icon.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiI+CiAgPHBhdGgKICAgIGQ9Ik0xNC40NjEsMTEuNTY5aDBsLTMuNjQtMy42NCwzLjY0LTMuNjRoMGEuMzc2LjM3NiwwLDAsMCwwLS41M2wtMS43Mi0xLjcyYS4zNzYuMzc2LDAsMCwwLS41MywwaDBsLTMuNjQsMy42NEw0LjkzLDIuMDM4aDBhLjM3Ni4zNzYsMCwwLDAtLjUzLDBMMi42OCwzLjc1N2EuMzc2LjM3NiwwLDAsMCwwLC41M2gwbDMuNjQsMy42NC0zLjY0LDMuNjRoMGEuMzc2LjM3NiwwLDAsMCwwLC41M2wxLjcyLDEuNzJhLjM3Ni4zNzYsMCwwLDAsLjUzLDBoMGwzLjY0LTMuNjQsMy42NCwzLjY0aDBhLjM3Ni4zNzYsMCwwLDAsLjUzLDBsMS43Mi0xLjcyYS4zNzYuMzc2LDAsMCwwLDAtLjUzWiIKICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yLjU3MSAtMS45MjgpIiAvPgo8L3N2Zz4K\""],"names":["SvgCrossIcon","props","React"],"mappings":";AACK,MAACA,IAAe,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,aAAa,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,wUAAwU,WAAW,4BAA4B,CAAC;"}

package/lib/sd-component-library178.js

@@ -1,6 +1,6 @@
 import * as a from "react";
-const e = (t) => /* @__PURE__ */ a.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18.011 14.01", ...t }, /* @__PURE__ */ a.createElement("g", { id: "hamburger_icon", "data-name": "hamburger icon", transform: "translate(-281.989 -25)" }, /* @__PURE__ */ a.createElement("path", { id: "Op_component_1", "data-name": "Op component 1", d: "M1090,981.743a.709.709,0,0,0-.75-.75h-16.51a.709.709,0,0,0-.75.75v.5a.709.709,0,0,0,.75.75h16.51a.709.709,0,0,0,.75-.75Z", transform: "translate(-790.004 -955.993)", fill: "#4568f9" }), /* @__PURE__ */ a.createElement("path", { id: "Op_component_2", "data-name": "Op component 2", d: "M1090,987.747a.708.708,0,0,0-.75-.75h-16.51a.709.709,0,0,0-.75.75v.5a.71.71,0,0,0,.75.751h16.51a.709.709,0,0,0,.75-.751Z", transform: "translate(-790.004 -955.993)", fill: "#4568f9" }), /* @__PURE__ */ a.createElement("path", { id: "Op_component_3", "data-name": "Op component 3", d: "M1090,993.75a.709.709,0,0,0-.75-.75h-16.51a.709.709,0,0,0-.75.75v.5a.71.71,0,0,0,.75.75h16.51a.709.709,0,0,0,.75-.75Z", transform: "translate(-790.004 -955.993)", fill: "#4568f9" })));
+const t = (e) => /* @__PURE__ */ a.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, viewBox: "0 0 20 20", ...e }, /* @__PURE__ */ a.createElement("path", { id: "Icon_material-language", "data-name": "Icon material-language", d: "M12.99,3A10,10,0,1,0,23,13,10,10,0,0,0,12.99,3Zm6.93,6H16.97a15.649,15.649,0,0,0-1.38-3.56A8.03,8.03,0,0,1,19.92,9ZM13,5.04A14.087,14.087,0,0,1,14.91,9H11.09A14.087,14.087,0,0,1,13,5.04ZM5.26,15a7.822,7.822,0,0,1,0-4H8.64a16.515,16.515,0,0,0-.14,2,16.515,16.515,0,0,0,.14,2Zm.82,2H9.03a15.649,15.649,0,0,0,1.38,3.56A7.987,7.987,0,0,1,6.08,17ZM9.03,9H6.08a7.987,7.987,0,0,1,4.33-3.56A15.649,15.649,0,0,0,9.03,9ZM13,20.96A14.087,14.087,0,0,1,11.09,17h3.82A14.087,14.087,0,0,1,13,20.96ZM15.34,15H10.66a14.713,14.713,0,0,1-.16-2,14.585,14.585,0,0,1,.16-2h4.68a14.585,14.585,0,0,1,.16,2A14.713,14.713,0,0,1,15.34,15Zm.25,5.56A15.649,15.649,0,0,0,16.97,17h2.95a8.03,8.03,0,0,1-4.33,3.56ZM17.36,15a16.515,16.515,0,0,0,.14-2,16.515,16.515,0,0,0-.14-2h3.38a7.822,7.822,0,0,1,0,4Z", transform: "translate(-3 -3)" }));
 export {
-  e as ReactComponent
+  t as ReactComponent
 };
 //# sourceMappingURL=sd-component-library178.js.map