@selfdecode/sd-component-library 4.0.146 → 4.0.148

package/lib/sd-component-library136.js

@@ -1,103 +1,18 @@
-import { j as r } from "./sd-component-library197.js";
-import { useRef as v, useState as w, useEffect as m } from "react";
-import { Box as S } from "rebass";
-import { ScrollableTabWrapper as C } from "./sd-component-library269.js";
-import { Tab as j } from "./sd-component-library270.js";
-import { VerticalDivider as E } from "./sd-component-library49.js";
-import { BaseGridContainer as y } from "./sd-component-library35.js";
-import { MaxMaxContainer as L } from "./sd-component-library40.js";
-const k = (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) {
-  const {
-    tabs: t,
-    onTabSelect: s,
-    selectedTab: n,
-    activeColor: u = "#9E1CB5",
-    enableScroll: f = !0,
-    gap: h = ["15px"],
-    allowChangingTabs: a = !0,
-    autoScrollTabs: p = !1,
-    history: x
-  } = o, i = v(null), [d, c] = w(
-    t.length && t[0].hash || ""
-  ), T = o.sticky ? {
-    position: "sticky",
-    top: o.top || ["0px"]
-  } : {};
-  m(() => {
-    n && c(n);
-  }, [n]);
-  const g = (e) => {
-    s && s(e), a && c(e);
-  };
-  m(() => {
-    const e = () => a && c(k(t));
-    return !n && e(), window.addEventListener("hashchange", e), () => window.removeEventListener("hashchange", e);
-  }, [t, n, a]);
-  const b = (e) => {
-    if (e.current && i.current) {
-      const l = e.current.offsetLeft;
-      i.current.scroll({
-        left: l,
-        behavior: "smooth"
-      });
-    }
-  };
-  return /* @__PURE__ */ r.jsx(
-    S,
-    {
-      ref: i,
-      sx: {
-        ...T,
-        backgroundColor: "cl_white",
-        overflowX: ["scroll", "unset"]
-      },
-      children: /* @__PURE__ */ r.jsx(
-        y,
-        {
-          gridTemplateColumns: [`repeat(${2 * t.length - 1}, max-content)`],
-          width: ["100%"],
-          gap: h,
-          "data-testid": "tabs-menu",
-          children: t.map((e, l) => /* @__PURE__ */ r.jsx(
-            C,
-            {
-              hash: e.hash,
-              autoScrollTabs: p,
-              selectedTab: d,
-              scrollTabOnSelect: b,
-              children: /* @__PURE__ */ r.jsxs(L, { gap: e.divider ? h : ["0px"], children: [
-                /* @__PURE__ */ r.jsx(
-                  j,
-                  {
-                    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-testid": `tabs-menu-${e.hash}`
-                  }
-                ),
-                e.divider && /* @__PURE__ */ r.jsx(E, {})
-              ] }, l)
-            },
-            e.hash
-          ))
-        }
-      )
-    }
-  );
-}
+import { j as o } from "./sd-component-library169.js";
+import r from "react";
+import { BaseTextV2 as s } from "./sd-component-library129.js";
+const f = r.forwardRef(
+  (t, e) => /* @__PURE__ */ o.jsx(s, { ref: e, ...t })
+), i = r.forwardRef(
+  (t, e) => /* @__PURE__ */ o.jsx(f, { fontWeight: "bold", ...t, ref: e })
+), m = r.forwardRef(
+  (t, e) => /* @__PURE__ */ o.jsx(f, { fontWeight: "semi-bold", ...t, ref: e })
+), n = r.forwardRef(
+  (t, e) => /* @__PURE__ */ o.jsx(f, { fontWeight: "regular", ...t, ref: e })
+);
 export {
-  W as TabsMenu
+  i as BoldText,
+  n as RegularText,
+  m as SemiBoldText
 };
 //# sourceMappingURL=sd-component-library136.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library136.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, MaxMaxContainer } from \"../../containers\";\nimport { VerticalDivider } from \"../../dividers\";\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-testid=\"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-testid={`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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"}
