@selfdecode/sd-component-library 4.0.73-vite13 → 4.0.73-vite15

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library278.js","sources":["../src/components/tooltips/tooltip-with-pointer/partials/tooltip-with-pointer-vertical/tooltip-with-pointer-vertical.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { TriangularPointerIcon } from \"../../../../icons\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { TooltipWithPointerPartialProps as Props } from \"../interfaces\";\n\nexport const TooltipWithPointerVertical = React.forwardRef<\n  HTMLDivElement,\n  Props\n>(\n  (\n    {\n      pointerSx,\n      tooltipPx,\n      tooltipText,\n      tooltipSx,\n      tooltipPy,\n      tooltipOffset,\n      pointerSize,\n      tooltipWidth,\n      placement,\n      state,\n      containerSx,\n      animationDuration,\n      pointerColor,\n    },\n    ref\n  ) => {\n    const tooltipContainerProps =\n      placement === \"bottom\"\n        ? {\n            top: \"100%\",\n          }\n        : {\n            bottom: \"100%\",\n          };\n\n    const pointerCommonProps = {\n      size: `${pointerSize}px`,\n      color: pointerColor,\n      sx: {\n        my: \"auto\",\n        ...pointerSx,\n      },\n    };\n\n    return (\n      <Flex\n        flexDirection=\"column\"\n        sx={{\n          position: \"absolute\",\n          left: \"50%\",\n          transform: \"translateX(-50%)\",\n          cursor: \"default\",\n          alignItems: \"center\",\n          opacity: state === \"entered\" ? 1 : 0,\n          transition: `opacity ${animationDuration}ms`,\n          zIndex: 1,\n          ...tooltipContainerProps,\n          ...tooltipSx,\n        }}\n        ref={ref}\n        data-test=\"tooltip-content\"\n      >\n        {placement === \"bottom\" && (\n          <>\n            <Box height={`${tooltipOffset}px`} />\n            <TriangularPointerIcon direction=\"top\" {...pointerCommonProps} />\n          </>\n        )}\n\n        <ResponsiveTextV2\n          fontSizeWeight={[14, \"regular\"]}\n          sx={{\n            width: tooltipWidth,\n            lineHeight: \"16px\",\n            bg: \"cl_white\",\n            px: tooltipPx,\n            py: tooltipPy,\n            borderColor: \"cl_lightGrey\",\n            borderWidth: \"1px\",\n            borderStyle: \"solid\",\n            ...(placement === \"top\"\n              ? {\n                  borderBottomWidth: \"2px\",\n                  borderBottomColor: pointerColor,\n                  borderRadius: \"3px 3px 0 0\",\n                }\n              : {\n                  borderTopWidth: \"2px\",\n                  borderTopColor: pointerColor,\n                  borderRadius: \"0 0 3px 3px\",\n                }),\n          }}\n        >\n          {tooltipText}\n        </ResponsiveTextV2>\n\n        {placement === \"top\" && (\n          <>\n            <TriangularPointerIcon direction=\"bottom\" {...pointerCommonProps} />\n            <Box height={`${tooltipOffset}px`} />\n          </>\n        )}\n      </Flex>\n    );\n  }\n);\n"],"names":["TooltipWithPointerVertical","React","forwardRef","pointerSx","tooltipPx","tooltipText","tooltipSx","tooltipPy","tooltipOffset","pointerSize","tooltipWidth","placement","state","containerSx","animationDuration","pointerColor","ref","tooltipContainerProps","top","bottom","pointerCommonProps","size","color","sx","my","jsxs","Flex","position","left","transform","cursor","alignItems","opacity","transition","zIndex","Fragment","jsx","Box","TriangularPointerIcon","ResponsiveTextV2","width","lineHeight","bg","px","py","borderColor","borderWidth","borderStyle","borderBottomWidth","borderBottomColor","borderRadius","borderTopWidth","borderTopColor"],"mappings":";;;;;;AAQaA,MAAAA,IAA6BC,EAAMC,WAI9C,CACE;AAAA,EACEC,WAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,mBAAAA;AAAAA,EACAC,cAAAA;AACF,GACAC,MACG;AACGC,QAAAA,IACJN,MAAc,WACV;AAAA,IACEO,KAAK;AAAA,EAAA,IAEP;AAAA,IACEC,QAAQ;AAAA,EAAA,GAGVC,IAAqB;AAAA,IACzBC,MAAO,GAAEZ,CAAY;AAAA,IACrBa,OAAOP;AAAAA,IACPQ,IAAI;AAAA,MACFC,IAAI;AAAA,MACJ,GAAGrB;AAAAA,IACL;AAAA,EAAA;AAGF,SACG,gBAAAsB,EAAAC,GAAA,EACC,eAAc,UACd,IAAI;AAAA,IACFC,UAAU;AAAA,IACVC,MAAM;AAAA,IACNC,WAAW;AAAA,IACXC,QAAQ;AAAA,IACRC,YAAY;AAAA,IACZC,SAASpB,MAAU,YAAY,IAAI;AAAA,IACnCqB,YAAa,WAAUnB,CAAkB;AAAA,IACzCoB,QAAQ;AAAA,IACR,GAAGjB;AAAAA,IACH,GAAGX;AAAAA,EACL,GACA,KAAAU,GACA,aAAU,mBAETL,UAAAA;AAAAA,IAAAA,MAAc,YAEX,gBAAAc,EAAAU,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAI,EAAA,QAAS,GAAE7B,CAAc,MAAI;AAAA,MACjC,gBAAA4B,EAAAE,GAAA,EAAsB,WAAU,OAAUlB,GAAAA,EAAmB,CAAA;AAAA,IAAA,GAChE;AAAA,sBAGDmB,GACC,EAAA,gBAAgB,CAAC,IAAI,SAAS,GAC9B,IAAI;AAAA,MACFC,OAAO9B;AAAAA,MACP+B,YAAY;AAAA,MACZC,IAAI;AAAA,MACJC,IAAIvC;AAAAA,MACJwC,IAAIrC;AAAAA,MACJsC,aAAa;AAAA,MACbC,aAAa;AAAA,MACbC,aAAa;AAAA,MACb,GAAIpC,MAAc,QACd;AAAA,QACEqC,mBAAmB;AAAA,QACnBC,mBAAmBlC;AAAAA,QACnBmC,cAAc;AAAA,MAAA,IAEhB;AAAA,QACEC,gBAAgB;AAAA,QAChBC,gBAAgBrC;AAAAA,QAChBmC,cAAc;AAAA,MAChB;AAAA,IAAA,GAGL7C,UACHA,GAAA;AAAA,IAECM,MAAc,SAEX,gBAAAc,EAAAU,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAsB,EAAA,WAAU,UAAalB,GAAAA,EAAmB,CAAA;AAAA,MAChE,gBAAAgB,EAAAC,GAAA,EAAI,QAAS,GAAE7B,CAAc,MAAI;AAAA,IAAA,GACpC;AAAA,EAEJ,EAAA,CAAA;AAEJ,CACF;"}
+{"version":3,"file":"sd-component-library278.js","sources":["../src/components/tabs/tabs-menu/partials/scrollable-tab-wrapper/scrollable-tab-wrapper.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { ScrollableTabWrapperProps as Props } from \"./interfaces\";\n\nexport const ScrollableTabWrapper: React.FC<Props> = (props) => {\n  const { hash, selectedTab, autoScrollTabs, scrollTabOnSelect, children } =\n    props;\n\n  const tabRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!autoScrollTabs) return;\n\n    /**\n     * If current tab is the selected one, call the callback to scroll the tab.\n     */\n    if (selectedTab === hash && tabRef.current) {\n      scrollTabOnSelect(tabRef);\n    }\n  }, [selectedTab, hash, autoScrollTabs, tabRef, scrollTabOnSelect]);\n\n  return (\n    <Box data-test=\"scrollable-tab-wrapper\" ref={tabRef}>\n      {children}\n    </Box>\n  );\n};\n"],"names":["ScrollableTabWrapper","props","hash","selectedTab","autoScrollTabs","scrollTabOnSelect","children","tabRef","useRef","useEffect","current","Box"],"mappings":";;;;AAMO,MAAMA,IAAyCC,CAAUA,MAAA;AACxD,QAAA;AAAA,IAAEC,MAAAA;AAAAA,IAAMC,aAAAA;AAAAA,IAAaC,gBAAAA;AAAAA,IAAgBC,mBAAAA;AAAAA,IAAmBC,UAAAA;AAAAA,EAC5DL,IAAAA,GAEIM,IAASC,EAAuB,IAAI;AAE1CC,SAAAA,EAAU,MAAM;AACd,IAAKL,KAKDD,MAAgBD,KAAQK,EAAOG,WACjCL,EAAkBE,CAAM;AAAA,EAC1B,GACC,CAACJ,GAAaD,GAAME,GAAgBG,GAAQF,CAAiB,CAAC,yBAG9DM,GAAI,EAAA,aAAU,0BAAyB,KAAKJ,GAC1CD,UAAAA,EACH,CAAA;AAEJ;"}

