@selfdecode/sd-component-library 4.0.73-vite1 → 4.0.73-vite11

package/lib/sd-component-library222.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-library222.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library222.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-library222.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-library223.js

@@ -1,68 +1,6 @@
-import { j as o } from "./sd-component-library195.js";
-import "./sd-component-library196.js";
-import { Box as d } from "./sd-component-library197.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-library223.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library223.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-library223.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;"}

package/lib/sd-component-library224.js

@@ -1,26 +1,6 @@
-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
-    }
-  );
-};
+import * as t from "react";
+const h = (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: "M24 9h-9v-9h-6v9h-9v6h9v9h6v-9h9z" }));
 export {
-  _ as BaseFeedbackButton
+  h as ReactComponent
 };
 //# sourceMappingURL=sd-component-library224.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library224.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;"}
+{"version":3,"file":"sd-component-library224.js","sources":["../src/components/inputs/primary-number-input/assets/plus-active.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjNEI3MUY3IiBkPSJNMjQgOWgtOXYtOWgtNnY5aC05djZoOXY5aDZ2LTloOXoiLz48L3N2Zz4=\""],"names":["SvgPlusActive","props","React"],"mappings":";AACK,MAACA,IAAgB,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,oCAAmC,CAAE,CAAC;"}

package/lib/sd-component-library225.js

@@ -1,44 +1,48 @@
-import { j as o } from "./sd-component-library195.js";
-import p from "react";
-import "./sd-component-library196.js";
-import { Box as a } from "./sd-component-library197.js";
-import { AutocompleteOptionBox as n } from "./sd-component-library371.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))
-    }
-  );
-}
+import { j as r } from "./sd-component-library195.js";
+import { Flex as x } from "rebass";
+import { BaseTextV2 as c } from "./sd-component-library135.js";
+import { ResponsiveTextV2 as m } from "./sd-component-library147.js";
+const g = (t) => {
+  const {
+    label: o,
+    errorMessage: l,
+    labelMargin: s,
+    secondLabel: e,
+    secondLabelTextTransform: n,
+    labelSx: a,
+    labelColor: i = "cl_darkGrey"
+  } = t;
+  return o ? /* @__PURE__ */ r.jsxs(x, { sx: { cursor: "default" }, children: [
+    /* @__PURE__ */ r.jsx(
+      c,
+      {
+        color: l ? "cl_red" : i,
+        sx: {
+          fontSize: 12,
+          fontWeight: 600,
+          m: s,
+          letterSpacing: "1px",
+          textTransform: "uppercase",
+          ...a
+        },
+        children: o
+      }
+    ),
+    e && /* @__PURE__ */ r.jsx(
+      m,
+      {
+        letterSpacing: "1px",
+        ml: e.ml || "3px",
+        color: e.color || "cl_grey",
+        fontSizeWeight: e.fontSizeWeight || [[10, "semi-bold"]],
+        textTransform: n,
+        ...e,
+        children: e.text
+      }
+    )
+  ] }) : null;
+};
 export {
-  j as ResultsBox
+  g as SecondaryInputLabels
 };
 //# sourceMappingURL=sd-component-library225.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library225.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;"}
