@selfdecode/sd-component-library 4.0.73-vite11 → 4.0.73-vite12

package/lib/sd-component-library133.js

@@ -1,103 +1,60 @@
-import { j as r } from "./sd-component-library195.js";
-import { useRef as v, useState as w, useEffect as m } from "react";
-import { Box as S } from "rebass";
-import { BaseGridContainer as C } from "./sd-component-library38.js";
-import { ScrollableTabWrapper as j } from "./sd-component-library283.js";
-import { MaxMaxContainer as E } from "./sd-component-library43.js";
-import { Tab as y } from "./sd-component-library284.js";
-import { VerticalDivider as L } from "./sd-component-library52.js";
-const k = (o) => {
-  const t = o.find(
-    (s) => window.location.hash === `#${s.hash}`
-  );
+import { jsx as n, jsxs as v } from "./sd-component-library196.js";
+import { r as a } from "./sd-component-library193.js";
+import "./sd-component-library197.js";
+import { BaseGridContainer as w } from "./sd-component-library38.js";
+import { ScrollableTabWrapper as S } from "./sd-component-library279.js";
+import { Tab as C } from "./sd-component-library280.js";
+import { VerticalDivider as E } from "./sd-component-library52.js";
+import { MaxMaxContainer as y } from "./sd-component-library43.js";
+import { Box as B } from "./sd-component-library198.js";
+const L = (o) => {
+  const t = o.find((s) => window.location.hash === `#${s.hash}`);
   return (t == null ? void 0 : t.hash) || o.length && o[0].hash || "";
 };
-function W(o) {
+function _(o) {
   const {
     tabs: t,
     onTabSelect: s,
-    selectedTab: n,
-    activeColor: u = "#9E1CB5",
-    enableScroll: f = !0,
-    gap: h = ["15px"],
-    allowChangingTabs: a = !0,
+    selectedTab: r,
+    activeColor: m = "#9E1CB5",
+    enableScroll: u = !0,
+    gap: d = ["15px"],
+    allowChangingTabs: i = !0,
     autoScrollTabs: p = !1,
-    history: x
-  } = o, i = v(null), [d, c] = w(
-    t.length && t[0].hash || ""
-  ), T = o.sticky ? {
+    history: T
+  } = o, c = a.useRef(null), [f, l] = a.useState(t.length && t[0].hash || ""), g = o.sticky ? {
     position: "sticky",
     top: o.top || ["0px"]
   } : {};
-  m(() => {
-    n && c(n);
-  }, [n]);
-  const g = (e) => {
-    s && s(e), a && c(e);
+  a.useEffect(() => {
+    r && l(r);
+  }, [r]);
+  const x = (e) => {
+    s && s(e), i && l(e);
   };
-  m(() => {
-    const e = () => a && c(k(t));
-    return !n && e(), window.addEventListener("hashchange", e), () => window.removeEventListener("hashchange", e);
-  }, [t, n, a]);
+  a.useEffect(() => {
+    const e = () => i && l(L(t));
+    return !r && e(), window.addEventListener("hashchange", e), () => window.removeEventListener("hashchange", e);
+  }, [t, r, i]);
   const b = (e) => {
-    if (e.current && i.current) {
-      const l = e.current.offsetLeft;
-      i.current.scroll({
-        left: l,
+    if (e.current && c.current) {
+      const h = e.current.offsetLeft;
+      c.current.scroll({
+        left: h,
         behavior: "smooth"
       });
     }
   };
-  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(L, {})
-              ] }, l)
-            },
-            e.hash
-          ))
-        }
-      )
-    }
-  );
+  return /* @__PURE__ */ n(B, { ref: c, sx: {
+    ...g,
+    backgroundColor: "cl_white",
+    overflowX: ["scroll", "unset"]
+  }, children: /* @__PURE__ */ n(w, { gridTemplateColumns: [`repeat(${2 * t.length - 1}, max-content)`], width: ["100%"], gap: d, "data-test": "tabs-menu", children: t.map((e, h) => /* @__PURE__ */ n(S, { hash: e.hash, autoScrollTabs: p, selectedTab: f, scrollTabOnSelect: b, children: /* @__PURE__ */ v(y, { gap: e.divider ? d : ["0px"], children: [
+    /* @__PURE__ */ n(C, { Icon: e.Icon, iconHeight: e.iconHeight, title: e.title, hash: e.hash, activeColor: m, isActive: f === e.hash, onTabSelect: x, enableScroll: u, history: T, "data-test": `tabs-menu-${e.hash}` }),
+    e.divider && /* @__PURE__ */ n(E, {})
+  ] }, h) }, e.hash)) }) });
 }
 export {
-  W as TabsMenu
+  _ as TabsMenu
 };
 //# sourceMappingURL=sd-component-library133.js.map

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","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":";;;;;;;;AAsBA,MAAMA,IAAgB,CAACC,MAA2B;AAChD,QAAMC,IAAaD,EAAK;AAAA,IACtB,CAACE,MAAQ,OAAO,SAAS,SAAS,IAAIA,EAAI,IAAI;AAAA,EAAA;AAEhD,UAAOD,KAAA,gBAAAA,EAAY,SAASD,EAAK,UAAUA,EAAK,CAAC,EAAE,QAAS;AAC9D;AAKO,SAASG,EAASC,GAAsB;AACvC,QAAA;AAAA,IACJ,MAAAJ;AAAA,IACA,aAAAK;AAAA,IACA,aAAaC;AAAA,IACb,aAAAC,IAAc;AAAA,IACd,cAAAC,IAAe;AAAA,IACf,KAAAC,IAAM,CAAC,MAAM;AAAA,IACb,mBAAAC,IAAoB;AAAA,IACpB,gBAAAC,IAAiB;AAAA,IACjB,SAAAC;AAAA,EACE,IAAAR,GAEES,IAAeC,EAAuB,IAAI,GAC1C,CAACC,GAAaC,CAAc,IAAIC;AAAA,IACnCjB,EAAK,UAAUA,EAAK,CAAC,EAAE,QAAS;AAAA,EAAA,GAG7BkB,IAASd,EAAM,SACjB;AAAA,IACE,UAAU;AAAA,IACV,KAAKA,EAAM,OAAO,CAAC,KAAK;AAAA,MAE1B;AAKJ,EAAAe,EAAU,MAAM;AACd,IAAAb,KAAuBU,EAAeV,CAAmB;AAAA,EAAA,GACxD,CAACA,CAAmB,CAAC;AAQlB,QAAAc,IAAqB,CAACC,MAAiB;AAC3C,IAAAhB,KAAeA,EAAYgB,CAAI,GAC/BX,KAAqBM,EAAeK,CAAI;AAAA,EAAA;AAU1C,EAAAF,EAAU,MAAM;AACd,UAAMG,IAAmB,MACvBZ,KAAqBM,EAAejB,EAAcC,CAAI,CAAC;AAKzD,YAACM,KAAuBgB,KAEjB,OAAA,iBAAiB,cAAcA,CAAgB,GAC/C,MAAM,OAAO,oBAAoB,cAAcA,CAAgB;AAAA,EACrE,GAAA,CAACtB,GAAMM,GAAqBI,CAAiB,CAAC;AAM3C,QAAAa,IAAoB,CAACC,MAAsC;AAC3D,QAAAA,EAAO,WAAWX,EAAa,SAAS;AACpC,YAAAY,IAAgBD,EAAO,QAAQ;AACrC,MAAAX,EAAa,QAAQ,OAAO;AAAA,QAC1B,MAAMY;AAAA,QACN,UAAU;AAAA,MAAA,CACX;AAAA,IACH;AAAA,EAAA;AAIA,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKd;AAAA,MACL,IAAI;AAAA,QACF,GAAIK;AAAA,QACJ,iBAAiB;AAAA,QACjB,WAAW,CAAC,UAAU,OAAO;AAAA,MAC/B;AAAA,MAEA,UAAAQ,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,qBAAqB,CAAC,UAAU,IAAI5B,EAAK,SAAS,CAAC,gBAAgB;AAAA,UACnE,OAAO,CAAC,MAAM;AAAA,UACd,KAAAS;AAAA,UACA,aAAU;AAAA,UAET,UAAKT,EAAA,IAAI,CAACE,GAAK2B,MACdH,gBAAAA,EAAA;AAAA,YAACI;AAAA,YAAA;AAAA,cAEC,MAAM5B,EAAI;AAAA,cACV,gBAAAS;AAAA,cACA,aAAAI;AAAA,cACA,mBAAAQ;AAAA,cAEA,UAAAQ,gBAAAA,EAAA,KAACC,KAAgB,KAAK9B,EAAI,UAAUO,IAAM,CAAC,KAAK,GAC9C,UAAA;AAAA,gBAAAiB,gBAAAA,EAAA;AAAA,kBAACO;AAAA,kBAAA;AAAA,oBACC,MAAM/B,EAAI;AAAA,oBACV,YAAYA,EAAI;AAAA,oBAChB,OAAOA,EAAI;AAAA,oBACX,MAAMA,EAAI;AAAA,oBACV,aAAAK;AAAA,oBACA,UAAUQ,MAAgBb,EAAI;AAAA,oBAC9B,aAAakB;AAAA,oBACb,cAAAZ;AAAA,oBACA,SAAAI;AAAA,oBACA,aAAW,aAAaV,EAAI,IAAI;AAAA,kBAAA;AAAA,gBAClC;AAAA,gBACCA,EAAI,WAAWwB,gBAAAA,MAACQ,GAAgB,CAAA,CAAA;AAAA,cAAA,EAAA,GAbqBL,CAcxD;AAAA,YAAA;AAAA,YApBK3B,EAAI;AAAA,UAAA,CAsBZ;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"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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"}