package/lib/sd-component-library279.js

@@ -1,18 +1,30 @@
-import { jsxs as p, jsx as r } from "./sd-component-library195.js";
-import { FlexCenterSpaceBetween as s } from "./sd-component-library37.js";
-import { ResponsiveTextV2 as t } from "./sd-component-library147.js";
-const l = ({
-  title: i,
-  secondaryText: e,
-  onClick: o,
-  textTransform: n
-}) => /* @__PURE__ */ p(s, { width: "100%", p: "12px 16px", onClick: o, bg: "white", sx: {
-  cursor: "pointer"
-}, children: [
-  /* @__PURE__ */ r(t, { fontSizeWeight: [16, "regular"], textTransform: n, children: i }),
-  e && /* @__PURE__ */ r(t, { fontSizeWeight: [14, "regular"], children: e })
-] });
+import { j as o } from "./sd-component-library195.js";
+import { ThirteenBold as h } from "./sd-component-library151.js";
+import { Button as m } from "./sd-component-library28.js";
+import { MaxMaxContainer as f } from "./sd-component-library43.js";
+const T = (s) => {
+  const {
+    Icon: i,
+    iconHeight: n,
+    title: l,
+    isActive: r,
+    hash: t,
+    onTabSelect: c,
+    enableScroll: a,
+    activeColor: e,
+    history: p
+  } = s, x = a ? {
+    scrollTo: t
+  } : {};
+  return /* @__PURE__ */ o.jsx(m, { bg: "transparent", onClick: () => c(t), history: p, "data-test": `tab-${t}`, ...x, children: /* @__PURE__ */ o.jsxs(f, { gap: ["15px", "20px"], children: [
+    /* @__PURE__ */ o.jsx(i, { style: {
+      height: n,
+      fill: r ? e : "#434A54"
+    } }),
+    /* @__PURE__ */ o.jsx(h, { textTransform: "uppercase", color: r ? e : "#434A54", cursor: "pointer", children: l })
+  ] }) });
+};
 export {
-  l as CustomOptionBox
+  T as Tab
 };
 //# sourceMappingURL=sd-component-library279.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library279.js","sources":["../src/components/selectors/custom-selector/partials/custom-option-box/custom-option-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { FlexCenterSpaceBetween } from \"../../../../containers\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { CustomOptionBoxProps as Props } from \"./interfaces\";\n\nexport const CustomOptionBox: React.FC<Props> = ({\n  title,\n  secondaryText,\n  onClick,\n  textTransform,\n}) => {\n  return (\n    <FlexCenterSpaceBetween\n      width=\"100%\"\n      p=\"12px 16px\"\n      onClick={onClick}\n      bg=\"white\"\n      sx={{ cursor: \"pointer\" }}\n    >\n      <ResponsiveTextV2\n        fontSizeWeight={[16, \"regular\"]}\n        textTransform={textTransform}\n      >\n        {title}\n      </ResponsiveTextV2>\n\n      {secondaryText && (\n        <ResponsiveTextV2 fontSizeWeight={[14, \"regular\"]}>\n          {secondaryText}\n        </ResponsiveTextV2>\n      )}\n    </FlexCenterSpaceBetween>\n  );\n};\n"],"names":["CustomOptionBox","title","secondaryText","onClick","textTransform","jsxs","FlexCenterSpaceBetween","cursor","jsx","ResponsiveTextV2"],"mappings":";;;AAMO,MAAMA,IAAmCA,CAAC;AAAA,EAC/CC,OAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,eAAAA;AACF,MAEI,gBAAAC,EAACC,KACC,OAAM,QACN,GAAE,aACF,SAAAH,GACA,IAAG,SACH,IAAI;AAAA,EAAEI,QAAQ;AAEd,GAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,KACC,gBAAgB,CAAC,IAAI,SAAS,GAC9B,eAAAL,GAECH,UACHA,GAAA;AAAA,EAECC,uBACEO,GAAiB,EAAA,gBAAgB,CAAC,IAAI,SAAS,GAC7CP,UACHA,GAAA;AAEJ,EAAA,CAAA;"}
+{"version":3,"file":"sd-component-library279.js","sources":["../src/components/tabs/tabs-menu/partials/tab/tab.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button, MaxMaxContainer, ThirteenBold } from \"../../../../..\";\nimport { TabProps } from \"./interfaces\";\n\n/**\n * Tab component to render a single tab button.\n */\nexport const Tab: React.FC<TabProps> = (props) => {\n  const {\n    Icon,\n    iconHeight,\n    title,\n    isActive,\n    hash,\n    onTabSelect,\n    enableScroll,\n    activeColor,\n    history,\n  } = props;\n\n  const scrollProps = enableScroll\n    ? {\n        scrollTo: hash,\n      }\n    : {};\n\n  return (\n    <Button\n      bg=\"transparent\"\n      onClick={() => onTabSelect(hash)}\n      history={history}\n      data-test={`tab-${hash}`}\n      {...scrollProps}\n    >\n      <MaxMaxContainer gap={[\"15px\", \"20px\"]}>\n        <Icon\n          style={{\n            height: iconHeight,\n            fill: isActive ? activeColor : \"#434A54\",\n          }}\n        />\n        <ThirteenBold\n          textTransform=\"uppercase\"\n          color={isActive ? activeColor : \"#434A54\"}\n          cursor=\"pointer\"\n        >\n          {title}\n        </ThirteenBold>\n      </MaxMaxContainer>\n    </Button>\n  );\n};\n"],"names":["Tab","props","Icon","iconHeight","title","isActive","hash","onTabSelect","enableScroll","activeColor","history","scrollProps","scrollTo","jsx","Button","jsxs","MaxMaxContainer","height","fill","ThirteenBold"],"mappings":";;;;AAQO,MAAMA,IAA2BC,CAAUA,MAAA;AAC1C,QAAA;AAAA,IACJC,MAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,SAAAA;AAAAA,EACET,IAAAA,GAEEU,IAAcH,IAChB;AAAA,IACEI,UAAUN;AAAAA,MAEZ;AAGF,SAAAO,gBAAAA,MAACC,KACC,IAAG,eACH,SAAS,MAAMP,EAAYD,CAAI,GAC/B,SAAAI,GACA,aAAY,OAAMJ,CAAK,IACvB,GAAIK,GAEJ,UAAAI,gBAAAA,EAAAA,KAACC,KAAgB,KAAK,CAAC,QAAQ,MAAM,GACnC,UAAA;AAAA,IAAAH,gBAAAA,MAACX,KACC,OAAO;AAAA,MACLe,QAAQd;AAAAA,MACRe,MAAMb,IAAWI,IAAc;AAAA,IAAA,GAC/B;AAAA,IAEJI,gBAAAA,EAAAA,IAACM,GACC,EAAA,eAAc,aACd,OAAOd,IAAWI,IAAc,WAChC,QAAO,WAENL,UACHA,EAAA,CAAA;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ;"}

