@selfdecode/sd-component-library 4.0.79 → 4.0.80

package/lib/components/tooltips/tooltip-with-pointer/tooltip-with-pointer.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { TooltipWithPointer } from ".";
+declare const meta: Meta<typeof TooltipWithPointer>;
+export default meta;
+declare type Story = StoryObj<typeof TooltipWithPointer>;
+export declare const Example: Story;
+export declare const Interactive: Story;
+export declare const Vertical: Story;

package/lib/sd-component-library101.js

@@ -1,8 +1,8 @@
 import { j as e } from "./sd-component-library190.js";
-import { PaginationBarButton as i } from "./sd-component-library255.js";
-import { ReactComponent as h } from "./sd-component-library251.js";
-import { PaginationBarCurrentPage as u } from "./sd-component-library256.js";
-import { ReactComponent as f } from "./sd-component-library253.js";
+import { PaginationBarButton as i } from "./sd-component-library257.js";
+import { ReactComponent as h } from "./sd-component-library254.js";
+import { PaginationBarCurrentPage as u } from "./sd-component-library258.js";
+import { ReactComponent as f } from "./sd-component-library256.js";
 import { GridContainerV2 as s } from "./sd-component-library39.js";
 import { ResponsiveTextV2 as j } from "./sd-component-library144.js";
 const k = (a) => {

package/lib/sd-component-library106.js

@@ -1,6 +1,6 @@
 import { j as i } from "./sd-component-library190.js";
 import { Flex as n } from "rebass";
-import { ProgressStep as x } from "./sd-component-library193.js";
+import { ProgressStep as x } from "./sd-component-library196.js";
 const g = ({
   height: t,
   steps: s,

package/lib/sd-component-library107.js

@@ -3,7 +3,7 @@ import { useMemo as P } from "react";
 import { Select as Z } from "@rebass/forms";
 import { Box as q } from "rebass";
 import { useDependantState as G } from "./sd-component-library3.js";
-import { BaseLabel as J } from "./sd-component-library254.js";
+import { BaseLabel as J } from "./sd-component-library221.js";
 import { MaxMaxContainer as K } from "./sd-component-library41.js";
 import { ResponsiveTextV2 as Q } from "./sd-component-library144.js";
 const U = (s, r, t, d, a, n) => {

package/lib/sd-component-library112.js

@@ -3,7 +3,7 @@ import u, { useState as h, useMemo as f } from "react";
 import { Box as g } from "rebass";
 import { OutsideClickBox as b } from "./sd-component-library11.js";
 import { ReactComponent as j } from "./sd-component-library181.js";
-import { CustomOptionBox as C } from "./sd-component-library257.js";
+import { CustomOptionBox as C } from "./sd-component-library259.js";
 import { GridCenter as S } from "./sd-component-library42.js";
 import { EighteenRegular as d } from "./sd-component-library136.js";
 import { HorizontalDivider as _ } from "./sd-component-library49.js";

package/lib/sd-component-library113.js

@@ -1,9 +1,9 @@
 import { j as o } from "./sd-component-library190.js";
 import { useState as x } from "react";
-import { BaseLabel as f } from "./sd-component-library254.js";
+import { BaseLabel as f } from "./sd-component-library221.js";
 import { OutsideClickBox as u } from "./sd-component-library11.js";
 import { ReactComponent as h } from "./sd-component-library181.js";
-import { SecondaryCustomSelectorOptionsBox as S } from "./sd-component-library258.js";
+import { SecondaryCustomSelectorOptionsBox as S } from "./sd-component-library260.js";
 import { GridContainerV2 as g } from "./sd-component-library39.js";
 import { ResponsiveTextV2 as C } from "./sd-component-library144.js";
 import { FlexCenter as j } from "./sd-component-library35.js";

package/lib/sd-component-library115.js

@@ -5,7 +5,7 @@ import { ReactComponent as x } from "./sd-component-library181.js";
 import { ResponsiveTextV2 as f } from "./sd-component-library144.js";
 import { BaseTextV2 as u } from "./sd-component-library132.js";
 import { FlexCenter as h } from "./sd-component-library35.js";
-import { SecondaryCustomSelectorOptionsBox as g } from "./sd-component-library258.js";
+import { SecondaryCustomSelectorOptionsBox as g } from "./sd-component-library260.js";
 const k = ({
   width: l,
   options: r,

package/lib/sd-component-library116.js

@@ -1,6 +1,6 @@
 import { j as i } from "./sd-component-library190.js";
 import { useMemo as S, useCallback as p } from "react";
-import { BaseSelectorV2 as u } from "./sd-component-library259.js";
+import { BaseSelectorV2 as u } from "./sd-component-library261.js";
 const g = ({
   value: s,
   onChange: r,

package/lib/sd-component-library121.js

@@ -1,8 +1,8 @@
 import { j as o } from "./sd-component-library190.js";
 import { useState as x } from "react";
-import { BaseLabel as f } from "./sd-component-library254.js";
+import { BaseLabel as f } from "./sd-component-library221.js";
 import { ReactComponent as u } from "./sd-component-library181.js";
-import { CustomScrollableOptionsBox as h } from "./sd-component-library260.js";
+import { CustomScrollableOptionsBox as h } from "./sd-component-library262.js";
 import { GridContainerV2 as S } from "./sd-component-library39.js";
 import { OutsideClickBox as b } from "./sd-component-library11.js";
 import { ResponsiveTextV2 as C } from "./sd-component-library144.js";

package/lib/sd-component-library122.js

@@ -2,9 +2,9 @@ import { j as o } from "./sd-component-library190.js";
 import { useState as x } from "react";
 import { Flex as i } from "rebass";
 import { OutsideClickBox as d } from "./sd-component-library11.js";
-import { BaseLabel as u } from "./sd-component-library254.js";
+import { BaseLabel as u } from "./sd-component-library221.js";
 import { ReactComponent as f } from "./sd-component-library181.js";
-import { CustomScrollableOptionsBox as h } from "./sd-component-library261.js";
+import { CustomScrollableOptionsBox as h } from "./sd-component-library263.js";
 import { ResponsiveTextV2 as b } from "./sd-component-library144.js";
 const w = (t) => {
   const { leftSlot: s, label: l, value: n, width: c } = t, [e, r] = x(!1), p = () => r(!1), a = () => r((m) => !m);

package/lib/sd-component-library124.js

@@ -1,6 +1,6 @@
 import { j as t } from "./sd-component-library190.js";
 import { IconButton as s } from "./sd-component-library22.js";
-import { ReactComponent as c } from "./sd-component-library202.js";
+import { ReactComponent as c } from "./sd-component-library197.js";
 import { EighteenBold as p } from "./sd-component-library135.js";
 import { GridCenter as g } from "./sd-component-library42.js";
 const C = ({

package/lib/sd-component-library127.js

@@ -2,9 +2,9 @@ import { j as t } from "./sd-component-library190.js";
 import { useState as y } from "react";
 import { Flex as m } from "rebass";
 import { useBoundingClientRect as x } from "./sd-component-library3.js";
-import { ArrowButton as l } from "./sd-component-library262.js";
-import { Mask as p } from "./sd-component-library263.js";
-import { Tab as A } from "./sd-component-library264.js";
+import { ArrowButton as l } from "./sd-component-library264.js";
+import { Mask as p } from "./sd-component-library265.js";
+import { Tab as A } from "./sd-component-library266.js";
 import { HorizontalDivider as E } from "./sd-component-library49.js";
 const s = 30, e = `${s}px`, w = "30px";
 function Q({

package/lib/sd-component-library128.js

@@ -1,6 +1,6 @@
 import { j as t } from "./sd-component-library190.js";
 import { Box as w, Flex as s } from "rebass";
-import { TabV2 as T } from "./sd-component-library265.js";
+import { TabV2 as T } from "./sd-component-library267.js";
 import { GridContainerV2 as G } from "./sd-component-library39.js";
 const h = 25, b = ({
   tabs: e,

package/lib/sd-component-library130.js

@@ -1,8 +1,8 @@
 import { j as r } from "./sd-component-library190.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-library266.js";
-import { Tab as j } from "./sd-component-library267.js";
+import { ScrollableTabWrapper as C } from "./sd-component-library268.js";
+import { Tab as j } from "./sd-component-library269.js";
 import { VerticalDivider as E } from "./sd-component-library50.js";
 import { BaseGridContainer as y } from "./sd-component-library36.js";
 import { MaxMaxContainer as L } from "./sd-component-library41.js";

package/lib/sd-component-library15.js

@@ -1,5 +1,5 @@
 import { j as i } from "./sd-component-library190.js";
-import { renderUpToFiveCrumbs as o, renderMoreThanFiveCrumbs as m } from "./sd-component-library197.js";
+import { renderUpToFiveCrumbs as o, renderMoreThanFiveCrumbs as m } from "./sd-component-library198.js";
 import { GridCenter as d } from "./sd-component-library42.js";
 const h = ({
   textTransform: t,

package/lib/sd-component-library161.js

@@ -4,7 +4,7 @@ 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-library181.js";
 import { TriangularPointerIcon as u } from "./sd-component-library184.js";
-import { ActionBox as g } from "./sd-component-library233.js";
+import { ActionBox as g } from "./sd-component-library222.js";
 import { HorizontalDivider as n } from "./sd-component-library49.js";
 const B = (x) => {
   const {

package/lib/sd-component-library162.js

@@ -1,7 +1,7 @@
 import { j as o } from "./sd-component-library190.js";
 import { Box as m } from "rebass";
 import { BaseTooltip as c } from "./sd-component-library163.js";
-import { ReactComponent as f } from "./sd-component-library268.js";
+import { ReactComponent as f } from "./sd-component-library270.js";
 const T = (i) => {
   const {
     tooltipText: n,

package/lib/sd-component-library165.js

@@ -1,7 +1,7 @@
 import { j as t } from "./sd-component-library190.js";
 import w, { useRef as c, useEffect as y } from "react";
 import { Box as o } from "rebass";
-import { ReactComponent as g } from "./sd-component-library268.js";
+import { ReactComponent as g } from "./sd-component-library270.js";
 const E = w.forwardRef((x, a) => {
   const {
     placement: e,

package/lib/sd-component-library166.js

@@ -2,10 +2,10 @@ import { j as o } from "./sd-component-library190.js";
 import { useState as y, useRef as a } from "react";
 import { Box as z } from "rebass";
 import { useBreakPoints as B, useBodyScrollLock as C } from "./sd-component-library3.js";
-import E from "./sd-component-library248.js";
-import { TooltipWithPointerMobile as M } from "./sd-component-library269.js";
-import { TooltipWithPointerHorizontal as V } from "./sd-component-library270.js";
-import { TooltipWithPointerVertical as D } from "./sd-component-library271.js";
+import E from "./sd-component-library251.js";
+import { TooltipWithPointerMobile as M } from "./sd-component-library271.js";
+import { TooltipWithPointerHorizontal as V } from "./sd-component-library272.js";
+import { TooltipWithPointerVertical as D } from "./sd-component-library273.js";
 const f = 200, J = (u) => {
   const {
     children: x,

package/lib/sd-component-library167.js

@@ -1,7 +1,7 @@
 import { j as x } from "./sd-component-library190.js";
 import { useRef as E, useCallback as b, useEffect as h } from "react";
 import { Box as j } from "rebass";
-import { refsManager as l } from "./sd-component-library272.js";
+import { refsManager as l } from "./sd-component-library274.js";
 const O = (m) => {
   const e = E(), {
     id: n,

package/lib/sd-component-library190.js

@@ -1,6 +1,6 @@
-import { __module as e } from "./sd-component-library194.js";
-import { __require as r } from "./sd-component-library195.js";
-import { __require as o } from "./sd-component-library196.js";
+import { __module as e } from "./sd-component-library193.js";
+import { __require as r } from "./sd-component-library194.js";
+import { __require as o } from "./sd-component-library195.js";
 process.env.NODE_ENV === "production" ? e.exports = r() : e.exports = o();
 var m = e.exports;
 export {

package/lib/sd-component-library193.js

@@ -1,63 +1,5 @@
-import { j as i } from "./sd-component-library190.js";
-import { Box as p, Text as l } from "rebass";
-import s from "./sd-component-library189.js";
-const f = ({
-  active: o,
-  height: e,
-  onClick: r
-}) => {
-  const t = o ? s.colors.cl_purple : s.colors.cl_lightGrey;
-  return /* @__PURE__ */ i.jsx(
-    p,
-    {
-      sx: {
-        fontSize: "0px",
-        position: "relative",
-        textAlign: "right",
-        ":before": {
-          content: "''",
-          left: "-2px",
-          right: o ? "2px" : 0,
-          top: "50%",
-          position: "absolute",
-          height: 4,
-          bg: t,
-          transform: "translateY(-50%)"
-        },
-        ":first-of-type": {
-          width: [e],
-          position: "absolute",
-          left: 0,
-          ":before": {
-            left: "2px"
-          }
-        }
-      },
-      "data-testid": "progress-step",
-      children: /* @__PURE__ */ i.jsx(
-        l,
-        {
-          size: e,
-          sx: {
-            position: "relative",
-            zIndex: "1",
-            display: "inline-block",
-            borderRadius: "50%",
-            bg: t,
-            ...r ? {
-              cursor: "pointer",
-              ":hover": {
-                background: `radial-gradient(white, white 15%, ${t} 60%)`
-              }
-            } : {}
-          },
-          onClick: r
-        }
-      )
-    }
-  );
-};
+var e = { exports: {} };
 export {
-  f as ProgressStep
+  e as __module
 };
 //# sourceMappingURL=sd-component-library193.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library193.js","sources":["../src/components/progress-steps/progress-step/progress-step.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Text } from \"rebass\";\n\nimport theme from \"../../../core/theme\";\nimport { ProgressStepProps } from \"./interfaces\";\n\nexport const ProgressStep: React.FC<ProgressStepProps> = ({\n  active,\n  height,\n  onClick,\n}) => {\n  const color = active\n    ? theme.colors[\"cl_purple\"]\n    : theme.colors[\"cl_lightGrey\"];\n  return (\n    <Box\n      sx={{\n        fontSize: \"0px\",\n        position: \"relative\",\n        textAlign: \"right\",\n        \":before\": {\n          content: \"''\",\n          left: \"-2px\",\n          right: active ? \"2px\" : 0,\n          top: \"50%\",\n          position: \"absolute\",\n          height: 4,\n          bg: color,\n          transform: \"translateY(-50%)\",\n        },\n        \":first-of-type\": {\n          width: [height],\n          position: \"absolute\",\n          left: 0,\n          \":before\": {\n            left: \"2px\",\n          },\n        },\n      }}\n      data-testid=\"progress-step\"\n    >\n      <Text\n        size={height}\n        sx={{\n          position: \"relative\",\n          zIndex: \"1\",\n          display: \"inline-block\",\n          borderRadius: \"50%\",\n          bg: color,\n          ...(onClick\n            ? {\n                cursor: \"pointer\",\n                \":hover\": {\n                  background: `radial-gradient(white, white 15%, ${color} 60%)`,\n                },\n              }\n            : {}),\n        }}\n        onClick={onClick}\n      />\n    </Box>\n  );\n};\n"],"names":["ProgressStep","active","height","onClick","color","theme","jsx","Box","Text"],"mappings":";;;AAOO,MAAMA,IAA4C,CAAC;AAAA,EACxD,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AACF,MAAM;AACE,QAAAC,IAAQH,IACVI,EAAM,OAAO,YACbA,EAAM,OAAO;AAEf,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,UAAU;AAAA,QACV,WAAW;AAAA,QACX,WAAW;AAAA,UACT,SAAS;AAAA,UACT,MAAM;AAAA,UACN,OAAON,IAAS,QAAQ;AAAA,UACxB,KAAK;AAAA,UACL,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,IAAIG;AAAA,UACJ,WAAW;AAAA,QACb;AAAA,QACA,kBAAkB;AAAA,UAChB,OAAO,CAACF,CAAM;AAAA,UACd,UAAU;AAAA,UACV,MAAM;AAAA,UACN,WAAW;AAAA,YACT,MAAM;AAAA,UACR;AAAA,QACF;AAAA,MACF;AAAA,MACA,eAAY;AAAA,MAEZ,UAAAI,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAMN;AAAA,UACN,IAAI;AAAA,YACF,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,cAAc;AAAA,YACd,IAAIE;AAAA,YACJ,GAAID,IACA;AAAA,cACE,QAAQ;AAAA,cACR,UAAU;AAAA,gBACR,YAAY,qCAAqCC,CAAK;AAAA,cACxD;AAAA,YAAA,IAEF,CAAC;AAAA,UACP;AAAA,UACA,SAAAD;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library193.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/sd-component-library194.js

@@ -1,5 +1,33 @@
-var e = { exports: {} };
+import { __exports as t } from "./sd-component-library237.js";
+import R from "react";
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var p;
+function v() {
+  if (p)
+    return t;
+  p = 1;
+  var s = R, m = Symbol.for("react.element"), l = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, a = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function i(o, r, u) {
+    var e, n = {}, _ = null, f = null;
+    u !== void 0 && (_ = "" + u), r.key !== void 0 && (_ = "" + r.key), r.ref !== void 0 && (f = r.ref);
+    for (e in r)
+      c.call(r, e) && !d.hasOwnProperty(e) && (n[e] = r[e]);
+    if (o && o.defaultProps)
+      for (e in r = o.defaultProps, r)
+        n[e] === void 0 && (n[e] = r[e]);
+    return { $$typeof: m, type: o, key: _, ref: f, props: n, _owner: a.current };
+  }
+  return t.Fragment = l, t.jsx = i, t.jsxs = i, t;
+}
 export {
-  e as __module
+  v as __require
 };
 //# sourceMappingURL=sd-component-library194.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library194.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library194.js","sources":["../node_modules/react/cjs/react-jsx-runtime.production.min.js"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n"],"names":["f","require$$0","k","m","n","p","q","c","a","g","b","d","e","h","reactJsxRuntime_production_min"],"mappings":";;;;;;;;;;;;;;;;AASa,MAAIA,IAAEC,GAAiBC,IAAE,OAAO,IAAI,eAAe,GAAE,IAAE,OAAO,IAAI,gBAAgB,GAAEC,IAAE,OAAO,UAAU,gBAAeC,IAAEJ,EAAE,mDAAmD,mBAAkBK,IAAE,EAAC,KAAI,IAAG,KAAI,IAAG,QAAO,IAAG,UAAS,GAAE;AAClP,WAASC,EAAEC,GAAEC,GAAEC,GAAE;AAAC,QAAIC,GAAEC,IAAE,IAAGC,IAAE,MAAKC,IAAE;AAAK,IAASJ,MAAT,WAAaG,IAAE,KAAGH,IAAYD,EAAE,QAAX,WAAiBI,IAAE,KAAGJ,EAAE,MAAcA,EAAE,QAAX,WAAiBK,IAAEL,EAAE;AAAK,SAAIE,KAAKF;AAAE,MAAAL,EAAE,KAAKK,GAAEE,CAAC,KAAG,CAACL,EAAE,eAAeK,CAAC,MAAIC,EAAED,CAAC,IAAEF,EAAEE,CAAC;AAAG,QAAGH,KAAGA,EAAE;AAAa,WAAIG,KAAKF,IAAED,EAAE,cAAaC;AAAE,QAASG,EAAED,CAAC,MAAZ,WAAgBC,EAAED,CAAC,IAAEF,EAAEE,CAAC;AAAG,WAAM,EAAC,UAASR,GAAE,MAAKK,GAAE,KAAIK,GAAE,KAAIC,GAAE,OAAMF,GAAE,QAAOP,EAAE,QAAO;AAAA,EAAC;AAAC,SAAAU,aAAiB,GAAEA,EAAW,MAACR,GAAEQ,EAAA,OAAaR;;","x_google_ignoreList":[0]}