@selfdecode/sd-component-library 4.0.73-vite17-no-postcss → 4.0.73-vite19

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library130.js","sources":["../src/components/tabs/tab-bar/tab-bar.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { Flex } from \"rebass\";\n\nimport { useBoundingClientRect } from \"../../../core/custom-hooks\";\nimport { HorizontalDivider } from \"../../dividers\";\nimport { TabBarProps } from \"./interfaces\";\nimport { ArrowButton, Mask, Tab } from \"./partials\";\n\nconst arrowButtonWidthPx = 30;\nconst arrowButtonWidth = `${arrowButtonWidthPx}px`;\nconst maskWidth = \"30px\";\n\nexport function TabBar<T>({\n  tabs,\n  selectedTabId,\n  onTabSelect,\n  activeColor = \"cl_purple\",\n  color = \"cl_darkGrey\",\n  displayBorder = true,\n  tabPadding = [\"16px 24px\"],\n  tabWidth,\n  tabHeight,\n  tabMaxWidth,\n  labelSx,\n  secondaryTextSx,\n  scrollable = true,\n  containerSx,\n  dontTranslate,\n  tabSx,\n  innerContainerSx,\n}: TabBarProps<T>) {\n  const [xOffset, setXOffset] = useState(0);\n\n  const { ref: containerRef, rect: containerRect } = useBoundingClientRect({\n    listenForResize: true,\n  });\n  const { ref: contentRef, rect: contentRect } = useBoundingClientRect({\n    listenForResize: true,\n  });\n\n  const canScrollLeft =\n    !scrollable && contentRect && containerRect && !!xOffset;\n  const canScrollRight =\n    !scrollable &&\n    contentRect &&\n    containerRect &&\n    xOffset + containerRect.width < contentRect.width;\n\n  const onScrollLeftClick = () => {\n    contentRect &&\n      containerRect &&\n      setXOffset((prev) =>\n        Math.max(0, prev - containerRect.width + 2 * arrowButtonWidthPx)\n      );\n  };\n\n  const onScrollRightClick = () => {\n    contentRect &&\n      containerRect &&\n      setXOffset((prev) =>\n        Math.min(\n          contentRect.width - containerRect.width + arrowButtonWidthPx,\n          prev + containerRect.width - 2 * arrowButtonWidthPx\n        )\n      );\n  };\n\n  return (\n    <Flex\n      sx={{\n        flexDirection: \"column\",\n        position: \"relative\",\n        overflow: \"hidden\",\n        width: \"100%\",\n        ...containerSx,\n      }}\n      className={dontTranslate ? \"no-translate\" : undefined}\n      ref={containerRef}\n      data-test=\"tabs-bar\"\n    >\n      {canScrollLeft && (\n        <>\n          <ArrowButton\n            width={arrowButtonWidth}\n            onClick={onScrollLeftClick}\n            direction=\"left\"\n          />\n\n          <Mask width={maskWidth} offset={arrowButtonWidth} direction=\"left\" />\n        </>\n      )}\n\n      {canScrollRight && (\n        <>\n          <ArrowButton\n            width={arrowButtonWidth}\n            onClick={onScrollRightClick}\n            direction=\"right\"\n          />\n\n          <Mask width={maskWidth} offset={arrowButtonWidth} direction=\"right\" />\n        </>\n      )}\n\n      <Flex\n        sx={{\n          width: scrollable ? \"auto\" : \"max-content\",\n          ml: canScrollLeft ? arrowButtonWidth : 0,\n          mr: canScrollRight ? arrowButtonWidth : 0,\n          transform: `translateX(${-xOffset}px)`,\n          transition: \"transform 0.2s\",\n          overflowX: scrollable ? \"auto\" : undefined,\n          ...innerContainerSx,\n        }}\n        ref={contentRef}\n      >\n        {tabs.map((t) => (\n          <Tab\n            key={String(t.id)}\n            activeColor={activeColor}\n            color={color}\n            {...t}\n            selected={selectedTabId === t.id}\n            onClick={() => onTabSelect?.(t.id)}\n            tabPadding={tabPadding}\n            width={tabWidth}\n            height={tabHeight}\n            maxWidth={tabMaxWidth}\n            labelSx={labelSx}\n            secondaryTextSx={secondaryTextSx}\n            containerSx={tabSx}\n            data-test={`tab-${t.id}`}\n          />\n        ))}\n      </Flex>\n\n      {displayBorder && <HorizontalDivider height=\"2px\" />}\n    </Flex>\n  );\n}\n"],"names":["arrowButtonWidthPx","arrowButtonWidth","maskWidth","TabBar","tabs","selectedTabId","onTabSelect","activeColor","color","displayBorder","tabPadding","tabWidth","tabHeight","tabMaxWidth","labelSx","secondaryTextSx","scrollable","containerSx","dontTranslate","tabSx","innerContainerSx","xOffset","setXOffset","useState","ref","containerRef","rect","containerRect","useBoundingClientRect","listenForResize","contentRef","contentRect","canScrollLeft","canScrollRight","width","onScrollLeftClick","prev","Math","max","onScrollRightClick","min","jsxs","Flex","flexDirection","position","overflow","undefined","Fragment","jsx","ArrowButton","Mask","ml","mr","transform","transition","overflowX","map","t","Tab","id","String","HorizontalDivider"],"mappings":"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"}
+{"version":3,"file":"sd-component-library130.js","sources":["../src/components/tabs/tab-bar/tab-bar.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { Flex } from \"rebass\";\n\nimport { useBoundingClientRect } from \"../../../core/custom-hooks\";\nimport { HorizontalDivider } from \"../../dividers\";\nimport { TabBarProps } from \"./interfaces\";\nimport { ArrowButton, Mask, Tab } from \"./partials\";\n\nconst arrowButtonWidthPx = 30;\nconst arrowButtonWidth = `${arrowButtonWidthPx}px`;\nconst maskWidth = \"30px\";\n\nexport function TabBar<T>({\n  tabs,\n  selectedTabId,\n  onTabSelect,\n  activeColor = \"cl_purple\",\n  color = \"cl_darkGrey\",\n  displayBorder = true,\n  tabPadding = [\"16px 24px\"],\n  tabWidth,\n  tabHeight,\n  tabMaxWidth,\n  labelSx,\n  secondaryTextSx,\n  scrollable = true,\n  containerSx,\n  dontTranslate,\n  tabSx,\n  innerContainerSx,\n}: TabBarProps<T>) {\n  const [xOffset, setXOffset] = useState(0);\n\n  const { ref: containerRef, rect: containerRect } = useBoundingClientRect({\n    listenForResize: true,\n  });\n  const { ref: contentRef, rect: contentRect } = useBoundingClientRect({\n    listenForResize: true,\n  });\n\n  const canScrollLeft =\n    !scrollable && contentRect && containerRect && !!xOffset;\n  const canScrollRight =\n    !scrollable &&\n    contentRect &&\n    containerRect &&\n    xOffset + containerRect.width < contentRect.width;\n\n  const onScrollLeftClick = () => {\n    contentRect &&\n      containerRect &&\n      setXOffset((prev) =>\n        Math.max(0, prev - containerRect.width + 2 * arrowButtonWidthPx)\n      );\n  };\n\n  const onScrollRightClick = () => {\n    contentRect &&\n      containerRect &&\n      setXOffset((prev) =>\n        Math.min(\n          contentRect.width - containerRect.width + arrowButtonWidthPx,\n          prev + containerRect.width - 2 * arrowButtonWidthPx\n        )\n      );\n  };\n\n  return (\n    <Flex\n      sx={{\n        flexDirection: \"column\",\n        position: \"relative\",\n        overflow: \"hidden\",\n        width: \"100%\",\n        ...containerSx,\n      }}\n      className={dontTranslate ? \"no-translate\" : undefined}\n      ref={containerRef}\n      data-test=\"tabs-bar\"\n    >\n      {canScrollLeft && (\n        <>\n          <ArrowButton\n            width={arrowButtonWidth}\n            onClick={onScrollLeftClick}\n            direction=\"left\"\n          />\n\n          <Mask width={maskWidth} offset={arrowButtonWidth} direction=\"left\" />\n        </>\n      )}\n\n      {canScrollRight && (\n        <>\n          <ArrowButton\n            width={arrowButtonWidth}\n            onClick={onScrollRightClick}\n            direction=\"right\"\n          />\n\n          <Mask width={maskWidth} offset={arrowButtonWidth} direction=\"right\" />\n        </>\n      )}\n\n      <Flex\n        sx={{\n          width: scrollable ? \"auto\" : \"max-content\",\n          ml: canScrollLeft ? arrowButtonWidth : 0,\n          mr: canScrollRight ? arrowButtonWidth : 0,\n          transform: `translateX(${-xOffset}px)`,\n          transition: \"transform 0.2s\",\n          overflowX: scrollable ? \"auto\" : undefined,\n          ...innerContainerSx,\n        }}\n        ref={contentRef}\n      >\n        {tabs.map((t) => (\n          <Tab\n            key={String(t.id)}\n            activeColor={activeColor}\n            color={color}\n            {...t}\n            selected={selectedTabId === t.id}\n            onClick={() => onTabSelect?.(t.id)}\n            tabPadding={tabPadding}\n            width={tabWidth}\n            height={tabHeight}\n            maxWidth={tabMaxWidth}\n            labelSx={labelSx}\n            secondaryTextSx={secondaryTextSx}\n            containerSx={tabSx}\n            data-test={`tab-${t.id}`}\n          />\n        ))}\n      </Flex>\n\n      {displayBorder && <HorizontalDivider height=\"2px\" />}\n    </Flex>\n  );\n}\n"],"names":["arrowButtonWidthPx","arrowButtonWidth","maskWidth","TabBar","tabs","selectedTabId","onTabSelect","activeColor","color","displayBorder","tabPadding","tabWidth","tabHeight","tabMaxWidth","labelSx","secondaryTextSx","scrollable","containerSx","dontTranslate","tabSx","innerContainerSx","xOffset","setXOffset","useState","containerRef","containerRect","useBoundingClientRect","contentRef","contentRect","canScrollLeft","canScrollRight","onScrollLeftClick","prev","onScrollRightClick","jsxs","Flex","Fragment","jsx","ArrowButton","Mask","t","Tab","HorizontalDivider"],"mappings":"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"}