+{"version":3,"file":"sd-component-library136.js","sources":["../src/components/texts/weighted-texts.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseTextV2, BaseTextV2Props } from \"./base-text-v2\";\n\ntype MainProps = Omit<BaseTextV2Props, \"fontWeight\" | \"fontSize\"> &\n  Required<Pick<BaseTextV2Props, \"fontWeight\" | \"fontSize\">>;\nconst WeightedText = React.forwardRef<HTMLDivElement, MainProps>(\n  (props, ref) => <BaseTextV2 ref={ref} {...props} />\n);\n\ntype Props = Omit<MainProps, \"fontWeight\">;\nexport const BoldText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => <WeightedText fontWeight=\"bold\" {...props} ref={ref} />\n);\n\nexport const SemiBoldText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => <WeightedText fontWeight=\"semi-bold\" {...props} ref={ref} />\n);\n\nexport const RegularText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => <WeightedText fontWeight=\"regular\" {...props} ref={ref} />\n);\n"],"names":["WeightedText","React","props","ref","BaseTextV2","BoldText","jsx","SemiBoldText","RegularText"],"mappings":";;;AAMA,MAAMA,IAAeC,EAAM;AAAA,EACzB,CAACC,GAAOC,4BAASC,GAAW,EAAA,KAAAD,GAAW,GAAGD,GAAO;AACnD,GAGaG,IAAWJ,EAAM;AAAA,EAC5B,CAACC,GAAOC,MAAQG,gBAAAA,EAAAA,IAACN,KAAa,YAAW,QAAQ,GAAGE,GAAO,KAAAC,GAAU;AACvE,GAEaI,IAAeN,EAAM;AAAA,EAChC,CAACC,GAAOC,MAAQG,gBAAAA,EAAAA,IAACN,KAAa,YAAW,aAAa,GAAGE,GAAO,KAAAC,GAAU;AAC5E,GAEaK,IAAcP,EAAM;AAAA,EAC/B,CAACC,GAAOC,MAAQG,gBAAAA,EAAAA,IAACN,KAAa,YAAW,WAAW,GAAGE,GAAO,KAAAC,GAAU;AAC1E;"}

package/lib/sd-component-library137.js

@@ -1,69 +1,18 @@
-import { j } from "./sd-component-library197.js";
-import { Text as D } from "rebass";
-const w = (t) => {
-  const {
-    children: e,
-    width: o = "100%",
-    height: r,
-    color: n = "cl_darkGrey",
-    display: i = "block",
-    cursor: a = "default",
-    textAlign: l,
-    textDecoration: s,
-    textTransform: c,
-    letterSpacing: m,
-    backgroundColor: f,
-    lineHeight: h,
-    hoverTextDecoration: x,
-    hoverFontWeight: d,
-    onClick: g,
-    m: v,
-    mt: u,
-    mr: F,
-    mb: T,
-    ml: b,
-    dontTranslate: k = !1,
-    ...y
-  } = t, W = t.withFontProperties ? {
-    fontFamily: t.fontFamily,
-    fontSize: t.fontSize,
-    fontWeight: t.fontWeight
-  } : { variant: t.variant };
-  return /* @__PURE__ */ j.jsx(
-    D,
-    {
-      "data-testid": "base-text",
-      ...y,
-      ...W,
-      sx: {
-        width: o,
-        height: r,
-        color: n,
-        display: i,
-        cursor: a,
-        textAlign: l,
-        textDecoration: s,
-        textTransform: c,
-        letterSpacing: m,
-        lineHeight: h,
-        backgroundColor: f,
-        m: v,
-        mt: u,
-        mr: F,
-        mb: T,
-        ml: b,
-        ":hover": {
-          textDecoration: x,
-          fontWeight: d
-        }
-      },
-      onClick: g,
-      className: k ? "no-translate" : void 0,
-      children: e
-    }
-  );
-};
+import { j as t } from "./sd-component-library169.js";
+import o from "react";
+import { ResponsiveTextV2 as a } from "./sd-component-library135.js";
+const s = o.forwardRef(
+  (e, r) => /* @__PURE__ */ t.jsx(a, { ...e, ref: r })
+), m = o.forwardRef(
+  (e, r) => /* @__PURE__ */ t.jsx(s, { textTransform: "uppercase", ...e, ref: r })
+), c = o.forwardRef(
+  (e, r) => /* @__PURE__ */ t.jsx(s, { textTransform: "lowercase", ...e, ref: r })
+), n = o.forwardRef(
+  (e, r) => /* @__PURE__ */ t.jsx(s, { textTransform: "capitalize", ...e, ref: r })
+);
 export {
-  w as BaseText
+  n as CapitalizedText,
+  c as LowercaseText,
+  m as UppercaseText
 };
 //# 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/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    ...restOfProps\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      data-testid=\"base-text\"\n      {...restOfProps}\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    >\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","restOfProps","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,IAChB,GAAGC;AAAA,EACD,IAAAtB,GAGEuB,IAA0BvB,EAAM,qBAClC;AAAA,IACE,YAAYA,EAAM;AAAA,IAClB,UAAUA,EAAM;AAAA,IAChB,YAAYA,EAAM;AAAA,EAEpB,IAAA,EAAE,SAASA,EAAM;AAGnB,SAAAwB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACX,GAAGH;AAAA,MACH,GAAGC;AAAA,MACJ,IAAI;AAAA,QACF,OAAArB;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,MAE3C,UAAApB;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library137.js","sources":["../src/components/texts/transformed-texts.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ResponsiveTextV2, ResponsiveTextV2Props } from \"./responsive-text-v2\";\n\ntype MainProps = Omit<ResponsiveTextV2Props, \"textTransform\"> &\n  Required<Pick<ResponsiveTextV2Props, \"textTransform\">>;\nconst TransformedText = React.forwardRef<HTMLDivElement, MainProps>(\n  (props, ref) => <ResponsiveTextV2 {...props} ref={ref} />\n);\n\ntype Props = Omit<MainProps, \"textTransform\">;\nexport const UppercaseText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <TransformedText textTransform=\"uppercase\" {...props} ref={ref} />\n  )\n);\n\nexport const LowercaseText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <TransformedText textTransform=\"lowercase\" {...props} ref={ref} />\n  )\n);\n\nexport const CapitalizedText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <TransformedText textTransform=\"capitalize\" {...props} ref={ref} />\n  )\n);\n"],"names":["TransformedText","React","props","ref","ResponsiveTextV2","UppercaseText","jsx","LowercaseText","CapitalizedText"],"mappings":";;;AAMA,MAAMA,IAAkBC,EAAM;AAAA,EAC5B,CAACC,GAAOC,4BAASC,GAAkB,EAAA,GAAGF,GAAO,KAAAC,GAAU;AACzD,GAGaE,IAAgBJ,EAAM;AAAA,EACjC,CAACC,GAAOC,MACNG,gBAAAA,EAAAA,IAACN,KAAgB,eAAc,aAAa,GAAGE,GAAO,KAAAC,GAAU;AAEpE,GAEaI,IAAgBN,EAAM;AAAA,EACjC,CAACC,GAAOC,MACNG,gBAAAA,EAAAA,IAACN,KAAgB,eAAc,aAAa,GAAGE,GAAO,KAAAC,GAAU;AAEpE,GAEaK,IAAkBP,EAAM;AAAA,EACnC,CAACC,GAAOC,MACNG,gBAAAA,EAAAA,IAACN,KAAgB,eAAc,cAAc,GAAGE,GAAO,KAAAC,GAAU;AAErE;"}