+{"version":3,"file":"sd-component-library225.js","sources":["../src/components/inputs/secondary-text-input/partials/secondary-input-labels/secondary-input-labels.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Flex } from \"rebass\";\n\nimport { BaseTextV2, ResponsiveTextV2 } from \"../../../../texts\";\nimport { SecondaryInputLabelsProps as Props } from \"./interfaces\";\n\nexport const SecondaryInputLabels: React.FC<Props> = (props) => {\n  const {\n    label,\n    errorMessage,\n    labelMargin,\n    secondLabel,\n    secondLabelTextTransform,\n    labelSx,\n    labelColor = \"cl_darkGrey\",\n  } = props;\n\n  if (!label) return null;\n\n  return (\n    <Flex sx={{ cursor: \"default\" }}>\n      <BaseTextV2\n        color={errorMessage ? \"cl_red\" : labelColor}\n        sx={{\n          fontSize: 12,\n          fontWeight: 600,\n          m: labelMargin,\n          letterSpacing: \"1px\",\n          textTransform: \"uppercase\",\n          ...labelSx,\n        }}\n      >\n        {label}\n      </BaseTextV2>\n\n      {secondLabel && (\n        <ResponsiveTextV2\n          letterSpacing=\"1px\"\n          ml={secondLabel.ml || \"3px\"}\n          color={secondLabel.color || \"cl_grey\"}\n          fontSizeWeight={secondLabel.fontSizeWeight || [[10, \"semi-bold\"]]}\n          textTransform={secondLabelTextTransform}\n          {...secondLabel}\n        >\n          {secondLabel.text}\n        </ResponsiveTextV2>\n      )}\n    </Flex>\n  );\n};\n"],"names":["SecondaryInputLabels","props","label","errorMessage","labelMargin","secondLabel","secondLabelTextTransform","labelSx","labelColor","Flex","jsx","BaseTextV2","ResponsiveTextV2"],"mappings":";;;;AAOa,MAAAA,IAAwC,CAACC,MAAU;AACxD,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,EACX,IAAAP;AAEJ,SAAKC,2BAGFO,GAAK,EAAA,IAAI,EAAE,QAAQ,UAClB,GAAA,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAOR,IAAe,WAAWK;AAAA,QACjC,IAAI;AAAA,UACF,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,GAAGJ;AAAA,UACH,eAAe;AAAA,UACf,eAAe;AAAA,UACf,GAAGG;AAAA,QACL;AAAA,QAEC,UAAAL;AAAA,MAAA;AAAA,IACH;AAAA,IAECG,KACCK,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,eAAc;AAAA,QACd,IAAIP,EAAY,MAAM;AAAA,QACtB,OAAOA,EAAY,SAAS;AAAA,QAC5B,gBAAgBA,EAAY,kBAAkB,CAAC,CAAC,IAAI,WAAW,CAAC;AAAA,QAChE,eAAeC;AAAA,QACd,GAAGD;AAAA,QAEH,UAAYA,EAAA;AAAA,MAAA;AAAA,IACf;AAAA,EAEJ,EAAA,CAAA,IA9BiB;AAgCrB;"}

package/lib/sd-component-library226.js

@@ -1,17 +1,6 @@
-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
-  }
-);
+import * as t from "react";
+const a = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 22 22.94", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M2494.01,1419.91l-5.42-5.67a9.187,9.187,0,1,0-7.04,3.3,9.042,9.042,0,0,0,5.27-1.67l5.46,5.71a1.2,1.2,0,0,0,.87.37A1.2,1.2,0,0,0,2494.01,1419.91Zm-12.46-18.46a6.84,6.84,0,1,1-6.8,6.84A6.829,6.829,0,0,1,2481.55,1401.45Z", transform: "translate(-2472.34 -1399.03)" }));
 export {
-  c as CircleButton
+  a as ReactComponent
 };
 //# sourceMappingURL=sd-component-library226.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library226.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;"}
+{"version":3,"file":"sd-component-library226.js","sources":["../src/components/inputs/search-input/presentational/assets/search.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAyMi45NCI+CiAgPHBhdGggZD0iTTI0OTQuMDEsMTQxOS45MWwtNS40Mi01LjY3YTkuMTg3LDkuMTg3LDAsMSwwLTcuMDQsMy4zLDkuMDQyLDkuMDQyLDAsMCwwLDUuMjctMS42N2w1LjQ2LDUuNzFhMS4yLDEuMiwwLDAsMCwuODcuMzdBMS4yLDEuMiwwLDAsMCwyNDk0LjAxLDE0MTkuOTFabS0xMi40Ni0xOC40NmE2Ljg0LDYuODQsMCwxLDEtNi44LDYuODRBNi44MjksNi44MjksMCwwLDEsMjQ4MS41NSwxNDAxLjQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI0NzIuMzQgLTEzOTkuMDMpIi8+Cjwvc3ZnPgo=\""],"names":["SvgSearch","props","React"],"mappings":";AACK,MAACA,IAAY,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,gBAAgB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,6NAA6N,WAAW,gCAAgC,CAAC;"}

package/lib/sd-component-library227.js