package/lib/sd-component-library131.js

@@ -1,7 +1,7 @@
 import { j as t } from "./sd-component-library195.js";
 import "./sd-component-library198.js";
 import { Box as w, Flex as s } from "./sd-component-library199.js";
-import { TabV2 as T } from "./sd-component-library274.js";
+import { TabV2 as T } from "./sd-component-library272.js";
 import { GridContainerV2 as _ } from "./sd-component-library41.js";
 const h = 25, W = ({
   tabs: e,
@@ -19,53 +19,100 @@ const h = 25, W = ({
   maxWidth: y = "1170px",
   scrollOnChange: j = !0
 }) => {
-  const x = e.findIndex(({
-    id: o
-  }) => o === m);
+  const x = e.findIndex(({ id: o }) => o === m);
   if (!e.length)
     return null;
   const p = x === 0, d = x === e.length - 1;
-  return /* @__PURE__ */ t.jsx(w, { sx: {
-    width: "100%",
-    overflowX: "auto",
-    scrollbarWidth: "none",
-    "::-webkit-scrollbar": {
-      height: 0
+  return /* @__PURE__ */ t.jsx(
+    w,
+    {
+      sx: {
+        width: "100%",
+        overflowX: "auto",
+        scrollbarWidth: "none",
+        "::-webkit-scrollbar": {
+          height: 0
+        }
+      },
+      children: /* @__PURE__ */ t.jsxs(
+        s,
+        {
+          sx: {
+            width: "fit-content",
+            minWidth: "100%",
+            overflow: "hidden"
+          },
+          children: [
+            /* @__PURE__ */ t.jsx(
+              s,
+              {
+                sx: {
+                  width: `calc((100% - ${y}) / 2)`,
+                  minWidth: `${h}px`,
+                  height: `${n + r}px`,
+                  mt: "auto",
+                  borderWidth: l,
+                  borderColor: i,
+                  borderRadius: `0 0 ${p ? n : 0}px 0`,
+                  borderBottomStyle: "solid",
+                  borderTopStyle: "none",
+                  borderLeftStyle: "none",
+                  borderRightStyle: p ? "solid" : "none"
+                }
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              _,
+              {
+                gridTemplateColumns: `repeat(${e.length}, max-content)`,
+                minWidth: "fit-content",
+                children: e.map((o, $) => /* @__PURE__ */ t.jsx(
+                  T,
+                  {
+                    ...o,
+                    idx: $,
+                    selectedIndex: x,
+                    borderWidth: l,
+                    borderColor: i,
+                    color: f,
+                    activeColor: a,
+                    borderRadius: n,
+                    onSelect: c,
+                    px: g,
+                    fontSize: S,
+                    totalTabs: e.length,
+                    topAdditionalOffset: u,
+                    bottomAdditionalOffset: r,
+                    scrollOnChange: j
+                  },
+                  o.id
+                ))
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              s,
+              {
+                sx: {
+                  flexGrow: 1,
+                  minWidth: `${h}px`,
+                  transform: "translateX(-2px)",
+                  height: `${n + r}px`,
+                  mt: "auto",
+                  borderWidth: l,
+                  borderColor: i,
+                  borderBottomStyle: "solid",
+                  borderTopStyle: "none",
+                  borderRightStyle: "none",
+                  borderLeftStyle: d ? "solid" : "none",
+                  borderRadius: `0 0 0 ${d ? n : 0}px`
+                }
+              }
+            )
+          ]
+        }
+      )
     }
-  }, children: /* @__PURE__ */ t.jsxs(s, { sx: {
-    width: "fit-content",
-    minWidth: "100%",
-    overflow: "hidden"
-  }, children: [
-    /* @__PURE__ */ t.jsx(s, { sx: {
-      width: `calc((100% - ${y}) / 2)`,
-      minWidth: `${h}px`,
-      height: `${n + r}px`,
-      mt: "auto",
-      borderWidth: l,
-      borderColor: i,
-      borderRadius: `0 0 ${p ? n : 0}px 0`,
-      borderBottomStyle: "solid",
-      borderTopStyle: "none",
-      borderLeftStyle: "none",
-      borderRightStyle: p ? "solid" : "none"
-    } }),
-    /* @__PURE__ */ t.jsx(_, { gridTemplateColumns: `repeat(${e.length}, max-content)`, minWidth: "fit-content", children: e.map((o, $) => /* @__PURE__ */ t.jsx(T, { ...o, idx: $, selectedIndex: x, borderWidth: l, borderColor: i, color: f, activeColor: a, borderRadius: n, onSelect: c, px: g, fontSize: S, totalTabs: e.length, topAdditionalOffset: u, bottomAdditionalOffset: r, scrollOnChange: j }, o.id)) }),
-    /* @__PURE__ */ t.jsx(s, { sx: {
-      flexGrow: 1,
-      minWidth: `${h}px`,
-      transform: "translateX(-2px)",
-      height: `${n + r}px`,
-      mt: "auto",
-      borderWidth: l,
-      borderColor: i,
-      borderBottomStyle: "solid",
-      borderTopStyle: "none",
-      borderRightStyle: "none",
-      borderLeftStyle: d ? "solid" : "none",
-      borderRadius: `0 0 0 ${d ? n : 0}px`
-    } })
-  ] }) });
+  );
 };
 export {
   W as TabBarV2

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library131.js","sources":["../src/components/tabs/tab-bar-v2/tab-bar-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { Grid } from \"../../containers\";\nimport { TabBarV2Props as Props } from \"./interfaces\";\nimport { TabV2 } from \"./partials\";\n\nconst sideOffset = 25; // px\n\nexport const TabBarV2: React.FC<Props> = ({\n  tabs,\n  selectedTabId,\n  onSelect,\n  borderWidth = \"1px\",\n  color = \"cl_blue\",\n  activeColor = \"cl_purple\",\n  borderColor = \"cl_lightGrey\",\n  borderRadius = 12,\n  tabPx = \"30px\",\n  fontSize = 13,\n  tabTopAdditionalOffset = 8,\n  tabBottomAdditionalOffset = 4,\n  maxWidth = \"1170px\",\n  scrollOnChange = true,\n}) => {\n  const selectedIndex = tabs.findIndex(({ id }) => id === selectedTabId);\n\n  if (!tabs.length) return null;\n\n  const isFirstSelected = selectedIndex === 0;\n  const isLastSelected = selectedIndex === tabs.length - 1;\n\n  return (\n    <Box\n      sx={{\n        width: \"100%\",\n        overflowX: \"auto\",\n        scrollbarWidth: \"none\",\n        \"::-webkit-scrollbar\": {\n          height: 0,\n        },\n      }}\n    >\n      <Flex\n        sx={{\n          width: \"fit-content\",\n          minWidth: \"100%\",\n          overflow: \"hidden\",\n        }}\n      >\n        <Flex\n          sx={{\n            width: `calc((100% - ${maxWidth}) / 2)`,\n            minWidth: `${sideOffset}px`,\n            height: `${borderRadius + tabBottomAdditionalOffset}px`,\n            mt: \"auto\",\n            borderWidth,\n            borderColor,\n            borderRadius: `0 0 ${isFirstSelected ? borderRadius : 0}px 0`,\n            borderBottomStyle: \"solid\",\n            borderTopStyle: \"none\",\n            borderLeftStyle: \"none\",\n            borderRightStyle: isFirstSelected ? \"solid\" : \"none\",\n          }}\n        />\n\n        <Grid\n          gridTemplateColumns={`repeat(${tabs.length}, max-content)`}\n          minWidth=\"fit-content\"\n        >\n          {tabs.map((tab, idx) => (\n            <TabV2\n              key={tab.id}\n              {...tab}\n              idx={idx}\n              selectedIndex={selectedIndex}\n              borderWidth={borderWidth}\n              borderColor={borderColor}\n              color={color}\n              activeColor={activeColor}\n              borderRadius={borderRadius}\n              onSelect={onSelect}\n              px={tabPx}\n              fontSize={fontSize}\n              totalTabs={tabs.length}\n              topAdditionalOffset={tabTopAdditionalOffset}\n              bottomAdditionalOffset={tabBottomAdditionalOffset}\n              scrollOnChange={scrollOnChange}\n            />\n          ))}\n        </Grid>\n\n        <Flex\n          sx={{\n            flexGrow: 1,\n            minWidth: `${sideOffset}px`,\n            transform: \"translateX(-2px)\",\n            height: `${borderRadius + tabBottomAdditionalOffset}px`,\n            mt: \"auto\",\n            borderWidth,\n            borderColor,\n            borderBottomStyle: \"solid\",\n            borderTopStyle: \"none\",\n            borderRightStyle: \"none\",\n            borderLeftStyle: isLastSelected ? \"solid\" : \"none\",\n            borderRadius: `0 0 0 ${isLastSelected ? borderRadius : 0}px`,\n          }}\n        />\n      </Flex>\n    </Box>\n  );\n};\n"],"names":["sideOffset","TabBarV2","tabs","selectedTabId","onSelect","borderWidth","color","activeColor","borderColor","borderRadius","tabPx","fontSize","tabTopAdditionalOffset","tabBottomAdditionalOffset","maxWidth","scrollOnChange","selectedIndex","findIndex","id","length","isFirstSelected","isLastSelected","jsx","Box","width","overflowX","scrollbarWidth","height","jsxs","Flex","minWidth","overflow","mt","borderBottomStyle","borderTopStyle","borderLeftStyle","borderRightStyle","Grid","map","tab","idx","TabV2","flexGrow","transform"],"mappings":";;;;;AAQA,MAAMA,IAAa,IAENC,IAA4BA,CAAC;AAAA,EACxCC,MAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,aAAAA,IAAc;AAAA,EACdC,OAAAA,IAAQ;AAAA,EACRC,aAAAA,IAAc;AAAA,EACdC,aAAAA,IAAc;AAAA,EACdC,cAAAA,IAAe;AAAA,EACfC,OAAAA,IAAQ;AAAA,EACRC,UAAAA,IAAW;AAAA,EACXC,wBAAAA,IAAyB;AAAA,EACzBC,2BAAAA,IAA4B;AAAA,EAC5BC,UAAAA,IAAW;AAAA,EACXC,gBAAAA,IAAiB;AACnB,MAAM;AACEC,QAAAA,IAAgBd,EAAKe,UAAU,CAAC;AAAA,IAAEC,IAAAA;AAAAA,EAAAA,MAASA,MAAOf,CAAa;AAErE,MAAI,CAACD,EAAKiB;AAAe,WAAA;AAEzB,QAAMC,IAAkBJ,MAAkB,GACpCK,IAAiBL,MAAkBd,EAAKiB,SAAS;AAGrD,SAAAG,gBAAAA,EAAA,IAACC,KACC,IAAI;AAAA,IACFC,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,gBAAgB;AAAA,IAChB,uBAAuB;AAAA,MACrBC,QAAQ;AAAA,IACV;AAAA,EACF,GAEA,UAACC,gBAAAA,EAAAA,KAAAC,GAAA,EACC,IAAI;AAAA,IACFL,OAAO;AAAA,IACPM,UAAU;AAAA,IACVC,UAAU;AAAA,EAGZ,GAAA,UAAA;AAAA,IAAAT,gBAAAA,MAACO,KACC,IAAI;AAAA,MACFL,OAAQ,gBAAeV,CAAS;AAAA,MAChCgB,UAAW,GAAE9B,CAAW;AAAA,MACxB2B,QAAS,GAAElB,IAAeI,CAA0B;AAAA,MACpDmB,IAAI;AAAA,MACJ3B,aAAAA;AAAAA,MACAG,aAAAA;AAAAA,MACAC,cAAe,OAAMW,IAAkBX,IAAe,CAAE;AAAA,MACxDwB,mBAAmB;AAAA,MACnBC,gBAAgB;AAAA,MAChBC,iBAAiB;AAAA,MACjBC,kBAAkBhB,IAAkB,UAAU;AAAA,IAAA,GAC9C;AAAA,0BAGHiB,GACC,EAAA,qBAAsB,UAASnC,EAAKiB,MAAO,kBAC3C,UAAS,eAERjB,UAAKoC,EAAAA,IAAI,CAACC,GAAKC,4BACbC,GAEC,EAAA,GAAIF,GACJ,KAAAC,GACA,eAAAxB,GACA,aAAAX,GACA,aAAAG,GACA,OAAAF,GACA,aAAAC,GACA,cAAAE,GACA,UAAAL,GACA,IAAIM,GACJ,UAAAC,GACA,WAAWT,EAAKiB,QAChB,qBAAqBP,GACrB,wBAAwBC,GACxB,gBAAAE,KAfKwB,EAAIrB,EAesB,CAElC,GACH;AAAA,IAEAI,gBAAAA,MAACO,KACC,IAAI;AAAA,MACFa,UAAU;AAAA,MACVZ,UAAW,GAAE9B,CAAW;AAAA,MACxB2C,WAAW;AAAA,MACXhB,QAAS,GAAElB,IAAeI,CAA0B;AAAA,MACpDmB,IAAI;AAAA,MACJ3B,aAAAA;AAAAA,MACAG,aAAAA;AAAAA,MACAyB,mBAAmB;AAAA,MACnBC,gBAAgB;AAAA,MAChBE,kBAAkB;AAAA,MAClBD,iBAAiBd,IAAiB,UAAU;AAAA,MAC5CZ,cAAe,SAAQY,IAAiBZ,IAAe,CAAE;AAAA,IAAA,GACzD;AAAA,EAAA,EAEN,CAAA,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library131.js","sources":["../src/components/tabs/tab-bar-v2/tab-bar-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { Grid } from \"../../containers\";\nimport { TabBarV2Props as Props } from \"./interfaces\";\nimport { TabV2 } from \"./partials\";\n\nconst sideOffset = 25; // px\n\nexport const TabBarV2: React.FC<Props> = ({\n  tabs,\n  selectedTabId,\n  onSelect,\n  borderWidth = \"1px\",\n  color = \"cl_blue\",\n  activeColor = \"cl_purple\",\n  borderColor = \"cl_lightGrey\",\n  borderRadius = 12,\n  tabPx = \"30px\",\n  fontSize = 13,\n  tabTopAdditionalOffset = 8,\n  tabBottomAdditionalOffset = 4,\n  maxWidth = \"1170px\",\n  scrollOnChange = true,\n}) => {\n  const selectedIndex = tabs.findIndex(({ id }) => id === selectedTabId);\n\n  if (!tabs.length) return null;\n\n  const isFirstSelected = selectedIndex === 0;\n  const isLastSelected = selectedIndex === tabs.length - 1;\n\n  return (\n    <Box\n      sx={{\n        width: \"100%\",\n        overflowX: \"auto\",\n        scrollbarWidth: \"none\",\n        \"::-webkit-scrollbar\": {\n          height: 0,\n        },\n      }}\n    >\n      <Flex\n        sx={{\n          width: \"fit-content\",\n          minWidth: \"100%\",\n          overflow: \"hidden\",\n        }}\n      >\n        <Flex\n          sx={{\n            width: `calc((100% - ${maxWidth}) / 2)`,\n            minWidth: `${sideOffset}px`,\n            height: `${borderRadius + tabBottomAdditionalOffset}px`,\n            mt: \"auto\",\n            borderWidth,\n            borderColor,\n            borderRadius: `0 0 ${isFirstSelected ? borderRadius : 0}px 0`,\n            borderBottomStyle: \"solid\",\n            borderTopStyle: \"none\",\n            borderLeftStyle: \"none\",\n            borderRightStyle: isFirstSelected ? \"solid\" : \"none\",\n          }}\n        />\n\n        <Grid\n          gridTemplateColumns={`repeat(${tabs.length}, max-content)`}\n          minWidth=\"fit-content\"\n        >\n          {tabs.map((tab, idx) => (\n            <TabV2\n              key={tab.id}\n              {...tab}\n              idx={idx}\n              selectedIndex={selectedIndex}\n              borderWidth={borderWidth}\n              borderColor={borderColor}\n              color={color}\n              activeColor={activeColor}\n              borderRadius={borderRadius}\n              onSelect={onSelect}\n              px={tabPx}\n              fontSize={fontSize}\n              totalTabs={tabs.length}\n              topAdditionalOffset={tabTopAdditionalOffset}\n              bottomAdditionalOffset={tabBottomAdditionalOffset}\n              scrollOnChange={scrollOnChange}\n            />\n          ))}\n        </Grid>\n\n        <Flex\n          sx={{\n            flexGrow: 1,\n            minWidth: `${sideOffset}px`,\n            transform: \"translateX(-2px)\",\n            height: `${borderRadius + tabBottomAdditionalOffset}px`,\n            mt: \"auto\",\n            borderWidth,\n            borderColor,\n            borderBottomStyle: \"solid\",\n            borderTopStyle: \"none\",\n            borderRightStyle: \"none\",\n            borderLeftStyle: isLastSelected ? \"solid\" : \"none\",\n            borderRadius: `0 0 0 ${isLastSelected ? borderRadius : 0}px`,\n          }}\n        />\n      </Flex>\n    </Box>\n  );\n};\n"],"names":["sideOffset","TabBarV2","tabs","selectedTabId","onSelect","borderWidth","color","activeColor","borderColor","borderRadius","tabPx","fontSize","tabTopAdditionalOffset","tabBottomAdditionalOffset","maxWidth","scrollOnChange","selectedIndex","id","isFirstSelected","isLastSelected","jsx","Box","jsxs","Flex","Grid","tab","idx","TabV2"],"mappings":"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"}

package/lib/sd-component-library132.js

@@ -3,13 +3,7 @@ import "./sd-component-library198.js";
 import { Box as d } from "./sd-component-library199.js";
 import { TabBarV2 as i } from "./sd-component-library131.js";
 const l = (r) => {
-  const {
-    tabs: e,
-    selectedTabId: t,
-    ...n
-  } = r, a = e.findIndex(({
-    id: c
-  }) => c === t), o = e[a];
+  const { tabs: e, selectedTabId: t, ...n } = r, a = e.findIndex(({ id: c }) => c === t), o = e[a];
   return o ? /* @__PURE__ */ s.jsxs(d, { children: [
     /* @__PURE__ */ s.jsx(i, { tabs: e, selectedTabId: t, ...n }),
     o.component

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library132.js","sources":["../src/components/tabs/tabbed-view-v2/tabbed-view-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { TabBarV2 } from \"../tab-bar-v2\";\nimport { TabbedViewV2Props as Props } from \"./interfaces\";\n\nexport const TabbedViewV2: React.FC<Props> = (props) => {\n  const { tabs, selectedTabId, ...tabsProps } = props;\n\n  const selectedTabIndex = tabs.findIndex(({ id }) => id === selectedTabId);\n  const selectedTab = tabs[selectedTabIndex];\n\n  if (!selectedTab) return null;\n\n  return (\n    <Box>\n      <TabBarV2 tabs={tabs} selectedTabId={selectedTabId} {...tabsProps} />\n      {selectedTab.component}\n    </Box>\n  );\n};\n"],"names":["TabbedViewV2","props","tabs","selectedTabId","tabsProps","selectedTabIndex","findIndex","id","selectedTab","Box","jsx","TabBarV2","component"],"mappings":";;;;AAOO,MAAMA,IAAiCC,CAAUA,MAAA;AAChD,QAAA;AAAA,IAAEC,MAAAA;AAAAA,IAAMC,eAAAA;AAAAA,IAAe,GAAGC;AAAAA,EAAcH,IAAAA,GAExCI,IAAmBH,EAAKI,UAAU,CAAC;AAAA,IAAEC,IAAAA;AAAAA,EAAAA,MAASA,MAAOJ,CAAa,GAClEK,IAAcN,EAAKG,CAAgB;AAEzC,SAAKG,2BAGFC,GACC,EAAA,UAAA;AAAA,IAAAC,gBAAAA,EAAA,IAACC,GAAS,EAAA,MAAAT,GAAY,eAAAC,GAA8B,GAAIC,EAAU,CAAA;AAAA,IACjEI,EAAYI;AAAAA,EACf,EAAA,CAAA,IANuB;AAQ3B;"}
+{"version":3,"file":"sd-component-library132.js","sources":["../src/components/tabs/tabbed-view-v2/tabbed-view-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { TabBarV2 } from \"../tab-bar-v2\";\nimport { TabbedViewV2Props as Props } from \"./interfaces\";\n\nexport const TabbedViewV2: React.FC<Props> = (props) => {\n  const { tabs, selectedTabId, ...tabsProps } = props;\n\n  const selectedTabIndex = tabs.findIndex(({ id }) => id === selectedTabId);\n  const selectedTab = tabs[selectedTabIndex];\n\n  if (!selectedTab) return null;\n\n  return (\n    <Box>\n      <TabBarV2 tabs={tabs} selectedTabId={selectedTabId} {...tabsProps} />\n      {selectedTab.component}\n    </Box>\n  );\n};\n"],"names":["TabbedViewV2","props","tabs","selectedTabId","tabsProps","selectedTabIndex","id","selectedTab","Box","jsx","TabBarV2"],"mappings":";;;;AAOa,MAAAA,IAAgC,CAACC,MAAU;AACtD,QAAM,EAAE,MAAAC,GAAM,eAAAC,GAAe,GAAGC,MAAcH,GAExCI,IAAmBH,EAAK,UAAU,CAAC,EAAE,IAAAI,QAASA,MAAOH,CAAa,GAClEI,IAAcL,EAAKG,CAAgB;AAEzC,SAAKE,2BAGFC,GACC,EAAA,UAAA;AAAA,IAAAC,gBAAAA,EAAA,IAACC,GAAS,EAAA,MAAAR,GAAY,eAAAC,GAA+B,GAAGC,EAAW,CAAA;AAAA,IAClEG,EAAY;AAAA,EACf,EAAA,CAAA,IANuB;AAQ3B;"}

package/lib/sd-component-library133.js

@@ -3,12 +3,14 @@ import { useRef as v, useState as w, useEffect as m } from "react";
 import "./sd-component-library198.js";
 import { Box as S } from "./sd-component-library199.js";
 import { BaseGridContainer as C } from "./sd-component-library38.js";
-import { ScrollableTabWrapper as j } from "./sd-component-library278.js";
+import { ScrollableTabWrapper as j } from "./sd-component-library273.js";
 import { MaxMaxContainer as E } from "./sd-component-library43.js";
-import { Tab as y } from "./sd-component-library279.js";
+import { Tab as y } from "./sd-component-library274.js";
 import { VerticalDivider as B } from "./sd-component-library52.js";
 const L = (o) => {
-  const t = o.find((n) => window.location.hash === `#${n.hash}`);
+  const t = o.find(
+    (n) => window.location.hash === `#${n.hash}`
+  );
   return (t == null ? void 0 : t.hash) || o.length && o[0].hash || "";
 };
 function _(o) {
@@ -22,7 +24,9 @@ function _(o) {
     allowChangingTabs: a = !0,
     autoScrollTabs: p = !1,
     history: x
-  } = o, i = v(null), [d, c] = w(t.length && t[0].hash || ""), T = o.sticky ? {
+  } = o, i = v(null), [d, c] = w(
+    t.length && t[0].hash || ""
+  ), T = o.sticky ? {
     position: "sticky",
     top: o.top || ["0px"]
   } : {};
@@ -45,14 +49,54 @@ function _(o) {
       });
     }
   };
-  return /* @__PURE__ */ r.jsx(S, { ref: i, sx: {
-    ...T,
-    backgroundColor: "cl_white",
-    overflowX: ["scroll", "unset"]
-  }, children: /* @__PURE__ */ r.jsx(C, { gridTemplateColumns: [`repeat(${2 * t.length - 1}, max-content)`], width: ["100%"], gap: h, "data-test": "tabs-menu", children: t.map((e, l) => /* @__PURE__ */ r.jsx(j, { hash: e.hash, autoScrollTabs: p, selectedTab: d, scrollTabOnSelect: b, children: /* @__PURE__ */ r.jsxs(E, { gap: e.divider ? h : ["0px"], children: [
-    /* @__PURE__ */ r.jsx(y, { Icon: e.Icon, iconHeight: e.iconHeight, title: e.title, hash: e.hash, activeColor: u, isActive: d === e.hash, onTabSelect: g, enableScroll: f, history: x, "data-test": `tabs-menu-${e.hash}` }),
-    e.divider && /* @__PURE__ */ r.jsx(B, {})
-  ] }, l) }, e.hash)) }) });
+  return /* @__PURE__ */ r.jsx(
+    S,
+    {
+      ref: i,
+      sx: {
+        ...T,
+        backgroundColor: "cl_white",
+        overflowX: ["scroll", "unset"]
+      },
+      children: /* @__PURE__ */ r.jsx(
+        C,
+        {
+          gridTemplateColumns: [`repeat(${2 * t.length - 1}, max-content)`],
+          width: ["100%"],
+          gap: h,
+          "data-test": "tabs-menu",
+          children: t.map((e, l) => /* @__PURE__ */ r.jsx(
+            j,
+            {
+              hash: e.hash,
+              autoScrollTabs: p,
+              selectedTab: d,
+              scrollTabOnSelect: b,
+              children: /* @__PURE__ */ r.jsxs(E, { gap: e.divider ? h : ["0px"], children: [
+                /* @__PURE__ */ r.jsx(
+                  y,
+                  {
+                    Icon: e.Icon,
+                    iconHeight: e.iconHeight,
+                    title: e.title,
+                    hash: e.hash,
+                    activeColor: u,
+                    isActive: d === e.hash,
+                    onTabSelect: g,
+                    enableScroll: f,
+                    history: x,
+                    "data-test": `tabs-menu-${e.hash}`
+                  }
+                ),
+                e.divider && /* @__PURE__ */ r.jsx(B, {})
+              ] }, l)
+            },
+            e.hash
+          ))
+        }
+      )
+    }
+  );
 }
 export {
   _ as TabsMenu

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library133.js","sources":["../src/components/tabs/tabs-menu/tabs-menu.tsx"],"sourcesContent":["import React, {\n  CSSProperties,\n  RefObject,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { BaseGridContainer } from \"../../containers/grid-containers/base-grid-container\";\nimport { MaxMaxContainer } from \"../../containers/grid-containers/max-max-container\";\nimport { VerticalDivider } from \"../../dividers/vertical-divider\";\nimport { TabObject, TabsMenuProps } from \"./interfaces\";\nimport { ScrollableTabWrapper } from \"./partials/scrollable-tab-wrapper\";\nimport { Tab } from \"./partials/tab\";\n\n/**\n * Return the hash of currently active tab or empty string if none.\n *\n * @param tabs Array of all tabs.\n */\nconst getCurrentTab = (tabs: Array<TabObject>) => {\n  const currentTab = tabs.find(\n    (tab) => window.location.hash === `#${tab.hash}`\n  );\n  return currentTab?.hash || (tabs.length && tabs[0].hash) || \"\";\n};\n\n/**\n * TabsMenu component.\n */\nexport function TabsMenu(props: TabsMenuProps) {\n  const {\n    tabs,\n    onTabSelect,\n    selectedTab: overrideSelectedTab,\n    activeColor = \"#9E1CB5\",\n    enableScroll = true,\n    gap = [\"15px\"],\n    allowChangingTabs = true,\n    autoScrollTabs = false,\n    history,\n  } = props;\n\n  const tabsGroupRef = useRef<HTMLDivElement>(null);\n  const [selectedTab, setSelectedTab] = useState<string>(\n    (tabs.length && tabs[0].hash) || \"\"\n  );\n\n  const styles = props.sticky\n    ? {\n        position: \"sticky\",\n        top: props.top || [\"0px\"],\n      }\n    : {};\n\n  /**\n   * Set currently selected tab if it's set by the parent.\n   */\n  useEffect(() => {\n    overrideSelectedTab && setSelectedTab(overrideSelectedTab);\n  }, [overrideSelectedTab]);\n\n  /**\n   * Call the callback if present, when any tab is selected. Then\n   * update the current tab if allowed.\n   *\n   * @param hash : Hash of the selected tab.\n   */\n  const onTabSelectWrapper = (hash: string) => {\n    onTabSelect && onTabSelect(hash);\n    allowChangingTabs && setSelectedTab(hash);\n  };\n\n  /**\n   * Once the component is mounted, we add a listener for `hashChange` event\n   * so that whenever window hash changes, we check if updated hash is one\n   * of the currently present tabs and then mark it as active tab.\n   *\n   * Upon un-mount, we remove the listener.\n   */\n  useEffect(() => {\n    const updateCurrentTab = () =>\n      allowChangingTabs && setSelectedTab(getCurrentTab(tabs));\n\n    /**\n     * Update current tab according to window hash upon page load.\n     */\n    !overrideSelectedTab && updateCurrentTab();\n\n    window.addEventListener(\"hashchange\", updateCurrentTab);\n    return () => window.removeEventListener(\"hashchange\", updateCurrentTab);\n  }, [tabs, overrideSelectedTab, allowChangingTabs]);\n\n  /**\n   * When selected tab is updated, and tabs menu is scrollable (in mobiles screen)\n   * the selected tab should be scrolled to the left.\n   */\n  const scrollTabOnSelect = (tabRef: RefObject<HTMLDivElement>) => {\n    if (tabRef.current && tabsGroupRef.current) {\n      const tabLeftOffset = tabRef.current.offsetLeft;\n      tabsGroupRef.current.scroll({\n        left: tabLeftOffset,\n        behavior: \"smooth\",\n      });\n    }\n  };\n\n  return (\n    <Box\n      ref={tabsGroupRef}\n      sx={{\n        ...(styles as CSSProperties),\n        backgroundColor: \"cl_white\",\n        overflowX: [\"scroll\", \"unset\"],\n      }}\n    >\n      <BaseGridContainer\n        gridTemplateColumns={[`repeat(${2 * tabs.length - 1}, max-content)`]}\n        width={[\"100%\"]}\n        gap={gap}\n        data-test=\"tabs-menu\"\n      >\n        {tabs.map((tab, index) => (\n          <ScrollableTabWrapper\n            key={tab.hash}\n            hash={tab.hash}\n            autoScrollTabs={autoScrollTabs}\n            selectedTab={selectedTab}\n            scrollTabOnSelect={scrollTabOnSelect}\n          >\n            <MaxMaxContainer gap={tab.divider ? gap : [\"0px\"]} key={index}>\n              <Tab\n                Icon={tab.Icon}\n                iconHeight={tab.iconHeight}\n                title={tab.title}\n                hash={tab.hash}\n                activeColor={activeColor}\n                isActive={selectedTab === tab.hash}\n                onTabSelect={onTabSelectWrapper}\n                enableScroll={enableScroll}\n                history={history}\n                data-test={`tabs-menu-${tab.hash}`}\n              />\n              {tab.divider && <VerticalDivider />}\n            </MaxMaxContainer>\n          </ScrollableTabWrapper>\n        ))}\n      </BaseGridContainer>\n    </Box>\n  );\n}\n"],"names":["getCurrentTab","tabs","currentTab","find","tab","window","location","hash","length","TabsMenu","props","onTabSelect","selectedTab","overrideSelectedTab","activeColor","enableScroll","gap","allowChangingTabs","autoScrollTabs","history","tabsGroupRef","useRef","setSelectedTab","useState","styles","sticky","position","top","useEffect","onTabSelectWrapper","updateCurrentTab","addEventListener","removeEventListener","scrollTabOnSelect","tabRef","current","tabLeftOffset","offsetLeft","scroll","left","behavior","jsx","Box","backgroundColor","overflowX","BaseGridContainer","map","index","ScrollableTabWrapper","jsxs","MaxMaxContainer","divider","Tab","Icon","iconHeight","title","VerticalDivider"],"mappings":"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"}
+{"version":3,"file":"sd-component-library133.js","sources":["../src/components/tabs/tabs-menu/tabs-menu.tsx"],"sourcesContent":["import React, {\n  CSSProperties,\n  RefObject,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { BaseGridContainer } from \"../../containers/grid-containers/base-grid-container\";\nimport { MaxMaxContainer } from \"../../containers/grid-containers/max-max-container\";\nimport { VerticalDivider } from \"../../dividers/vertical-divider\";\nimport { TabObject, TabsMenuProps } from \"./interfaces\";\nimport { ScrollableTabWrapper } from \"./partials/scrollable-tab-wrapper\";\nimport { Tab } from \"./partials/tab\";\n\n/**\n * Return the hash of currently active tab or empty string if none.\n *\n * @param tabs Array of all tabs.\n */\nconst getCurrentTab = (tabs: Array<TabObject>) => {\n  const currentTab = tabs.find(\n    (tab) => window.location.hash === `#${tab.hash}`\n  );\n  return currentTab?.hash || (tabs.length && tabs[0].hash) || \"\";\n};\n\n/**\n * TabsMenu component.\n */\nexport function TabsMenu(props: TabsMenuProps) {\n  const {\n    tabs,\n    onTabSelect,\n    selectedTab: overrideSelectedTab,\n    activeColor = \"#9E1CB5\",\n    enableScroll = true,\n    gap = [\"15px\"],\n    allowChangingTabs = true,\n    autoScrollTabs = false,\n    history,\n  } = props;\n\n  const tabsGroupRef = useRef<HTMLDivElement>(null);\n  const [selectedTab, setSelectedTab] = useState<string>(\n    (tabs.length && tabs[0].hash) || \"\"\n  );\n\n  const styles = props.sticky\n    ? {\n        position: \"sticky\",\n        top: props.top || [\"0px\"],\n      }\n    : {};\n\n  /**\n   * Set currently selected tab if it's set by the parent.\n   */\n  useEffect(() => {\n    overrideSelectedTab && setSelectedTab(overrideSelectedTab);\n  }, [overrideSelectedTab]);\n\n  /**\n   * Call the callback if present, when any tab is selected. Then\n   * update the current tab if allowed.\n   *\n   * @param hash : Hash of the selected tab.\n   */\n  const onTabSelectWrapper = (hash: string) => {\n    onTabSelect && onTabSelect(hash);\n    allowChangingTabs && setSelectedTab(hash);\n  };\n\n  /**\n   * Once the component is mounted, we add a listener for `hashChange` event\n   * so that whenever window hash changes, we check if updated hash is one\n   * of the currently present tabs and then mark it as active tab.\n   *\n   * Upon un-mount, we remove the listener.\n   */\n  useEffect(() => {\n    const updateCurrentTab = () =>\n      allowChangingTabs && setSelectedTab(getCurrentTab(tabs));\n\n    /**\n     * Update current tab according to window hash upon page load.\n     */\n    !overrideSelectedTab && updateCurrentTab();\n\n    window.addEventListener(\"hashchange\", updateCurrentTab);\n    return () => window.removeEventListener(\"hashchange\", updateCurrentTab);\n  }, [tabs, overrideSelectedTab, allowChangingTabs]);\n\n  /**\n   * When selected tab is updated, and tabs menu is scrollable (in mobiles screen)\n   * the selected tab should be scrolled to the left.\n   */\n  const scrollTabOnSelect = (tabRef: RefObject<HTMLDivElement>) => {\n    if (tabRef.current && tabsGroupRef.current) {\n      const tabLeftOffset = tabRef.current.offsetLeft;\n      tabsGroupRef.current.scroll({\n        left: tabLeftOffset,\n        behavior: \"smooth\",\n      });\n    }\n  };\n\n  return (\n    <Box\n      ref={tabsGroupRef}\n      sx={{\n        ...(styles as CSSProperties),\n        backgroundColor: \"cl_white\",\n        overflowX: [\"scroll\", \"unset\"],\n      }}\n    >\n      <BaseGridContainer\n        gridTemplateColumns={[`repeat(${2 * tabs.length - 1}, max-content)`]}\n        width={[\"100%\"]}\n        gap={gap}\n        data-test=\"tabs-menu\"\n      >\n        {tabs.map((tab, index) => (\n          <ScrollableTabWrapper\n            key={tab.hash}\n            hash={tab.hash}\n            autoScrollTabs={autoScrollTabs}\n            selectedTab={selectedTab}\n            scrollTabOnSelect={scrollTabOnSelect}\n          >\n            <MaxMaxContainer gap={tab.divider ? gap : [\"0px\"]} key={index}>\n              <Tab\n                Icon={tab.Icon}\n                iconHeight={tab.iconHeight}\n                title={tab.title}\n                hash={tab.hash}\n                activeColor={activeColor}\n                isActive={selectedTab === tab.hash}\n                onTabSelect={onTabSelectWrapper}\n                enableScroll={enableScroll}\n                history={history}\n                data-test={`tabs-menu-${tab.hash}`}\n              />\n              {tab.divider && <VerticalDivider />}\n            </MaxMaxContainer>\n          </ScrollableTabWrapper>\n        ))}\n      </BaseGridContainer>\n    </Box>\n  );\n}\n"],"names":["getCurrentTab","tabs","currentTab","tab","TabsMenu","props","onTabSelect","overrideSelectedTab","activeColor","enableScroll","gap","allowChangingTabs","autoScrollTabs","history","tabsGroupRef","useRef","selectedTab","setSelectedTab","useState","styles","useEffect","onTabSelectWrapper","hash","updateCurrentTab","scrollTabOnSelect","tabRef","tabLeftOffset","jsx","Box","BaseGridContainer","index","ScrollableTabWrapper","jsxs","MaxMaxContainer","Tab","VerticalDivider"],"mappings":"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"}

package/lib/sd-component-library134.js

@@ -27,31 +27,39 @@ const w = (t) => {
     fontFamily: t.fontFamily,
     fontSize: t.fontSize,
     fontWeight: t.fontWeight
-  } : {
-    variant: t.variant
-  };
-  return /* @__PURE__ */ W.jsx(j, { ...y, sx: {
-    width: o,
-    height: n,
-    color: r,
-    display: i,
-    cursor: a,
-    textAlign: l,
-    textDecoration: s,
-    textTransform: c,
-    letterSpacing: m,
-    lineHeight: x,
-    backgroundColor: h,
-    m: v,
-    mt: u,
-    mr: F,
-    mb: T,
-    ml: b,
-    ":hover": {
-      textDecoration: f,
-      fontWeight: d
+  } : { variant: t.variant };
+  return /* @__PURE__ */ W.jsx(
+    j,
+    {
+      ...y,
+      sx: {
+        width: o,
+        height: n,
+        color: r,
+        display: i,
+        cursor: a,
+        textAlign: l,
+        textDecoration: s,
+        textTransform: c,
+        letterSpacing: m,
+        lineHeight: x,
+        backgroundColor: h,
+        m: v,
+        mt: u,
+        mr: F,
+        mb: T,
+        ml: b,
+        ":hover": {
+          textDecoration: f,
+          fontWeight: d
+        }
+      },
+      onClick: g,
+      className: k ? "no-translate" : void 0,
+      "data-test": "base-text",
+      children: e
     }
-  }, onClick: g, className: k ? "no-translate" : void 0, "data-test": "base-text", children: e });
+  );
 };
 export {
   w as BaseText

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library134.js","sources":["../src/components/texts/base-text/base-text.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Text } from \"rebass\";\n\nimport { BaseTextProps } from \"./interfaces\";\n\n/**\n * @deprecated use BaseTextV2 instead\n */\nexport const BaseText = (props: BaseTextProps) => {\n  const {\n    children,\n    width = \"100%\",\n    height,\n    color = \"cl_darkGrey\",\n    display = \"block\",\n    cursor = \"default\",\n    textAlign,\n    textDecoration,\n    textTransform,\n    letterSpacing,\n    backgroundColor,\n    lineHeight,\n    hoverTextDecoration,\n    hoverFontWeight,\n    onClick,\n    m,\n    mt,\n    mr,\n    mb,\n    ml,\n    dontTranslate = false,\n  } = props;\n\n  // variant and FontProperties cannot be applied together.\n  const variantOrFontProperties = props.withFontProperties\n    ? {\n        fontFamily: props.fontFamily,\n        fontSize: props.fontSize,\n        fontWeight: props.fontWeight,\n      }\n    : { variant: props.variant };\n\n  return (\n    <Text\n      {...variantOrFontProperties}\n      sx={{\n        width,\n        height,\n        color,\n        display,\n        cursor,\n        textAlign,\n        textDecoration,\n        textTransform,\n        letterSpacing,\n        lineHeight,\n        backgroundColor,\n        m,\n        mt,\n        mr,\n        mb,\n        ml,\n        \":hover\": {\n          textDecoration: hoverTextDecoration,\n          fontWeight: hoverFontWeight,\n        },\n      }}\n      onClick={onClick}\n      className={dontTranslate ? \"no-translate\" : undefined}\n      data-test=\"base-text\"\n    >\n      {children}\n    </Text>\n  );\n};\n"],"names":["BaseText","props","children","width","height","color","display","cursor","textAlign","textDecoration","textTransform","letterSpacing","backgroundColor","lineHeight","hoverTextDecoration","hoverFontWeight","onClick","m","mt","mr","mb","ml","dontTranslate","variantOrFontProperties","withFontProperties","fontFamily","fontSize","fontWeight","variant","jsx","Text","undefined"],"mappings":";;AASaA,MAAAA,IAAWA,CAACC,MAAyB;AAC1C,QAAA;AAAA,IACJC,UAAAA;AAAAA,IACAC,OAAAA,IAAQ;AAAA,IACRC,QAAAA;AAAAA,IACAC,OAAAA,IAAQ;AAAA,IACRC,SAAAA,IAAU;AAAA,IACVC,QAAAA,IAAS;AAAA,IACTC,WAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,qBAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,GAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,eAAAA,IAAgB;AAAA,EACdrB,IAAAA,GAGEsB,IAA0BtB,EAAMuB,qBAClC;AAAA,IACEC,YAAYxB,EAAMwB;AAAAA,IAClBC,UAAUzB,EAAMyB;AAAAA,IAChBC,YAAY1B,EAAM0B;AAAAA,EAAAA,IAEpB;AAAA,IAAEC,SAAS3B,EAAM2B;AAAAA,EAAAA;AAErB,SACGC,gBAAAA,EAAA,IAAAC,GAAA,EACC,GAAIP,GACJ,IAAI;AAAA,IACFpB,OAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAE,YAAAA;AAAAA,IACAD,iBAAAA;AAAAA,IACAK,GAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACA,UAAU;AAAA,MACRZ,gBAAgBK;AAAAA,MAChBa,YAAYZ;AAAAA,IACd;AAAA,EAAA,GAEF,SAAAC,GACA,WAAWM,IAAgB,iBAAiBS,QAC5C,aAAU,aAET7B,UAAAA,EACH,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library134.js","sources":["../src/components/texts/base-text/base-text.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Text } from \"rebass\";\n\nimport { BaseTextProps } from \"./interfaces\";\n\n/**\n * @deprecated use BaseTextV2 instead\n */\nexport const BaseText = (props: BaseTextProps) => {\n  const {\n    children,\n    width = \"100%\",\n    height,\n    color = \"cl_darkGrey\",\n    display = \"block\",\n    cursor = \"default\",\n    textAlign,\n    textDecoration,\n    textTransform,\n    letterSpacing,\n    backgroundColor,\n    lineHeight,\n    hoverTextDecoration,\n    hoverFontWeight,\n    onClick,\n    m,\n    mt,\n    mr,\n    mb,\n    ml,\n    dontTranslate = false,\n  } = props;\n\n  // variant and FontProperties cannot be applied together.\n  const variantOrFontProperties = props.withFontProperties\n    ? {\n        fontFamily: props.fontFamily,\n        fontSize: props.fontSize,\n        fontWeight: props.fontWeight,\n      }\n    : { variant: props.variant };\n\n  return (\n    <Text\n      {...variantOrFontProperties}\n      sx={{\n        width,\n        height,\n        color,\n        display,\n        cursor,\n        textAlign,\n        textDecoration,\n        textTransform,\n        letterSpacing,\n        lineHeight,\n        backgroundColor,\n        m,\n        mt,\n        mr,\n        mb,\n        ml,\n        \":hover\": {\n          textDecoration: hoverTextDecoration,\n          fontWeight: hoverFontWeight,\n        },\n      }}\n      onClick={onClick}\n      className={dontTranslate ? \"no-translate\" : undefined}\n      data-test=\"base-text\"\n    >\n      {children}\n    </Text>\n  );\n};\n"],"names":["BaseText","props","children","width","height","color","display","cursor","textAlign","textDecoration","textTransform","letterSpacing","backgroundColor","lineHeight","hoverTextDecoration","hoverFontWeight","onClick","m","mt","mr","mb","ml","dontTranslate","variantOrFontProperties","jsx","Text"],"mappings":";;AASa,MAAAA,IAAW,CAACC,MAAyB;AAC1C,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,QAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,SAAAC,IAAU;AAAA,IACV,QAAAC,IAAS;AAAA,IACT,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,EACd,IAAArB,GAGEsB,IAA0BtB,EAAM,qBAClC;AAAA,IACE,YAAYA,EAAM;AAAA,IAClB,UAAUA,EAAM;AAAA,IAChB,YAAYA,EAAM;AAAA,EAEpB,IAAA,EAAE,SAASA,EAAM;AAGnB,SAAAuB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,IAAI;AAAA,QACF,OAAApB;AAAA,QACA,QAAAC;AAAA,QACA,OAAAC;AAAA,QACA,SAAAC;AAAA,QACA,QAAAC;AAAA,QACA,WAAAC;AAAA,QACA,gBAAAC;AAAA,QACA,eAAAC;AAAA,QACA,eAAAC;AAAA,QACA,YAAAE;AAAA,QACA,iBAAAD;AAAA,QACA,GAAAK;AAAA,QACA,IAAAC;AAAA,QACA,IAAAC;AAAA,QACA,IAAAC;AAAA,QACA,IAAAC;AAAA,QACA,UAAU;AAAA,UACR,gBAAgBP;AAAA,UAChB,YAAYC;AAAA,QACd;AAAA,MACF;AAAA,MACA,SAAAC;AAAA,MACA,WAAWM,IAAgB,iBAAiB;AAAA,MAC5C,aAAU;AAAA,MAET,UAAApB;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library135.js

@@ -12,10 +12,23 @@ const W = l.forwardRef((o, r) => {
     fontWeight: t,
     ...f
   } = o, i = p[t] ?? t;
-  return /* @__PURE__ */ x.jsx(c, { color: a, fontFamily: "proxima-nova", fontWeight: i, ...f, sx: {
-    textTransform: s,
-    ...n
-  }, className: m ? "no-translate" : void 0, ref: r, "data-test": "base-text-v2", children: e });
+  return /* @__PURE__ */ x.jsx(
+    c,
+    {
+      color: a,
+      fontFamily: "proxima-nova",
+      fontWeight: i,
+      ...f,
+      sx: {
+        textTransform: s,
+        ...n
+      },
+      className: m ? "no-translate" : void 0,
+      ref: r,
+      "data-test": "base-text-v2",
+      children: e
+    }
+  );
 });
 export {
   W as BaseTextV2

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library135.js","sources":["../src/components/texts/base-text-v2/base-text-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Text } from \"rebass\";\n\nimport { SDWeight, SD_WEIGHT_TO_WEIGHT_MAP } from \"../responsive-text\";\nimport { BaseTextV2Props as Props } from \"./interfaces\";\n\nexport const BaseTextV2: React.FC<Props> = React.forwardRef<\n  HTMLDivElement,\n  Props\n>((props, ref) => {\n  const {\n    children,\n    color = \"cl_darkGrey\",\n    textTransform,\n    sx,\n    dontTranslate = false,\n    fontWeight,\n    ...textProps\n  } = props;\n\n  const weight = SD_WEIGHT_TO_WEIGHT_MAP[fontWeight as SDWeight] ?? fontWeight;\n\n  return (\n    <Text\n      color={color}\n      fontFamily=\"proxima-nova\"\n      fontWeight={weight}\n      {...textProps}\n      sx={{\n        textTransform,\n        ...sx,\n      }}\n      className={dontTranslate ? \"no-translate\" : undefined}\n      ref={ref}\n      data-test=\"base-text-v2\"\n    >\n      {children}\n    </Text>\n  );\n});\n"],"names":["BaseTextV2","React","forwardRef","props","ref","children","color","textTransform","sx","dontTranslate","fontWeight","textProps","weight","SD_WEIGHT_TO_WEIGHT_MAP","jsx","Text","undefined"],"mappings":";;;;AAOO,MAAMA,IAA8BC,EAAMC,WAG/C,CAACC,GAAOC,MAAQ;AACV,QAAA;AAAA,IACJC,UAAAA;AAAAA,IACAC,OAAAA,IAAQ;AAAA,IACRC,eAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,eAAAA,IAAgB;AAAA,IAChBC,YAAAA;AAAAA,IACA,GAAGC;AAAAA,EACDR,IAAAA,GAEES,IAASC,EAAwBH,CAAuB,KAAIA;AAGhE,SAAAI,gBAAAA,MAACC,KACC,OAAAT,GACA,YAAW,gBACX,YAAYM,GACRD,GAAAA,GACJ,IAAI;AAAA,IACFJ,eAAAA;AAAAA,IACA,GAAGC;AAAAA,EAAAA,GAEL,WAAWC,IAAgB,iBAAiBO,QAC5C,KAAAZ,GACA,aAAU,gBAETC,UAAAA,EACH,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"sd-component-library135.js","sources":["../src/components/texts/base-text-v2/base-text-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Text } from \"rebass\";\n\nimport { SDWeight, SD_WEIGHT_TO_WEIGHT_MAP } from \"../responsive-text\";\nimport { BaseTextV2Props as Props } from \"./interfaces\";\n\nexport const BaseTextV2: React.FC<Props> = React.forwardRef<\n  HTMLDivElement,\n  Props\n>((props, ref) => {\n  const {\n    children,\n    color = \"cl_darkGrey\",\n    textTransform,\n    sx,\n    dontTranslate = false,\n    fontWeight,\n    ...textProps\n  } = props;\n\n  const weight = SD_WEIGHT_TO_WEIGHT_MAP[fontWeight as SDWeight] ?? fontWeight;\n\n  return (\n    <Text\n      color={color}\n      fontFamily=\"proxima-nova\"\n      fontWeight={weight}\n      {...textProps}\n      sx={{\n        textTransform,\n        ...sx,\n      }}\n      className={dontTranslate ? \"no-translate\" : undefined}\n      ref={ref}\n      data-test=\"base-text-v2\"\n    >\n      {children}\n    </Text>\n  );\n});\n"],"names":["BaseTextV2","React","props","ref","children","color","textTransform","sx","dontTranslate","fontWeight","textProps","weight","SD_WEIGHT_TO_WEIGHT_MAP","jsx","Text"],"mappings":";;;;AAOO,MAAMA,IAA8BC,EAAM,WAG/C,CAACC,GAAOC,MAAQ;AACV,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,eAAAC;AAAA,IACA,IAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,YAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAR,GAEES,IAASC,EAAwBH,CAAsB,KAAKA;AAGhE,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAT;AAAA,MACA,YAAW;AAAA,MACX,YAAYM;AAAA,MACX,GAAGD;AAAA,MACJ,IAAI;AAAA,QACF,eAAAJ;AAAA,QACA,GAAGC;AAAA,MACL;AAAA,MACA,WAAWC,IAAgB,iBAAiB;AAAA,MAC5C,KAAAL;AAAA,MACA,aAAU;AAAA,MAET,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/lib/sd-component-library136.js