package/lib/sd-component-library138.js

@@ -1,42 +1,13 @@
-import { j as x } from "./sd-component-library197.js";
-import p from "react";
-import { Text as T } from "rebass";
-import { getTranslationsSensibleProps as _, generateTestLocator as h } from "./sd-component-library4.js";
-import { SD_WEIGHT_TO_WEIGHT_MAP as g } from "./sd-component-library149.js";
-const G = p.forwardRef((o, e) => {
-  const {
-    children: r,
-    color: a = "cl_darkGrey",
-    textTransform: s,
-    sx: n,
-    dontTranslate: i = !1,
-    fontWeight: t,
-    testLocatorId: l,
-    ...m
-  } = o, { addNoTranslateClass: d, children: f } = _(
-    r,
-    i
-  ), c = g[t] ?? t;
-  return /* @__PURE__ */ x.jsx(
-    T,
-    {
-      "data-testid": "base-text-v2",
-      color: a,
-      fontFamily: "proxima-nova",
-      fontWeight: c,
-      ...m,
-      sx: {
-        textTransform: s,
-        ...n
-      },
-      ...h(l),
-      className: d ? "no-translate" : void 0,
-      ref: e,
-      children: f
-    }
-  );
-});
+import { j as o } from "./sd-component-library169.js";
+import r from "react";
+import { SemiBoldText as a, BoldText as m } from "./sd-component-library136.js";
+const f = r.forwardRef(
+  (e, t) => /* @__PURE__ */ o.jsx(a, { textTransform: "uppercase", ...e, ref: t })
+), i = r.forwardRef(
+  (e, t) => /* @__PURE__ */ o.jsx(m, { textTransform: "capitalize", ...e, ref: t })
+);
 export {
-  G as BaseTextV2
+  i as CapitalizedBoldText,
+  f as UppercaseSemiBoldText
 };
 //# 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/base-text-v2/base-text-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Text } from \"rebass\";\n\nimport {\n  generateTestLocator,\n  getTranslationsSensibleProps,\n} from \"../../../core/functions\";\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: initialChildren,\n    color = \"cl_darkGrey\",\n    textTransform,\n    sx,\n    dontTranslate = false,\n    fontWeight,\n    testLocatorId,\n    ...textProps\n  } = props;\n\n  const { addNoTranslateClass, children } = getTranslationsSensibleProps(\n    initialChildren,\n    dontTranslate\n  );\n\n  const weight = SD_WEIGHT_TO_WEIGHT_MAP[fontWeight as SDWeight] ?? fontWeight;\n\n  return (\n    <Text\n      data-testid=\"base-text-v2\"\n      color={color}\n      fontFamily=\"proxima-nova\"\n      fontWeight={weight}\n      {...textProps}\n      sx={{\n        textTransform,\n        ...sx,\n      }}\n      {...generateTestLocator(testLocatorId)}\n      className={addNoTranslateClass ? \"no-translate\" : undefined}\n      ref={ref}\n    >\n      {children}\n    </Text>\n  );\n});\n"],"names":["BaseTextV2","React","props","ref","initialChildren","color","textTransform","sx","dontTranslate","fontWeight","testLocatorId","textProps","addNoTranslateClass","children","getTranslationsSensibleProps","weight","SD_WEIGHT_TO_WEIGHT_MAP","jsx","Text","generateTestLocator"],"mappings":";;;;;AAWO,MAAMA,IAA8BC,EAAM,WAG/C,CAACC,GAAOC,MAAQ;AACV,QAAA;AAAA,IACJ,UAAUC;AAAA,IACV,OAAAC,IAAQ;AAAA,IACR,eAAAC;AAAA,IACA,IAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAT,GAEE,EAAE,qBAAAU,GAAqB,UAAAC,EAAA,IAAaC;AAAA,IACxCV;AAAA,IACAI;AAAA,EAAA,GAGIO,IAASC,EAAwBP,CAAsB,KAAKA;AAGhE,SAAAQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,OAAAb;AAAA,MACA,YAAW;AAAA,MACX,YAAYU;AAAA,MACX,GAAGJ;AAAA,MACJ,IAAI;AAAA,QACF,eAAAL;AAAA,QACA,GAAGC;AAAA,MACL;AAAA,MACC,GAAGY,EAAoBT,CAAa;AAAA,MACrC,WAAWE,IAAsB,iBAAiB;AAAA,MAClD,KAAAT;AAAA,MAEC,UAAAU;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"sd-component-library138.js","sources":["../src/components/texts/mixed-texts.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseTextV2Props } from \"./base-text-v2\";\nimport { BoldText, SemiBoldText } from \"./weighted-texts\";\n\ntype Props = Omit<BaseTextV2Props, \"fontWeight\" | \"textTransform\"> &\n  Required<Pick<BaseTextV2Props, \"fontSize\">>;\nexport const UppercaseSemiBoldText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <SemiBoldText textTransform=\"uppercase\" {...props} ref={ref} />\n  )\n);\n\nexport const CapitalizedBoldText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => <BoldText textTransform=\"capitalize\" {...props} ref={ref} />\n);\n"],"names":["UppercaseSemiBoldText","React","props","ref","jsx","SemiBoldText","CapitalizedBoldText","BoldText"],"mappings":";;;AAOO,MAAMA,IAAwBC,EAAM;AAAA,EACzC,CAACC,GAAOC,MACNC,gBAAAA,EAAAA,IAACC,KAAa,eAAc,aAAa,GAAGH,GAAO,KAAAC,GAAU;AAEjE,GAEaG,IAAsBL,EAAM;AAAA,EACvC,CAACC,GAAOC,MAAQC,gBAAAA,EAAAA,IAACG,KAAS,eAAc,cAAc,GAAGL,GAAO,KAAAC,GAAU;AAC5E;"}

