@selfdecode/sd-component-library 4.0.149 → 4.0.151

package/lib/components/links/link/interfaces.d.ts

@@ -2,6 +2,7 @@ import { CSSProperties } from 'react';
 import { LinkProps as RebassLinkProps } from 'rebass';
 import { TestLocatorProp } from '../../interfaces';
 
+import * as React from "react";
 export interface LinkProps extends Omit<RebassLinkProps, "title">, TestLocatorProp {
     width?: CSSProperties["width"];
     /**
@@ -27,4 +28,5 @@ export interface LinkProps extends Omit<RebassLinkProps, "title">, TestLocatorPr
      */
     dontTranslate?: boolean;
     externalLinkAs?: RebassLinkProps["as"];
+    internalLinkStyle?: CSSProperties;
 }

package/lib/sd-component-library104.js

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

package/lib/sd-component-library110.js

@@ -3,7 +3,7 @@ import u, { useState as f, useMemo as h } from "react";
 import { Box as g } from "rebass";
 import { OutsideClickBox as S } from "./sd-component-library9.js";
 import { ReactComponent as b } from "./sd-component-library160.js";
-import { CustomOptionBox as j } from "./sd-component-library231.js";
+import { CustomOptionBox as j } from "./sd-component-library229.js";
 import { GridCenter as C } from "./sd-component-library37.js";
 import { RegularText as d } from "./sd-component-library136.js";
 import { HorizontalDivider as _ } from "./sd-component-library44.js";

package/lib/sd-component-library111.js

@@ -3,7 +3,7 @@ import { useState as x } from "react";
 import { BaseLabel as f } from "./sd-component-library193.js";
 import { OutsideClickBox as u } from "./sd-component-library9.js";
 import { ReactComponent as h } from "./sd-component-library160.js";
-import { SecondaryCustomSelectorOptionsBox as S } from "./sd-component-library232.js";
+import { SecondaryCustomSelectorOptionsBox as S } from "./sd-component-library230.js";
 import { GridContainerV2 as g } from "./sd-component-library34.js";
 import { ResponsiveTextV2 as C } from "./sd-component-library135.js";
 import { FlexCenter as j } from "./sd-component-library30.js";

package/lib/sd-component-library113.js

@@ -5,7 +5,7 @@ import { ReactComponent as x } from "./sd-component-library160.js";
 import { ResponsiveTextV2 as f } from "./sd-component-library135.js";
 import { BaseTextV2 as u } from "./sd-component-library129.js";
 import { FlexCenter as h } from "./sd-component-library30.js";
-import { SecondaryCustomSelectorOptionsBox as g } from "./sd-component-library232.js";
+import { SecondaryCustomSelectorOptionsBox as g } from "./sd-component-library230.js";
 const k = ({
   width: l,
   options: r,

package/lib/sd-component-library114.js

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

package/lib/sd-component-library119.js

@@ -2,7 +2,7 @@ import { j as o } from "./sd-component-library169.js";
 import { useState as x } from "react";
 import { BaseLabel as f } from "./sd-component-library193.js";
 import { ReactComponent as u } from "./sd-component-library160.js";
-import { CustomScrollableOptionsBox as h } from "./sd-component-library234.js";
+import { CustomScrollableOptionsBox as h } from "./sd-component-library232.js";
 import { GridContainerV2 as S } from "./sd-component-library34.js";
 import { OutsideClickBox as b } from "./sd-component-library9.js";
 import { ResponsiveTextV2 as C } from "./sd-component-library135.js";

package/lib/sd-component-library120.js

@@ -4,7 +4,7 @@ import { Flex as i } from "rebass";
 import { OutsideClickBox as d } from "./sd-component-library9.js";
 import { BaseLabel as u } from "./sd-component-library193.js";
 import { ReactComponent as f } from "./sd-component-library160.js";
-import { CustomScrollableOptionsBox as h } from "./sd-component-library235.js";
+import { CustomScrollableOptionsBox as h } from "./sd-component-library233.js";
 import { ResponsiveTextV2 as b } from "./sd-component-library135.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-library122.js

@@ -1,6 +1,6 @@
 import { j as t } from "./sd-component-library169.js";
 import { IconButton as s } from "./sd-component-library20.js";
-import { ReactComponent as c } from "./sd-component-library176.js";
+import { ReactComponent as c } from "./sd-component-library177.js";
 import { GridCenter as p } from "./sd-component-library37.js";
 import { BoldText as g } from "./sd-component-library136.js";
 const C = ({

package/lib/sd-component-library125.js

@@ -2,9 +2,9 @@ import { j as t } from "./sd-component-library169.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-library237.js";
-import { Mask as p } from "./sd-component-library238.js";
-import { Tab as A } from "./sd-component-library239.js";
+import { ArrowButton as l } from "./sd-component-library234.js";
+import { Mask as p } from "./sd-component-library235.js";
+import { Tab as A } from "./sd-component-library236.js";
 import { HorizontalDivider as E } from "./sd-component-library44.js";
 const s = 30, e = `${s}px`, w = "30px";
 function Q({

package/lib/sd-component-library126.js

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

package/lib/sd-component-library13.js

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

package/lib/sd-component-library140.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-library160.js";
 import { TriangularPointerIcon as u } from "./sd-component-library163.js";
-import { ActionBox as g } from "./sd-component-library194.js";
+import { ActionBox as g } from "./sd-component-library200.js";
 import { HorizontalDivider as n } from "./sd-component-library44.js";
 const B = (x) => {
   const {

package/lib/sd-component-library141.js

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

package/lib/sd-component-library144.js

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

package/lib/sd-component-library145.js

@@ -4,9 +4,9 @@ import { Box as z } from "rebass";
 import { useBreakPoints as B, useBodyScrollLock as C } from "./sd-component-library3.js";
 import { isIOS as E } from "./sd-component-library4.js";
 import M from "./sd-component-library221.js";
-import { TooltipWithPointerMobile as V } from "./sd-component-library241.js";
-import { TooltipWithPointerHorizontal as D } from "./sd-component-library242.js";
-import { TooltipWithPointerVertical as I } from "./sd-component-library243.js";
+import { TooltipWithPointerMobile as V } from "./sd-component-library239.js";
+import { TooltipWithPointerHorizontal as D } from "./sd-component-library240.js";
+import { TooltipWithPointerVertical as I } from "./sd-component-library241.js";
 const f = 200, N = (u) => {
   const {
     children: x,

package/lib/sd-component-library169.js

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

package/lib/sd-component-library172.js

@@ -1,5 +1,63 @@
-var e = { exports: {} };
+import { j as i } from "./sd-component-library169.js";
+import { Box as p, Text as l } from "rebass";
+import s from "./sd-component-library168.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
+        }
+      )
+    }
+  );
+};
 export {
-  e as __module
+  f as ProgressStep
 };
 //# sourceMappingURL=sd-component-library172.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library172.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library172.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;"}

package/lib/sd-component-library173.js

@@ -1,33 +1,5 @@
-import { __exports as t } from "./sd-component-library229.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;
-}
+var e = { exports: {} };
 export {
-  v as __require
+  e as __module
 };
 //# sourceMappingURL=sd-component-library173.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library173.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]}
+{"version":3,"file":"sd-component-library173.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}