@selfdecode/sd-component-library 4.0.7-3.1 → 4.0.7-3.2

package/lib/sd-component-library100.js

@@ -3,9 +3,9 @@ import { useRef as B, useState as I, useEffect as R } from "react";
 import { Box as s } from "rebass";
 import { useBodyScrollLock as E } from "./sd-component-library3.js";
 import { isIOS as F, isPDFFlow as T } from "./sd-component-library4.js";
-import X from "./sd-component-library252.js";
+import X from "./sd-component-library259.js";
 import { OutsideClickBox as P } from "./sd-component-library14.js";
-import { ReactComponent as z } from "./sd-component-library253.js";
+import { ReactComponent as z } from "./sd-component-library260.js";
 import { FlexCenter as A } from "./sd-component-library37.js";
 import { Button as D } from "./sd-component-library28.js";
 const r = 500, J = (d) => {

package/lib/sd-component-library102.js

@@ -1,9 +1,9 @@
 import { j as r } from "./sd-component-library195.js";
 import { useDependantState as j } from "./sd-component-library3.js";
-import { SquareButton as g } from "./sd-component-library254.js";
-import { ReactComponent as P } from "./sd-component-library255.js";
-import { CurrentPage as h } from "./sd-component-library256.js";
-import { ReactComponent as S } from "./sd-component-library257.js";
+import { SquareButton as g } from "./sd-component-library253.js";
+import { ReactComponent as P } from "./sd-component-library254.js";
+import { CurrentPage as h } from "./sd-component-library255.js";
+import { ReactComponent as S } from "./sd-component-library256.js";
 import { GridCenter as R } from "./sd-component-library44.js";
 function x(m, t, o, n) {
   t == null || t(o, n), m(o);

package/lib/sd-component-library104.js

@@ -1,8 +1,8 @@
 import { j as e } from "./sd-component-library195.js";
-import { PaginationBarButton as i } from "./sd-component-library258.js";
-import { ReactComponent as h } from "./sd-component-library255.js";
-import { PaginationBarCurrentPage as u } from "./sd-component-library259.js";
-import { ReactComponent as f } from "./sd-component-library257.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-library41.js";
 import { ResponsiveTextV2 as j } from "./sd-component-library147.js";
 const k = (a) => {

package/lib/sd-component-library109.js

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

package/lib/sd-component-library110.js

@@ -4,7 +4,7 @@ import { Select as q } from "@rebass/forms";
 import { Box as G } from "rebass";
 import { useDependantState as J } from "./sd-component-library3.js";
 import { MaxMaxContainer as K } from "./sd-component-library43.js";
-import { BaseLabel as P } from "./sd-component-library221.js";
+import { BaseLabel as P } from "./sd-component-library225.js";
 import { ResponsiveTextV2 as Q } from "./sd-component-library147.js";
 const U = (a, r, t, d, o, n) => {
   const m = d.find(

package/lib/sd-component-library115.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-library14.js";
 import { ReactComponent as j } from "./sd-component-library186.js";
-import { CustomOptionBox as C } from "./sd-component-library260.js";
+import { CustomOptionBox as C } from "./sd-component-library261.js";
 import { GridCenter as S } from "./sd-component-library44.js";
 import { EighteenRegular as d } from "./sd-component-library139.js";
 import { HorizontalDivider as _ } from "./sd-component-library51.js";

package/lib/sd-component-library116.js

@@ -1,9 +1,9 @@
 import { j as o } from "./sd-component-library195.js";
 import { useState as x } from "react";
-import { BaseLabel as f } from "./sd-component-library221.js";
+import { BaseLabel as f } from "./sd-component-library225.js";
 import { OutsideClickBox as u } from "./sd-component-library14.js";
 import { ReactComponent as h } from "./sd-component-library186.js";
-import { SecondaryCustomSelectorOptionsBox as S } from "./sd-component-library261.js";
+import { SecondaryCustomSelectorOptionsBox as S } from "./sd-component-library262.js";
 import { GridContainerV2 as g } from "./sd-component-library41.js";
 import { ResponsiveTextV2 as C } from "./sd-component-library147.js";
 import { FlexCenter as j } from "./sd-component-library37.js";

package/lib/sd-component-library118.js

@@ -5,7 +5,7 @@ import { ReactComponent as x } from "./sd-component-library186.js";
 import { ResponsiveTextV2 as f } from "./sd-component-library147.js";
 import { BaseTextV2 as u } from "./sd-component-library135.js";
 import { FlexCenter as h } from "./sd-component-library37.js";
-import { SecondaryCustomSelectorOptionsBox as g } from "./sd-component-library261.js";
+import { SecondaryCustomSelectorOptionsBox as g } from "./sd-component-library262.js";
 const k = ({
   width: l,
   options: r,

package/lib/sd-component-library119.js

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

package/lib/sd-component-library124.js

@@ -1,8 +1,8 @@
 import { j as o } from "./sd-component-library195.js";
 import { useState as x } from "react";
-import { BaseLabel as f } from "./sd-component-library221.js";
+import { BaseLabel as f } from "./sd-component-library225.js";
 import { ReactComponent as u } from "./sd-component-library186.js";
-import { CustomScrollableOptionsBox as h } from "./sd-component-library263.js";
+import { CustomScrollableOptionsBox as h } from "./sd-component-library264.js";
 import { GridContainerV2 as S } from "./sd-component-library41.js";
 import { OutsideClickBox as b } from "./sd-component-library14.js";
 import { ResponsiveTextV2 as C } from "./sd-component-library147.js";

package/lib/sd-component-library125.js

@@ -2,9 +2,9 @@ import { j as o } from "./sd-component-library195.js";
 import { useState as x } from "react";
 import { Flex as i } from "rebass";
 import { OutsideClickBox as d } from "./sd-component-library14.js";
-import { BaseLabel as u } from "./sd-component-library221.js";
+import { BaseLabel as u } from "./sd-component-library225.js";
 import { ReactComponent as f } from "./sd-component-library186.js";
-import { CustomScrollableOptionsBox as h } from "./sd-component-library264.js";
+import { CustomScrollableOptionsBox as h } from "./sd-component-library265.js";
 import { ResponsiveTextV2 as b } from "./sd-component-library147.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-library127.js

@@ -1,6 +1,6 @@
 import { j as t } from "./sd-component-library195.js";
 import { IconButton as s } from "./sd-component-library25.js";
-import { ReactComponent as c } from "./sd-component-library202.js";
+import { ReactComponent as c } from "./sd-component-library203.js";
 import { EighteenBold as p } from "./sd-component-library138.js";
 import { GridCenter as g } from "./sd-component-library44.js";
 const C = ({

package/lib/sd-component-library130.js

@@ -2,9 +2,9 @@ import { j as t } from "./sd-component-library195.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-library272.js";
-import { Mask as p } from "./sd-component-library273.js";
-import { Tab as A } from "./sd-component-library274.js";
+import { ArrowButton as l } from "./sd-component-library270.js";
+import { Mask as p } from "./sd-component-library271.js";
+import { Tab as A } from "./sd-component-library272.js";
 import { HorizontalDivider as E } from "./sd-component-library51.js";
 const s = 30, e = `${s}px`, w = "30px";
 function Q({

package/lib/sd-component-library131.js

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

package/lib/sd-component-library133.js

@@ -1,8 +1,8 @@
 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 { ScrollableTabWrapper as C } from "./sd-component-library276.js";
-import { Tab as j } from "./sd-component-library277.js";
+import { ScrollableTabWrapper as C } from "./sd-component-library274.js";
+import { Tab as j } from "./sd-component-library275.js";
 import { VerticalDivider as E } from "./sd-component-library52.js";
 import { BaseGridContainer as y } from "./sd-component-library38.js";
 import { MaxMaxContainer as L } from "./sd-component-library43.js";

package/lib/sd-component-library164.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-library186.js";
 import { TriangularPointerIcon as u } from "./sd-component-library189.js";
-import { ActionBox as g } from "./sd-component-library250.js";
+import { ActionBox as g } from "./sd-component-library226.js";
 import { HorizontalDivider as n } from "./sd-component-library51.js";
 const B = (x) => {
   const {

package/lib/sd-component-library165.js

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

package/lib/sd-component-library168.js

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

package/lib/sd-component-library169.js

@@ -2,10 +2,10 @@ import { j as o } from "./sd-component-library195.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-library252.js";
-import { TooltipWithPointerMobile as M } from "./sd-component-library268.js";
-import { TooltipWithPointerHorizontal as V } from "./sd-component-library269.js";
-import { TooltipWithPointerVertical as D } from "./sd-component-library270.js";
+import E from "./sd-component-library259.js";
+import { TooltipWithPointerMobile as M } from "./sd-component-library267.js";
+import { TooltipWithPointerHorizontal as V } from "./sd-component-library268.js";
+import { TooltipWithPointerVertical as D } from "./sd-component-library269.js";
 const f = 200, J = (u) => {
   const {
     children: x,

package/lib/sd-component-library172.js

@@ -1,7 +1,7 @@
 import { j as x } from "./sd-component-library195.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-library271.js";
+import { refsManager as l } from "./sd-component-library276.js";
 const O = (m) => {
   const e = E(), {
     id: n,

package/lib/sd-component-library18.js

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

package/lib/sd-component-library195.js

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

package/lib/sd-component-library197.js

@@ -1,6 +1,43 @@
-import * as t from "react";
-const e = (a) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 9.983 6.021", ...a }, /* @__PURE__ */ t.createElement("path", { d: "M1795.1,1135.7l4.66,4.217a.338.338,0,0,0,.462,0l4.66-4.217a.266.266,0,0,0,0-.417l-.5-1.2a.327.327,0,0,0-.231-.091.319.319,0,0,0-.227.091l-3.934,3.557-3.932-3.557a.334.334,0,0,0-.457,0l-.5,1.2a.266.266,0,0,0,0,.417Z", transform: "translate(-1795.001 -1133.985)" }));
+import "react";
+import { useThemeUI as n, ThemeProvider as l, jsx as m, __themeUiDefaultContextValue as c } from "./sd-component-library277.js";
+import { css as f } from "./sd-component-library284.js";
+import { ColorModeProvider as u } from "./sd-component-library283.js";
+import { Global as d } from "./sd-component-library278.js";
+import { jsx as s, jsxs as a } from "./sd-component-library285.js";
+const h = () => m(d, {
+  styles: (r) => {
+    var e;
+    const o = r, {
+      useRootStyles: t
+    } = o.config || o;
+    if (t === !1 || o.styles && !o.styles.root)
+      return null;
+    const i = ((e = o.config) == null ? void 0 : e.useBorderBox) === !1 ? void 0 : "border-box";
+    return f({
+      "*": {
+        boxSizing: i
+      },
+      html: {
+        variant: "styles.root"
+      },
+      body: {
+        margin: 0
+      }
+    })(o);
+  }
+}), j = ({
+  theme: r,
+  children: e
+}) => {
+  const t = n() === c;
+  return s(l, {
+    theme: r,
+    children: a(u, {
+      children: [t && s(h, {}), e]
+    })
+  });
+};
 export {
-  e as ReactComponent
+  j as ThemeUIProvider
 };
 //# sourceMappingURL=sd-component-library197.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library197.js","sources":["../src/components/feature-explanation/assets/dropdown-arrow.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5Ljk4MyA2LjAyMSI+CiAgICA8cGF0aCBkPSJNMTc5NS4xLDExMzUuN2w0LjY2LDQuMjE3YS4zMzguMzM4LDAsMCwwLC40NjIsMGw0LjY2LTQuMjE3YS4yNjYuMjY2LDAsMCwwLDAtLjQxN2wtLjUtMS4yYS4zMjcuMzI3LDAsMCwwLS4yMzEtLjA5MS4zMTkuMzE5LDAsMCwwLS4yMjcuMDkxbC0zLjkzNCwzLjU1Ny0zLjkzMi0zLjU1N2EuMzM0LjMzNCwwLDAsMC0uNDU3LDBsLS41LDEuMmEuMjY2LjI2NiwwLDAsMCwwLC40MTdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTc5NS4wMDEgLTExMzMuOTg1KSIvPgo8L3N2Zz4=\""],"names":["SvgDropdownArrow","props","React"],"mappings":";AACK,MAACA,IAAmB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,mBAAmB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,0NAA0N,WAAW,kCAAkC,CAAC;"}
+{"version":3,"file":"sd-component-library197.js","sources":["../node_modules/@theme-ui/theme-provider/dist/theme-ui-theme-provider.esm.js"],"sourcesContent":["import React from 'react';\nimport { useThemeUI, ThemeProvider as ThemeProvider$1, jsx as jsx$1, __themeUiDefaultContextValue } from '@theme-ui/core';\nimport { css } from '@theme-ui/css';\nimport { ColorModeProvider } from '@theme-ui/color-modes';\nimport { Global } from '@emotion/react';\nimport { jsx, jsxs } from '@theme-ui/core/jsx-runtime';\n\nconst RootStyles = () => jsx$1(Global, {\n  styles: emotionTheme => {\n    var _theme$config;\n    const theme = emotionTheme;\n    const {\n      useRootStyles\n    } = theme.config || theme;\n    if (useRootStyles === false || theme.styles && !theme.styles.root) {\n      return null;\n    }\n    const boxSizing = ((_theme$config = theme.config) == null ? void 0 : _theme$config.useBorderBox) === false ? undefined : 'border-box';\n    return css({\n      '*': {\n        boxSizing\n      },\n      html: {\n        variant: 'styles.root'\n      },\n      body: {\n        margin: 0\n      }\n    })(theme);\n  }\n});\nconst ThemeUIProvider = ({\n  theme,\n  children\n}) => {\n  const outer = useThemeUI();\n  const isTopLevel = outer === __themeUiDefaultContextValue;\n  return jsx(ThemeProvider$1, {\n    theme: theme,\n    children: jsxs(ColorModeProvider, {\n      children: [isTopLevel && jsx(RootStyles, {}), children]\n    })\n  });\n};\n\n/** @deprecated ThemeProvider is now called ThemeUIProvider to reduce confusion with Emotion */\nconst ThemeProvider = ({\n  theme,\n  children\n}) => {\n  React.useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      console.warn('[theme-ui] The export ThemeUIProvider is deprecated and is now called ThemeProvider to reduce confusion with Emotion. Please update your import; ThemeUIProvider will be removed in a future version.');\n    }\n  }, []);\n  const outer = useThemeUI();\n  const isTopLevel = outer === __themeUiDefaultContextValue;\n  return jsx(ThemeProvider$1, {\n    theme: theme,\n    children: jsxs(ColorModeProvider, {\n      children: [isTopLevel && jsx(RootStyles, {}), children]\n    })\n  });\n};\n\nexport { ThemeProvider, ThemeUIProvider };\n"],"names":["RootStyles","jsx$1","Global","emotionTheme","_theme$config","theme","useRootStyles","boxSizing","css","ThemeUIProvider","children","isTopLevel","useThemeUI","__themeUiDefaultContextValue","jsx","ThemeProvider$1","jsxs","ColorModeProvider"],"mappings":";;;;;;AAOA,MAAMA,IAAa,MAAMC,EAAMC,GAAQ;AAAA,EACrC,QAAQ,CAAAC,MAAgB;AACtB,QAAIC;AACJ,UAAMC,IAAQF,GACR;AAAA,MACJ,eAAAG;AAAA,IACN,IAAQD,EAAM,UAAUA;AACpB,QAAIC,MAAkB,MAASD,EAAM,UAAU,CAACA,EAAM,OAAO;AAC3D,aAAO;AAET,UAAME,MAAcH,IAAgBC,EAAM,WAAW,OAAO,SAASD,EAAc,kBAAkB,KAAQ,SAAY;AACzH,WAAOI,EAAI;AAAA,MACT,KAAK;AAAA,QACH,WAAAD;AAAA,MACD;AAAA,MACD,MAAM;AAAA,QACJ,SAAS;AAAA,MACV;AAAA,MACD,MAAM;AAAA,QACJ,QAAQ;AAAA,MACT;AAAA,IACP,CAAK,EAAEF,CAAK;AAAA,EACT;AACH,CAAC,GACKI,IAAkB,CAAC;AAAA,EACvB,OAAAJ;AAAA,EACA,UAAAK;AACF,MAAM;AAEJ,QAAMC,IADQC,QACeC;AAC7B,SAAOC,EAAIC,GAAiB;AAAA,IAC1B,OAAOV;AAAA,IACP,UAAUW,EAAKC,GAAmB;AAAA,MAChC,UAAU,CAACN,KAAcG,EAAId,GAAY,CAAA,CAAE,GAAGU,CAAQ;AAAA,IAC5D,CAAK;AAAA,EACL,CAAG;AACH;","x_google_ignoreList":[0]}

package/lib/sd-component-library198.js

@@ -1,63 +1,6 @@
-import { j as i } from "./sd-component-library195.js";
-import { Box as p, Text as l } from "rebass";
-import s from "./sd-component-library194.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
-        }
-      )
-    }
-  );
-};
+import * as t from "react";
+const e = (a) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 9.983 6.021", ...a }, /* @__PURE__ */ t.createElement("path", { d: "M1795.1,1135.7l4.66,4.217a.338.338,0,0,0,.462,0l4.66-4.217a.266.266,0,0,0,0-.417l-.5-1.2a.327.327,0,0,0-.231-.091.319.319,0,0,0-.227.091l-3.934,3.557-3.932-3.557a.334.334,0,0,0-.457,0l-.5,1.2a.266.266,0,0,0,0,.417Z", transform: "translate(-1795.001 -1133.985)" }));
 export {
-  f as ProgressStep
+  e as ReactComponent
 };
 //# sourceMappingURL=sd-component-library198.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library198.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-library198.js","sources":["../src/components/feature-explanation/assets/dropdown-arrow.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5Ljk4MyA2LjAyMSI+CiAgICA8cGF0aCBkPSJNMTc5NS4xLDExMzUuN2w0LjY2LDQuMjE3YS4zMzguMzM4LDAsMCwwLC40NjIsMGw0LjY2LTQuMjE3YS4yNjYuMjY2LDAsMCwwLDAtLjQxN2wtLjUtMS4yYS4zMjcuMzI3LDAsMCwwLS4yMzEtLjA5MS4zMTkuMzE5LDAsMCwwLS4yMjcuMDkxbC0zLjkzNCwzLjU1Ny0zLjkzMi0zLjU1N2EuMzM0LjMzNCwwLDAsMC0uNDU3LDBsLS41LDEuMmEuMjY2LjI2NiwwLDAsMCwwLC40MTdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTc5NS4wMDEgLTExMzMuOTg1KSIvPgo8L3N2Zz4=\""],"names":["SvgDropdownArrow","props","React"],"mappings":";AACK,MAACA,IAAmB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,mBAAmB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,0NAA0N,WAAW,kCAAkC,CAAC;"}

package/lib/sd-component-library199.js

@@ -1,5 +1,63 @@
-var e = { exports: {} };
+import { j as i } from "./sd-component-library195.js";
+import { Box as p, Text as l } from "rebass";
+import s from "./sd-component-library194.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-library199.js.map

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

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

@@ -1,9 +1,9 @@
 import { j as r } from "./sd-component-library195.js";
 import m from "react";
-import { ThemeProvider as t } from "emotion-theming";
-import o from "./sd-component-library194.js";
-import { mergeThemes as i } from "./sd-component-library196.js";
-const d = (e) => /* @__PURE__ */ r.jsx(m.StrictMode, { children: /* @__PURE__ */ r.jsx(t, { theme: i(o, e.clientsTheme), children: e.children }) });
+import t from "./sd-component-library194.js";
+import { mergeThemes as o } from "./sd-component-library196.js";
+import { ThemeUIProvider as i } from "./sd-component-library197.js";
+const d = (e) => /* @__PURE__ */ r.jsx(m.StrictMode, { children: /* @__PURE__ */ r.jsx(i, { theme: o(t, e.clientsTheme), children: e.children }) });
 export {
   d as Wrapper
 };

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library2.js","sources":["../src/components/wrapper/wrapper.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ThemeProvider } from \"emotion-theming\";\n\nimport baseTheme from \"../../core/theme\";\nimport { mergeThemes } from \"./functions\";\nimport { WrapperProps } from \"./interfaces\";\n\n/**\n * Wrapper for the whole react application.\n */\nexport const Wrapper: React.FC<WrapperProps> = (props) => {\n  return (\n    <React.StrictMode>\n      <ThemeProvider theme={mergeThemes(baseTheme, props.clientsTheme)}>\n        {props.children}\n      </ThemeProvider>\n    </React.StrictMode>\n  );\n};\n"],"names":["Wrapper","props","jsx","React","ThemeProvider","mergeThemes","baseTheme"],"mappings":";;;;;AAWa,MAAAA,IAAkC,CAACC,MAE3CC,gBAAAA,EAAAA,IAAAC,EAAM,YAAN,EACC,gCAACC,GAAc,EAAA,OAAOC,EAAYC,GAAWL,EAAM,YAAY,GAC5D,UAAAA,EAAM,UACT,EACF,CAAA;"}
+{"version":3,"file":"sd-component-library2.js","sources":["../src/components/wrapper/wrapper.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ThemeUIProvider as ThemeProvider } from \"theme-ui\";\n\nimport baseTheme from \"../../core/theme\";\nimport { mergeThemes } from \"./functions\";\nimport { WrapperProps } from \"./interfaces\";\n\n/**\n * Wrapper for the whole react application.\n */\nexport const Wrapper: React.FC<WrapperProps> = (props) => {\n  return (\n    <React.StrictMode>\n      <ThemeProvider theme={mergeThemes(baseTheme, props.clientsTheme)}>\n        {props.children}\n      </ThemeProvider>\n    </React.StrictMode>\n  );\n};\n"],"names":["Wrapper","props","jsx","React","ThemeProvider","mergeThemes","baseTheme"],"mappings":";;;;;AAWa,MAAAA,IAAkC,CAACC,MAE3CC,gBAAAA,EAAAA,IAAAC,EAAM,YAAN,EACC,gCAACC,GAAc,EAAA,OAAOC,EAAYC,GAAWL,EAAM,YAAY,GAC5D,UAAAA,EAAM,UACT,EACF,CAAA;"}

package/lib/sd-component-library200.js

@@ -1,33 +1,5 @@
-import { __exports as t } from "./sd-component-library266.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-library200.js.map

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

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