@@ -1,6 +1,55 @@
-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" }));
+import { j as o } from "./sd-component-library195.js";
+import n from "react";
+import { Box as t } from "rebass";
+import { HorizontalDivider as i } from "./sd-component-library51.js";
+import { SearchAutocompleteRow as a } from "./sd-component-library599.js";
+const g = (l) => {
+  const { results: p, onSelect: s, rowHeight: e, rowsDisplayed: x } = l, c = (r) => () => s(r);
+  return /* @__PURE__ */ o.jsxs(
+    t,
+    {
+      sx: {
+        top: "calc(100% - 2px)",
+        left: 0,
+        position: "absolute",
+        width: "100%",
+        cursor: "pointer",
+        zIndex: 1
+      },
+      children: [
+        /* @__PURE__ */ o.jsx(i, { color: "cl_purple", height: "2px" }),
+        /* @__PURE__ */ o.jsx(
+          t,
+          {
+            sx: {
+              overflowY: "auto",
+              maxHeight: `${x * (e + 1) - 1}px`,
+              borderWidth: "1px",
+              borderStyle: "solid",
+              borderColor: "cl_lightGrey",
+              borderRadius: "0 0 3px 3px",
+              borderTopStyle: "none",
+              boxShadow: "2px 3px 10px rgba(211,223,255,0.25)",
+              bg: "cl_white"
+            },
+            children: p.map((r, d) => /* @__PURE__ */ o.jsxs(n.Fragment, { children: [
+              d !== 0 && /* @__PURE__ */ o.jsx(i, { color: "cl_headerLine" }),
+              /* @__PURE__ */ o.jsx(
+                a,
+                {
+                  ...r,
+                  onClick: c(r),
+                  height: e
+                }
+              )
+            ] }, r.id))
+          }
+        )
+      ]
+    }
+  );
+};
 export {
-  o as ReactComponent
+  g as SearchAutocompleteResultsBox
 };
 //# sourceMappingURL=sd-component-library227.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library227.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;"}
+{"version":3,"file":"sd-component-library227.js","sources":["../src/components/inputs/search-autocomplete-input/partials/search-autocomplete-results-box/search-autocomplete-results-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { HorizontalDivider } from \"../../../../dividers/horizontal-divider\";\nimport { SearchAutocompleteOption } from \"../../interfaces\";\nimport { SearchAutocompleteRow } from \"../search-autocomplete-row\";\nimport { SearchAutocompleteResultsBoxProps as Props } from \"./interfaces\";\n\nexport const SearchAutocompleteResultsBox = <\n  T extends { id: string } = { id: string }\n>(\n  props: Props<T>\n) => {\n  const { results, onSelect, rowHeight, rowsDisplayed } = props;\n\n  const onClick = (result: SearchAutocompleteOption<T>) => () =>\n    onSelect(result);\n\n  return (\n    <Box\n      sx={{\n        top: \"calc(100% - 2px)\",\n        left: 0,\n        position: \"absolute\",\n        width: \"100%\",\n        cursor: \"pointer\",\n        zIndex: 1,\n      }}\n    >\n      <HorizontalDivider color=\"cl_purple\" height=\"2px\" />\n\n      <Box\n        sx={{\n          overflowY: \"auto\",\n          maxHeight: `${rowsDisplayed * (rowHeight + 1) - 1}px`,\n          borderWidth: \"1px\",\n          borderStyle: \"solid\",\n          borderColor: \"cl_lightGrey\",\n          borderRadius: \"0 0 3px 3px\",\n          borderTopStyle: \"none\",\n          boxShadow: \"2px 3px 10px rgba(211,223,255,0.25)\",\n          bg: \"cl_white\",\n        }}\n      >\n        {results.map((result, idx) => (\n          <React.Fragment key={result.id}>\n            {idx !== 0 && <HorizontalDivider color=\"cl_headerLine\" />}\n\n            <SearchAutocompleteRow\n              {...result}\n              onClick={onClick(result)}\n              height={rowHeight}\n            />\n          </React.Fragment>\n        ))}\n      </Box>\n    </Box>\n  );\n};\n"],"names":["SearchAutocompleteResultsBox","props","results","onSelect","rowHeight","rowsDisplayed","onClick","result","jsxs","Box","jsx","HorizontalDivider","idx","React","SearchAutocompleteRow"],"mappings":";;;;;AASa,MAAAA,IAA+B,CAG1CC,MACG;AACH,QAAM,EAAE,SAAAC,GAAS,UAAAC,GAAU,WAAAC,GAAW,eAAAC,MAAkBJ,GAElDK,IAAU,CAACC,MAAwC,MACvDJ,EAASI,CAAM;AAGf,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,KAAK;AAAA,QACL,MAAM;AAAA,QACN,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MAEA,UAAA;AAAA,QAAAC,gBAAAA,EAAA,IAACC,GAAkB,EAAA,OAAM,aAAY,QAAO,OAAM;AAAA,QAElDD,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,WAAW;AAAA,cACX,WAAW,GAAGJ,KAAiBD,IAAY,KAAK,CAAC;AAAA,cACjD,aAAa;AAAA,cACb,aAAa;AAAA,cACb,aAAa;AAAA,cACb,cAAc;AAAA,cACd,gBAAgB;AAAA,cAChB,WAAW;AAAA,cACX,IAAI;AAAA,YACN;AAAA,YAEC,UAAAF,EAAQ,IAAI,CAACK,GAAQK,MACnBJ,gBAAAA,EAAAA,KAAAK,EAAM,UAAN,EACE,UAAA;AAAA,cAAAD,MAAQ,KAAKF,gBAAAA,EAAA,IAACC,GAAkB,EAAA,OAAM,iBAAgB;AAAA,cAEvDD,gBAAAA,EAAA;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACE,GAAGP;AAAA,kBACJ,SAASD,EAAQC,CAAM;AAAA,kBACvB,QAAQH;AAAA,gBAAA;AAAA,cACV;AAAA,YAAA,KAPmBG,EAAO,EAQ5B,CACD;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library228.js

@@ -1,6 +1,19 @@
-import * as t from "react";
-const h = (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: "M24 9h-9v-9h-6v9h-9v6h9v9h6v-9h9z" }));
+import { j as r } from "./sd-component-library195.js";
+import { Label as l } from "@rebass/forms";
+const n = (a) => {
+  const { variant: t, label: e } = a;
+  return /* @__PURE__ */ r.jsx(
+    l,
+    {
+      ...a,
+      sx: { fontFamily: "proxima-nova" },
+      variant: `_labels.${t}`,
+      "data-test": "base-label",
+      children: e
+    }
+  );
+};
 export {
-  h as ReactComponent
+  n as BaseLabel
 };
 //# sourceMappingURL=sd-component-library228.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library228.js","sources":["../src/components/inputs/primary-number-input/assets/plus-active.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjNEI3MUY3IiBkPSJNMjQgOWgtOXYtOWgtNnY5aC05djZoOXY5aDZ2LTloOXoiLz48L3N2Zz4=\""],"names":["SvgPlusActive","props","React"],"mappings":";AACK,MAACA,IAAgB,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,oCAAmC,CAAE,CAAC;"}