package/lib/sd-component-library139.js

@@ -1,8 +1,66 @@
-import { j as o } from "./sd-component-library197.js";
-import s from "react";
-import { BaseTextV2 as a } from "./sd-component-library138.js";
-const p = s.forwardRef(({ children: r, ...t }, e) => /* @__PURE__ */ o.jsx(a, { as: "span", ref: e, ...t, children: r }));
+import { j as t } from "./sd-component-library169.js";
+import r from "react";
+import { getResponsiveNumericArray as s, getResponsivePxArray as f } from "./sd-component-library4.js";
+import { RegularText as n, BoldText as i, SemiBoldText as x } from "./sd-component-library136.js";
+const m = r.forwardRef(
+  (e, o) => /* @__PURE__ */ t.jsx(
+    n,
+    {
+      fontSize: s(16, 18, !1),
+      ...e,
+      ref: o
+    }
+  )
+), p = r.forwardRef((e, o) => /* @__PURE__ */ t.jsx(
+  n,
+  {
+    fontSize: s(18, 24, !0, 20),
+    lineHeight: f(21, 27, !0, 23),
+    ...e,
+    ref: o
+  }
+)), u = r.forwardRef(
+  (e, o) => /* @__PURE__ */ t.jsx(
+    i,
+    {
+      fontSize: s(16, 18, !1),
+      ...e,
+      ref: o
+    }
+  )
+), S = r.forwardRef(
+  (e, o) => /* @__PURE__ */ t.jsx(
+    i,
+    {
+      fontSize: s(18, 24, !0, 20),
+      lineHeight: f(21, 27, !0, 23),
+      ...e,
+      ref: o
+    }
+  )
+), T = r.forwardRef(
+  (e, o) => /* @__PURE__ */ t.jsx(
+    i,
+    {
+      fontSize: s(24, 32),
+      ...e,
+      ref: o
+    }
+  )
+), c = r.forwardRef((e, o) => /* @__PURE__ */ t.jsx(
+  x,
+  {
+    fontSize: s(24, 32),
+    ...e,
+    ref: o
+  }
+));
 export {
-  p as BaseInlineText
+  S as BoldResponsiveText,
+  T as MediumBoldResponsiveText,
+  p as MediumRegularResponsiveText,
+  c as MediumSemiBoldResponsiveText,
+  m as RegularResponsiveText,
+  u as SmallBoldResponsiveText
 };
 //# sourceMappingURL=sd-component-library139.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library139.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-library139.js","sources":["../src/components/texts/responsive-texts.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n  getResponsiveNumericArray,\n  getResponsivePxArray,\n} from \"../../core/functions\";\nimport { BaseTextV2Props } from \"./base-text-v2\";\nimport { BoldText, RegularText, SemiBoldText } from \"./weighted-texts\";\n\ntype Props = Omit<BaseTextV2Props, \"fontSize\" | \"fontWeight\">;\nexport const RegularResponsiveText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <RegularText\n      fontSize={getResponsiveNumericArray(16, 18, false)}\n      {...props}\n      ref={ref}\n    />\n  )\n);\n\nexport const MediumRegularResponsiveText = React.forwardRef<\n  HTMLDivElement,\n  Props\n>((props, ref) => (\n  <RegularText\n    fontSize={getResponsiveNumericArray(18, 24, true, 20)}\n    lineHeight={getResponsivePxArray(21, 27, true, 23)}\n    {...props}\n    ref={ref}\n  />\n));\n\nexport const SmallBoldResponsiveText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <BoldText\n      fontSize={getResponsiveNumericArray(16, 18, false)}\n      {...props}\n      ref={ref}\n    />\n  )\n);\n\nexport const BoldResponsiveText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <BoldText\n      fontSize={getResponsiveNumericArray(18, 24, true, 20)}\n      lineHeight={getResponsivePxArray(21, 27, true, 23)}\n      {...props}\n      ref={ref}\n    />\n  )\n);\n\nexport const MediumBoldResponsiveText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <BoldText\n      fontSize={getResponsiveNumericArray(24, 32)}\n      {...props}\n      ref={ref}\n    />\n  )\n);\n\nexport const MediumSemiBoldResponsiveText = React.forwardRef<\n  HTMLDivElement,\n  Props\n>((props, ref) => (\n  <SemiBoldText\n    fontSize={getResponsiveNumericArray(24, 32)}\n    {...props}\n    ref={ref}\n  />\n));\n"],"names":["RegularResponsiveText","React","props","ref","jsx","RegularText","getResponsiveNumericArray","MediumRegularResponsiveText","getResponsivePxArray","SmallBoldResponsiveText","BoldText","BoldResponsiveText","MediumBoldResponsiveText","MediumSemiBoldResponsiveText","SemiBoldText"],"mappings":";;;;AAUO,MAAMA,IAAwBC,EAAM;AAAA,EACzC,CAACC,GAAOC,MACNC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAUC,EAA0B,IAAI,IAAI,EAAK;AAAA,MAChD,GAAGJ;AAAA,MACJ,KAAAC;AAAA,IAAA;AAAA,EACF;AAEJ,GAEaI,IAA8BN,EAAM,WAG/C,CAACC,GAAOC,MACRC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,UAAUC,EAA0B,IAAI,IAAI,IAAM,EAAE;AAAA,IACpD,YAAYE,EAAqB,IAAI,IAAI,IAAM,EAAE;AAAA,IAChD,GAAGN;AAAA,IACJ,KAAAC;AAAA,EAAA;AACF,CACD,GAEYM,IAA0BR,EAAM;AAAA,EAC3C,CAACC,GAAOC,MACNC,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,UAAUJ,EAA0B,IAAI,IAAI,EAAK;AAAA,MAChD,GAAGJ;AAAA,MACJ,KAAAC;AAAA,IAAA;AAAA,EACF;AAEJ,GAEaQ,IAAqBV,EAAM;AAAA,EACtC,CAACC,GAAOC,MACNC,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,UAAUJ,EAA0B,IAAI,IAAI,IAAM,EAAE;AAAA,MACpD,YAAYE,EAAqB,IAAI,IAAI,IAAM,EAAE;AAAA,MAChD,GAAGN;AAAA,MACJ,KAAAC;AAAA,IAAA;AAAA,EACF;AAEJ,GAEaS,IAA2BX,EAAM;AAAA,EAC5C,CAACC,GAAOC,MACNC,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,UAAUJ,EAA0B,IAAI,EAAE;AAAA,MACzC,GAAGJ;AAAA,MACJ,KAAAC;AAAA,IAAA;AAAA,EACF;AAEJ,GAEaU,IAA+BZ,EAAM,WAGhD,CAACC,GAAOC,MACRC,gBAAAA,EAAA;AAAA,EAACU;AAAA,EAAA;AAAA,IACC,UAAUR,EAA0B,IAAI,EAAE;AAAA,IACzC,GAAGJ;AAAA,IACJ,KAAAC;AAAA,EAAA;AACF,CACD;"}