package/lib/sd-component-library28.js

@@ -1,16 +1,16 @@
-import { jsx as r, Fragment as O } from "./sd-component-library195.js";
-import { Link as Q } from "react-router-dom";
-import { Button as T } from "./sd-component-library198.js";
-import { Flex as U } from "./sd-component-library199.js";
-import { LoadingSpinner as V } from "./sd-component-library212.js";
-function X(o, t, e) {
+import { j as r } from "./sd-component-library195.js";
+import { Link as O } from "react-router-dom";
+import { Button as Q } from "./sd-component-library198.js";
+import { Flex as T } from "./sd-component-library199.js";
+import { LoadingSpinner as U } from "./sd-component-library212.js";
+function V(t, o, e) {
   return (n) => {
-    o == null || o(n), t && (`#${t}` !== window.location.hash && (e != null && e.replace(`${window.location.pathname.split("#")[0]}#${t}`) || window.history.replaceState(void 0, "", `${window.location.pathname.split("#")[0]}#${t}`)), window.dispatchEvent(new HashChangeEvent("hashchange")));
+    t == null || t(n), o && (`#${o}` !== window.location.hash && (e != null && e.replace(`${window.location.pathname.split("#")[0]}#${o}`) || window.history.replaceState(void 0, "", `${window.location.pathname.split("#")[0]}#${o}`)), window.dispatchEvent(new HashChangeEvent("hashchange")));
   };
 }
-const Y = ({
-  link: o,
-  isInternal: t = !0,
+const X = ({
+  link: t,
+  isInternal: o = !0,
   children: e,
   target: n = "_self",
   rel: i = "noopener noreferrer"
@@ -20,16 +20,16 @@ const Y = ({
     color: "inherit",
     textDecoration: "none"
   };
-  return o === void 0 ? /* @__PURE__ */ r(O, { children: e }) : t ? /* @__PURE__ */ r(Q, { to: o, style: a, "data-test": "react-router-link", children: e }) : /* @__PURE__ */ r("a", { href: o, target: n, rel: i, style: a, "data-test": "anchor-tag", children: e });
-}, no = (o) => {
+  return t === void 0 ? /* @__PURE__ */ r.jsx(r.Fragment, { children: e }) : o ? /* @__PURE__ */ r.jsx(O, { to: t, style: a, "data-test": "react-router-link", children: e }) : /* @__PURE__ */ r.jsx("a", { href: t, target: n, rel: i, style: a, "data-test": "anchor-tag", children: e });
+}, rt = (t) => {
   const {
-    link: t,
+    link: o,
     isInternal: e = !0,
     scrollTo: n,
     onClick: i,
     children: a,
     disabled: d,
-    variant: s,
+    variant: l,
     padding: h,
     fontSize: c,
     fontWeight: p,
@@ -37,41 +37,41 @@ const Y = ({
     textDecoration: f,
     textTransform: m,
     hoverFontWeight: u,
-    hoverTextDecoration: g,
-    borderRadius: w,
-    width: b,
-    height: x,
-    borderStyle: S,
-    borderWidth: y,
-    borderColor: B,
-    fill: W,
-    color: k,
-    bg: C,
-    stroke: F,
-    hoverBorderStyle: $,
-    hoverBorderWidth: E,
-    hoverBorderColor: I,
-    hoverFill: D,
-    hoverColor: j,
+    hoverTextDecoration: x,
+    borderRadius: g,
+    width: w,
+    height: b,
+    borderStyle: j,
+    borderWidth: S,
+    borderColor: y,
+    fill: B,
+    color: W,
+    bg: k,
+    stroke: C,
+    hoverBorderStyle: F,
+    hoverBorderWidth: $,
+    hoverBorderColor: E,
+    hoverFill: I,
+    hoverColor: D,
     hoverBg: z,
     hoverStroke: H,
     display: L,
     transition: P,
-    history: _,
-    zIndex: M,
-    cursor: R = "pointer",
+    history: R,
+    zIndex: _,
+    cursor: M = "pointer",
     rel: q,
     target: A
-  } = o, {
-    loading: l = !1,
+  } = t, {
+    loading: s = !1,
     loadingIconProps: G = {},
     onHover: J,
     sx: K,
     ...N
-  } = o;
-  if (t !== void 0 && i !== void 0)
+  } = t;
+  if (o !== void 0 && i !== void 0)
     throw new Error("Cannot have link and onClick at the same time");
-  return /* @__PURE__ */ r(Y, { link: t, isInternal: e, rel: q, target: A, children: /* @__PURE__ */ r(T, { ...N, variant: s, sx: {
+  return /* @__PURE__ */ r.jsx(X, { link: o, isInternal: e, rel: q, target: A, children: /* @__PURE__ */ r.jsx(Q, { ...N, variant: l, sx: {
     position: "relative",
     display: L,
     padding: h,
@@ -81,36 +81,36 @@ const Y = ({
     letterSpacing: v,
     textDecoration: f,
     textTransform: m,
-    width: b,
-    height: x,
-    borderRadius: w,
-    borderStyle: S,
-    borderWidth: y,
-    borderColor: B,
-    fill: W,
-    stroke: F,
-    color: k,
-    bg: C,
+    width: w,
+    height: b,
+    borderRadius: g,
+    borderStyle: j,
+    borderWidth: S,
+    borderColor: y,
+    fill: B,
+    stroke: C,
+    color: W,
+    bg: k,
     outline: "none !important",
     transition: P,
     ":hover": {
-      cursor: d ? "default" : R,
-      borderStyle: $,
-      borderWidth: E,
-      borderColor: I,
-      fill: D,
+      cursor: d ? "default" : M,
+      borderStyle: F,
+      borderWidth: $,
+      borderColor: E,
+      fill: I,
       stroke: H,
-      color: j,
+      color: D,
       bg: z,
       hoverFontWeight: u,
-      hoverTextDecoration: g
+      hoverTextDecoration: x
     },
-    zIndex: M,
+    zIndex: _,
     ...K
-  }, onClick: t === void 0 ? X(i, n, _) : () => {
-  }, onMouseEnter: J, disabled: d || l, "data-test": "button", children: l ? /* @__PURE__ */ r(U, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ r(V, { ...G }) }) : a }) });
+  }, onClick: o === void 0 ? V(i, n, R) : () => {
+  }, onMouseEnter: J, disabled: d || s, "data-test": "button", children: s ? /* @__PURE__ */ r.jsx(T, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ r.jsx(U, { ...G }) }) : a }) });
 };
 export {
-  no as Button
+  rt as Button
 };
 //# sourceMappingURL=sd-component-library28.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library28.js","sources":["../src/components/buttons/button/button.tsx"],"sourcesContent":["import React from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport { History } from \"history\";\nimport { Flex, Button as RebassButton } from \"rebass\";\n\nimport { LoadingSpinner } from \"../../animations/loading-spinner\";\nimport { ButtonProps } from \"./interfaces\";\n\n/**\n * A wrapper to handle various click behaviours for buttons.\n *\n * @param history The history object for navigation.\n * @param onClick The call back to run on button click.\n * @param link The location to navigate to if the button is a link.\n * @param scrollTo The section of the page to scroll to.\n *\n * @returns The on click call back.\n */\nfunction clickWrapper(\n  onClick?: ButtonProps[\"onClick\"],\n  scrollTo?: string,\n  history?: History\n): (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void {\n  return (_event: React.MouseEvent<HTMLButtonElement, MouseEvent>): void => {\n    onClick?.(_event);\n\n    if (scrollTo) {\n      // If current hash is not same as new hash, update the hash\n      if (`#${scrollTo}` !== window.location.hash)\n        history?.replace(\n          `${window.location.pathname.split(\"#\")[0]}#${scrollTo}`\n        ) ||\n          window.history.replaceState(\n            undefined,\n            \"\",\n            `${window.location.pathname.split(\"#\")[0]}#${scrollTo}`\n          );\n      // Otherwise forcefully dispatch a `hashchange` event to scroll.\n      window.dispatchEvent(new HashChangeEvent(\"hashchange\"));\n    }\n  };\n}\n\nconst ButtonWrapper: React.FC<\n  Pick<ButtonProps, \"link\" | \"isInternal\" | \"children\" | \"target\" | \"rel\">\n> = ({\n  link,\n  isInternal = true,\n  children,\n  target = \"_self\",\n  rel = \"noopener noreferrer\",\n}) => {\n  const linkStyle: React.CSSProperties = {\n    display: \"grid\",\n    color: \"inherit\",\n    textDecoration: \"none\",\n  };\n\n  return link === undefined ? (\n    <>{children}</>\n  ) : isInternal ? (\n    <Link to={link} style={linkStyle} data-test=\"react-router-link\">\n      {children}\n    </Link>\n  ) : (\n    <a\n      href={link}\n      target={target}\n      rel={rel}\n      style={linkStyle}\n      data-test=\"anchor-tag\"\n    >\n      {children}\n    </a>\n  );\n};\n\n/**\n * Base button component. Other button components should be built from this.\n */\nexport const Button: React.FC<ButtonProps> = (props) => {\n  const {\n    link,\n    isInternal = true,\n    scrollTo,\n    onClick,\n    children,\n    disabled,\n    variant,\n    padding,\n    fontSize,\n    fontWeight,\n    letterSpacing,\n    textDecoration,\n    textTransform,\n    hoverFontWeight,\n    hoverTextDecoration,\n    borderRadius,\n    width,\n    height,\n    borderStyle,\n    borderWidth,\n    borderColor,\n    fill,\n    color,\n    bg,\n    stroke,\n    hoverBorderStyle,\n    hoverBorderWidth,\n    hoverBorderColor,\n    hoverFill,\n    hoverColor,\n    hoverBg,\n    hoverStroke,\n    display,\n    transition,\n    history,\n    zIndex,\n    cursor = \"pointer\",\n    rel,\n    target,\n  } = props;\n\n  const {\n    loading = false,\n    loadingIconProps = {},\n    onHover,\n    sx,\n    ...actualProps\n  } = props;\n\n  if (link !== undefined && onClick !== undefined) {\n    throw new Error(\"Cannot have link and onClick at the same time\");\n  }\n\n  return (\n    <ButtonWrapper\n      link={link}\n      isInternal={isInternal}\n      rel={rel}\n      target={target}\n    >\n      <RebassButton\n        {...actualProps}\n        variant={variant}\n        sx={{\n          position: \"relative\",\n          display,\n          padding,\n          fontFamily: \"proxima-nova\",\n          fontSize,\n          fontWeight,\n          letterSpacing,\n          textDecoration,\n          textTransform,\n          width,\n          height,\n          borderRadius,\n          borderStyle,\n          borderWidth,\n          borderColor,\n          fill,\n          stroke,\n          color,\n          bg,\n          outline: \"none !important\",\n          transition,\n          \":hover\": {\n            cursor: disabled ? \"default\" : cursor,\n            borderStyle: hoverBorderStyle,\n            borderWidth: hoverBorderWidth,\n            borderColor: hoverBorderColor,\n            fill: hoverFill,\n            stroke: hoverStroke,\n            color: hoverColor,\n            bg: hoverBg,\n            hoverFontWeight,\n            hoverTextDecoration,\n          },\n          zIndex,\n          ...sx,\n        }}\n        onClick={\n          link === undefined\n            ? clickWrapper(onClick, scrollTo, history)\n            : () => {}\n        }\n        onMouseEnter={onHover}\n        disabled={disabled || loading}\n        data-test=\"button\"\n      >\n        {!loading ? (\n          children\n        ) : (\n          <Flex justifyContent=\"center\" alignItems=\"center\">\n            <LoadingSpinner {...loadingIconProps} />\n          </Flex>\n        )}\n      </RebassButton>\n    </ButtonWrapper>\n  );\n};\n"],"names":["clickWrapper","onClick","scrollTo","history","_event","window","location","hash","replace","pathname","split","replaceState","undefined","dispatchEvent","HashChangeEvent","ButtonWrapper","link","isInternal","children","target","rel","linkStyle","display","color","textDecoration","jsx","Fragment","Link","Button","props","disabled","variant","padding","fontSize","fontWeight","letterSpacing","textTransform","hoverFontWeight","hoverTextDecoration","borderRadius","width","height","borderStyle","borderWidth","borderColor","fill","bg","stroke","hoverBorderStyle","hoverBorderWidth","hoverBorderColor","hoverFill","hoverColor","hoverBg","hoverStroke","transition","zIndex","cursor","loading","loadingIconProps","onHover","sx","actualProps","Error","RebassButton","position","fontFamily","outline","Flex","LoadingSpinner"],"mappings":"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"}
+{"version":3,"file":"sd-component-library28.js","sources":["../src/components/buttons/button/button.tsx"],"sourcesContent":["import React from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport { History } from \"history\";\nimport { Flex, Button as RebassButton } from \"rebass\";\n\nimport { LoadingSpinner } from \"../../animations/loading-spinner\";\nimport { ButtonProps } from \"./interfaces\";\n\n/**\n * A wrapper to handle various click behaviours for buttons.\n *\n * @param history The history object for navigation.\n * @param onClick The call back to run on button click.\n * @param link The location to navigate to if the button is a link.\n * @param scrollTo The section of the page to scroll to.\n *\n * @returns The on click call back.\n */\nfunction clickWrapper(\n  onClick?: ButtonProps[\"onClick\"],\n  scrollTo?: string,\n  history?: History\n): (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void {\n  return (_event: React.MouseEvent<HTMLButtonElement, MouseEvent>): void => {\n    onClick?.(_event);\n\n    if (scrollTo) {\n      // If current hash is not same as new hash, update the hash\n      if (`#${scrollTo}` !== window.location.hash)\n        history?.replace(\n          `${window.location.pathname.split(\"#\")[0]}#${scrollTo}`\n        ) ||\n          window.history.replaceState(\n            undefined,\n            \"\",\n            `${window.location.pathname.split(\"#\")[0]}#${scrollTo}`\n          );\n      // Otherwise forcefully dispatch a `hashchange` event to scroll.\n      window.dispatchEvent(new HashChangeEvent(\"hashchange\"));\n    }\n  };\n}\n\nconst ButtonWrapper: React.FC<\n  Pick<ButtonProps, \"link\" | \"isInternal\" | \"children\" | \"target\" | \"rel\">\n> = ({\n  link,\n  isInternal = true,\n  children,\n  target = \"_self\",\n  rel = \"noopener noreferrer\",\n}) => {\n  const linkStyle: React.CSSProperties = {\n    display: \"grid\",\n    color: \"inherit\",\n    textDecoration: \"none\",\n  };\n\n  return link === undefined ? (\n    <>{children}</>\n  ) : isInternal ? (\n    <Link to={link} style={linkStyle} data-test=\"react-router-link\">\n      {children}\n    </Link>\n  ) : (\n    <a\n      href={link}\n      target={target}\n      rel={rel}\n      style={linkStyle}\n      data-test=\"anchor-tag\"\n    >\n      {children}\n    </a>\n  );\n};\n\n/**\n * Base button component. Other button components should be built from this.\n */\nexport const Button: React.FC<ButtonProps> = (props) => {\n  const {\n    link,\n    isInternal = true,\n    scrollTo,\n    onClick,\n    children,\n    disabled,\n    variant,\n    padding,\n    fontSize,\n    fontWeight,\n    letterSpacing,\n    textDecoration,\n    textTransform,\n    hoverFontWeight,\n    hoverTextDecoration,\n    borderRadius,\n    width,\n    height,\n    borderStyle,\n    borderWidth,\n    borderColor,\n    fill,\n    color,\n    bg,\n    stroke,\n    hoverBorderStyle,\n    hoverBorderWidth,\n    hoverBorderColor,\n    hoverFill,\n    hoverColor,\n    hoverBg,\n    hoverStroke,\n    display,\n    transition,\n    history,\n    zIndex,\n    cursor = \"pointer\",\n    rel,\n    target,\n  } = props;\n\n  const {\n    loading = false,\n    loadingIconProps = {},\n    onHover,\n    sx,\n    ...actualProps\n  } = props;\n\n  if (link !== undefined && onClick !== undefined) {\n    throw new Error(\"Cannot have link and onClick at the same time\");\n  }\n\n  return (\n    <ButtonWrapper\n      link={link}\n      isInternal={isInternal}\n      rel={rel}\n      target={target}\n    >\n      <RebassButton\n        {...actualProps}\n        variant={variant}\n        sx={{\n          position: \"relative\",\n          display,\n          padding,\n          fontFamily: \"proxima-nova\",\n          fontSize,\n          fontWeight,\n          letterSpacing,\n          textDecoration,\n          textTransform,\n          width,\n          height,\n          borderRadius,\n          borderStyle,\n          borderWidth,\n          borderColor,\n          fill,\n          stroke,\n          color,\n          bg,\n          outline: \"none !important\",\n          transition,\n          \":hover\": {\n            cursor: disabled ? \"default\" : cursor,\n            borderStyle: hoverBorderStyle,\n            borderWidth: hoverBorderWidth,\n            borderColor: hoverBorderColor,\n            fill: hoverFill,\n            stroke: hoverStroke,\n            color: hoverColor,\n            bg: hoverBg,\n            hoverFontWeight,\n            hoverTextDecoration,\n          },\n          zIndex,\n          ...sx,\n        }}\n        onClick={\n          link === undefined\n            ? clickWrapper(onClick, scrollTo, history)\n            : () => {}\n        }\n        onMouseEnter={onHover}\n        disabled={disabled || loading}\n        data-test=\"button\"\n      >\n        {!loading ? (\n          children\n        ) : (\n          <Flex justifyContent=\"center\" alignItems=\"center\">\n            <LoadingSpinner {...loadingIconProps} />\n          </Flex>\n        )}\n      </RebassButton>\n    </ButtonWrapper>\n  );\n};\n"],"names":["clickWrapper","onClick","scrollTo","history","_event","window","location","hash","replace","pathname","split","replaceState","undefined","dispatchEvent","HashChangeEvent","ButtonWrapper","link","isInternal","children","target","rel","linkStyle","display","color","textDecoration","jsx","Fragment","Link","Button","props","disabled","variant","padding","fontSize","fontWeight","letterSpacing","textTransform","hoverFontWeight","hoverTextDecoration","borderRadius","width","height","borderStyle","borderWidth","borderColor","fill","bg","stroke","hoverBorderStyle","hoverBorderWidth","hoverBorderColor","hoverFill","hoverColor","hoverBg","hoverStroke","transition","zIndex","cursor","loading","loadingIconProps","onHover","sx","actualProps","Error","RebassButton","position","fontFamily","outline","Flex","LoadingSpinner"],"mappings":"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"}

package/lib/sd-component-library280.js

@@ -1,35 +1,12 @@
-import { jsxs as i, jsx as r } from "./sd-component-library195.js";
-import n from "react";
-import "./sd-component-library198.js";
-import { TriangularPointerIcon as p } from "./sd-component-library189.js";
-import { SecondaryCustomSelectorOptionRow as a } from "./sd-component-library731.js";
-import { Box as d } from "./sd-component-library199.js";
-import { HorizontalDivider as l } from "./sd-component-library51.js";
-const C = ({
-  options: t,
-  onSelect: c
-}) => {
-  const m = (o) => () => c(o);
-  return /* @__PURE__ */ i(d, { sx: {
-    position: "absolute",
-    right: "-16px",
-    top: "calc(100% - 12px)",
-    minWidth: "calc(100% + 16px)",
-    zIndex: 1
-  }, children: [
-    /* @__PURE__ */ r(p, { direction: "top", mr: "15px", ml: "auto" }),
-    /* @__PURE__ */ r(l, { height: "2px", color: "cl_purple" }),
-    t.map((o, e) => /* @__PURE__ */ i(n.Fragment, { children: [
-      e !== 0 && /* @__PURE__ */ r(l, { color: "cl_headerLine", sx: {
-        borderStyle: "none solid",
-        borderColor: "cl_lightGrey",
-        borderWidth: "1px"
-      } }),
-      /* @__PURE__ */ r(a, { title: o.title, onClick: m(o), isLast: e === t.length - 1 }, o.id)
-    ] }, o.id))
-  ] });
-};
+import * as e from "react";
+const t = (n) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", ...n }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, `
+            .info-icon-a {
+            stroke-linecap: round;
+            stroke-linejoin: round;
+            stroke-width: 2px;
+            }
+        `)), /* @__PURE__ */ e.createElement("g", { transform: "translate(1 1)" }, /* @__PURE__ */ e.createElement("path", { className: "info-icon-a", d: "M19,11a8,8,0,1,1-8-8A8,8,0,0,1,19,11Z", transform: "translate(-3 -3)" }), /* @__PURE__ */ e.createElement("path", { className: "info-icon-a", d: "M18,21.2V18", transform: "translate(-10 -10)" }), /* @__PURE__ */ e.createElement("path", { className: "info-icon-a", d: "M18,12h0", transform: "translate(-10 -7.2)" })));
 export {
-  C as SecondaryCustomSelectorOptionsBox
+  t as ReactComponent
 };
 //# sourceMappingURL=sd-component-library280.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library280.js","sources":["../src/components/selectors/secondary-custom-selector/partials/secondary-custom-selector-options-box/secondary-custom-selector-options-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { HorizontalDivider } from \"../../../../dividers\";\nimport { TriangularPointerIcon } from \"../../../../icons\";\nimport { SelectorOptionV2 } from \"../../../selector-v2\";\nimport { SecondaryCustomSelectorOptionRow } from \"../secondary-custom-selector-option-row\";\nimport { SecondaryCustomSelectorOptionsBoxProps as Props } from \"./interfaces\";\n\nexport const SecondaryCustomSelectorOptionsBox = <T extends string = string>({\n  options,\n  onSelect,\n}: Props<T>) => {\n  const onClick = (option: SelectorOptionV2<T>) => () => onSelect(option);\n\n  return (\n    <Box\n      sx={{\n        position: \"absolute\",\n        right: \"-16px\",\n        top: \"calc(100% - 12px)\",\n        minWidth: \"calc(100% + 16px)\",\n        zIndex: 1,\n      }}\n    >\n      <TriangularPointerIcon direction=\"top\" mr=\"15px\" ml=\"auto\" />\n\n      <HorizontalDivider height=\"2px\" color=\"cl_purple\" />\n\n      {options.map((option, idx) => (\n        <React.Fragment key={option.id}>\n          {idx !== 0 && (\n            <HorizontalDivider\n              color=\"cl_headerLine\"\n              sx={{\n                borderStyle: \"none solid\",\n                borderColor: \"cl_lightGrey\",\n                borderWidth: \"1px\",\n              }}\n            />\n          )}\n\n          <SecondaryCustomSelectorOptionRow\n            key={option.id}\n            title={option.title}\n            onClick={onClick(option)}\n            isLast={idx === options.length - 1}\n          />\n        </React.Fragment>\n      ))}\n    </Box>\n  );\n};\n"],"names":["SecondaryCustomSelectorOptionsBox","options","onSelect","onClick","option","jsxs","Box","position","right","top","minWidth","zIndex","jsx","TriangularPointerIcon","HorizontalDivider","map","idx","React","borderStyle","borderColor","borderWidth","SecondaryCustomSelectorOptionRow","title","length","id"],"mappings":";;;;;;;AAUO,MAAMA,IAAoC,CAA4B;AAAA,EAC3EC,SAAAA;AAAAA,EACAC,UAAAA;AACQ,MAAM;AACd,QAAMC,IAAUA,CAACC,MAAgC,MAAMF,EAASE,CAAM;AAGpE,SAAA,gBAAAC,EAACC,KACC,IAAI;AAAA,IACFC,UAAU;AAAA,IACVC,OAAO;AAAA,IACPC,KAAK;AAAA,IACLC,UAAU;AAAA,IACVC,QAAQ;AAAA,EAGV,GAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAsB,WAAU,OAAM,IAAG,QAAO,IAAG,QAAM;AAAA,IAEzD,gBAAAD,EAAAE,GAAA,EAAkB,QAAO,OAAM,OAAM,aAAW;AAAA,IAEhDb,EAAQc,IAAI,CAACX,GAAQY,MACnB,gBAAAX,EAAAY,EAAM,UAAN,EACED,UAAAA;AAAAA,MAAAA,MAAQ,KACP,gBAAAJ,EAACE,GACC,EAAA,OAAM,iBACN,IAAI;AAAA,QACFI,aAAa;AAAA,QACbC,aAAa;AAAA,QACbC,aAAa;AAAA,MAAA,GAGlB;AAAA,MAEA,gBAAAR,EAAAS,GAAA,EAEC,OAAOjB,EAAOkB,OACd,SAASnB,EAAQC,CAAM,GACvB,QAAQY,MAAQf,EAAQsB,SAAS,EAAA,GAH5BnB,EAAOoB,EAGuB;AAAA,IAAA,KAhBlBpB,EAAOoB,EAkB5B,CACD;AAAA,EACH,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library280.js","sources":["../src/components/tooltips/base-info-tooltip/assets/info-icon.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGU+CiAgICAgICAgICAgIC5pbmZvLWljb24tYSB7CiAgICAgICAgICAgIHN0cm9rZS1saW5lY2FwOiByb3VuZDsKICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luOiByb3VuZDsKICAgICAgICAgICAgc3Ryb2tlLXdpZHRoOiAycHg7CiAgICAgICAgICAgIH0KICAgICAgICA8L3N0eWxlPgogICAgPC9kZWZzPgogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+CiAgICAgICAgPHBhdGggY2xhc3M9ImluZm8taWNvbi1hIiBkPSJNMTksMTFhOCw4LDAsMSwxLTgtOEE4LDgsMCwwLDEsMTksMTFaIgogICAgICAgICAgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zIC0zKSIvPgogICAgICAgIDxwYXRoIGNsYXNzPSJpbmZvLWljb24tYSIgZD0iTTE4LDIxLjJWMTgiCiAgICAgICAgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwIC0xMCkiLz4KICAgICAgICA8cGF0aCBjbGFzcz0iaW5mby1pY29uLWEiIGQ9Ik0xOCwxMmgwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAgLTcuMikiLz4KICAgIDwvZz4KPC9zdmc+Cg==\""],"names":["SvgInfoIcon","props","React"],"mappings":";AACK,MAACA,IAAc,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,aAAa,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,MAAsB,gBAAAA,EAAM,cAAc,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAgK,CAAC,GAAmB,gBAAAA,EAAM,cAAc,KAAK,EAAE,WAAW,iBAAgB,GAAoB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,eAAe,GAAG,yCAAyC,WAAW,oBAAoB,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,eAAe,GAAG,eAAe,WAAW,qBAAoB,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,eAAe,GAAG,YAAY,WAAW,sBAAuB,CAAA,CAAC,CAAC;"}

package/lib/sd-component-library281.js

@@ -1,81 +1,36 @@
-import { jsxs as x, jsx as e, Fragment as T } from "./sd-component-library195.js";
-import { Select as Z } from "./sd-component-library213.js";
-import "./sd-component-library198.js";
-import { getNoTranslateClass as u } from "./sd-component-library110.js";
-import { MaxMaxContainer as q } from "./sd-component-library43.js";
-import { BaseLabel as D } from "./sd-component-library228.js";
-import { Box as G } from "./sd-component-library199.js";
-import { ResponsiveTextV2 as H } from "./sd-component-library147.js";
-const O = ({
-  variant: r,
-  options: f,
-  width: g,
-  m: h,
-  mt: C,
-  mr: v,
-  mb: $,
-  ml: y,
-  gap: b,
-  selectorLabel: i,
-  secondLabel: t,
-  errorMessage: m,
-  disabledTextValue: n,
-  hideDefaultOnSelect: B,
-  labelMargin: F,
-  selectElementHeight: N,
-  defaultOptionColor: c,
-  textTransform: S,
-  onSelect: _,
-  noOptionsToSelect: o,
-  name: l,
-  selection: s,
-  hasDefaultValue: M,
-  onFocus: V,
-  errorBackground: j,
-  labelContainerAlignItems: z,
-  translateSelect: d = !0,
-  translateDefaultOption: p,
-  containerVariant: E,
-  disabled: I,
-  pl: W
-}) => {
-  const k = !r || !["compact", "tertiary", "secondaryV2", "updatedSecondary"].includes(r), w = navigator.userAgent.toLowerCase().indexOf("firefox") > -1, A = u(p !== !0 && !d || p === !1), R = u(!d);
-  return /* @__PURE__ */ x(G, { variant: `_containers.selectors.${E || r}`, sx: {
-    width: g,
-    m: h,
-    mt: C,
-    mr: v,
-    mb: $,
-    ml: y,
-    position: "relative",
-    ...k ? {
-      svg: {
-        transform: `translate(-2px,${w ? 0 : 5}px) scale(.78)`,
-        fill: "#4568F8"
-      }
-    } : {},
-    path: {
-      d: "path('M12,8.6L6.72,3.29C6.32,2.9,5.68,2.9,5.29,3.29C4.90,3.69,4.9,4.33,5.29,4.73L11.23,10.7C11.44,10.91,11.72,11.01,12,11C12.27,11.01,12.55,10.91,12.76,10.7L18.7,4.73C19.09,4.33,19.09,3.69,18.7,3.29C18.31,2.9,17.67,2.9,17.27,3.29Z M12,8.6')"
-    },
-    gap: b
-  }, "data-testid": "base-selector-v2", children: [
-    i && /* @__PURE__ */ x(q, { gap: "0px", alignItems: z, children: [
-      /* @__PURE__ */ e(D, { htmlFor: l, variant: `selectors.${r}${m ? "Error" : ""}`, label: i, m: F, "data-test": "selector-label" }),
-      t && /* @__PURE__ */ e(H, { letterSpacing: "1px", textTransform: "uppercase", mt: t.mt, ml: t.ml || "3px", color: t.color || "cl_grey", fontSizeWeight: t.fontSizeWeight || [10, "semi-bold"], "data-test": "second-label", children: t.text })
-    ] }),
-    /* @__PURE__ */ e(Z, { id: l, name: l, height: N, value: o ? n : s.title.trim(), variant: `_selectors.${r}${m ? "Error" : ""}`, onChange: (a) => _(a.target.value), onFocus: V, backgroundColor: j ? "rgba(255, 0, 0, 0.05)" : "", sx: {
-      textTransform: S,
-      ...c && s.value === null ? {
-        color: c
-      } : {},
-      pl: W
-    }, disabled: I || o, children: o ? /* @__PURE__ */ e("option", { "data-test": "disabled-option", children: n }, "disabledTextValue") : /* @__PURE__ */ e(T, { children: f.slice(
-      // should default option be hidden?
-      M && B && s.value !== null ? 1 : 0
-    ).map((a) => /* @__PURE__ */ e("option", { "data-testid": "selector-option", className: a.value === null ? A : R, children: a.title }, a.id)) }) })
-  ] });
-};
+import { j as i } from "./sd-component-library195.js";
+import d from "react";
+import { FlexCenter as e } from "./sd-component-library37.js";
+import { ResponsiveTextV2 as r } from "./sd-component-library147.js";
+import { HorizontalDivider as m } from "./sd-component-library51.js";
+const g = d.forwardRef(({
+  mobileTitle: t,
+  tooltipWidth: o,
+  tooltipText: x,
+  zIndex: h,
+  pointerColor: n
+}, p) => /* @__PURE__ */ i.jsx(e, { sx: {
+  position: "fixed",
+  top: 0,
+  left: 0,
+  width: "100vw",
+  height: "100vh",
+  bg: "#262626AA",
+  zIndex: h
+}, ref: p, children: /* @__PURE__ */ i.jsxs(e, { flexDirection: "column", sx: {
+  width: o,
+  maxWidth: "min(500px, calc(100vw - 30px))",
+  bg: "cl_white",
+  p: "20px",
+  borderRadius: "5px"
+}, children: [
+  t && /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    /* @__PURE__ */ i.jsx(r, { maxWidth: "100%", fontSizeWeight: [16, "bold"], children: t }),
+    /* @__PURE__ */ i.jsx(m, { width: "min(50px, calc(100% - 40px))", color: n, height: "2px", m: "10px 0" })
+  ] }),
+  /* @__PURE__ */ i.jsx(r, { maxWidth: "100%", fontSizeWeight: [14, "regular"], children: x })
+] }) }));
 export {
-  O as BaseSelectorV2
+  g as TooltipWithPointerMobile
 };
 //# sourceMappingURL=sd-component-library281.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library281.js","sources":["../src/components/selectors/selector-v2/partials/base-selector-v2/base-selector-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Select } from \"@rebass/forms\";\nimport { Box } from \"rebass\";\n\nimport { MaxMaxContainer } from \"../../../../containers\";\nimport { BaseLabel } from \"../../../../labels/base-label\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { getNoTranslateClass } from \"../../../selector/selector\";\nimport { BaseSelectorV2Props as Props } from \"./interfaces\";\n\nexport const BaseSelectorV2 = <T extends string = string>({\n  variant,\n  options,\n  width,\n  m,\n  mt,\n  mr,\n  mb,\n  ml,\n  gap,\n  selectorLabel,\n  secondLabel,\n  errorMessage,\n  disabledTextValue,\n  hideDefaultOnSelect,\n  labelMargin,\n  selectElementHeight,\n  defaultOptionColor,\n  textTransform,\n  onSelect,\n  noOptionsToSelect,\n  name,\n  selection,\n  hasDefaultValue,\n  onFocus,\n  errorBackground,\n  labelContainerAlignItems,\n  translateSelect = true,\n  translateDefaultOption,\n  containerVariant,\n  disabled,\n  pl,\n}: Props<T>) => {\n  const useDefaultIconStyles =\n    !variant ||\n    ![\"compact\", \"tertiary\", \"secondaryV2\", \"updatedSecondary\"].includes(\n      variant\n    );\n  const isFirefox = navigator.userAgent.toLowerCase().indexOf(\"firefox\") > -1;\n\n  const defaultOptionClassName = getNoTranslateClass(\n    (translateDefaultOption !== true && !translateSelect) ||\n      translateDefaultOption === false\n  );\n  const regularOptionClassName = getNoTranslateClass(!translateSelect);\n\n  return (\n    <Box\n      variant={`_containers.selectors.${containerVariant || variant}`}\n      sx={{\n        width,\n        m,\n        mt,\n        mr,\n        mb,\n        ml,\n        position: \"relative\",\n        ...(useDefaultIconStyles\n          ? {\n              svg: {\n                transform: `translate(-2px,${isFirefox ? 0 : 5}px) scale(.78)`,\n                fill: \"#4568F8\",\n              },\n            }\n          : {}),\n        path: {\n          d: \"path('M12,8.6L6.72,3.29C6.32,2.9,5.68,2.9,5.29,3.29C4.90,3.69,4.9,4.33,5.29,4.73L11.23,10.7C11.44,10.91,11.72,11.01,12,11C12.27,11.01,12.55,10.91,12.76,10.7L18.7,4.73C19.09,4.33,19.09,3.69,18.7,3.29C18.31,2.9,17.67,2.9,17.27,3.29Z M12,8.6')\",\n        },\n        gap,\n      }}\n      data-testid=\"base-selector-v2\"\n    >\n      {selectorLabel && (\n        <MaxMaxContainer gap=\"0px\" alignItems={labelContainerAlignItems}>\n          <BaseLabel\n            htmlFor={name}\n            variant={`selectors.${variant}${errorMessage ? \"Error\" : \"\"}`}\n            label={selectorLabel}\n            m={labelMargin}\n            data-test=\"selector-label\"\n          />\n\n          {secondLabel && (\n            <ResponsiveTextV2\n              letterSpacing=\"1px\"\n              textTransform=\"uppercase\"\n              mt={secondLabel.mt}\n              ml={secondLabel.ml || \"3px\"}\n              color={secondLabel.color || \"cl_grey\"}\n              fontSizeWeight={secondLabel.fontSizeWeight || [10, \"semi-bold\"]}\n              data-test=\"second-label\"\n            >\n              {secondLabel.text}\n            </ResponsiveTextV2>\n          )}\n        </MaxMaxContainer>\n      )}\n\n      <Select\n        id={name}\n        name={name}\n        height={selectElementHeight}\n        value={noOptionsToSelect ? disabledTextValue : selection.title.trim()}\n        variant={`_selectors.${variant}${errorMessage ? \"Error\" : \"\"}`}\n        onChange={(event) => onSelect(event.target.value)}\n        onFocus={onFocus}\n        backgroundColor={errorBackground ? \"rgba(255, 0, 0, 0.05)\" : \"\"}\n        sx={{\n          textTransform,\n          ...(defaultOptionColor && selection.value === null\n            ? { color: defaultOptionColor }\n            : {}),\n          pl,\n        }}\n        disabled={disabled || noOptionsToSelect}\n      >\n        {noOptionsToSelect ? (\n          <option key=\"disabledTextValue\" data-test=\"disabled-option\">\n            {disabledTextValue}\n          </option>\n        ) : (\n          <>\n            {options\n              .slice(\n                // should default option be hidden?\n                hasDefaultValue &&\n                  hideDefaultOnSelect &&\n                  selection.value !== null\n                  ? 1\n                  : 0\n              )\n              .map((option) => (\n                <option\n                  key={option.id}\n                  data-testid=\"selector-option\"\n                  className={\n                    option.value === null\n                      ? defaultOptionClassName\n                      : regularOptionClassName\n                  }\n                >\n                  {option.title}\n                </option>\n              ))}\n          </>\n        )}\n      </Select>\n    </Box>\n  );\n};\n"],"names":["BaseSelectorV2","variant","options","width","m","mt","mr","mb","ml","gap","selectorLabel","secondLabel","errorMessage","disabledTextValue","hideDefaultOnSelect","labelMargin","selectElementHeight","defaultOptionColor","textTransform","onSelect","noOptionsToSelect","name","selection","hasDefaultValue","onFocus","errorBackground","labelContainerAlignItems","translateSelect","translateDefaultOption","containerVariant","disabled","pl","useDefaultIconStyles","includes","isFirefox","navigator","userAgent","toLowerCase","indexOf","defaultOptionClassName","getNoTranslateClass","regularOptionClassName","Box","position","svg","transform","fill","path","d","jsxs","MaxMaxContainer","jsx","BaseLabel","ResponsiveTextV2","color","fontSizeWeight","text","Select","title","trim","event","target","value","slice","map","option","id"],"mappings":"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"}
+{"version":3,"file":"sd-component-library281.js","sources":["../src/components/tooltips/tooltip-with-pointer/partials/tooltip-with-pointer-mobile/tooltip-with-pointer-mobile.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { FlexCenter } from \"../../../../containers\";\nimport { HorizontalDivider } from \"../../../../dividers\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { TooltipWithPointerProps } from \"../../interfaces\";\n\ntype Props = Pick<\n  TooltipWithPointerProps,\n  \"mobileTitle\" | \"tooltipText\" | \"tooltipWidth\" | \"zIndex\" | \"pointerColor\"\n>;\n\nexport const TooltipWithPointerMobile = React.forwardRef<HTMLDivElement, Props>(\n  ({ mobileTitle, tooltipWidth, tooltipText, zIndex, pointerColor }, ref) => {\n    return (\n      <FlexCenter\n        sx={{\n          position: \"fixed\",\n          top: 0,\n          left: 0,\n          width: \"100vw\",\n          height: \"100vh\",\n          bg: \"#262626AA\",\n          zIndex,\n        }}\n        ref={ref}\n      >\n        <FlexCenter\n          flexDirection=\"column\"\n          sx={{\n            width: tooltipWidth,\n            maxWidth: \"min(500px, calc(100vw - 30px))\",\n            bg: \"cl_white\",\n            p: \"20px\",\n            borderRadius: \"5px\",\n          }}\n        >\n          {mobileTitle && (\n            <>\n              <ResponsiveTextV2 maxWidth=\"100%\" fontSizeWeight={[16, \"bold\"]}>\n                {mobileTitle}\n              </ResponsiveTextV2>\n\n              <HorizontalDivider\n                width=\"min(50px, calc(100% - 40px))\"\n                color={pointerColor}\n                height=\"2px\"\n                m=\"10px 0\"\n              />\n            </>\n          )}\n\n          <ResponsiveTextV2 maxWidth=\"100%\" fontSizeWeight={[14, \"regular\"]}>\n            {tooltipText}\n          </ResponsiveTextV2>\n        </FlexCenter>\n      </FlexCenter>\n    );\n  }\n);\n"],"names":["TooltipWithPointerMobile","React","forwardRef","mobileTitle","tooltipWidth","tooltipText","zIndex","pointerColor","ref","jsx","FlexCenter","position","top","left","width","height","bg","jsxs","maxWidth","p","borderRadius","Fragment","ResponsiveTextV2","HorizontalDivider"],"mappings":";;;;;AAYaA,MAAAA,IAA2BC,EAAMC,WAC5C,CAAC;AAAA,EAAEC,aAAAA;AAAAA,EAAaC,cAAAA;AAAAA,EAAcC,aAAAA;AAAAA,EAAaC,QAAAA;AAAAA,EAAQC,cAAAA;AAAa,GAAGC,MAE/DC,gBAAAA,EAAA,IAACC,KACC,IAAI;AAAA,EACFC,UAAU;AAAA,EACVC,KAAK;AAAA,EACLC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,IAAI;AAAA,EACJV,QAAAA;AAAAA,GAEF,KAAAE,GAEA,UAAAS,gBAAAA,EAAA,KAACP,GACC,EAAA,eAAc,UACd,IAAI;AAAA,EACFI,OAAOV;AAAAA,EACPc,UAAU;AAAA,EACVF,IAAI;AAAA,EACJG,GAAG;AAAA,EACHC,cAAc;AAGfjB,GAAAA,UAAAA;AAAAA,EAAAA,KAEGc,gBAAAA,EAAA,KAAAI,YAAA,EAAA,UAAA;AAAA,IAACZ,gBAAAA,EAAAA,IAAAa,GAAA,EAAiB,UAAS,QAAO,gBAAgB,CAAC,IAAI,MAAM,GAC1DnB,UACHA,EAAA,CAAA;AAAA,IAEAM,gBAAAA,EAAAA,IAACc,KACC,OAAM,gCACN,OAAOhB,GACP,QAAO,OACP,GAAE,SAAQ,CAAA;AAAA,EAAA,GAEd;AAAA,EAGFE,gBAAAA,EAAAA,IAACa,KAAiB,UAAS,QAAO,gBAAgB,CAAC,IAAI,SAAS,GAC7DjB,UACHA,EAAA,CAAA;AAAA,EACF,CAAA,EACF,CAAA,CAGN;"}