@@ -1,10 +1,7 @@
 import { j as o } from "./sd-component-library195.js";
 import s from "react";
 import { BaseTextV2 as a } from "./sd-component-library135.js";
-const p = s.forwardRef(({
-  children: r,
-  ...t
-}, e) => /* @__PURE__ */ o.jsx(a, { as: "span", ref: e, ...t, children: r }));
+const p = s.forwardRef(({ children: r, ...t }, e) => /* @__PURE__ */ o.jsx(a, { as: "span", ref: e, ...t, children: r }));
 export {
   p as BaseInlineText
 };

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library136.js","sources":["../src/components/texts/base-inline-text/base-inline-text.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseTextV2, BaseTextV2Props as Props } from \"../base-text-v2\";\n\nexport const BaseInlineText: React.FC<Props> = React.forwardRef<\n  HTMLDivElement,\n  Props\n>(({ children, ...props }, ref) => {\n  return (\n    <BaseTextV2 as=\"span\" ref={ref} {...props}>\n      {children}\n    </BaseTextV2>\n  );\n});\n"],"names":["BaseInlineText","React","forwardRef","children","props","ref","BaseTextV2"],"mappings":";;;AAIaA,MAAAA,IAAkCC,EAAMC,WAGnD,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAU,GAAGC;AAAM,GAAGC,4BAEtBC,GAAW,EAAA,IAAG,QAAO,KAAAD,GAAU,GAAID,GACjCD,UAAAA,EACH,CAAA,CAEH;"}
+{"version":3,"file":"sd-component-library136.js","sources":["../src/components/texts/base-inline-text/base-inline-text.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseTextV2, BaseTextV2Props as Props } from \"../base-text-v2\";\n\nexport const BaseInlineText: React.FC<Props> = React.forwardRef<\n  HTMLDivElement,\n  Props\n>(({ children, ...props }, ref) => {\n  return (\n    <BaseTextV2 as=\"span\" ref={ref} {...props}>\n      {children}\n    </BaseTextV2>\n  );\n});\n"],"names":["BaseInlineText","React","children","props","ref","BaseTextV2"],"mappings":";;;AAIa,MAAAA,IAAkCC,EAAM,WAGnD,CAAC,EAAE,UAAAC,GAAU,GAAGC,EAAM,GAAGC,4BAEtBC,GAAW,EAAA,IAAG,QAAO,KAAAD,GAAW,GAAGD,GACjC,UAAAD,EACH,CAAA,CAEH;"}