+{"version":3,"file":"sd-component-library228.js","sources":["../src/components/labels/base-label/base-label.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Label } from \"@rebass/forms\";\n\nimport { BaseLabelProps } from \"./interfaces\";\n\nexport const BaseLabel = (props: BaseLabelProps) => {\n  const { variant, label } = props;\n\n  return (\n    <Label\n      {...props}\n      sx={{ fontFamily: \"proxima-nova\" }}\n      variant={`_labels.${variant}`}\n      data-test=\"base-label\"\n    >\n      {label}\n    </Label>\n  );\n};\n"],"names":["BaseLabel","props","variant","label","jsx","Label"],"mappings":";;AAMa,MAAAA,IAAY,CAACC,MAA0B;AAC5C,QAAA,EAAE,SAAAC,GAAS,OAAAC,EAAU,IAAAF;AAGzB,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,IAAI,EAAE,YAAY,eAAe;AAAA,MACjC,SAAS,WAAWC,CAAO;AAAA,MAC3B,aAAU;AAAA,MAET,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library229.js

@@ -1,132 +1,67 @@
-import { commonjsGlobal as a } from "./sd-component-library314.js";
-import { __exports as h } from "./sd-component-library315.js";
-import d from "react";
-import { f as g } from "./sd-component-library316.js";
-import { p as y } from "./sd-component-library299.js";
-var v = a && a.__extends || function() {
-  var t = function(r, e) {
-    return t = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(n, o) {
-      n.__proto__ = o;
-    } || function(n, o) {
-      for (var i in o)
-        Object.prototype.hasOwnProperty.call(o, i) && (n[i] = o[i]);
-    }, t(r, e);
-  };
-  return function(r, e) {
-    if (typeof e != "function" && e !== null)
-      throw new TypeError("Class extends value " + String(e) + " is not a constructor or null");
-    t(r, e);
-    function n() {
-      this.constructor = r;
-    }
-    r.prototype = e === null ? Object.create(e) : (n.prototype = e.prototype, new n());
-  };
-}(), p = a && a.__assign || function() {
-  return p = Object.assign || function(t) {
-    for (var r, e = 1, n = arguments.length; e < n; e++) {
-      r = arguments[e];
-      for (var o in r)
-        Object.prototype.hasOwnProperty.call(r, o) && (t[o] = r[o]);
-    }
-    return t;
-  }, p.apply(this, arguments);
-}, b = a && a.__createBinding || (Object.create ? function(t, r, e, n) {
-  n === void 0 && (n = e), Object.defineProperty(t, n, { enumerable: !0, get: function() {
-    return r[e];
-  } });
-} : function(t, r, e, n) {
-  n === void 0 && (n = e), t[n] = r[e];
-}), O = a && a.__setModuleDefault || (Object.create ? function(t, r) {
-  Object.defineProperty(t, "default", { enumerable: !0, value: r });
-} : function(t, r) {
-  t.default = r;
-}), m = a && a.__importStar || function(t) {
-  if (t && t.__esModule)
-    return t;
-  var r = {};
-  if (t != null)
-    for (var e in t)
-      e !== "default" && Object.prototype.hasOwnProperty.call(t, e) && b(r, t, e);
-  return O(r, t), r;
-}, j = a && a.__rest || function(t, r) {
-  var e = {};
-  for (var n in t)
-    Object.prototype.hasOwnProperty.call(t, n) && r.indexOf(n) < 0 && (e[n] = t[n]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var o = 0, n = Object.getOwnPropertySymbols(t); o < n.length; o++)
-      r.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[o]) && (e[n[o]] = t[n[o]]);
-  return e;
-}, R = a && a.__importDefault || function(t) {
-  return t && t.__esModule ? t : { default: t };
-};
-Object.defineProperty(h, "__esModule", { value: !0 });
-var f = m(d), C = R(g), l = m(y);
-function c(t) {
-  return t && t.replace(/&nbsp;|\u202F|\u00A0/g, " ");
-}
-function E(t) {
-  var r = document.createTextNode("");
-  t.appendChild(r);
-  var e = document.activeElement === t;
-  if (r !== null && r.nodeValue !== null && e) {
-    var n = window.getSelection();
-    if (n !== null) {
-      var o = document.createRange();
-      o.setStart(r, r.nodeValue.length), o.collapse(!0), n.removeAllRanges(), n.addRange(o);
-    }
-    t instanceof HTMLElement && t.focus();
-  }
-}
-var w = (
-  /** @class */
-  function(t) {
-    v(r, t);
-    function r() {
-      var e = t !== null && t.apply(this, arguments) || this;
-      return e.lastHtml = e.props.html, e.el = typeof e.props.innerRef == "function" ? { current: null } : f.createRef(), e.getEl = function() {
-        return (e.props.innerRef && typeof e.props.innerRef != "function" ? e.props.innerRef : e.el).current;
-      }, e.emitChange = function(n) {
-        var o = e.getEl();
-        if (o) {
-          var i = o.innerHTML;
-          if (e.props.onChange && i !== e.lastHtml) {
-            var u = Object.assign({}, n, {
-              target: {
-                value: i
-              }
-            });
-            e.props.onChange(u);
+import { j as o } from "./sd-component-library195.js";
+import { Box as d } from "rebass";
+import { BoldText as t } from "./sd-component-library160.js";
+import { FlexCenter as h } from "./sd-component-library37.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
+      },
+      ...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: "?" })
           }
-          e.lastHtml = i;
-        }
-      }, e;
+        )
+      ]
     }