package/lib/sd-component-library14.js

@@ -1,7 +1,41 @@
-import { j as a } from "./sd-component-library197.js";
-import { Breadcrumb as m } from "./sd-component-library16.js";
-const o = (r) => /* @__PURE__ */ a.jsx(m, { ...r, variant: "primary", "data-testid": "primary-breadcrumb" });
+import { j as e } from "./sd-component-library169.js";
+import { Box as c, Text as a } from "rebass";
+const u = ({
+  textTransform: n = "capitalize",
+  crumb: { title: l, dontTranslate: o },
+  isLast: s,
+  onClick: t,
+  variant: r
+}) => /* @__PURE__ */ e.jsxs(c, { "data-testid": "crumb", onClick: t, children: [
+  /* @__PURE__ */ e.jsx(
+    a,
+    {
+      sx: {
+        textTransform: n,
+        display: "inline-block",
+        cursor: t ? "pointer" : "default",
+        userSelect: "none"
+      },
+      variant: s ? `_breadcrumbs.${r}.last` : `_breadcrumbs.${r}.normal`,
+      className: o ? "no-translate" : void 0,
+      children: l
+    }
+  ),
+  !s && /* @__PURE__ */ e.jsx(
+    a,
+    {
+      sx: {
+        display: "inline-block",
+        marginLeft: "15px",
+        cursor: "default",
+        userSelect: "none"
+      },
+      variant: `_breadcrumbs.${r}.normal`,
+      children: "/"
+    }
+  )
+] });
 export {
-  o as PrimaryBreadcrumb
+  u as Crumb
 };
 //# 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/breadcrumbs/primary-breadcrumb/primary-breadcrumb.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Breadcrumb } from \"../breadcrumb\";\nimport { PrimaryBreadCrumbProps } from \"./interfaces\";\n\nexport const PrimaryBreadcrumb: React.FC<PrimaryBreadCrumbProps> = (props) => (\n  <Breadcrumb {...props} variant=\"primary\" data-testid=\"primary-breadcrumb\" />\n);\n"],"names":["PrimaryBreadcrumb","props","jsx","Breadcrumb"],"mappings":";;AAKa,MAAAA,IAAsD,CAACC,MACjEC,gBAAAA,EAAA,IAAAC,GAAA,EAAY,GAAGF,GAAO,SAAQ,WAAU,eAAY,qBAAqB,CAAA;"}