package/lib/sd-component-library134.js

@@ -1,6 +1,6 @@
-import { j as W } from "./sd-component-library195.js";
-import { Text as j } from "rebass";
-const w = (t) => {
+import { jsx as W } from "./sd-component-library196.js";
+import { Text as D } from "./sd-component-library197.js";
+const z = (t) => {
   const {
     children: e,
     width: o = "100%",
@@ -9,59 +9,51 @@ const w = (t) => {
     display: i = "block",
     cursor: a = "default",
     textAlign: l,
-    textDecoration: s,
-    textTransform: c,
+    textDecoration: c,
+    textTransform: h,
     letterSpacing: m,
-    backgroundColor: h,
-    lineHeight: x,
-    hoverTextDecoration: f,
+    backgroundColor: s,
+    lineHeight: f,
+    hoverTextDecoration: x,
     hoverFontWeight: d,
     onClick: g,
     m: v,
-    mt: u,
-    mr: F,
-    mb: T,
-    ml: b,
-    dontTranslate: k = !1
+    mt: F,
+    mr: T,
+    mb: b,
+    ml: k,
+    dontTranslate: u = !1
   } = t, y = t.withFontProperties ? {
     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
-        }
-      },
-      onClick: g,
-      className: k ? "no-translate" : void 0,
-      "data-test": "base-text",
-      children: e
+  } : {
+    variant: t.variant
+  };
+  return /* @__PURE__ */ W(D, { ...y, sx: {
+    width: o,
+    height: n,
+    color: r,
+    display: i,
+    cursor: a,
+    textAlign: l,
+    textDecoration: c,
+    textTransform: h,
+    letterSpacing: m,
+    lineHeight: f,
+    backgroundColor: s,
+    m: v,
+    mt: F,
+    mr: T,
+    mb: b,
+    ml: k,
+    ":hover": {
+      textDecoration: x,
+      fontWeight: d
     }
-  );
+  }, onClick: g, className: u ? "no-translate" : void 0, "data-test": "base-text", children: e });
 };
 export {
-  w as BaseText
+  z as BaseText
 };
 //# sourceMappingURL=sd-component-library134.js.map

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","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;"}
+{"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,SACG,gBAAAC,EAAAC,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;"}