-    return r.prototype.render = function() {
-      var e = this, n = this.props, o = n.tagName, i = n.html, u = n.innerRef, _ = j(n, ["tagName", "html", "innerRef"]);
-      return f.createElement(o || "div", p(p({}, _), { ref: typeof u == "function" ? function(s) {
-        u(s), e.el.current = s;
-      } : u || this.el, onInput: this.emitChange, onBlur: this.props.onBlur || this.emitChange, onKeyUp: this.props.onKeyUp || this.emitChange, onKeyDown: this.props.onKeyDown || this.emitChange, contentEditable: !this.props.disabled, dangerouslySetInnerHTML: { __html: i } }), this.props.children);
-    }, r.prototype.shouldComponentUpdate = function(e) {
-      var n = this.props, o = this.getEl();
-      return !o || c(e.html) !== c(o.innerHTML) ? !0 : n.disabled !== e.disabled || n.tagName !== e.tagName || n.className !== e.className || n.innerRef !== e.innerRef || n.placeholder !== e.placeholder || !C.default(n.style, e.style);
-    }, r.prototype.componentDidUpdate = function() {
-      var e = this.getEl();
-      e && (this.props.html !== e.innerHTML && (e.innerHTML = this.props.html), this.lastHtml = this.props.html, E(e));
-    }, r.propTypes = {
-      html: l.string.isRequired,
-      onChange: l.func,
-      disabled: l.bool,
-      tagName: l.string,
-      className: l.string,
-      style: l.object,
-      innerRef: l.oneOfType([
-        l.object,
-        l.func
-      ])
-    }, r;
-  }(f.Component)
-), D = h.default = w;
+  );
+};
 export {
-  D as default
+  B as BaseFeedbackContainer
 };
 //# sourceMappingURL=sd-component-library229.js.map