package/lib/sd-component-library137.js

@@ -1,10 +1,7 @@
 import { j as e } from "./sd-component-library195.js";
 import i from "react";
 import { BaseTextV2 as m } from "./sd-component-library135.js";
-const a = i.forwardRef(({
-  children: r,
-  ...o
-}, t) => /* @__PURE__ */ e.jsx(m, { color: "inherit", ref: t, ...o, children: r }));
+const a = i.forwardRef(({ children: r, ...o }, t) => /* @__PURE__ */ e.jsx(m, { color: "inherit", ref: t, ...o, children: r }));
 export {
   a as InheritColorText
 };

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library137.js","sources":["../src/components/texts/inherit-color-text/inherit-color-text.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseTextV2, BaseTextV2Props as Props } from \"../base-text-v2\";\n\nexport const InheritColorText: React.FC<Props> = React.forwardRef<\n  HTMLDivElement,\n  Props\n>(({ children, ...props }, ref) => {\n  return (\n    <BaseTextV2 color=\"inherit\" ref={ref} {...props}>\n      {children}\n    </BaseTextV2>\n  );\n});\n"],"names":["InheritColorText","React","forwardRef","children","props","ref","BaseTextV2"],"mappings":";;;AAIaA,MAAAA,IAAoCC,EAAMC,WAGrD,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAU,GAAGC;AAAM,GAAGC,4BAEtBC,GAAW,EAAA,OAAM,WAAU,KAAAD,GAAU,GAAID,GACvCD,UAAAA,EACH,CAAA,CAEH;"}
+{"version":3,"file":"sd-component-library137.js","sources":["../src/components/texts/inherit-color-text/inherit-color-text.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseTextV2, BaseTextV2Props as Props } from \"../base-text-v2\";\n\nexport const InheritColorText: React.FC<Props> = React.forwardRef<\n  HTMLDivElement,\n  Props\n>(({ children, ...props }, ref) => {\n  return (\n    <BaseTextV2 color=\"inherit\" ref={ref} {...props}>\n      {children}\n    </BaseTextV2>\n  );\n});\n"],"names":["InheritColorText","React","children","props","ref","BaseTextV2"],"mappings":";;;AAIa,MAAAA,IAAoCC,EAAM,WAGrD,CAAC,EAAE,UAAAC,GAAU,GAAGC,EAAM,GAAGC,4BAEtBC,GAAW,EAAA,OAAM,WAAU,KAAAD,GAAW,GAAGD,GACvC,UAAAD,EACH,CAAA,CAEH;"}

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library138.js","sources":["../src/components/texts/eighteen-bold/eighteen-bold.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseText } from \"../base-text\";\nimport { EighteenBoldProps } from \"./interfaces\";\n\nexport const EighteenBold = (props: EighteenBoldProps) => {\n  return (\n    <BaseText {...props} variant=\"_18Bold\" data-test=\"18-bold\">\n      {props.children}\n    </BaseText>\n  );\n};\n"],"names":["EighteenBold","props","jsx","BaseText","children"],"mappings":";;AAKaA,MAAAA,IAAeA,CAACC,MAEzBC,gBAAAA,EAAA,IAACC,KAAS,GAAIF,GAAO,SAAQ,WAAU,aAAU,WAC9CA,UAAAA,EAAMG,SACT,CAAA;"}
+{"version":3,"file":"sd-component-library138.js","sources":["../src/components/texts/eighteen-bold/eighteen-bold.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseText } from \"../base-text\";\nimport { EighteenBoldProps } from \"./interfaces\";\n\nexport const EighteenBold = (props: EighteenBoldProps) => {\n  return (\n    <BaseText {...props} variant=\"_18Bold\" data-test=\"18-bold\">\n      {props.children}\n    </BaseText>\n  );\n};\n"],"names":["EighteenBold","props","jsx","BaseText"],"mappings":";;AAKa,MAAAA,IAAe,CAACC,MAEzBC,gBAAAA,EAAA,IAACC,KAAU,GAAGF,GAAO,SAAQ,WAAU,aAAU,WAC9C,UAAAA,EAAM,SACT,CAAA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library139.js","sources":["../src/components/texts/eighteen-regular/eighteen-regular.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseText } from \"../base-text\";\nimport { EighteenRegularProps } from \"./interfaces\";\n\nexport const EighteenRegular = (props: EighteenRegularProps) => {\n  return (\n    <BaseText {...props} variant=\"_18Regular\" data-test=\"18-regular\">\n      {props.children}\n    </BaseText>\n  );\n};\n"],"names":["EighteenRegular","props","jsx","BaseText","children"],"mappings":";;AAKaA,MAAAA,IAAkBA,CAACC,MAE5BC,gBAAAA,EAAA,IAACC,KAAS,GAAIF,GAAO,SAAQ,cAAa,aAAU,cACjDA,UAAAA,EAAMG,SACT,CAAA;"}
+{"version":3,"file":"sd-component-library139.js","sources":["../src/components/texts/eighteen-regular/eighteen-regular.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseText } from \"../base-text\";\nimport { EighteenRegularProps } from \"./interfaces\";\n\nexport const EighteenRegular = (props: EighteenRegularProps) => {\n  return (\n    <BaseText {...props} variant=\"_18Regular\" data-test=\"18-regular\">\n      {props.children}\n    </BaseText>\n  );\n};\n"],"names":["EighteenRegular","props","jsx","BaseText"],"mappings":";;AAKa,MAAAA,IAAkB,CAACC,MAE5BC,gBAAAA,EAAA,IAACC,KAAU,GAAGF,GAAO,SAAQ,cAAa,aAAU,cACjD,UAAAA,EAAM,SACT,CAAA;"}

package/lib/sd-component-library14.js

@@ -13,9 +13,9 @@ const E = (n) => {
     const s = (t) => {
       e.current && !e.current.contains(t.target) && r(t);
     };
-    return o.forEach((t) => document.addEventListener(t, s, {
-      passive: !1
-    })), () => {
+    return o.forEach(
+      (t) => document.addEventListener(t, s, { passive: !1 })
+    ), () => {
       o.forEach((t) => document.removeEventListener(t, s));
     };
   }, [r, e, o]), /* @__PURE__ */ u.jsx(d, { ...i, ref: e, "data-test": "outside-click-box", children: c });