@selfdecode/sd-component-library 4.0.110 → 4.0.111

package/lib/sd-component-library100.js

@@ -1,8 +1,8 @@
 import { j as o } from "./sd-component-library198.js";
 import { Box as j } from "rebass";
 import { isPDFFlow as g } from "./sd-component-library4.js";
-import { areSegmentsValid as v } from "./sd-component-library249.js";
-import { Segment as w } from "./sd-component-library250.js";
+import { areSegmentsValid as v } from "./sd-component-library248.js";
+import { Segment as w } from "./sd-component-library249.js";
 const E = ({
   segments: x,
   outlineWidth: e = 2,

package/lib/sd-component-library101.js

@@ -1,7 +1,7 @@
 import { j as n } from "./sd-component-library198.js";
-import { areSegmentsValid as h } from "./sd-component-library249.js";
-import { CompactDonutGaugeSegment as x } from "./sd-component-library251.js";
-import { CompactDonutGaugeValueIndicator as f } from "./sd-component-library252.js";
+import { areSegmentsValid as h } from "./sd-component-library248.js";
+import { CompactDonutGaugeSegment as x } from "./sd-component-library250.js";
+import { CompactDonutGaugeValueIndicator as f } from "./sd-component-library251.js";
 const C = ({
   segments: e,
   size: r = 70,

package/lib/sd-component-library103.js

@@ -1,5 +1,5 @@
 import { j as e } from "./sd-component-library198.js";
-import { isMatchingRange as u } from "./sd-component-library255.js";
+import { isMatchingRange as u } from "./sd-component-library252.js";
 import { GridCenter as c } from "./sd-component-library43.js";
 import { GridContainerV2 as f } from "./sd-component-library40.js";
 import { LinearGaugeSegment as d } from "./sd-component-library253.js";

package/lib/sd-component-library104.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-library256.js";
+import X from "./sd-component-library262.js";
 import { OutsideClickBox as P } from "./sd-component-library12.js";
-import { ReactComponent as z } from "./sd-component-library257.js";
+import { ReactComponent as z } from "./sd-component-library263.js";
 import { FlexCenter as A } from "./sd-component-library36.js";
 import { Button as D } from "./sd-component-library26.js";
 const r = 500, J = (d) => {

package/lib/sd-component-library106.js

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

package/lib/sd-component-library108.js

@@ -1,8 +1,8 @@
 import { j as e } from "./sd-component-library198.js";
-import { PaginationBarButton as i } from "./sd-component-library262.js";
-import { ReactComponent as h } from "./sd-component-library259.js";
-import { PaginationBarCurrentPage as u } from "./sd-component-library263.js";
-import { ReactComponent as f } from "./sd-component-library261.js";
+import { PaginationBarButton as i } from "./sd-component-library260.js";
+import { ReactComponent as h } from "./sd-component-library257.js";
+import { PaginationBarCurrentPage as u } from "./sd-component-library261.js";
+import { ReactComponent as f } from "./sd-component-library259.js";
 import { GridContainerV2 as s } from "./sd-component-library40.js";
 import { ResponsiveTextV2 as j } from "./sd-component-library152.js";
 const k = (a) => {

package/lib/sd-component-library119.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-library12.js";
 import { ReactComponent as j } from "./sd-component-library189.js";
-import { CustomOptionBox as C } from "./sd-component-library270.js";
+import { CustomOptionBox as C } from "./sd-component-library265.js";
 import { GridCenter as S } from "./sd-component-library43.js";
 import { EighteenRegular as d } from "./sd-component-library144.js";
 import { HorizontalDivider as _ } from "./sd-component-library50.js";

package/lib/sd-component-library120.js

@@ -3,7 +3,7 @@ import { useState as x } from "react";
 import { BaseLabel as f } from "./sd-component-library228.js";
 import { OutsideClickBox as u } from "./sd-component-library12.js";
 import { ReactComponent as h } from "./sd-component-library189.js";
-import { SecondaryCustomSelectorOptionsBox as S } from "./sd-component-library271.js";
+import { SecondaryCustomSelectorOptionsBox as S } from "./sd-component-library264.js";
 import { GridContainerV2 as g } from "./sd-component-library40.js";
 import { ResponsiveTextV2 as C } from "./sd-component-library152.js";
 import { FlexCenter as j } from "./sd-component-library36.js";

package/lib/sd-component-library122.js

@@ -5,7 +5,7 @@ import { ReactComponent as x } from "./sd-component-library189.js";
 import { ResponsiveTextV2 as f } from "./sd-component-library152.js";
 import { BaseTextV2 as u } from "./sd-component-library140.js";
 import { FlexCenter as h } from "./sd-component-library36.js";
-import { SecondaryCustomSelectorOptionsBox as g } from "./sd-component-library271.js";
+import { SecondaryCustomSelectorOptionsBox as g } from "./sd-component-library264.js";
 const k = ({
   width: l,
   options: r,

package/lib/sd-component-library123.js

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

package/lib/sd-component-library128.js

@@ -2,7 +2,7 @@ import { j as o } from "./sd-component-library198.js";
 import { useState as x } from "react";
 import { BaseLabel as f } from "./sd-component-library228.js";
 import { ReactComponent as u } from "./sd-component-library189.js";
-import { CustomScrollableOptionsBox as h } from "./sd-component-library273.js";
+import { CustomScrollableOptionsBox as h } from "./sd-component-library267.js";
 import { GridContainerV2 as S } from "./sd-component-library40.js";
 import { OutsideClickBox as b } from "./sd-component-library12.js";
 import { ResponsiveTextV2 as C } from "./sd-component-library152.js";

package/lib/sd-component-library129.js

@@ -4,7 +4,7 @@ import { Flex as i } from "rebass";
 import { OutsideClickBox as d } from "./sd-component-library12.js";
 import { BaseLabel as u } from "./sd-component-library228.js";
 import { ReactComponent as f } from "./sd-component-library189.js";
-import { CustomScrollableOptionsBox as h } from "./sd-component-library274.js";
+import { CustomScrollableOptionsBox as h } from "./sd-component-library268.js";
 import { ResponsiveTextV2 as b } from "./sd-component-library152.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-library131.js

@@ -1,6 +1,6 @@
 import { j as t } from "./sd-component-library198.js";
 import { IconButton as s } from "./sd-component-library23.js";
-import { ReactComponent as c } from "./sd-component-library205.js";
+import { ReactComponent as c } from "./sd-component-library255.js";
 import { EighteenBold as p } from "./sd-component-library143.js";
 import { GridCenter as g } from "./sd-component-library43.js";
 const C = ({

package/lib/sd-component-library135.js

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

package/lib/sd-component-library136.js

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

package/lib/sd-component-library138.js

@@ -1,8 +1,8 @@
 import { j as r } from "./sd-component-library198.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-library268.js";
-import { Tab as j } from "./sd-component-library269.js";
+import { ScrollableTabWrapper as C } from "./sd-component-library273.js";
+import { Tab as j } from "./sd-component-library274.js";
 import { VerticalDivider as E } from "./sd-component-library51.js";
 import { BaseGridContainer as y } from "./sd-component-library37.js";
 import { MaxMaxContainer as L } from "./sd-component-library42.js";

package/lib/sd-component-library16.js

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

package/lib/sd-component-library169.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-library189.js";
 import { TriangularPointerIcon as u } from "./sd-component-library192.js";
-import { ActionBox as g } from "./sd-component-library229.js";
+import { ActionBox as g } from "./sd-component-library216.js";
 import { HorizontalDivider as n } from "./sd-component-library50.js";
 const B = (x) => {
   const {

package/lib/sd-component-library174.js

@@ -2,7 +2,7 @@ import { j as o } from "./sd-component-library198.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-library256.js";
+import E from "./sd-component-library262.js";
 import { TooltipWithPointerMobile as M } from "./sd-component-library276.js";
 import { TooltipWithPointerHorizontal as V } from "./sd-component-library277.js";
 import { TooltipWithPointerVertical as D } from "./sd-component-library278.js";

package/lib/sd-component-library175.js

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

package/lib/sd-component-library203.js

@@ -1,4 +1,4 @@
-import { __exports as t } from "./sd-component-library280.js";
+import { __exports as t } from "./sd-component-library279.js";
 import R from "react";
 /**
  * @license React

package/lib/sd-component-library204.js

@@ -1,4 +1,4 @@
-import { __exports as R } from "./sd-component-library281.js";
+import { __exports as R } from "./sd-component-library280.js";
 import tr from "react";
 /**
  * @license React

package/lib/sd-component-library205.js

@@ -1,6 +1,60 @@
-import * as t from "react";
-const e = (a) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 9.984, height: 6.021, viewBox: "0 0 9.984 6.021", ...a }, /* @__PURE__ */ t.createElement("path", { id: "dropdown_arrow_up", d: "M1262.106,88.295l4.662-4.218a.336.336,0,0,1,.459,0l4.662,4.218a.266.266,0,0,1,0,.416l-.5,1.205a.327.327,0,0,1-.23.091.331.331,0,0,1-.23-.091L1267,86.359l-3.93,3.557a.338.338,0,0,1-.46,0l-.5-1.205a.265.265,0,0,1,0-.416Z", transform: "translate(-1262.005 -83.986)" }));
+import { j as t } from "./sd-component-library198.js";
+import { Crumb as c } from "./sd-component-library17.js";
+const l = (s, h, p) => s.map(({ title: e, dontTranslate: r, onClick: u }, o) => /* @__PURE__ */ t.jsx(
+  c,
+  {
+    variant: h,
+    crumb: { title: e, dontTranslate: r },
+    isLast: o === s.length - 1,
+    textTransform: p,
+    onClick: u
+  },
+  e + o
+)), a = (s, h, p) => {
+  const e = [];
+  return s.slice(0, 2).forEach(({ title: r, dontTranslate: u, onClick: o }, m) => {
+    e.push(
+      /* @__PURE__ */ t.jsx(
+        c,
+        {
+          variant: h,
+          crumb: { title: r, dontTranslate: u },
+          isLast: !1,
+          textTransform: p,
+          onClick: o
+        },
+        r + m
+      )
+    );
+  }), e.push(
+    /* @__PURE__ */ t.jsx(
+      c,
+      {
+        variant: h,
+        crumb: { title: "..." },
+        isLast: !1,
+        textTransform: p
+      },
+      "..."
+    )
+  ), s.slice(s.length - 2, s.length).forEach(({ title: r, onClick: u, dontTranslate: o }, m) => {
+    e.push(
+      /* @__PURE__ */ t.jsx(
+        c,
+        {
+          variant: h,
+          crumb: { title: r, dontTranslate: o },
+          isLast: m === 1,
+          textTransform: p,
+          onClick: u
+        },
+        r + m
+      )
+    );
+  }), e;
+};
 export {
-  e as ReactComponent
+  a as renderMoreThanFiveCrumbs,
+  l as renderUpToFiveCrumbs
 };
 //# sourceMappingURL=sd-component-library205.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library205.js","sources":["../src/components/accordions/base-accordion/assets/dropdown_arrow_up.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Ljk4NCIgaGVpZ2h0PSI2LjAyMSIgdmlld0JveD0iMCAwIDkuOTg0IDYuMDIxIj4NCiAgPHBhdGggaWQ9ImRyb3Bkb3duX2Fycm93X3VwIiBkPSJNMTI2Mi4xMDYsODguMjk1bDQuNjYyLTQuMjE4YS4zMzYuMzM2LDAsMCwxLC40NTksMGw0LjY2Miw0LjIxOGEuMjY2LjI2NiwwLDAsMSwwLC40MTZsLS41LDEuMjA1YS4zMjcuMzI3LDAsMCwxLS4yMy4wOTEuMzMxLjMzMSwwLDAsMS0uMjMtLjA5MUwxMjY3LDg2LjM1OWwtMy45MywzLjU1N2EuMzM4LjMzOCwwLDAsMS0uNDYsMGwtLjUtMS4yMDVhLjI2NS4yNjUsMCwwLDEsMC0uNDE2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyNjIuMDA1IC04My45ODYpIi8+DQo8L3N2Zz4NCg==\""],"names":["SvgDropdownArrowUp","props","React"],"mappings":";AACK,MAACA,IAAqB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,OAAO,QAAQ,OAAO,SAAS,mBAAmB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,IAAI,qBAAqB,GAAG,8NAA8N,WAAW,+BAA8B,CAAE,CAAC;"}
+{"version":3,"file":"sd-component-library205.js","sources":["../src/components/breadcrumbs/breadcrumb/functions.tsx"],"sourcesContent":["import React, { CSSProperties } from \"react\";\n\nimport { Crumb, CrumbType } from \"./crumb\";\n\nexport const renderUpToFiveCrumbs = (\n  crumbs: CrumbType[],\n  variant: string | undefined,\n  textTransform: CSSProperties[\"textTransform\"]\n) => {\n  return crumbs.map(({ title, dontTranslate, onClick }, index: number) => (\n    <Crumb\n      variant={variant}\n      crumb={{ title, dontTranslate }}\n      isLast={index === crumbs.length - 1}\n      key={title + index}\n      textTransform={textTransform}\n      onClick={onClick}\n    />\n  ));\n};\n\nexport const renderMoreThanFiveCrumbs = (\n  crumbs: CrumbType[],\n  variant: string | undefined,\n  textTransform: CSSProperties[\"textTransform\"]\n) => {\n  const elements: JSX.Element[] = [];\n\n  crumbs\n    .slice(0, 2)\n    .forEach(({ title, dontTranslate, onClick }, index: number): void => {\n      elements.push(\n        <Crumb\n          variant={variant}\n          crumb={{ title, dontTranslate }}\n          isLast={false}\n          key={title + index}\n          textTransform={textTransform}\n          onClick={onClick}\n        />\n      );\n    });\n  elements.push(\n    <Crumb\n      variant={variant}\n      crumb={{ title: \"...\" }}\n      isLast={false}\n      textTransform={textTransform}\n      key=\"...\"\n    />\n  );\n\n  crumbs\n    .slice(crumbs.length - 2, crumbs.length)\n    .forEach(({ title, onClick, dontTranslate }, index: number): void => {\n      elements.push(\n        <Crumb\n          variant={variant}\n          crumb={{ title, dontTranslate }}\n          isLast={index === 1}\n          key={title + index}\n          textTransform={textTransform}\n          onClick={onClick}\n        />\n      );\n    });\n  return elements;\n};\n"],"names":["renderUpToFiveCrumbs","crumbs","variant","textTransform","title","dontTranslate","onClick","index","jsx","Crumb","renderMoreThanFiveCrumbs","elements"],"mappings":";;AAIO,MAAMA,IAAuB,CAClCC,GACAC,GACAC,MAEOF,EAAO,IAAI,CAAC,EAAE,OAAAG,GAAO,eAAAC,GAAe,SAAAC,EAAA,GAAWC,MACpDC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAAP;AAAA,IACA,OAAO,EAAE,OAAAE,GAAO,eAAAC,EAAc;AAAA,IAC9B,QAAQE,MAAUN,EAAO,SAAS;AAAA,IAElC,eAAAE;AAAA,IACA,SAAAG;AAAA,EAAA;AAAA,EAFKF,IAAQG;AAAA,CAIhB,GAGUG,IAA2B,CACtCT,GACAC,GACAC,MACG;AACH,QAAMQ,IAA0B,CAAA;AAG7B,SAAAV,EAAA,MAAM,GAAG,CAAC,EACV,QAAQ,CAAC,EAAE,OAAAG,GAAO,eAAAC,GAAe,SAAAC,EAAQ,GAAGC,MAAwB;AAC1D,IAAAI,EAAA;AAAA,MACPH,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAP;AAAA,UACA,OAAO,EAAE,OAAAE,GAAO,eAAAC,EAAc;AAAA,UAC9B,QAAQ;AAAA,UAER,eAAAF;AAAA,UACA,SAAAG;AAAA,QAAA;AAAA,QAFKF,IAAQG;AAAA,MAGf;AAAA,IAAA;AAAA,EACF,CACD,GACMI,EAAA;AAAA,IACPH,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAAP;AAAA,QACA,OAAO,EAAE,OAAO,MAAM;AAAA,QACtB,QAAQ;AAAA,QACR,eAAAC;AAAA,MAAA;AAAA,MACI;AAAA,IACN;AAAA,EAAA,GAGFF,EACG,MAAMA,EAAO,SAAS,GAAGA,EAAO,MAAM,EACtC,QAAQ,CAAC,EAAE,OAAAG,GAAO,SAAAE,GAAS,eAAAD,EAAA,GAAiBE,MAAwB;AAC1D,IAAAI,EAAA;AAAA,MACPH,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAP;AAAA,UACA,OAAO,EAAE,OAAAE,GAAO,eAAAC,EAAc;AAAA,UAC9B,QAAQE,MAAU;AAAA,UAElB,eAAAJ;AAAA,UACA,SAAAG;AAAA,QAAA;AAAA,QAFKF,IAAQG;AAAA,MAGf;AAAA,IAAA;AAAA,EACF,CACD,GACII;AACT;"}

package/lib/sd-component-library206.js

@@ -1,60 +1,67 @@
-import { j as t } from "./sd-component-library198.js";
-import { Crumb as c } from "./sd-component-library17.js";
-const l = (s, h, p) => s.map(({ title: e, dontTranslate: r, onClick: u }, o) => /* @__PURE__ */ t.jsx(
-  c,
-  {
-    variant: h,
-    crumb: { title: e, dontTranslate: r },
-    isLast: o === s.length - 1,
-    textTransform: p,
-    onClick: u
-  },
-  e + o
-)), a = (s, h, p) => {
-  const e = [];
-  return s.slice(0, 2).forEach(({ title: r, dontTranslate: u, onClick: o }, m) => {
-    e.push(
-      /* @__PURE__ */ t.jsx(
-        c,
-        {
-          variant: h,
-          crumb: { title: r, dontTranslate: u },
-          isLast: !1,
-          textTransform: p,
-          onClick: o
-        },
-        r + m
-      )
-    );
-  }), e.push(
-    /* @__PURE__ */ t.jsx(
-      c,
-      {
-        variant: h,
-        crumb: { title: "..." },
-        isLast: !1,
-        textTransform: p
+import { j as o } from "./sd-component-library198.js";
+import { Box as d } from "rebass";
+import { BoldText as t } from "./sd-component-library165.js";
+import { FlexCenter as h } from "./sd-component-library36.js";
+const m = "80px", B = (i) => {
+  const {
+    questionText: n,
+    children: r,
+    containerSx: x,
+    iconContainerSx: p,
+    questionTextFontSize: s = 24,
+    iconFontSize: a = 40,
+    questionMarginBottom: c = "30px",
+    showIcon: e = !1,
+    ...l
+  } = i;
+  return /* @__PURE__ */ o.jsxs(
+    d,
+    {
+      sx: {
+        width: "270px",
+        position: "relative",
+        borderRadius: "5px",
+        boxShadow: "0px 0px 10px #9BA2B433",
+        px: "40px",
+        pb: "40px",
+        pt: e ? "70px" : "40px",
+        bg: "cl_white",
+        ...x
       },
-      "..."
-    )
-  ), s.slice(s.length - 2, s.length).forEach(({ title: r, onClick: u, dontTranslate: o }, m) => {
-    e.push(
-      /* @__PURE__ */ t.jsx(
-        c,
-        {
-          variant: h,
-          crumb: { title: r, dontTranslate: o },
-          isLast: m === 1,
-          textTransform: p,
-          onClick: u
-        },
-        r + m
-      )
-    );
-  }), e;
+      ...l,
+      children: [
+        /* @__PURE__ */ o.jsx(
+          t,
+          {
+            fontSize: s,
+            textAlign: "center",
+            mb: c,
+            children: n
+          }
+        ),
+        r,
+        e && /* @__PURE__ */ o.jsx(
+          h,
+          {
+            size: m,
+            bg: "white",
+            sx: {
+              position: "absolute",
+              left: "50%",
+              top: 0,
+              boxShadow: "0px 0px 10px #9BA2B433",
+              borderRadius: "50%",
+              transform: "translate(-50%, -50%)",
+              ...p
+            },
+            children: /* @__PURE__ */ o.jsx(t, { fontSize: a, color: "cl_purple", children: "?" })
+          }
+        )
+      ]
+    }
+  );
 };
 export {
-  a as renderMoreThanFiveCrumbs,
-  l as renderUpToFiveCrumbs
+  B as BaseFeedbackContainer
 };
 //# sourceMappingURL=sd-component-library206.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library206.js","sources":["../src/components/breadcrumbs/breadcrumb/functions.tsx"],"sourcesContent":["import React, { CSSProperties } from \"react\";\n\nimport { Crumb, CrumbType } from \"./crumb\";\n\nexport const renderUpToFiveCrumbs = (\n  crumbs: CrumbType[],\n  variant: string | undefined,\n  textTransform: CSSProperties[\"textTransform\"]\n) => {\n  return crumbs.map(({ title, dontTranslate, onClick }, index: number) => (\n    <Crumb\n      variant={variant}\n      crumb={{ title, dontTranslate }}\n      isLast={index === crumbs.length - 1}\n      key={title + index}\n      textTransform={textTransform}\n      onClick={onClick}\n    />\n  ));\n};\n\nexport const renderMoreThanFiveCrumbs = (\n  crumbs: CrumbType[],\n  variant: string | undefined,\n  textTransform: CSSProperties[\"textTransform\"]\n) => {\n  const elements: JSX.Element[] = [];\n\n  crumbs\n    .slice(0, 2)\n    .forEach(({ title, dontTranslate, onClick }, index: number): void => {\n      elements.push(\n        <Crumb\n          variant={variant}\n          crumb={{ title, dontTranslate }}\n          isLast={false}\n          key={title + index}\n          textTransform={textTransform}\n          onClick={onClick}\n        />\n      );\n    });\n  elements.push(\n    <Crumb\n      variant={variant}\n      crumb={{ title: \"...\" }}\n      isLast={false}\n      textTransform={textTransform}\n      key=\"...\"\n    />\n  );\n\n  crumbs\n    .slice(crumbs.length - 2, crumbs.length)\n    .forEach(({ title, onClick, dontTranslate }, index: number): void => {\n      elements.push(\n        <Crumb\n          variant={variant}\n          crumb={{ title, dontTranslate }}\n          isLast={index === 1}\n          key={title + index}\n          textTransform={textTransform}\n          onClick={onClick}\n        />\n      );\n    });\n  return elements;\n};\n"],"names":["renderUpToFiveCrumbs","crumbs","variant","textTransform","title","dontTranslate","onClick","index","jsx","Crumb","renderMoreThanFiveCrumbs","elements"],"mappings":";;AAIO,MAAMA,IAAuB,CAClCC,GACAC,GACAC,MAEOF,EAAO,IAAI,CAAC,EAAE,OAAAG,GAAO,eAAAC,GAAe,SAAAC,EAAA,GAAWC,MACpDC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAAP;AAAA,IACA,OAAO,EAAE,OAAAE,GAAO,eAAAC,EAAc;AAAA,IAC9B,QAAQE,MAAUN,EAAO,SAAS;AAAA,IAElC,eAAAE;AAAA,IACA,SAAAG;AAAA,EAAA;AAAA,EAFKF,IAAQG;AAAA,CAIhB,GAGUG,IAA2B,CACtCT,GACAC,GACAC,MACG;AACH,QAAMQ,IAA0B,CAAA;AAG7B,SAAAV,EAAA,MAAM,GAAG,CAAC,EACV,QAAQ,CAAC,EAAE,OAAAG,GAAO,eAAAC,GAAe,SAAAC,EAAQ,GAAGC,MAAwB;AAC1D,IAAAI,EAAA;AAAA,MACPH,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAP;AAAA,UACA,OAAO,EAAE,OAAAE,GAAO,eAAAC,EAAc;AAAA,UAC9B,QAAQ;AAAA,UAER,eAAAF;AAAA,UACA,SAAAG;AAAA,QAAA;AAAA,QAFKF,IAAQG;AAAA,MAGf;AAAA,IAAA;AAAA,EACF,CACD,GACMI,EAAA;AAAA,IACPH,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAAP;AAAA,QACA,OAAO,EAAE,OAAO,MAAM;AAAA,QACtB,QAAQ;AAAA,QACR,eAAAC;AAAA,MAAA;AAAA,MACI;AAAA,IACN;AAAA,EAAA,GAGFF,EACG,MAAMA,EAAO,SAAS,GAAGA,EAAO,MAAM,EACtC,QAAQ,CAAC,EAAE,OAAAG,GAAO,SAAAE,GAAS,eAAAD,EAAA,GAAiBE,MAAwB;AAC1D,IAAAI,EAAA;AAAA,MACPH,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAP;AAAA,UACA,OAAO,EAAE,OAAAE,GAAO,eAAAC,EAAc;AAAA,UAC9B,QAAQE,MAAU;AAAA,UAElB,eAAAJ;AAAA,UACA,SAAAG;AAAA,QAAA;AAAA,QAFKF,IAAQG;AAAA,MAGf;AAAA,IAAA;AAAA,EACF,CACD,GACII;AACT;"}
+{"version":3,"file":"sd-component-library206.js","sources":["../src/components/feedback/base-feedback-container/base-feedback-container.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { FlexCenter } from \"../../containers\";\nimport { BoldText } from \"../../texts\";\nimport { BaseFeedbackBlockProps as Props } from \"./interfaces\";\n\nconst iconSize = \"80px\";\n\nexport const BaseFeedbackContainer: React.FC<Props> = (props) => {\n  const {\n    questionText,\n    children,\n    containerSx,\n    iconContainerSx,\n    questionTextFontSize = 24,\n    iconFontSize = 40,\n    questionMarginBottom = \"30px\",\n    showIcon = false,\n    ...hoverCallbacks\n  } = props;\n\n  return (\n    <Box\n      sx={{\n        width: \"270px\",\n        position: \"relative\",\n        borderRadius: \"5px\",\n        boxShadow: \"0px 0px 10px #9BA2B433\",\n        px: \"40px\",\n        pb: \"40px\",\n        pt: showIcon ? \"70px\" : \"40px\",\n        bg: \"cl_white\",\n        ...containerSx,\n      }}\n      {...hoverCallbacks}\n    >\n      <BoldText\n        fontSize={questionTextFontSize}\n        textAlign=\"center\"\n        mb={questionMarginBottom}\n      >\n        {questionText}\n      </BoldText>\n\n      {children}\n\n      {showIcon && (\n        <FlexCenter\n          size={iconSize}\n          bg=\"white\"\n          sx={{\n            position: \"absolute\",\n            left: \"50%\",\n            top: 0,\n            boxShadow: \"0px 0px 10px #9BA2B433\",\n            borderRadius: \"50%\",\n            transform: \"translate(-50%, -50%)\",\n            ...iconContainerSx,\n          }}\n        >\n          <BoldText fontSize={iconFontSize} color=\"cl_purple\">\n            ?\n          </BoldText>\n        </FlexCenter>\n      )}\n    </Box>\n  );\n};\n"],"names":["iconSize","BaseFeedbackContainer","props","questionText","children","containerSx","iconContainerSx","questionTextFontSize","iconFontSize","questionMarginBottom","showIcon","hoverCallbacks","jsxs","Box","jsx","BoldText","FlexCenter"],"mappings":";;;;AAQA,MAAMA,IAAW,QAEJC,IAAyC,CAACC,MAAU;AACzD,QAAA;AAAA,IACJ,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,sBAAAC,IAAuB;AAAA,IACvB,cAAAC,IAAe;AAAA,IACf,sBAAAC,IAAuB;AAAA,IACvB,UAAAC,IAAW;AAAA,IACX,GAAGC;AAAA,EACD,IAAAT;AAGF,SAAAU,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,OAAO;AAAA,QACP,UAAU;AAAA,QACV,cAAc;AAAA,QACd,WAAW;AAAA,QACX,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAIH,IAAW,SAAS;AAAA,QACxB,IAAI;AAAA,QACJ,GAAGL;AAAA,MACL;AAAA,MACC,GAAGM;AAAA,MAEJ,UAAA;AAAA,QAAAG,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAUR;AAAA,YACV,WAAU;AAAA,YACV,IAAIE;AAAA,YAEH,UAAAN;AAAA,UAAA;AAAA,QACH;AAAA,QAECC;AAAA,QAEAM,KACCI,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAMhB;AAAA,YACN,IAAG;AAAA,YACH,IAAI;AAAA,cACF,UAAU;AAAA,cACV,MAAM;AAAA,cACN,KAAK;AAAA,cACL,WAAW;AAAA,cACX,cAAc;AAAA,cACd,WAAW;AAAA,cACX,GAAGM;AAAA,YACL;AAAA,YAEA,gCAACS,GAAS,EAAA,UAAUP,GAAc,OAAM,aAAY,UAEpD,KAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/lib/sd-component-library207.js

@@ -1,28 +1,26 @@
-import { j as o } from "./sd-component-library198.js";
-import { Box as m } from "rebass";
-import { ReactComponent as p } from "./sd-component-library183.js";
-const l = (t) => {
-  const { width: n, height: r, fill: e, stroke: i, icon: s } = t, a = s || p;
-  return /* @__PURE__ */ o.jsx(
-    m,
+import { j as r } from "./sd-component-library198.js";
+import { Button as c } from "./sd-component-library26.js";
+const _ = (o) => {
+  const { active: e, disabled: l } = o;
+  return /* @__PURE__ */ r.jsx(
+    c,
     {
-      sx: {
-        width: n || 25,
-        height: r || 25,
-        fill: e || "purple",
-        stroke: i || "none",
-        animation: "rotation 2s infinite linear",
-        "@keyframes rotation ": {
-          from: { transform: "rotate(0deg)" },
-          to: { transform: "rotate(359deg)" }
-        }
-      },
-      "data-test": "loading-spinner",
-      children: /* @__PURE__ */ o.jsx(a, {})
+      width: ["100%"],
+      variant: "_booleanAction",
+      bg: e ? "cl_purple" : void 0,
+      color: e ? "cl_white" : l ? "cl_grey" : void 0,
+      hoverBg: l ? e ? "cl_purple" : "cl_white" : "cl_blue",
+      borderColor: l ? "cl_grey" : e ? "cl_purple" : void 0,
+      hoverBorderColor: e ? "cl_blue" : void 0,
+      hoverColor: l && !e ? "cl_grey" : "cl_white",
+      fill: e ? "cl_white" : l ? "cl_grey" : "cl_blue",
+      hoverFill: l && !e ? "cl_grey" : "cl_white",
+      borderWidth: "2px",
+      ...o
     }
   );
 };
 export {
-  l as LoadingSpinner
+  _ as BaseFeedbackButton
 };
 //# sourceMappingURL=sd-component-library207.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library207.js","sources":["../src/components/animations/loading-spinner/loading-spinner.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { RescanIcon } from \"../../icons\";\nimport { LoadingSpinnerProps as Props } from \"./interfaces\";\n\nexport const LoadingSpinner: React.FC<Props> = (props) => {\n  const { width, height, fill, stroke, icon } = props;\n\n  const IconComponent = icon || RescanIcon;\n\n  return (\n    <Box\n      sx={{\n        width: width || 25,\n        height: height || 25,\n        fill: fill || \"purple\",\n        stroke: stroke || \"none\",\n        animation: \"rotation 2s infinite linear\",\n\n        \"@keyframes rotation \": {\n          from: { transform: \"rotate(0deg)\" },\n          to: { transform: \"rotate(359deg)\" },\n        },\n      }}\n      data-test=\"loading-spinner\"\n    >\n      <IconComponent />\n    </Box>\n  );\n};\n"],"names":["LoadingSpinner","props","width","height","fill","stroke","icon","IconComponent","RescanIcon","jsx","Box"],"mappings":";;;AAOa,MAAAA,IAAkC,CAACC,MAAU;AACxD,QAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,GAAM,QAAAC,GAAQ,MAAAC,EAAS,IAAAL,GAExCM,IAAgBD,KAAQE;AAG5B,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,OAAOR,KAAS;AAAA,QAChB,QAAQC,KAAU;AAAA,QAClB,MAAMC,KAAQ;AAAA,QACd,QAAQC,KAAU;AAAA,QAClB,WAAW;AAAA,QAEX,wBAAwB;AAAA,UACtB,MAAM,EAAE,WAAW,eAAe;AAAA,UAClC,IAAI,EAAE,WAAW,iBAAiB;AAAA,QACpC;AAAA,MACF;AAAA,MACA,aAAU;AAAA,MAEV,gCAACE,GAAc,EAAA;AAAA,IAAA;AAAA,EAAA;AAGrB;"}
+{"version":3,"file":"sd-component-library207.js","sources":["../src/components/feedback/base-feedback-button/base-feedback-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button } from \"../../buttons\";\nimport { BaseFeedbackButtonProps as Props } from \"./interfaces\";\n\nexport const BaseFeedbackButton: React.FC<Props> = (props) => {\n  const { active, disabled } = props;\n  return (\n    <Button\n      width={[\"100%\"]}\n      variant=\"_booleanAction\"\n      bg={active ? \"cl_purple\" : undefined}\n      color={active ? \"cl_white\" : disabled ? \"cl_grey\" : undefined}\n      hoverBg={disabled ? (active ? \"cl_purple\" : \"cl_white\") : \"cl_blue\"}\n      borderColor={disabled ? \"cl_grey\" : active ? \"cl_purple\" : undefined}\n      hoverBorderColor={active ? \"cl_blue\" : undefined}\n      hoverColor={disabled && !active ? \"cl_grey\" : \"cl_white\"}\n      fill={active ? \"cl_white\" : disabled ? \"cl_grey\" : \"cl_blue\"}\n      hoverFill={disabled && !active ? \"cl_grey\" : \"cl_white\"}\n      borderWidth=\"2px\"\n      {...props}\n    />\n  );\n};\n"],"names":["BaseFeedbackButton","props","active","disabled","jsx","Button"],"mappings":";;AAKa,MAAAA,IAAsC,CAACC,MAAU;AACtD,QAAA,EAAE,QAAAC,GAAQ,UAAAC,EAAa,IAAAF;AAE3B,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO,CAAC,MAAM;AAAA,MACd,SAAQ;AAAA,MACR,IAAIH,IAAS,cAAc;AAAA,MAC3B,OAAOA,IAAS,aAAaC,IAAW,YAAY;AAAA,MACpD,SAASA,IAAYD,IAAS,cAAc,aAAc;AAAA,MAC1D,aAAaC,IAAW,YAAYD,IAAS,cAAc;AAAA,MAC3D,kBAAkBA,IAAS,YAAY;AAAA,MACvC,YAAYC,KAAY,CAACD,IAAS,YAAY;AAAA,MAC9C,MAAMA,IAAS,aAAaC,IAAW,YAAY;AAAA,MACnD,WAAWA,KAAY,CAACD,IAAS,YAAY;AAAA,MAC7C,aAAY;AAAA,MACX,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/lib/sd-component-library208.js

@@ -1,22 +1,21 @@
-import { j as a } from "./sd-component-library198.js";
-import { Button as i } from "./sd-component-library26.js";
-const l = (t) => {
-  const { variant: n, bg: o = "transparent", children: r } = t;
-  return /* @__PURE__ */ a.jsx(
-    i,
-    {
-      "data-testid": "logo-button",
-      ...t,
-      link: "/",
-      isInternal: !1,
-      padding: "0px",
-      bg: o,
-      variant: `_logos.${n}`,
-      children: r
-    }
-  );
-};
+import { j as o } from "./sd-component-library198.js";
+import { Box as e } from "rebass";
+const m = ({
+  color: r = "cl_lightGrey",
+  sx: t,
+  ...i
+}) => /* @__PURE__ */ o.jsx(
+  e,
+  {
+    sx: {
+      bg: r,
+      ...i,
+      ...t
+    },
+    "data-test": "divider"
+  }
+);
 export {
-  l as LogoButton
+  m as Divider
 };
 //# sourceMappingURL=sd-component-library208.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library208.js","sources":["../src/components/buttons/logos/logo/logo.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button } from \"../../button\";\nimport { LogoProps } from \"./interfaces\";\n\n/**\n * The base logo button.\n */\nexport const LogoButton: React.FC<LogoProps> = (props) => {\n  const { variant, bg = \"transparent\", children } = props;\n\n  return (\n    <Button\n      data-testid=\"logo-button\"\n      {...props}\n      link=\"/\"\n      isInternal={false}\n      padding={\"0px\"}\n      bg={bg}\n      variant={`_logos.${variant}`}\n    >\n      {children}\n    </Button>\n  );\n};\n"],"names":["LogoButton","props","variant","bg","children","jsx","Button"],"mappings":";;AAQa,MAAAA,IAAkC,CAACC,MAAU;AACxD,QAAM,EAAE,SAAAC,GAAS,IAAAC,IAAK,eAAe,UAAAC,MAAaH;AAGhD,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACX,GAAGL;AAAA,MACJ,MAAK;AAAA,MACL,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,IAAAE;AAAA,MACA,SAAS,UAAUD,CAAO;AAAA,MAEzB,UAAAE;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library208.js","sources":["../src/components/dividers/divider/divider.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { DividerProps as Props } from \"./interfaces\";\n\n/**\n * Base divider component. Other divider components should be built from this.\n */\nexport const Divider: React.FC<Props> = ({\n  color = \"cl_lightGrey\",\n  sx,\n  ...props\n}) => {\n  return (\n    <Box\n      sx={{\n        bg: color,\n        ...props,\n        ...sx,\n      }}\n      data-test=\"divider\"\n    />\n  );\n};\n"],"names":["Divider","color","sx","props","jsx","Box"],"mappings":";;AASO,MAAMA,IAA2B,CAAC;AAAA,EACvC,OAAAC,IAAQ;AAAA,EACR,IAAAC;AAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,MACF,IAAIJ;AAAA,MACJ,GAAGE;AAAA,MACH,GAAGD;AAAA,IACL;AAAA,IACA,aAAU;AAAA,EAAA;AAAA;"}