+{"version":3,"file":"sd-component-library14.js","sources":["../src/components/breadcrumbs/breadcrumb/crumb/crumb.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Text } from \"rebass\";\n\nimport { CrumbProps } from \"./interfaces\";\n\nexport const Crumb: React.FC<CrumbProps> = ({\n  textTransform = \"capitalize\",\n  crumb: { title, dontTranslate },\n  isLast,\n  onClick,\n  variant,\n}) => {\n  return (\n    <Box data-testid=\"crumb\" onClick={onClick}>\n      <Text\n        sx={{\n          textTransform,\n          display: \"inline-block\",\n          cursor: onClick ? \"pointer\" : \"default\",\n          userSelect: \"none\",\n        }}\n        variant={\n          isLast\n            ? `_breadcrumbs.${variant}.last`\n            : `_breadcrumbs.${variant}.normal`\n        }\n        className={dontTranslate ? \"no-translate\" : undefined}\n      >\n        {title}\n      </Text>\n      {!isLast && (\n        <Text\n          sx={{\n            display: \"inline-block\",\n            marginLeft: \"15px\",\n            cursor: \"default\",\n            userSelect: \"none\",\n          }}\n          variant={`_breadcrumbs.${variant}.normal`}\n        >\n          /\n        </Text>\n      )}\n    </Box>\n  );\n};\n"],"names":["Crumb","textTransform","title","dontTranslate","isLast","onClick","variant","jsxs","Box","jsx","Text"],"mappings":";;AAMO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,eAAAC,IAAgB;AAAA,EAChB,OAAO,EAAE,OAAAC,GAAO,eAAAC,EAAc;AAAA,EAC9B,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AACF,MAEKC,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,eAAY,SAAQ,SAAAH,GACvB,UAAA;AAAA,EAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,eAAAT;AAAA,QACA,SAAS;AAAA,QACT,QAAQI,IAAU,YAAY;AAAA,QAC9B,YAAY;AAAA,MACd;AAAA,MACA,SACED,IACI,gBAAgBE,CAAO,UACvB,gBAAgBA,CAAO;AAAA,MAE7B,WAAWH,IAAgB,iBAAiB;AAAA,MAE3C,UAAAD;AAAA,IAAA;AAAA,EACH;AAAA,EACC,CAACE,KACAK,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,YAAY;AAAA,MACd;AAAA,MACA,SAAS,gBAAgBJ,CAAO;AAAA,MACjC,UAAA;AAAA,IAAA;AAAA,EAED;AAEJ,EAAA,CAAA;"}

package/lib/sd-component-library140.js