package/lib/sd-component-library135.js

@@ -1,8 +1,8 @@
-import { j as x } from "./sd-component-library195.js";
-import l from "react";
-import { Text as c } from "rebass";
+import { jsx as x } from "./sd-component-library196.js";
+import c from "./sd-component-library193.js";
+import { Text as l } from "./sd-component-library197.js";
 import { SD_WEIGHT_TO_WEIGHT_MAP as p } from "./sd-component-library146.js";
-const W = l.forwardRef((o, r) => {
+const W = c.forwardRef((o, r) => {
   const {
     children: e,
     color: a = "cl_darkGrey",
@@ -12,23 +12,10 @@ 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(l, { 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","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;"}
+{"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,SAAA,gBAAAI,EAACC,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;"}

package/lib/sd-component-library136.js

@@ -1,7 +1,10 @@
-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 }));
+import { jsx as t } from "./sd-component-library196.js";
+import a from "./sd-component-library193.js";
+import { BaseTextV2 as m } from "./sd-component-library135.js";
+const p = a.forwardRef(({
+  children: r,
+  ...e
+}, o) => /* @__PURE__ */ t(m, { as: "span", ref: o, ...e, 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","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;"}
+{"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,wBAEtBC,GAAW,EAAA,IAAG,QAAO,KAAAD,GAAU,GAAID,GACjCD,UAAAA,EACH,CAAA,CAEH;"}

package/lib/sd-component-library137.js

@@ -1,8 +1,11 @@
-import { j as e } from "./sd-component-library195.js";
-import i from "react";
+import { jsx as e } from "./sd-component-library196.js";
+import i from "./sd-component-library193.js";
 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 x = i.forwardRef(({
+  children: r,
+  ...o
+}, t) => /* @__PURE__ */ e(m, { color: "inherit", ref: t, ...o, children: r }));
 export {
-  a as InheritColorText
+  x as InheritColorText
 };
 //# sourceMappingURL=sd-component-library137.js.map

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","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;"}
+{"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,wBAEtBC,GAAW,EAAA,OAAM,WAAU,KAAAD,GAAU,GAAID,GACvCD,UAAAA,EACH,CAAA,CAEH;"}

package/lib/sd-component-library138.js

@@ -1,7 +1,7 @@
-import { j as e } from "./sd-component-library195.js";
+import { jsx as e } from "./sd-component-library196.js";
 import { BaseText as r } from "./sd-component-library134.js";
-const n = (t) => /* @__PURE__ */ e.jsx(r, { ...t, variant: "_18Bold", "data-test": "18-bold", children: t.children });
+const i = (t) => /* @__PURE__ */ e(r, { ...t, variant: "_18Bold", "data-test": "18-bold", children: t.children });
 export {
-  n as EighteenBold
+  i as EighteenBold
 };
 //# sourceMappingURL=sd-component-library138.js.map

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"],"mappings":";;AAKa,MAAAA,IAAe,CAACC,MAEzBC,gBAAAA,EAAA,IAACC,KAAU,GAAGF,GAAO,SAAQ,WAAU,aAAU,WAC9C,UAAAA,EAAM,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","children"],"mappings":";;AAKaA,MAAAA,IAAeA,CAACC,MAEzB,gBAAAC,EAACC,KAAS,GAAIF,GAAO,SAAQ,WAAU,aAAU,WAC9CA,UAAAA,EAAMG,SACT,CAAA;"}

package/lib/sd-component-library139.js

@@ -1,6 +1,6 @@
-import { j as e } from "./sd-component-library195.js";
+import { jsx as e } from "./sd-component-library196.js";
 import { BaseText as t } from "./sd-component-library134.js";
-const n = (r) => /* @__PURE__ */ e.jsx(t, { ...r, variant: "_18Regular", "data-test": "18-regular", children: r.children });
+const n = (r) => /* @__PURE__ */ e(t, { ...r, variant: "_18Regular", "data-test": "18-regular", children: r.children });
 export {
   n as EighteenRegular
 };

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"],"mappings":";;AAKa,MAAAA,IAAkB,CAACC,MAE5BC,gBAAAA,EAAA,IAACC,KAAU,GAAGF,GAAO,SAAQ,cAAa,aAAU,cACjD,UAAAA,EAAM,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","children"],"mappings":";;AAKaA,MAAAA,IAAkBA,CAACC,MAE5B,gBAAAC,EAACC,KAAS,GAAIF,GAAO,SAAQ,cAAa,aAAU,cACjDA,UAAAA,EAAMG,SACT,CAAA;"}

package/lib/sd-component-library14.js

@@ -1,25 +1,26 @@
-import { j as u } from "./sd-component-library195.js";
-import { useRef as a, useEffect as d } from "react";
-import { Box as f } from "rebass";
-const p = (n) => {
+import { jsx as u } from "./sd-component-library196.js";
+import { r as n } from "./sd-component-library193.js";
+import "./sd-component-library197.js";
+import { Box as d } from "./sd-component-library198.js";
+const x = (c) => {
   const {
     onClickOutside: r,
-    children: c,
+    children: i,
     events: o = ["mousedown", "touchstart"],
-    ...i
-  } = n, e = a(null);
-  return d(() => {
+    ...a
+  } = c, e = n.useRef(null);
+  return n.useEffect(() => {
     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(f, { ...i, ref: e, "data-test": "outside-click-box", children: c });
+  }, [r, e, o]), /* @__PURE__ */ u(d, { ...a, ref: e, "data-test": "outside-click-box", children: i });
 };
 export {
-  p as OutsideClickBox
+  x as OutsideClickBox
 };
 //# sourceMappingURL=sd-component-library14.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library14.js","sources":["../src/components/boxes/outside-click-box/outside-click-box.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { OutsideClickBoxProps as Props } from \"./interfaces\";\n\nexport const OutsideClickBox: React.FC<Props> = (props) => {\n  const {\n    onClickOutside,\n    children,\n    events = [\"mousedown\", \"touchstart\"],\n    ...boxProps\n  } = props;\n  const ref = useRef<HTMLElement>(null);\n\n  useEffect(() => {\n    const handler = (event: any) => {\n      if (ref.current && !ref.current.contains(event.target)) {\n        onClickOutside(event);\n      }\n    };\n\n    events.forEach((event) =>\n      document.addEventListener(event, handler, { passive: false })\n    );\n    return () => {\n      events.forEach((event) => document.removeEventListener(event, handler));\n    };\n  }, [onClickOutside, ref, events]);\n\n  return (\n    <Box {...boxProps} ref={ref} data-test=\"outside-click-box\">\n      {children}\n    </Box>\n  );\n};\n"],"names":["OutsideClickBox","props","onClickOutside","children","events","boxProps","ref","useRef","useEffect","handler","event","Box"],"mappings":";;;AAMa,MAAAA,IAAmC,CAACC,MAAU;AACnD,QAAA;AAAA,IACJ,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC,IAAS,CAAC,aAAa,YAAY;AAAA,IACnC,GAAGC;AAAA,EACD,IAAAJ,GACEK,IAAMC,EAAoB,IAAI;AAEpC,SAAAC,EAAU,MAAM;AACR,UAAAC,IAAU,CAACC,MAAe;AAC1B,MAAAJ,EAAI,WAAW,CAACA,EAAI,QAAQ,SAASI,EAAM,MAAM,KACnDR,EAAeQ,CAAK;AAAA,IACtB;AAGK,WAAAN,EAAA;AAAA,MAAQ,CAACM,MACd,SAAS,iBAAiBA,GAAOD,GAAS,EAAE,SAAS,IAAO;AAAA,IAAA,GAEvD,MAAM;AACX,MAAAL,EAAO,QAAQ,CAACM,MAAU,SAAS,oBAAoBA,GAAOD,CAAO,CAAC;AAAA,IAAA;AAAA,EAEvE,GAAA,CAACP,GAAgBI,GAAKF,CAAM,CAAC,yBAG7BO,GAAK,EAAA,GAAGN,GAAU,KAAAC,GAAU,aAAU,qBACpC,UAAAH,EACH,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library14.js","sources":["../src/components/boxes/outside-click-box/outside-click-box.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { OutsideClickBoxProps as Props } from \"./interfaces\";\n\nexport const OutsideClickBox: React.FC<Props> = (props) => {\n  const {\n    onClickOutside,\n    children,\n    events = [\"mousedown\", \"touchstart\"],\n    ...boxProps\n  } = props;\n  const ref = useRef<HTMLElement>(null);\n\n  useEffect(() => {\n    const handler = (event: any) => {\n      if (ref.current && !ref.current.contains(event.target)) {\n        onClickOutside(event);\n      }\n    };\n\n    events.forEach((event) =>\n      document.addEventListener(event, handler, { passive: false })\n    );\n    return () => {\n      events.forEach((event) => document.removeEventListener(event, handler));\n    };\n  }, [onClickOutside, ref, events]);\n\n  return (\n    <Box {...boxProps} ref={ref} data-test=\"outside-click-box\">\n      {children}\n    </Box>\n  );\n};\n"],"names":["OutsideClickBox","props","onClickOutside","children","events","boxProps","ref","useRef","useEffect","handler","event","current","contains","target","forEach","document","addEventListener","passive","removeEventListener","Box"],"mappings":";;;;AAMO,MAAMA,IAAoCC,CAAUA,MAAA;AACnD,QAAA;AAAA,IACJC,gBAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,QAAAA,IAAS,CAAC,aAAa,YAAY;AAAA,IACnC,GAAGC;AAAAA,EACDJ,IAAAA,GACEK,IAAMC,SAAoB,IAAI;AAEpCC,SAAAA,EAAAA,UAAU,MAAM;AACRC,UAAAA,IAAUA,CAACC,MAAe;AAC1BJ,MAAAA,EAAIK,WAAW,CAACL,EAAIK,QAAQC,SAASF,EAAMG,MAAM,KACnDX,EAAeQ,CAAK;AAAA,IACtB;AAGFN,WAAAA,EAAOU,QAASJ,CAAAA,MACdK,SAASC,iBAAiBN,GAAOD,GAAS;AAAA,MAAEQ,SAAS;AAAA,IAAO,CAAA,CAC9D,GACO,MAAM;AACXb,MAAAA,EAAOU,QAASJ,CAAUK,MAAAA,SAASG,oBAAoBR,GAAOD,CAAO,CAAC;AAAA,IAAA;AAAA,EAEvE,GAAA,CAACP,GAAgBI,GAAKF,CAAM,CAAC,qBAG7Be,GAAI,EAAA,GAAId,GAAU,KAAAC,GAAU,aAAU,qBACpCH,UAAAA,EACH,CAAA;AAEJ;"}

package/lib/sd-component-library140.js

@@ -1,7 +1,7 @@
-import { j as e } from "./sd-component-library195.js";
+import { jsx as e } from "./sd-component-library196.js";
 import { BaseText as r } from "./sd-component-library134.js";
-const s = (t) => /* @__PURE__ */ e.jsx(r, { ...t, variant: "_55Semibold", "data-test": "55-sb", children: t.children });
+const a = (t) => /* @__PURE__ */ e(r, { ...t, variant: "_55Semibold", "data-test": "55-sb", children: t.children });
 export {
-  s as FiftyFiveSb
+  a as FiftyFiveSb
 };
 //# sourceMappingURL=sd-component-library140.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library140.js","sources":["../src/components/texts/fifty-five-sb/fifty-five-sb.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseText } from \"../base-text\";\nimport { FiftyFiveSbProps } from \"./interfaces\";\n\nexport const FiftyFiveSb = (props: FiftyFiveSbProps) => {\n  return (\n    <BaseText {...props} variant=\"_55Semibold\" data-test=\"55-sb\">\n      {props.children}\n    </BaseText>\n  );\n};\n"],"names":["FiftyFiveSb","props","jsx","BaseText"],"mappings":";;AAKa,MAAAA,IAAc,CAACC,MAExBC,gBAAAA,EAAA,IAACC,KAAU,GAAGF,GAAO,SAAQ,eAAc,aAAU,SAClD,UAAAA,EAAM,SACT,CAAA;"}
+{"version":3,"file":"sd-component-library140.js","sources":["../src/components/texts/fifty-five-sb/fifty-five-sb.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseText } from \"../base-text\";\nimport { FiftyFiveSbProps } from \"./interfaces\";\n\nexport const FiftyFiveSb = (props: FiftyFiveSbProps) => {\n  return (\n    <BaseText {...props} variant=\"_55Semibold\" data-test=\"55-sb\">\n      {props.children}\n    </BaseText>\n  );\n};\n"],"names":["FiftyFiveSb","props","jsx","BaseText","children"],"mappings":";;AAKaA,MAAAA,IAAcA,CAACC,MAExB,gBAAAC,EAACC,KAAS,GAAIF,GAAO,SAAQ,eAAc,aAAU,SAClDA,UAAAA,EAAMG,SACT,CAAA;"}

package/lib/sd-component-library141.js

@@ -1,6 +1,6 @@
-import { j as e } from "./sd-component-library195.js";
+import { jsx as e } from "./sd-component-library196.js";
 import { BaseText as t } from "./sd-component-library134.js";
-const o = (r) => /* @__PURE__ */ e.jsx(t, { ...r, variant: "_14Regular", "data-test": "14-reg", children: r.children });
+const o = (r) => /* @__PURE__ */ e(t, { ...r, variant: "_14Regular", "data-test": "14-reg", children: r.children });
 export {
   o as FourteenRegular
 };

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library141.js","sources":["../src/components/texts/fourteen-regular/fourteen-regular.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseText } from \"../base-text\";\nimport { FourteenRegularProps } from \"./interfaces\";\n\nexport const FourteenRegular = (props: FourteenRegularProps) => {\n  return (\n    <BaseText {...props} variant=\"_14Regular\" data-test=\"14-reg\">\n      {props.children}\n    </BaseText>\n  );\n};\n"],"names":["FourteenRegular","props","jsx","BaseText"],"mappings":";;AAKa,MAAAA,IAAkB,CAACC,MAE5BC,gBAAAA,EAAA,IAACC,KAAU,GAAGF,GAAO,SAAQ,cAAa,aAAU,UACjD,UAAAA,EAAM,SACT,CAAA;"}
+{"version":3,"file":"sd-component-library141.js","sources":["../src/components/texts/fourteen-regular/fourteen-regular.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseText } from \"../base-text\";\nimport { FourteenRegularProps } from \"./interfaces\";\n\nexport const FourteenRegular = (props: FourteenRegularProps) => {\n  return (\n    <BaseText {...props} variant=\"_14Regular\" data-test=\"14-reg\">\n      {props.children}\n    </BaseText>\n  );\n};\n"],"names":["FourteenRegular","props","jsx","BaseText","children"],"mappings":";;AAKaA,MAAAA,IAAkBA,CAACC,MAE5B,gBAAAC,EAACC,KAAS,GAAIF,GAAO,SAAQ,cAAa,aAAU,UACjDA,UAAAA,EAAMG,SACT,CAAA;"}

package/lib/sd-component-library142.js

@@ -1,6 +1,6 @@
-import { j as e } from "./sd-component-library195.js";
+import { jsx as e } from "./sd-component-library196.js";
 import { BaseText as r } from "./sd-component-library134.js";
-const n = (t) => /* @__PURE__ */ e.jsx(r, { ...t, variant: "_14Semibold", "data-test": "14-sb", children: t.children });
+const n = (t) => /* @__PURE__ */ e(r, { ...t, variant: "_14Semibold", "data-test": "14-sb", children: t.children });
 export {
   n as FourteenSb
 };

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library142.js","sources":["../src/components/texts/fourteen-sb/fourteen-sb.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseText } from \"../base-text\";\nimport { FourteenSbProps } from \"./interfaces\";\n\nexport const FourteenSb = (props: FourteenSbProps) => {\n  return (\n    <BaseText {...props} variant=\"_14Semibold\" data-test=\"14-sb\">\n      {props.children}\n    </BaseText>\n  );\n};\n"],"names":["FourteenSb","props","jsx","BaseText"],"mappings":";;AAKa,MAAAA,IAAa,CAACC,MAEvBC,gBAAAA,EAAA,IAACC,KAAU,GAAGF,GAAO,SAAQ,eAAc,aAAU,SAClD,UAAAA,EAAM,SACT,CAAA;"}
+{"version":3,"file":"sd-component-library142.js","sources":["../src/components/texts/fourteen-sb/fourteen-sb.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseText } from \"../base-text\";\nimport { FourteenSbProps } from \"./interfaces\";\n\nexport const FourteenSb = (props: FourteenSbProps) => {\n  return (\n    <BaseText {...props} variant=\"_14Semibold\" data-test=\"14-sb\">\n      {props.children}\n    </BaseText>\n  );\n};\n"],"names":["FourteenSb","props","jsx","BaseText","children"],"mappings":";;AAKaA,MAAAA,IAAaA,CAACC,MAEvB,gBAAAC,EAACC,KAAS,GAAIF,GAAO,SAAQ,eAAc,aAAU,SAClDA,UAAAA,EAAMG,SACT,CAAA;"}

package/lib/sd-component-library143.js

@@ -1,7 +1,7 @@
-import { j as r } from "./sd-component-library195.js";
+import { jsx as r } from "./sd-component-library196.js";
 import { BaseText as o } from "./sd-component-library134.js";
-const d = (t) => /* @__PURE__ */ r.jsx(o, { ...t, variant: "_40Bold", "data-test": "40-bold", children: t.children });
+const a = (t) => /* @__PURE__ */ r(o, { ...t, variant: "_40Bold", "data-test": "40-bold", children: t.children });
 export {
-  d as FourtyBold
+  a as FourtyBold
 };
 //# sourceMappingURL=sd-component-library143.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library143.js","sources":["../src/components/texts/fourty-bold/fourty-bold.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseText } from \"../base-text\";\nimport { FourtyBoldProps } from \"./interfaces\";\n\nexport const FourtyBold = (props: FourtyBoldProps) => {\n  return (\n    <BaseText {...props} variant=\"_40Bold\" data-test=\"40-bold\">\n      {props.children}\n    </BaseText>\n  );\n};\n"],"names":["FourtyBold","props","jsx","BaseText"],"mappings":";;AAKa,MAAAA,IAAa,CAACC,MAEvBC,gBAAAA,EAAA,IAACC,KAAU,GAAGF,GAAO,SAAQ,WAAU,aAAU,WAC9C,UAAAA,EAAM,SACT,CAAA;"}
+{"version":3,"file":"sd-component-library143.js","sources":["../src/components/texts/fourty-bold/fourty-bold.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseText } from \"../base-text\";\nimport { FourtyBoldProps } from \"./interfaces\";\n\nexport const FourtyBold = (props: FourtyBoldProps) => {\n  return (\n    <BaseText {...props} variant=\"_40Bold\" data-test=\"40-bold\">\n      {props.children}\n    </BaseText>\n  );\n};\n"],"names":["FourtyBold","props","jsx","BaseText","children"],"mappings":";;AAKaA,MAAAA,IAAaA,CAACC,MAEvB,gBAAAC,EAACC,KAAS,GAAIF,GAAO,SAAQ,WAAU,aAAU,WAC9CA,UAAAA,EAAMG,SACT,CAAA;"}