@selfdecode/sd-component-library 4.0.73-vite6 → 4.0.73-vite7

package/lib/sd-component-library100.js

@@ -3,10 +3,10 @@ import { useRef as B, useState as I, useEffect as R } from "react";
 import "./sd-component-library198.js";
 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-library253.js";
+import X from "./sd-component-library267.js";
 import { Box as s } from "./sd-component-library199.js";
 import { OutsideClickBox as P } from "./sd-component-library14.js";
-import { ReactComponent as _ } from "./sd-component-library257.js";
+import { ReactComponent as _ } from "./sd-component-library268.js";
 import { FlexCenter as z } from "./sd-component-library37.js";
 import { Button as A } from "./sd-component-library28.js";
 const r = 500, K = (p) => {

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-library239.js";
-import { ReactComponent as P } from "./sd-component-library236.js";
-import { CurrentPage as h } from "./sd-component-library240.js";
-import { ReactComponent as S } from "./sd-component-library238.js";
+import { SquareButton as g } from "./sd-component-library260.js";
+import { ReactComponent as P } from "./sd-component-library261.js";
+import { CurrentPage as h } from "./sd-component-library262.js";
+import { ReactComponent as S } from "./sd-component-library263.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-library235.js";
-import { ReactComponent as h } from "./sd-component-library236.js";
-import { PaginationBarCurrentPage as u } from "./sd-component-library237.js";
-import { ReactComponent as f } from "./sd-component-library238.js";
+import { PaginationBarButton as i } from "./sd-component-library265.js";
+import { ReactComponent as h } from "./sd-component-library261.js";
+import { PaginationBarCurrentPage as u } from "./sd-component-library266.js";
+import { ReactComponent as f } from "./sd-component-library263.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-library110.js

@@ -5,7 +5,7 @@ import "./sd-component-library198.js";
 import { useDependantState as G } from "./sd-component-library3.js";
 import { Box as J } from "./sd-component-library199.js";
 import { MaxMaxContainer as K } from "./sd-component-library43.js";
-import { BaseLabel as P } from "./sd-component-library233.js";
+import { BaseLabel as P } from "./sd-component-library229.js";
 import { ResponsiveTextV2 as Q } from "./sd-component-library147.js";
 const U = (r, a, t, d, o, n) => {
   const m = d.find(

package/lib/sd-component-library115.js

@@ -4,7 +4,7 @@ import "./sd-component-library198.js";
 import { OutsideClickBox as g } from "./sd-component-library14.js";
 import { ReactComponent as b } from "./sd-component-library186.js";
 import { Box as j } from "./sd-component-library199.js";
-import { CustomOptionBox as C } from "./sd-component-library241.js";
+import { CustomOptionBox as C } from "./sd-component-library269.js";
 import { GridCenter as S } from "./sd-component-library44.js";
 import { EighteenRegular as x } 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-library233.js";
+import { BaseLabel as f } from "./sd-component-library229.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-library242.js";
+import { SecondaryCustomSelectorOptionsBox as S } from "./sd-component-library270.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-library242.js";
+import { SecondaryCustomSelectorOptionsBox as g } from "./sd-component-library270.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-library243.js";
+import { BaseSelectorV2 as u } from "./sd-component-library271.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-library233.js";
+import { BaseLabel as f } from "./sd-component-library229.js";
 import { ReactComponent as u } from "./sd-component-library186.js";
-import { CustomScrollableOptionsBox as h } from "./sd-component-library244.js";
+import { CustomScrollableOptionsBox as h } from "./sd-component-library272.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,10 +2,10 @@ import { j as o } from "./sd-component-library195.js";
 import { useState as x } from "react";
 import "./sd-component-library198.js";
 import { OutsideClickBox as d } from "./sd-component-library14.js";
-import { BaseLabel as u } from "./sd-component-library233.js";
+import { BaseLabel as u } from "./sd-component-library229.js";
 import { Flex as i } from "./sd-component-library199.js";
 import { ReactComponent as f } from "./sd-component-library186.js";
-import { CustomScrollableOptionsBox as h } from "./sd-component-library245.js";
+import { CustomScrollableOptionsBox as h } from "./sd-component-library273.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-library130.js

@@ -3,9 +3,9 @@ import { useState as y } from "react";
 import "./sd-component-library198.js";
 import { useBoundingClientRect as m } from "./sd-component-library3.js";
 import { Flex as x } from "./sd-component-library199.js";
-import { ArrowButton as l } from "./sd-component-library246.js";
-import { Mask as p } from "./sd-component-library247.js";
-import { Tab as A } from "./sd-component-library248.js";
+import { ArrowButton as l } from "./sd-component-library274.js";
+import { Mask as p } from "./sd-component-library275.js";
+import { Tab as A } from "./sd-component-library276.js";
 import { HorizontalDivider as E } from "./sd-component-library51.js";
 const s = 30, e = `${s}px`, w = "30px";
 function U({

package/lib/sd-component-library131.js

@@ -1,7 +1,7 @@
 import { j as t } from "./sd-component-library195.js";
 import "./sd-component-library198.js";
 import { Box as w, Flex as s } from "./sd-component-library199.js";
-import { TabV2 as T } from "./sd-component-library249.js";
+import { TabV2 as T } from "./sd-component-library279.js";
 import { GridContainerV2 as _ } from "./sd-component-library41.js";
 const h = 25, W = ({
   tabs: e,

package/lib/sd-component-library133.js

@@ -3,9 +3,9 @@ import { useRef as v, useState as w, useEffect as m } from "react";
 import "./sd-component-library198.js";
 import { Box as S } from "./sd-component-library199.js";
 import { BaseGridContainer as C } from "./sd-component-library38.js";
-import { ScrollableTabWrapper as j } from "./sd-component-library251.js";
+import { ScrollableTabWrapper as j } from "./sd-component-library277.js";
 import { MaxMaxContainer as E } from "./sd-component-library43.js";
-import { Tab as y } from "./sd-component-library252.js";
+import { Tab as y } from "./sd-component-library278.js";
 import { VerticalDivider as B } from "./sd-component-library52.js";
 const L = (o) => {
   const t = o.find(

package/lib/sd-component-library165.js

@@ -2,7 +2,7 @@ import { j as o } from "./sd-component-library195.js";
 import "./sd-component-library198.js";
 import { BaseTooltip as m } from "./sd-component-library166.js";
 import { Box as x } from "./sd-component-library199.js";
-import { ReactComponent as c } from "./sd-component-library250.js";
+import { ReactComponent as c } from "./sd-component-library290.js";
 const T = (r) => {
   const {
     tooltipText: s,

package/lib/sd-component-library168.js

@@ -2,7 +2,7 @@ import { j as t } from "./sd-component-library195.js";
 import w, { useRef as c, useEffect as y } from "react";
 import "./sd-component-library198.js";
 import { Box as o } from "./sd-component-library199.js";
-import { ReactComponent as g } from "./sd-component-library250.js";
+import { ReactComponent as g } from "./sd-component-library290.js";
 const I = w.forwardRef((x, a) => {
   const {
     placement: e,

package/lib/sd-component-library169.js

@@ -3,10 +3,10 @@ import { useState as v, useRef as a } from "react";
 import "./sd-component-library198.js";
 import { useBreakPoints as y, useBodyScrollLock as z } from "./sd-component-library3.js";
 import { Box as C } from "./sd-component-library199.js";
-import E from "./sd-component-library253.js";
-import { TooltipWithPointerMobile as M } from "./sd-component-library254.js";
-import { TooltipWithPointerHorizontal as V } from "./sd-component-library255.js";
-import { TooltipWithPointerVertical as D } from "./sd-component-library256.js";
+import E from "./sd-component-library267.js";
+import { TooltipWithPointerMobile as M } from "./sd-component-library291.js";
+import { TooltipWithPointerHorizontal as V } from "./sd-component-library292.js";
+import { TooltipWithPointerVertical as D } from "./sd-component-library293.js";
 const f = 200, K = (x) => {
   const {
     children: u,

package/lib/sd-component-library203.js

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

package/lib/sd-component-library204.js

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

package/lib/sd-component-library205.js

@@ -1,4 +1,4 @@
-import i from "./sd-component-library290.js";
+import i from "./sd-component-library282.js";
 function u(r, e, t) {
   return e = i(e), e in r ? Object.defineProperty(r, e, {
     value: t,

package/lib/sd-component-library207.js

@@ -1,6 +1,6 @@
 import { createContext as O, forwardRef as C, createElement as s, Fragment as S } from "react";
-import T from "./sd-component-library327.js";
-import { getRegisteredStyles as p, insertStyles as w } from "./sd-component-library330.js";
+import T from "./sd-component-library309.js";
+import { getRegisteredStyles as p, insertStyles as w } from "./sd-component-library312.js";
 import { serializeStyles as c } from "./sd-component-library208.js";
 var x = Object.prototype.hasOwnProperty, y = /* @__PURE__ */ O(
   // we're doing this to avoid preconstruct's dead code elimination in this one case

package/lib/sd-component-library208.js

@@ -1,6 +1,6 @@
-import C from "./sd-component-library331.js";
-import D from "./sd-component-library332.js";
-import A from "./sd-component-library323.js";
+import C from "./sd-component-library313.js";
+import D from "./sd-component-library314.js";
+import A from "./sd-component-library315.js";
 var N = `You have illegal escape sequence in your template literal, most likely inside content's property value.
 Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
 You can read more about this here:

package/lib/sd-component-library209.js

@@ -1,4 +1,4 @@
-import { r as t } from "./sd-component-library291.js";
+import { r as t } from "./sd-component-library283.js";
 var r = t, p = {
   $$typeof: !0,
   render: !0,

package/lib/sd-component-library218.js

@@ -1,22 +1,68 @@
-import { j as i } from "./sd-component-library195.js";
+import { j as o } from "./sd-component-library195.js";
 import "./sd-component-library198.js";
-import { Box as s } from "./sd-component-library199.js";
-const p = ({
-  color: r = "cl_lightGrey",
-  sx: t,
-  ...o
-}) => /* @__PURE__ */ i.jsx(
-  s,
-  {
-    sx: {
-      bg: r,
-      ...o,
-      ...t
-    },
-    "data-test": "divider"
-  }
-);
+import { Box as d } from "./sd-component-library199.js";
+import { BoldText as t } from "./sd-component-library160.js";
+import { FlexCenter as m } from "./sd-component-library37.js";
+const h = "80px", j = (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
+      },
+      ...l,
+      children: [
+        /* @__PURE__ */ o.jsx(
+          t,
+          {
+            fontSize: s,
+            textAlign: "center",
+            mb: c,
+            children: n
+          }
+        ),
+        r,
+        e && /* @__PURE__ */ o.jsx(
+          m,
+          {
+            size: h,
+            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 {
-  p as Divider
+  j as BaseFeedbackContainer
 };
 //# sourceMappingURL=sd-component-library218.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library218.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;AAAAA,EAAA;AAAA,IACC,IAAI;AAAA,MACF,IAAIJ;AAAA,MACJ,GAAGE;AAAA,MACH,GAAGD;AAAA,IACL;AAAA,IACA,aAAU;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"sd-component-library218.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;AAAAA,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-library219.js

@@ -1,26 +1,26 @@
-import { j as e } from "./sd-component-library195.js";
-import "./sd-component-library198.js";
-import { Box as t } from "./sd-component-library199.js";
-import { TwentyFourBold as d } from "./sd-component-library158.js";
-import { MaxMaxContainer as p } from "./sd-component-library43.js";
-const f = (o) => {
-  const {
-    title: i,
-    renderNegativeOption: a,
-    renderPositiveOption: n,
-    onPositiveFeedback: r,
-    onNegativeFeedback: s,
-    optionSelected: c
-  } = o;
-  return /* @__PURE__ */ e.jsxs(t, { "data-test": "base-boolean-feedback", children: [
-    /* @__PURE__ */ e.jsx(d, { "data-test": "feedback-title", children: i }),
-    /* @__PURE__ */ e.jsxs(p, { mt: ["20px"], gap: ["20px"], children: [
-      /* @__PURE__ */ e.jsx(t, { "data-test": "positive-option-container", children: n(r) }),
-      /* @__PURE__ */ e.jsx(t, { "data-test": "negative-option-container", children: a(s) })
-    ] })
-  ] });
+import { j as r } from "./sd-component-library195.js";
+import { Button as c } from "./sd-component-library28.js";
+const _ = (o) => {
+  const { active: e, disabled: l } = o;
+  return /* @__PURE__ */ r.jsx(
+    c,
+    {
+      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 {
-  f as BaseBooleanFeedback
+  _ as BaseFeedbackButton
 };
 //# sourceMappingURL=sd-component-library219.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library219.js","sources":["../src/components/boolean-feedback/base-boolean-feedback/base-boolean-feedback.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { MaxMaxContainer } from \"../../containers/grid-containers/max-max-container\";\nimport { TwentyFourBold } from \"../../texts/twenty-four-bold\";\nimport { BaseBooleanFeedbackProps } from \"./interfaces\";\n\n/**\n *  BaseBooleanFeedback component.\n */\nexport const BaseBooleanFeedback = (\n  props: BaseBooleanFeedbackProps\n): React.ReactElement<BaseBooleanFeedbackProps> => {\n  const {\n    title,\n    renderNegativeOption,\n    renderPositiveOption,\n    onPositiveFeedback,\n    onNegativeFeedback,\n    optionSelected,\n  } = props;\n\n  return (\n    <Box data-test=\"base-boolean-feedback\">\n      <TwentyFourBold data-test=\"feedback-title\">{title}</TwentyFourBold>\n      <MaxMaxContainer mt={[\"20px\"]} gap={[\"20px\"]}>\n        <Box data-test=\"positive-option-container\">\n          {renderPositiveOption(onPositiveFeedback)}\n        </Box>\n        <Box data-test=\"negative-option-container\">\n          {renderNegativeOption(onNegativeFeedback)}\n        </Box>\n      </MaxMaxContainer>\n    </Box>\n  );\n};\n"],"names":["BaseBooleanFeedback","props","title","renderNegativeOption","renderPositiveOption","onPositiveFeedback","onNegativeFeedback","optionSelected","jsxs","Box","jsx","TwentyFourBold","MaxMaxContainer"],"mappings":";;;;;AAWa,MAAAA,IAAsB,CACjCC,MACiD;AAC3C,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,gBAAAC;AAAA,EACE,IAAAN;AAGF,SAAAO,gBAAAA,EAAA,KAACC,GAAI,EAAA,aAAU,yBACb,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAAC,GAAA,EAAe,aAAU,kBAAkB,UAAMT,GAAA;AAAA,IAClDM,gBAAAA,OAACI,KAAgB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,GACzC,UAAA;AAAA,MAAAF,gBAAAA,MAACD,GAAI,EAAA,aAAU,6BACZ,UAAAL,EAAqBC,CAAkB,GAC1C;AAAA,4BACCI,GAAI,EAAA,aAAU,6BACZ,UAAAN,EAAqBG,CAAkB,GAC1C;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library219.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-library220.js

@@ -1,6 +1,44 @@
-import * as t from "react";
-const e = (a) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32.531 33", ...a }, /* @__PURE__ */ t.createElement("path", { d: "M21,13.5v-6A4.5,4.5,0,0,0,16.5,3l-6,13.5V33H27.42a3,3,0,0,0,3-2.55l2.07-13.5a3,3,0,0,0-3-3.45ZM10.5,33H6a3,3,0,0,1-3-3V19.5a3,3,0,0,1,3-3h4.5", transform: "translate(-1.5 -1.5)" }));
+import { j as o } from "./sd-component-library195.js";
+import p from "react";
+import "./sd-component-library198.js";
+import { Box as a } from "./sd-component-library199.js";
+import { AutocompleteOptionBox as n } from "./sd-component-library359.js";
+import { HorizontalDivider as d } from "./sd-component-library51.js";
+function j(s) {
+  const { results: t, value: i, onSelect: x, translateContent: l = !0 } = s;
+  return /* @__PURE__ */ o.jsx(
+    a,
+    {
+      sx: {
+        position: "absolute",
+        top: "100%",
+        bg: "white",
+        width: "100%",
+        borderRadius: "0px 0px 3px 3px",
+        borderWidth: "1px",
+        borderStyle: "solid",
+        borderColor: "#C8CCE5",
+        boxShadow: "2px 3px 10px rgba(211,223,255,0.25)",
+        zIndex: 100
+      },
+      className: l ? void 0 : "no-translate",
+      "data-test": "results-box",
+      children: t.map(({ synonyms: r }, e) => /* @__PURE__ */ o.jsxs(p.Fragment, { children: [
+        /* @__PURE__ */ o.jsx(
+          n,
+          {
+            value: i,
+            synonyms: r,
+            onSelect: x
+          },
+          r.join()
+        ),
+        e !== t.length - 1 && /* @__PURE__ */ o.jsx(d, { color: "cl_lightGrey" })
+      ] }, e))
+    }
+  );
+}
 export {
-  e as ReactComponent
+  j as ResultsBox
 };
 //# sourceMappingURL=sd-component-library220.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library220.js","sources":["../src/components/boolean-feedback/thumbs-feedback/assets/thumbs-up.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMi41MzEgMzMiPgogICAgPHBhdGgKICAgICAgICBkPSJNMjEsMTMuNXYtNkE0LjUsNC41LDAsMCwwLDE2LjUsM2wtNiwxMy41VjMzSDI3LjQyYTMsMywwLDAsMCwzLTIuNTVsMi4wNy0xMy41YTMsMywwLDAsMC0zLTMuNDVaTTEwLjUsMzNINmEzLDMsMCwwLDEtMy0zVjE5LjVhMywzLDAsMCwxLDMtM2g0LjUiCiAgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuNSAtMS41KSIgLz4KPC9zdmc+Cg==\""],"names":["SvgThumbsUp","props","React"],"mappings":";AACK,MAACA,IAAc,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,iBAAiB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,iJAAiJ,WAAW,wBAAwB,CAAC;"}
+{"version":3,"file":"sd-component-library220.js","sources":["../src/components/inputs/autocomplete-input/partials/results-box/results-box.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { HorizontalDivider } from \"../../../../dividers/horizontal-divider\";\nimport { AutocompleteOptionBox } from \"../autocomplete-option-box\";\nimport { ResultsBoxProps as Props } from \"./interfaces\";\n\nexport function ResultsBox<T>(props: PropsWithChildren<Props<T>>) {\n  const { results, value, onSelect, translateContent = true } = props;\n\n  return (\n    <Box\n      sx={{\n        position: \"absolute\",\n        top: \"100%\",\n        bg: \"white\",\n        width: \"100%\",\n        borderRadius: \"0px 0px 3px 3px\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderColor: \"#C8CCE5\",\n        boxShadow: \"2px 3px 10px rgba(211,223,255,0.25)\",\n        zIndex: 100,\n      }}\n      className={!translateContent ? \"no-translate\" : undefined}\n      data-test=\"results-box\"\n    >\n      {results.map(({ synonyms }, idx) => (\n        <React.Fragment key={idx}>\n          <AutocompleteOptionBox\n            value={value}\n            synonyms={synonyms}\n            key={synonyms.join()}\n            onSelect={onSelect}\n          />\n          {idx !== results.length - 1 && (\n            <HorizontalDivider color=\"cl_lightGrey\" />\n          )}\n        </React.Fragment>\n      ))}\n    </Box>\n  );\n}\n"],"names":["ResultsBox","props","results","value","onSelect","translateContent","jsx","Box","synonyms","idx","jsxs","React","AutocompleteOptionBox","HorizontalDivider"],"mappings":";;;;;;AAQO,SAASA,EAAcC,GAAoC;AAChE,QAAM,EAAE,SAAAC,GAAS,OAAAC,GAAO,UAAAC,GAAU,kBAAAC,IAAmB,GAAS,IAAAJ;AAG5D,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,cAAc;AAAA,QACd,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,WAAW;AAAA,QACX,QAAQ;AAAA,MACV;AAAA,MACA,WAAYF,IAAoC,SAAjB;AAAA,MAC/B,aAAU;AAAA,MAET,UAAAH,EAAQ,IAAI,CAAC,EAAE,UAAAM,EAAA,GAAYC,MAC1BC,gBAAAA,OAACC,EAAM,UAAN,EACC,UAAA;AAAA,QAAAL,gBAAAA,EAAA;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,OAAAT;AAAA,YACA,UAAAK;AAAA,YAEA,UAAAJ;AAAA,UAAA;AAAA,UADKI,EAAS,KAAK;AAAA,QAErB;AAAA,QACCC,MAAQP,EAAQ,SAAS,KACvBI,gBAAAA,EAAA,IAAAO,GAAA,EAAkB,OAAM,gBAAe;AAAA,MAAA,EAAA,GARvBJ,CAUrB,CACD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library221.js

@@ -1,6 +1,17 @@
-import * as t from "react";
-const e = (a) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32.531 33", ...a }, /* @__PURE__ */ t.createElement("path", { d: "M14.524,22.5v6a4.5,4.5,0,0,0,4.5,4.5l6-13.5V3H8.1a3,3,0,0,0-3,2.55l-2.07,13.5a3,3,0,0,0,3,3.45ZM25.024,3h4.5a3,3,0,0,1,3,3V16.5a3,3,0,0,1-3,3h-4.5", transform: "translate(-1.493 -1.5)" }));
+import { j as e } from "./sd-component-library195.js";
+import { Button as i } from "./sd-component-library28.js";
+const c = (t) => /* @__PURE__ */ e.jsx(
+  i,
+  {
+    ...t,
+    variant: "_circle",
+    width: [`${t.diameter}px`],
+    height: [`${t.diameter}px`],
+    "data-test": "circle-button",
+    children: t.children
+  }
+);
 export {
-  e as ReactComponent
+  c as CircleButton
 };
 //# sourceMappingURL=sd-component-library221.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library221.js","sources":["../src/components/boolean-feedback/thumbs-feedback/assets/thumbs-down.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMi41MzEgMzMiPgogICAgPHBhdGgKICAgICAgICBkPSJNMTQuNTI0LDIyLjV2NmE0LjUsNC41LDAsMCwwLDQuNSw0LjVsNi0xMy41VjNIOC4xYTMsMywwLDAsMC0zLDIuNTVsLTIuMDcsMTMuNWEzLDMsMCwwLDAsMywzLjQ1Wk0yNS4wMjQsM2g0LjVhMywzLDAsMCwxLDMsM1YxNi41YTMsMywwLDAsMS0zLDNoLTQuNSIKICAgICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS40OTMgLTEuNSkiIC8+Cjwvc3ZnPgo=\""],"names":["SvgThumbsDown","props","React"],"mappings":";AACK,MAACA,IAAgB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,iBAAiB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,sJAAsJ,WAAW,0BAA0B,CAAC;"}
+{"version":3,"file":"sd-component-library221.js","sources":["../src/components/buttons/partials/circle-button/circle-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { CircleButtonProps } from \".\";\nimport { Button } from \"../../button\";\n\n/**\n * The circle button.\n */\nexport const CircleButton: React.FunctionComponent<CircleButtonProps> = (\n  props: CircleButtonProps\n): React.ReactElement<CircleButtonProps> => {\n  return (\n    <Button\n      {...props}\n      variant=\"_circle\"\n      width={[`${props.diameter}px`]}\n      height={[`${props.diameter}px`]}\n      data-test=\"circle-button\"\n    >\n      {props.children}\n    </Button>\n  );\n};\n"],"names":["CircleButton","props","jsx","Button"],"mappings":";;AAQa,MAAAA,IAA2D,CACtEC,MAGEC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,SAAQ;AAAA,IACR,OAAO,CAAC,GAAGA,EAAM,QAAQ,IAAI;AAAA,IAC7B,QAAQ,CAAC,GAAGA,EAAM,QAAQ,IAAI;AAAA,IAC9B,aAAU;AAAA,IAET,UAAMA,EAAA;AAAA,EAAA;AAAA;"}

package/lib/sd-component-library222.js

@@ -1,68 +1,6 @@
-import { j as o } from "./sd-component-library195.js";
-import "./sd-component-library198.js";
-import { Box as d } from "./sd-component-library199.js";
-import { BoldText as t } from "./sd-component-library160.js";
-import { FlexCenter as m } from "./sd-component-library37.js";
-const h = "80px", j = (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
-      },
-      ...l,
-      children: [
-        /* @__PURE__ */ o.jsx(
-          t,
-          {
-            fontSize: s,
-            textAlign: "center",
-            mb: c,
-            children: n
-          }
-        ),
-        r,
-        e && /* @__PURE__ */ o.jsx(
-          m,
-          {
-            size: h,
-            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: "?" })
-          }
-        )
-      ]
-    }
-  );
-};
+import * as t from "react";
+const o = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ t.createElement("path", { fill: "#4B71F7", d: "M0 9h24v6h-24z" }));
 export {
-  j as BaseFeedbackContainer
+  o as ReactComponent
 };
 //# sourceMappingURL=sd-component-library222.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library222.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;AAAAA,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;"}
+{"version":3,"file":"sd-component-library222.js","sources":["../src/components/inputs/primary-number-input/assets/minus-active.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjNEI3MUY3IiBkPSJNMCA5aDI0djZoLTI0eiIvPjwvc3ZnPg==\""],"names":["SvgMinusActive","props","React"],"mappings":";AACK,MAACA,IAAiB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,MAAM,WAAW,GAAG,iBAAgB,CAAE,CAAC;"}