@@ -1,8 +1,107 @@
-import { j as e } from "./sd-component-library197.js";
-import i from "react";
-import { BaseTextV2 as m } from "./sd-component-library138.js";
-const a = i.forwardRef(({ children: r, ...o }, t) => /* @__PURE__ */ e.jsx(m, { color: "inherit", ref: t, ...o, children: r }));
+import { j as o } from "./sd-component-library169.js";
+import h from "react";
+import { Flex as s, Box as i } from "rebass";
+import { useHover as m } from "./sd-component-library3.js";
+import { ReactComponent as b } from "./sd-component-library160.js";
+import { TriangularPointerIcon as u } from "./sd-component-library163.js";
+import { ActionBox as g } from "./sd-component-library219.js";
+import { HorizontalDivider as n } from "./sd-component-library44.js";
+const B = (x) => {
+  const {
+    actions: e,
+    actionsBoxWidth: l = "max-content",
+    actionBoxPx: p,
+    actionBoxPy: a
+  } = x, { isHover: t, hoverCallbacks: d } = m();
+  return e.length ? /* @__PURE__ */ o.jsxs(
+    s,
+    {
+      sx: {
+        width: "fit-content",
+        position: "relative",
+        borderRadius: [!0, !0, !t, !t].map((r) => r ? "50%" : "0").join(" ")
+      },
+      ...d,
+      "data-test": "actions-tooltip",
+      children: [
+        /* @__PURE__ */ o.jsx(
+          s,
+          {
+            sx: {
+              width: "20px",
+              height: "20px",
+              justifyContent: "center",
+              alignItems: "center",
+              borderWidth: "1px",
+              borderColor: "cl_lightGrey",
+              borderRadius: "50%",
+              borderStyle: "solid",
+              svg: {
+                transform: `rotate3d(${t ? 1 : 0}, 0, 0, 180deg)`,
+                transition: "transform 0.2s",
+                width: "10px",
+                fill: "cl_blue"
+              }
+            },
+            children: /* @__PURE__ */ o.jsx(b, {})
+          }
+        ),
+        t && /* @__PURE__ */ o.jsxs(
+          i,
+          {
+            sx: {
+              position: "absolute",
+              top: "calc(100% + 12px)",
+              right: "-20px",
+              width: l
+            },
+            children: [
+              /* @__PURE__ */ o.jsx(n, { color: "cl_purple", height: "2px" }),
+              /* @__PURE__ */ o.jsx(
+                u,
+                {
+                  direction: "top",
+                  sx: { position: "absolute", top: "-10px", right: "24px" }
+                }
+              ),
+              /* @__PURE__ */ o.jsx(
+                i,
+                {
+                  sx: {
+                    position: "absolute",
+                    width: "100%",
+                    height: "12px",
+                    left: 0,
+                    top: "-12px"
+                  }
+                }
+              ),
+              /* @__PURE__ */ o.jsx(
+                i,
+                {
+                  sx: {
+                    borderWidth: "1px",
+                    borderColor: "cl_lightGrey",
+                    borderStyle: "solid",
+                    borderTopStyle: "none",
+                    boxShadow: "2px 3px 10px rgba(211,223,255,0.25)",
+                    borderRadius: "0 0 3px 3px",
+                    bg: "cl_white"
+                  },
+                  children: e.map((r, c) => /* @__PURE__ */ o.jsxs(h.Fragment, { children: [
+                    /* @__PURE__ */ o.jsx(g, { ...r, px: p, py: a }),
+                    c !== e.length - 1 && /* @__PURE__ */ o.jsx(n, { color: "cl_headerLine" })
+                  ] }, r.text))
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  ) : null;
+};
 export {
-  a as InheritColorText
+  B as ActionsTooltip
 };
 //# 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/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-library140.js","sources":["../src/components/tooltips/actions-tooltip/actions-tooltip.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { useHover } from \"../../../core/custom-hooks\";\nimport { HorizontalDivider } from \"../../dividers\";\nimport { TriangularPointerIcon } from \"../../icons\";\nimport { ShortDownArrowIcon } from \"../../icons/short-dropdown-arrow-icon\";\nimport { ActionsTooltipProps as Props } from \"./interfaces\";\nimport { ActionBox } from \"./partials/action-box\";\n\nexport const ActionsTooltip: React.FC<Props> = (props) => {\n  const {\n    actions,\n    actionsBoxWidth = \"max-content\",\n    actionBoxPx,\n    actionBoxPy,\n  } = props;\n\n  const { isHover, hoverCallbacks } = useHover();\n\n  if (!actions.length) return null;\n\n  return (\n    <Flex\n      sx={{\n        width: \"fit-content\",\n        position: \"relative\",\n        borderRadius: [true, true, !isHover, !isHover]\n          .map((flag) => (flag ? \"50%\" : \"0\"))\n          .join(\" \"),\n      }}\n      {...hoverCallbacks}\n      data-test=\"actions-tooltip\"\n    >\n      <Flex\n        sx={{\n          width: \"20px\",\n          height: \"20px\",\n          justifyContent: \"center\",\n          alignItems: \"center\",\n          borderWidth: \"1px\",\n          borderColor: \"cl_lightGrey\",\n          borderRadius: \"50%\",\n          borderStyle: \"solid\",\n          svg: {\n            transform: `rotate3d(${isHover ? 1 : 0}, 0, 0, 180deg)`,\n            transition: \"transform 0.2s\",\n            width: \"10px\",\n            fill: \"cl_blue\",\n          },\n        }}\n      >\n        <ShortDownArrowIcon />\n      </Flex>\n\n      {isHover && (\n        <Box\n          sx={{\n            position: \"absolute\",\n            top: \"calc(100% + 12px)\",\n            right: \"-20px\",\n            width: actionsBoxWidth,\n          }}\n        >\n          <HorizontalDivider color=\"cl_purple\" height=\"2px\" />\n\n          <TriangularPointerIcon\n            direction=\"top\"\n            sx={{ position: \"absolute\", top: \"-10px\", right: \"24px\" }}\n          />\n\n          <Box\n            sx={{\n              position: \"absolute\",\n              width: \"100%\",\n              height: \"12px\",\n              left: 0,\n              top: \"-12px\",\n            }}\n          />\n\n          <Box\n            sx={{\n              borderWidth: \"1px\",\n              borderColor: \"cl_lightGrey\",\n              borderStyle: \"solid\",\n              borderTopStyle: \"none\",\n              boxShadow: \"2px 3px 10px rgba(211,223,255,0.25)\",\n              borderRadius: \"0 0 3px 3px\",\n              bg: \"cl_white\",\n            }}\n          >\n            {actions.map((action, idx) => (\n              <React.Fragment key={action.text}>\n                <ActionBox {...action} px={actionBoxPx} py={actionBoxPy} />\n\n                {idx !== actions.length - 1 && (\n                  <HorizontalDivider color=\"cl_headerLine\" />\n                )}\n              </React.Fragment>\n            ))}\n          </Box>\n        </Box>\n      )}\n    </Flex>\n  );\n};\n"],"names":["ActionsTooltip","props","actions","actionsBoxWidth","actionBoxPx","actionBoxPy","isHover","hoverCallbacks","useHover","jsxs","Flex","flag","jsx","ShortDownArrowIcon","Box","HorizontalDivider","TriangularPointerIcon","action","idx","React","ActionBox"],"mappings":";;;;;;;;AAWa,MAAAA,IAAkC,CAACC,MAAU;AAClD,QAAA;AAAA,IACJ,SAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,aAAAC;AAAA,IACA,aAAAC;AAAA,EACE,IAAAJ,GAEE,EAAE,SAAAK,GAAS,gBAAAC,EAAe,IAAIC,EAAS;AAE7C,SAAKN,EAAQ,SAGXO,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,OAAO;AAAA,QACP,UAAU;AAAA,QACV,cAAc,CAAC,IAAM,IAAM,CAACJ,GAAS,CAACA,CAAO,EAC1C,IAAI,CAACK,MAAUA,IAAO,QAAQ,GAAI,EAClC,KAAK,GAAG;AAAA,MACb;AAAA,MACC,GAAGJ;AAAA,MACJ,aAAU;AAAA,MAEV,UAAA;AAAA,QAAAK,gBAAAA,EAAA;AAAA,UAACF;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,gBAAgB;AAAA,cAChB,YAAY;AAAA,cACZ,aAAa;AAAA,cACb,aAAa;AAAA,cACb,cAAc;AAAA,cACd,aAAa;AAAA,cACb,KAAK;AAAA,gBACH,WAAW,YAAYJ,IAAU,IAAI,CAAC;AAAA,gBACtC,YAAY;AAAA,gBACZ,OAAO;AAAA,gBACP,MAAM;AAAA,cACR;AAAA,YACF;AAAA,YAEA,gCAACO,GAAmB,EAAA;AAAA,UAAA;AAAA,QACtB;AAAA,QAECP,KACCG,gBAAAA,EAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,UAAU;AAAA,cACV,KAAK;AAAA,cACL,OAAO;AAAA,cACP,OAAOX;AAAA,YACT;AAAA,YAEA,UAAA;AAAA,cAAAS,gBAAAA,EAAA,IAACG,GAAkB,EAAA,OAAM,aAAY,QAAO,OAAM;AAAA,cAElDH,gBAAAA,EAAA;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,IAAI,EAAE,UAAU,YAAY,KAAK,SAAS,OAAO,OAAO;AAAA,gBAAA;AAAA,cAC1D;AAAA,cAEAJ,gBAAAA,EAAA;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,IAAI;AAAA,oBACF,UAAU;AAAA,oBACV,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,MAAM;AAAA,oBACN,KAAK;AAAA,kBACP;AAAA,gBAAA;AAAA,cACF;AAAA,cAEAF,gBAAAA,EAAA;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,IAAI;AAAA,oBACF,aAAa;AAAA,oBACb,aAAa;AAAA,oBACb,aAAa;AAAA,oBACb,gBAAgB;AAAA,oBAChB,WAAW;AAAA,oBACX,cAAc;AAAA,oBACd,IAAI;AAAA,kBACN;AAAA,kBAEC,UAAAZ,EAAQ,IAAI,CAACe,GAAQC,MACnBT,gBAAAA,EAAAA,KAAAU,EAAM,UAAN,EACC,UAAA;AAAA,oBAAAP,gBAAAA,MAACQ,KAAW,GAAGH,GAAQ,IAAIb,GAAa,IAAIC,GAAa;AAAA,oBAExDa,MAAQhB,EAAQ,SAAS,KACvBU,gBAAAA,EAAA,IAAAG,GAAA,EAAkB,OAAM,iBAAgB;AAAA,kBAAA,KAJxBE,EAAO,IAM5B,CACD;AAAA,gBAAA;AAAA,cACH;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAlFsB;AAsF9B;"}