@selfdecode/sd-component-library 4.0.73-vite15 → 4.0.73-vite17

package/lib/sd-component-library216.js

@@ -1,8 +1,51 @@
-import * as c from "react";
-const h = (l) => /* @__PURE__ */ c.createElement("svg", { id: "Layer_1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", x: "0px", y: "0px", viewBox: "0 0 139.5 48.1", style: {
-  enableBackground: "new 0 0 139.5 48.1"
-}, xmlSpace: "preserve", ...l }, /* @__PURE__ */ c.createElement("path", { fill: "#ffffff", d: "M138,30.7L138,30.7h-0.5l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0h0.2v0.5l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0v-0.5h0.2 C138,30.8,138,30.8,138,30.7C138,30.8,138,30.8,138,30.7C138,30.8,138,30.8,138,30.7C138,30.8,138,30.8,138,30.7 C138,30.8,138,30.8,138,30.7L138,30.7L138,30.7z M138.8,30.8C138.8,30.8,138.8,30.7,138.8,30.8C138.8,30.7,138.8,30.7,138.8,30.8 C138.8,30.7,138.8,30.7,138.8,30.8h-0.1l0,0l0,0l0,0l0,0l-0.1,0.4l0,0l-0.1-0.4l0,0l0,0l0,0l0,0h-0.1l0,0l0,0v0.6l0,0l0,0l0,0l0,0 l0,0l0,0l0,0l0,0v-0.5l0.2,0.5l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0.2-0.5v0.5l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0L138.8,30.8L138.8,30.8 z M39.5,33.1c-1.5-0.4-2.6-0.6-2.6-1.5c0-0.8,0.7-1.3,1.9-1.3c1.3,0,2.6,0.5,3.6,1.3l0,0c0.1,0.1,0.2,0,0.3,0l1.3-1.7 c0.1-0.1,0.1-0.2,0-0.3c-1.4-1.2-3.2-1.8-5-1.7c-3.1,0-5,1.8-5,3.9c0,2.9,2.7,3.5,4.9,4c1.5,0.4,2.6,0.7,2.6,1.7 c0,0.7-0.7,1.5-2.3,1.5c-1.5,0-2.9-0.6-4-1.6l0,0c-0.1-0.1-0.2,0-0.3,0l-1.3,1.8c-0.1,0.1,0,0.2,0,0.3c1.5,1.3,3.4,2,5.4,2 c3.5,0,5.2-1.8,5.2-4.2C44.4,34.2,41.7,33.6,39.5,33.1z M50.5,31.4c-0.1,0-0.1,0-0.2,0c-2.7,0.1-4.7,2.3-4.7,5c0,0.2,0,0.3,0,0.5 c0.1,2.6,2.4,4.7,5,4.5c1.4,0,2.7-0.4,3.8-1.2c0.1-0.1,0.1-0.2,0-0.2l-0.8-1.2l0,0c-0.1-0.1-0.3-0.1-0.4,0c-0.3,0.2-0.6,0.4-0.9,0.5 c-2.4,0.7-3.8-0.5-4-2h6.9c0.1,0,0.2-0.1,0.2-0.2v-0.4C55.3,33.5,53.3,31.4,50.5,31.4z M52.8,35.4h-4.5l0,0c0,0-0.1,0-0.1-0.1 c0.1-1.2,1.1-2.1,2.3-2C51.7,33.3,52.8,34.2,52.8,35.4L52.8,35.4L52.8,35.4z M59.6,27.8h-2.1c-0.1,0-0.2,0.1-0.2,0.2v13.1 c0,0.1,0.1,0.2,0.2,0.2h2.1l0,0c0.1,0,0.2-0.1,0.2-0.2V28l0,0C59.8,27.9,59.7,27.8,59.6,27.8z M66.2,27.8c-0.1,0-0.3,0-0.4,0 c-1.7,0.1-2.9,1.6-2.8,3.3v0.8h-1.5l0,0V34l0,0H63v7.2l0,0h2.4l0,0V34h1.9l0,0v-2.1l0,0h-1.9v-0.7c0-0.9,0.5-1.4,1.2-1.4 c0.3,0,0.5,0.1,0.8,0.2l0,0l0,0l0.5-1.7l0,0C67.5,27.9,66.8,27.8,66.2,27.8z M74.3,27.8h-4.9c-0.1,0-0.2,0.1-0.2,0.2v13 c0,0.1,0.1,0.2,0.2,0.2h4.9c0.2,0,0.4,0,0.6,0c3.6-0.1,6.5-3.1,6.3-6.7c0-0.2,0-0.4,0-0.6C81.1,30.4,78,27.6,74.3,27.8z M74.3,38.9 h-2.1c-0.1,0-0.2-0.1-0.2-0.2v-8.1c0-0.1,0.1-0.2,0.2-0.2h2.1c0.1,0,0.3,0,0.4,0c2.2,0.2,3.8,2.1,3.7,4.3c0,0.1,0,0.1,0,0.2 C78.4,37,76.6,38.9,74.3,38.9z M87.5,31.4c-0.1,0-0.1,0-0.2,0c-2.7,0.1-4.7,2.3-4.7,5c0,0.2,0,0.3,0,0.5c0.1,2.6,2.4,4.7,5,4.5 c1.4,0,2.8-0.4,3.9-1.3c0,0,0,0,0-0.1l-1-1.5l0,0c0,0,0,0-0.1,0c-0.7,0.6-1.6,0.9-2.5,0.9c-1.3,0.1-2.5-0.9-2.7-2.2h7v-0.5 C92.2,33.5,90.3,31.4,87.5,31.4z M89.8,35.4h-4.6l0,0l0,0c0.1-1.2,1.1-2.1,2.3-2l0,0C88.7,33.3,89.7,34.2,89.8,35.4L89.8,35.4 L89.8,35.4z M100.9,38.2C100.9,38.1,100.9,38.1,100.9,38.2c-0.1,0-0.1,0-0.2,0c-0.5,0.6-1.2,0.9-1.9,0.9c-0.1,0-0.2,0-0.2,0 c-1.4-0.1-2.4-1.4-2.3-2.8c0-0.1,0-0.2,0-0.3c0-1.4,1.2-2.5,2.6-2.5c0.8,0,1.5,0.3,1.9,0.9l0,0c0,0,0.1,0,0.2,0l1.5-1.4v-0.1 c-0.9-1.1-2.3-1.7-3.7-1.6c-0.4,0-0.9,0-1.3,0.1c-2.6,0.6-4.2,3.3-3.6,5.9c0.4,2.1,2.1,3.7,4.2,3.9c1.6,0.3,3.3-0.3,4.4-1.6v-0.1 L100.9,38.2z M108.7,31.3c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5C113.7,33.6,111.4,31.3,108.7,31.3z M111.1,36.3c0,0.2,0,0.4,0,0.6 c-0.2,1.3-1.4,2.3-2.7,2.1c-1.3-0.2-2.3-1.4-2.1-2.7c0-0.2,0-0.4,0-0.6c0.2-1.3,1.4-2.3,2.7-2.1C110.3,33.8,111.2,35,111.1,36.3z  M124.6,27.8h-2.1c-0.1,0-0.2,0.1-0.2,0.2v4.8c-0.7-0.9-1.8-1.5-2.9-1.4c-2.4,0-4.2,1.9-4.2,5c0,3.2,1.8,5,4.2,5 c1.1,0,2.2-0.5,2.9-1.4v1.2c0,0.1,0.1,0.2,0.2,0.2h2.1c0.1,0,0.2-0.1,0.2-0.2V28C124.8,27.9,124.7,27.8,124.6,27.8z M122.2,38 c-0.5,0.7-1.3,1.1-2.2,1.1c-0.1,0-0.1,0-0.2,0c-1.4-0.2-2.3-1.4-2.2-2.7c0-0.1,0-0.2,0-0.2c0-1.4,1-2.5,2.4-2.5 c0.8,0,1.6,0.4,2.2,1.1C122.2,34.8,122.2,38,122.2,38z M131.7,31.4c-0.1,0-0.1,0-0.2,0c-2.7,0.1-4.7,2.3-4.7,4.9c0,0.2,0,0.3,0,0.5 c0.1,2.6,2.4,4.7,5,4.5c1.4,0.1,2.8-0.4,3.9-1.3l-1.1-1.6c-0.7,0.6-1.6,0.9-2.5,0.9c-1.3,0.1-2.5-0.9-2.7-2.2h7v-0.5 C136.5,33.5,134.6,31.4,131.7,31.4z M129.4,35.4c0.1-1.2,1.1-2.1,2.3-2.1c0,0,0,0,0.1,0c1.2,0,2.2,0.9,2.3,2.1H129.4z M12.7,29.2 c3.3,0,5.9-2.7,5.9-5.9l0,0c0-3.3-11.9-3.3-11.9,0C6.8,26.5,9.4,29.2,12.7,29.2z M17.1,35.2L17.1,35.2c4.6-1.7,7.9-5.9,8.3-10.8 c0-0.2,0-0.4,0-0.6c0-0.3-0.2-0.6-0.5-0.6l0,0h-2c-0.3,0-0.5,0.2-0.5,0.5c0,0.2,0,0.4,0,0.6c-0.6,5.3-5.4,9.1-10.7,8.5 c-4.5-0.5-8-4-8.5-8.5c0-0.2,0-0.4,0-0.6c0-0.3-0.3-0.5-0.5-0.5h-2c-0.3,0-0.5,0.2-0.5,0.5l0,0c0,0.2,0,0.4,0,0.6 c0.5,4.9,3.7,9.1,8.3,10.8l0,0c0.3,0.1,0.4,0.4,0.3,0.6c0,0.1-0.2,0.3-0.3,0.3c-4.7,1.8-8,6-8.5,10.9c0,0.2,0,0.4,0,0.6 c0,0.3,0.2,0.6,0.5,0.6l0,0h2c0.3,0,0.5-0.2,0.5-0.5c0-0.2,0-0.4,0-0.6c0.6-4.9,4.7-8.5,9.6-8.5s9,3.7,9.6,8.5c0,0.2,0,0.4,0,0.6 c0,0.3,0.3,0.5,0.5,0.5h2c0.3,0,0.5-0.2,0.5-0.5l0,0c0-0.2,0-0.4,0-0.6c-0.5-4.9-3.7-9.1-8.3-10.8c-0.3-0.1-0.4-0.4-0.3-0.6 C16.8,35.3,16.9,35.2,17.1,35.2z M1.7,6.4h1.8c1.4,0,2.1-0.9,2.1-2s-0.8-2-2.1-2H0.7V9h1V6.4z M1.7,3.2h1.7c0.7,0,1.2,0.5,1.2,1.2 S4.1,5.6,3.4,5.6H1.7V3.2z M10.8,9.1c2,0,3.4-1.5,3.4-3.4s-1.4-3.4-3.4-3.4S7.4,3.7,7.4,5.7S8.8,9.1,10.8,9.1z M10.8,3.1 c1.4,0,2.3,1.1,2.3,2.6s-0.9,2.6-2.3,2.6S8.5,7.2,8.5,5.7S9.4,3.1,10.8,3.1z M18.5,9l1.4-5.1L21.3,9h1l1.9-6.7h-1.1l-1.4,5.4 l-1.4-5.4h-0.8L18,7.7l-1.4-5.4h-1.1L17.4,9H18.5z M26.1,9h4.5V8.1h-3.5V6h3.4V5.2h-3.4v-2h3.5V2.3h-4.5V9z M33.8,6.4H35L36.7,9h1.2 l-1.7-2.7c0.8-0.1,1.7-0.7,1.7-1.9s-0.9-2-2.1-2H33V9h1V6.4H33.8z M33.8,3.2h1.7c0.7,0,1.2,0.5,1.2,1.2s-0.5,1.2-1.2,1.2h-1.7V3.2z  M40,9h4.5V8.1H41V6h3.4V5.2H41v-2h3.5V2.3H40V9z M52.6,5.7c0-1.9-1.4-3.3-3.5-3.3h-2.4V9h2.4C51.2,9,52.6,7.6,52.6,5.7z M47.7,3.2 h1.4c1.6,0,2.4,1.1,2.4,2.5c0,1.3-0.9,2.4-2.4,2.4h-1.4V3.2z M63.5,7.2c0-0.8-0.6-1.5-1.3-1.6c0.6-0.1,1.2-0.7,1.2-1.5 c0-1-0.7-1.7-1.9-1.7h-3.1V9h3.2C62.8,9,63.5,8.2,63.5,7.2z M59.4,3.2h1.9c0.7,0,1,0.4,1,1s-0.4,1-1,1h-1.9V3.2z M59.4,8.1V6h2 c0.7,0,1.1,0.5,1.1,1c0,0.6-0.4,1-1.1,1h-2V8.1z M69.8,2.3l-1.9,3l-2-3h-1.2l2.7,3.9V9h1V6.2L71,2.3H69.8z" }));
+import { j as r } from "./sd-component-library195.js";
+import "./sd-component-library197.js";
+import { useHover as k } from "./sd-component-library3.js";
+import { isTouchScreen as S } from "./sd-component-library4.js";
+import { FlexItemsCenter as j, FlexCenter as v } from "./sd-component-library37.js";
+import { Box as n } from "./sd-component-library198.js";
+const z = "10px", e = "20px", B = "5px", F = ({
+  disabled: o,
+  containerSx: x,
+  showHoverCheckbox: c,
+  bg: s,
+  showBGColorWhenIdle: l,
+  disabledColor: p = "cl_grey",
+  color: d = "cl_blue",
+  children: h,
+  showInnerBox: m,
+  onClick: a,
+  borderWidth: u = "2px",
+  innerBoxSx: C
+}) => {
+  const {
+    isHover: b,
+    hoverCallbacks: f
+  } = k(), i = b || !c || S(), t = o ? p : d;
+  return /* @__PURE__ */ r.jsxs(j, { onClick: o ? void 0 : a, sx: {
+    cursor: o ? "default" : "pointer",
+    gap: "10px",
+    ...x
+  }, ...f, children: [
+    /* @__PURE__ */ r.jsx(n, { size: e, sx: {
+      flexShrink: 0
+    }, children: /* @__PURE__ */ r.jsx(v, { width: i ? e : B, height: e, bg: l && i ? "" : s, sx: {
+      flexShrink: 0,
+      borderRadius: "3px",
+      borderWidth: u,
+      borderColor: t,
+      borderStyle: "solid",
+      transition: "width 0.1s ease-in"
+    }, children: m && /* @__PURE__ */ r.jsx(n, { sx: {
+      border: `calc(${z} / 2) solid`,
+      borderColor: t,
+      borderRadius: "2px",
+      ...C
+    } }) }) }),
+    h
+  ] });
+};
 export {
-  h as ReactComponent
+  F as CheckboxV2Container
 };
 //# sourceMappingURL=sd-component-library216.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library216.js","sources":["../src/components/buttons/logos/powered-by-white-logo/assets/powered-by-white.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMzkuNSA0OC4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMzkuNSA0OC4xOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xMzgsMzAuN0wxMzgsMzAuN2gtMC41bDAsMGwwLDBsMCwwbDAsMGwwLDBsMCwwbDAsMGwwLDBoMC4ydjAuNWwwLDBsMCwwbDAsMGwwLDBsMCwwbDAsMGwwLDBsMCwwdi0wLjVoMC4yCglDMTM4LDMwLjgsMTM4LDMwLjgsMTM4LDMwLjdDMTM4LDMwLjgsMTM4LDMwLjgsMTM4LDMwLjdDMTM4LDMwLjgsMTM4LDMwLjgsMTM4LDMwLjdDMTM4LDMwLjgsMTM4LDMwLjgsMTM4LDMwLjcKCUMxMzgsMzAuOCwxMzgsMzAuOCwxMzgsMzAuN0wxMzgsMzAuN0wxMzgsMzAuN3ogTTEzOC44LDMwLjhDMTM4LjgsMzAuOCwxMzguOCwzMC43LDEzOC44LDMwLjhDMTM4LjgsMzAuNywxMzguOCwzMC43LDEzOC44LDMwLjgKCUMxMzguOCwzMC43LDEzOC44LDMwLjcsMTM4LjgsMzAuOGgtMC4xbDAsMGwwLDBsMCwwbDAsMGwtMC4xLDAuNGwwLDBsLTAuMS0wLjRsMCwwbDAsMGwwLDBsMCwwaC0wLjFsMCwwbDAsMHYwLjZsMCwwbDAsMGwwLDBsMCwwCglsMCwwbDAsMGwwLDBsMCwwdi0wLjVsMC4yLDAuNWwwLDBsMCwwbDAsMGwwLDBsMCwwbDAsMGwwLDBsMCwwbDAuMi0wLjV2MC41bDAsMGwwLDBsMCwwbDAsMGwwLDBsMCwwbDAsMGwwLDBMMTM4LjgsMzAuOEwxMzguOCwzMC44Cgl6IE0zOS41LDMzLjFjLTEuNS0wLjQtMi42LTAuNi0yLjYtMS41YzAtMC44LDAuNy0xLjMsMS45LTEuM2MxLjMsMCwyLjYsMC41LDMuNiwxLjNsMCwwYzAuMSwwLjEsMC4yLDAsMC4zLDBsMS4zLTEuNwoJYzAuMS0wLjEsMC4xLTAuMiwwLTAuM2MtMS40LTEuMi0zLjItMS44LTUtMS43Yy0zLjEsMC01LDEuOC01LDMuOWMwLDIuOSwyLjcsMy41LDQuOSw0YzEuNSwwLjQsMi42LDAuNywyLjYsMS43CgljMCwwLjctMC43LDEuNS0yLjMsMS41Yy0xLjUsMC0yLjktMC42LTQtMS42bDAsMGMtMC4xLTAuMS0wLjIsMC0wLjMsMGwtMS4zLDEuOGMtMC4xLDAuMSwwLDAuMiwwLDAuM2MxLjUsMS4zLDMuNCwyLDUuNCwyCgljMy41LDAsNS4yLTEuOCw1LjItNC4yQzQ0LjQsMzQuMiw0MS43LDMzLjYsMzkuNSwzMy4xeiBNNTAuNSwzMS40Yy0wLjEsMC0wLjEsMC0wLjIsMGMtMi43LDAuMS00LjcsMi4zLTQuNyw1YzAsMC4yLDAsMC4zLDAsMC41CgljMC4xLDIuNiwyLjQsNC43LDUsNC41YzEuNCwwLDIuNy0wLjQsMy44LTEuMmMwLjEtMC4xLDAuMS0wLjIsMC0wLjJsLTAuOC0xLjJsMCwwYy0wLjEtMC4xLTAuMy0wLjEtMC40LDBjLTAuMywwLjItMC42LDAuNC0wLjksMC41CgljLTIuNCwwLjctMy44LTAuNS00LTJoNi45YzAuMSwwLDAuMi0wLjEsMC4yLTAuMnYtMC40QzU1LjMsMzMuNSw1My4zLDMxLjQsNTAuNSwzMS40eiBNNTIuOCwzNS40aC00LjVsMCwwYzAsMC0wLjEsMC0wLjEtMC4xCgljMC4xLTEuMiwxLjEtMi4xLDIuMy0yQzUxLjcsMzMuMyw1Mi44LDM0LjIsNTIuOCwzNS40TDUyLjgsMzUuNEw1Mi44LDM1LjR6IE01OS42LDI3LjhoLTIuMWMtMC4xLDAtMC4yLDAuMS0wLjIsMC4ydjEzLjEKCWMwLDAuMSwwLjEsMC4yLDAuMiwwLjJoMi4xbDAsMGMwLjEsMCwwLjItMC4xLDAuMi0wLjJWMjhsMCwwQzU5LjgsMjcuOSw1OS43LDI3LjgsNTkuNiwyNy44eiBNNjYuMiwyNy44Yy0wLjEsMC0wLjMsMC0wLjQsMAoJYy0xLjcsMC4xLTIuOSwxLjYtMi44LDMuM3YwLjhoLTEuNWwwLDBWMzRsMCwwSDYzdjcuMmwwLDBoMi40bDAsMFYzNGgxLjlsMCwwdi0yLjFsMCwwaC0xLjl2LTAuN2MwLTAuOSwwLjUtMS40LDEuMi0xLjQKCWMwLjMsMCwwLjUsMC4xLDAuOCwwLjJsMCwwbDAsMGwwLjUtMS43bDAsMEM2Ny41LDI3LjksNjYuOCwyNy44LDY2LjIsMjcuOHogTTc0LjMsMjcuOGgtNC45Yy0wLjEsMC0wLjIsMC4xLTAuMiwwLjJ2MTMKCWMwLDAuMSwwLjEsMC4yLDAuMiwwLjJoNC45YzAuMiwwLDAuNCwwLDAuNiwwYzMuNi0wLjEsNi41LTMuMSw2LjMtNi43YzAtMC4yLDAtMC40LDAtMC42QzgxLjEsMzAuNCw3OCwyNy42LDc0LjMsMjcuOHogTTc0LjMsMzguOQoJaC0yLjFjLTAuMSwwLTAuMi0wLjEtMC4yLTAuMnYtOC4xYzAtMC4xLDAuMS0wLjIsMC4yLTAuMmgyLjFjMC4xLDAsMC4zLDAsMC40LDBjMi4yLDAuMiwzLjgsMi4xLDMuNyw0LjNjMCwwLjEsMCwwLjEsMCwwLjIKCUM3OC40LDM3LDc2LjYsMzguOSw3NC4zLDM4Ljl6IE04Ny41LDMxLjRjLTAuMSwwLTAuMSwwLTAuMiwwYy0yLjcsMC4xLTQuNywyLjMtNC43LDVjMCwwLjIsMCwwLjMsMCwwLjVjMC4xLDIuNiwyLjQsNC43LDUsNC41CgljMS40LDAsMi44LTAuNCwzLjktMS4zYzAsMCwwLDAsMC0wLjFsLTEtMS41bDAsMGMwLDAsMCwwLTAuMSwwYy0wLjcsMC42LTEuNiwwLjktMi41LDAuOWMtMS4zLDAuMS0yLjUtMC45LTIuNy0yLjJoN3YtMC41CglDOTIuMiwzMy41LDkwLjMsMzEuNCw4Ny41LDMxLjR6IE04OS44LDM1LjRoLTQuNmwwLDBsMCwwYzAuMS0xLjIsMS4xLTIuMSwyLjMtMmwwLDBDODguNywzMy4zLDg5LjcsMzQuMiw4OS44LDM1LjRMODkuOCwzNS40CglMODkuOCwzNS40eiBNMTAwLjksMzguMkMxMDAuOSwzOC4xLDEwMC45LDM4LjEsMTAwLjksMzguMmMtMC4xLDAtMC4xLDAtMC4yLDBjLTAuNSwwLjYtMS4yLDAuOS0xLjksMC45Yy0wLjEsMC0wLjIsMC0wLjIsMAoJYy0xLjQtMC4xLTIuNC0xLjQtMi4zLTIuOGMwLTAuMSwwLTAuMiwwLTAuM2MwLTEuNCwxLjItMi41LDIuNi0yLjVjMC44LDAsMS41LDAuMywxLjksMC45bDAsMGMwLDAsMC4xLDAsMC4yLDBsMS41LTEuNHYtMC4xCgljLTAuOS0xLjEtMi4zLTEuNy0zLjctMS42Yy0wLjQsMC0wLjksMC0xLjMsMC4xYy0yLjYsMC42LTQuMiwzLjMtMy42LDUuOWMwLjQsMi4xLDIuMSwzLjcsNC4yLDMuOWMxLjYsMC4zLDMuMy0wLjMsNC40LTEuNnYtMC4xCglMMTAwLjksMzguMnogTTEwOC43LDMxLjNjLTIuOCwwLTUsMi4yLTUsNXMyLjIsNSw1LDVzNS0yLjIsNS01QzExMy43LDMzLjYsMTExLjQsMzEuMywxMDguNywzMS4zeiBNMTExLjEsMzYuM2MwLDAuMiwwLDAuNCwwLDAuNgoJYy0wLjIsMS4zLTEuNCwyLjMtMi43LDIuMWMtMS4zLTAuMi0yLjMtMS40LTIuMS0yLjdjMC0wLjIsMC0wLjQsMC0wLjZjMC4yLTEuMywxLjQtMi4zLDIuNy0yLjFDMTEwLjMsMzMuOCwxMTEuMiwzNSwxMTEuMSwzNi4zegoJIE0xMjQuNiwyNy44aC0yLjFjLTAuMSwwLTAuMiwwLjEtMC4yLDAuMnY0LjhjLTAuNy0wLjktMS44LTEuNS0yLjktMS40Yy0yLjQsMC00LjIsMS45LTQuMiw1YzAsMy4yLDEuOCw1LDQuMiw1CgljMS4xLDAsMi4yLTAuNSwyLjktMS40djEuMmMwLDAuMSwwLjEsMC4yLDAuMiwwLjJoMi4xYzAuMSwwLDAuMi0wLjEsMC4yLTAuMlYyOEMxMjQuOCwyNy45LDEyNC43LDI3LjgsMTI0LjYsMjcuOHogTTEyMi4yLDM4CgljLTAuNSwwLjctMS4zLDEuMS0yLjIsMS4xYy0wLjEsMC0wLjEsMC0wLjIsMGMtMS40LTAuMi0yLjMtMS40LTIuMi0yLjdjMC0wLjEsMC0wLjIsMC0wLjJjMC0xLjQsMS0yLjUsMi40LTIuNQoJYzAuOCwwLDEuNiwwLjQsMi4yLDEuMUMxMjIuMiwzNC44LDEyMi4yLDM4LDEyMi4yLDM4eiBNMTMxLjcsMzEuNGMtMC4xLDAtMC4xLDAtMC4yLDBjLTIuNywwLjEtNC43LDIuMy00LjcsNC45YzAsMC4yLDAsMC4zLDAsMC41CgljMC4xLDIuNiwyLjQsNC43LDUsNC41YzEuNCwwLjEsMi44LTAuNCwzLjktMS4zbC0xLjEtMS42Yy0wLjcsMC42LTEuNiwwLjktMi41LDAuOWMtMS4zLDAuMS0yLjUtMC45LTIuNy0yLjJoN3YtMC41CglDMTM2LjUsMzMuNSwxMzQuNiwzMS40LDEzMS43LDMxLjR6IE0xMjkuNCwzNS40YzAuMS0xLjIsMS4xLTIuMSwyLjMtMi4xYzAsMCwwLDAsMC4xLDBjMS4yLDAsMi4yLDAuOSwyLjMsMi4xSDEyOS40eiBNMTIuNywyOS4yCgljMy4zLDAsNS45LTIuNyw1LjktNS45bDAsMGMwLTMuMy0xMS45LTMuMy0xMS45LDBDNi44LDI2LjUsOS40LDI5LjIsMTIuNywyOS4yeiBNMTcuMSwzNS4yTDE3LjEsMzUuMmM0LjYtMS43LDcuOS01LjksOC4zLTEwLjgKCWMwLTAuMiwwLTAuNCwwLTAuNmMwLTAuMy0wLjItMC42LTAuNS0wLjZsMCwwaC0yYy0wLjMsMC0wLjUsMC4yLTAuNSwwLjVjMCwwLjIsMCwwLjQsMCwwLjZjLTAuNiw1LjMtNS40LDkuMS0xMC43LDguNQoJYy00LjUtMC41LTgtNC04LjUtOC41YzAtMC4yLDAtMC40LDAtMC42YzAtMC4zLTAuMy0wLjUtMC41LTAuNWgtMmMtMC4zLDAtMC41LDAuMi0wLjUsMC41bDAsMGMwLDAuMiwwLDAuNCwwLDAuNgoJYzAuNSw0LjksMy43LDkuMSw4LjMsMTAuOGwwLDBjMC4zLDAuMSwwLjQsMC40LDAuMywwLjZjMCwwLjEtMC4yLDAuMy0wLjMsMC4zYy00LjcsMS44LTgsNi04LjUsMTAuOWMwLDAuMiwwLDAuNCwwLDAuNgoJYzAsMC4zLDAuMiwwLjYsMC41LDAuNmwwLDBoMmMwLjMsMCwwLjUtMC4yLDAuNS0wLjVjMC0wLjIsMC0wLjQsMC0wLjZjMC42LTQuOSw0LjctOC41LDkuNi04LjVzOSwzLjcsOS42LDguNWMwLDAuMiwwLDAuNCwwLDAuNgoJYzAsMC4zLDAuMywwLjUsMC41LDAuNWgyYzAuMywwLDAuNS0wLjIsMC41LTAuNWwwLDBjMC0wLjIsMC0wLjQsMC0wLjZjLTAuNS00LjktMy43LTkuMS04LjMtMTAuOGMtMC4zLTAuMS0wLjQtMC40LTAuMy0wLjYKCUMxNi44LDM1LjMsMTYuOSwzNS4yLDE3LjEsMzUuMnogTTEuNyw2LjRoMS44YzEuNCwwLDIuMS0wLjksMi4xLTJzLTAuOC0yLTIuMS0ySDAuN1Y5aDFWNi40eiBNMS43LDMuMmgxLjdjMC43LDAsMS4yLDAuNSwxLjIsMS4yCglTNC4xLDUuNiwzLjQsNS42SDEuN1YzLjJ6IE0xMC44LDkuMWMyLDAsMy40LTEuNSwzLjQtMy40cy0xLjQtMy40LTMuNC0zLjRTNy40LDMuNyw3LjQsNS43UzguOCw5LjEsMTAuOCw5LjF6IE0xMC44LDMuMQoJYzEuNCwwLDIuMywxLjEsMi4zLDIuNnMtMC45LDIuNi0yLjMsMi42UzguNSw3LjIsOC41LDUuN1M5LjQsMy4xLDEwLjgsMy4xeiBNMTguNSw5bDEuNC01LjFMMjEuMyw5aDFsMS45LTYuN2gtMS4xbC0xLjQsNS40CglsLTEuNC01LjRoLTAuOEwxOCw3LjdsLTEuNC01LjRoLTEuMUwxNy40LDlIMTguNXogTTI2LjEsOWg0LjVWOC4xaC0zLjVWNmgzLjRWNS4yaC0zLjR2LTJoMy41VjIuM2gtNC41Vjl6IE0zMy44LDYuNEgzNUwzNi43LDloMS4yCglsLTEuNy0yLjdjMC44LTAuMSwxLjctMC43LDEuNy0xLjlzLTAuOS0yLTIuMS0ySDMzVjloMVY2LjRIMzMuOHogTTMzLjgsMy4yaDEuN2MwLjcsMCwxLjIsMC41LDEuMiwxLjJzLTAuNSwxLjItMS4yLDEuMmgtMS43VjMuMnoKCSBNNDAsOWg0LjVWOC4xSDQxVjZoMy40VjUuMkg0MXYtMmgzLjVWMi4zSDQwVjl6IE01Mi42LDUuN2MwLTEuOS0xLjQtMy4zLTMuNS0zLjNoLTIuNFY5aDIuNEM1MS4yLDksNTIuNiw3LjYsNTIuNiw1Ljd6IE00Ny43LDMuMgoJaDEuNGMxLjYsMCwyLjQsMS4xLDIuNCwyLjVjMCwxLjMtMC45LDIuNC0yLjQsMi40aC0xLjRWMy4yeiBNNjMuNSw3LjJjMC0wLjgtMC42LTEuNS0xLjMtMS42YzAuNi0wLjEsMS4yLTAuNywxLjItMS41CgljMC0xLTAuNy0xLjctMS45LTEuN2gtMy4xVjloMy4yQzYyLjgsOSw2My41LDguMiw2My41LDcuMnogTTU5LjQsMy4yaDEuOWMwLjcsMCwxLDAuNCwxLDFzLTAuNCwxLTEsMWgtMS45VjMuMnogTTU5LjQsOC4xVjZoMgoJYzAuNywwLDEuMSwwLjUsMS4xLDFjMCwwLjYtMC40LDEtMS4xLDFoLTJWOC4xeiBNNjkuOCwyLjNsLTEuOSwzbC0yLTNoLTEuMmwyLjcsMy45VjloMVY2LjJMNzEsMi4zSDY5Ljh6Ii8+Cjwvc3ZnPgo=\""],"names":["SvgPoweredByWhite","props","React"],"mappings":";AACK,MAACA,IAAoB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,IAAI,WAAW,OAAO,8BAA8B,YAAY,gCAAgC,GAAG,OAAO,GAAG,OAAO,SAAS,kBAAkB,OAAO;AAAA,EACtO,kBAAkB;AACpB,GAAG,UAAU,YAAY,GAAGD,EAAK,GAAoB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,MAAM,WAAW,GAAG,y4KAAw4K,CAAE,CAAC;"}
+{"version":3,"file":"sd-component-library216.js","sources":["../src/components/checkboxes/checkbox-v2/partials/checkbox-v2-container/checkbox-v2-container.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { useHover } from \"../../../../../core/custom-hooks\";\nimport { isTouchScreen } from \"../../../../../core/functions\";\nimport { FlexCenter, FlexItemsCenter } from \"../../../../containers\";\nimport { CheckboxV2ContainerProps as Props } from \"./interfaces\";\n\nconst innerBoxSize = \"10px\";\nconst outerBoxSize = \"20px\";\n\nconst shrankSize = \"5px\";\n\nexport const CheckboxV2Container: React.FC<Props> = ({\n  disabled,\n  containerSx,\n  showHoverCheckbox,\n  bg,\n  showBGColorWhenIdle,\n  disabledColor = \"cl_grey\",\n  color = \"cl_blue\",\n  children,\n  showInnerBox,\n  onClick,\n  borderWidth = \"2px\",\n  innerBoxSx,\n}) => {\n  const { isHover, hoverCallbacks } = useHover();\n  const isCheckboxExtended = isHover || !showHoverCheckbox || isTouchScreen();\n  const currentColor = disabled ? disabledColor : color;\n\n  return (\n    <FlexItemsCenter\n      onClick={disabled ? undefined : onClick}\n      sx={{\n        cursor: disabled ? \"default\" : \"pointer\",\n        gap: \"10px\",\n        ...containerSx,\n      }}\n      {...hoverCallbacks}\n    >\n      <Box size={outerBoxSize} sx={{ flexShrink: 0 }}>\n        <FlexCenter\n          width={isCheckboxExtended ? outerBoxSize : shrankSize}\n          height={outerBoxSize}\n          bg={showBGColorWhenIdle ? (isCheckboxExtended ? \"\" : bg) : bg}\n          sx={{\n            flexShrink: 0,\n            borderRadius: \"3px\",\n            borderWidth,\n            borderColor: currentColor,\n            borderStyle: \"solid\",\n            transition: \"width 0.1s ease-in\",\n          }}\n        >\n          {showInnerBox && (\n            <Box\n              sx={{\n                border: `calc(${innerBoxSize} / 2) solid`,\n                borderColor: currentColor,\n                borderRadius: \"2px\",\n                ...innerBoxSx,\n              }}\n            />\n          )}\n        </FlexCenter>\n      </Box>\n\n      {children}\n    </FlexItemsCenter>\n  );\n};\n"],"names":["innerBoxSize","outerBoxSize","shrankSize","CheckboxV2Container","disabled","containerSx","showHoverCheckbox","bg","showBGColorWhenIdle","disabledColor","color","children","showInnerBox","onClick","borderWidth","innerBoxSx","isHover","hoverCallbacks","useHover","isCheckboxExtended","isTouchScreen","currentColor","FlexItemsCenter","undefined","cursor","gap","jsx","Box","flexShrink","FlexCenter","borderRadius","borderColor","borderStyle","transition","border"],"mappings":";;;;;;AASA,MAAMA,IAAe,QACfC,IAAe,QAEfC,IAAa,OAENC,IAAuCA,CAAC;AAAA,EACnDC,UAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,mBAAAA;AAAAA,EACAC,IAAAA;AAAAA,EACAC,qBAAAA;AAAAA,EACAC,eAAAA,IAAgB;AAAA,EAChBC,OAAAA,IAAQ;AAAA,EACRC,UAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,aAAAA,IAAc;AAAA,EACdC,YAAAA;AACF,MAAM;AACE,QAAA;AAAA,IAAEC,SAAAA;AAAAA,IAASC,gBAAAA;AAAAA,MAAmBC,EAAS,GACvCC,IAAqBH,KAAW,CAACV,KAAqBc,EAAc,GACpEC,IAAejB,IAAWK,IAAgBC;AAEhD,gCACGY,GACC,EAAA,SAASlB,IAAWmB,SAAYV,GAChC,IAAI;AAAA,IACFW,QAAQpB,IAAW,YAAY;AAAA,IAC/BqB,KAAK;AAAA,IACL,GAAGpB;AAAAA,EAAAA,GAEDY,GAAAA,GAEJ,UAAA;AAAA,IAACS,gBAAAA,EAAAA,IAAAC,GAAA,EAAI,MAAM1B,GAAc,IAAI;AAAA,MAAE2B,YAAY;AAAA,IAAA,GACzC,UAAAF,gBAAAA,EAAAA,IAACG,GACC,EAAA,OAAOV,IAAqBlB,IAAeC,GAC3C,QAAQD,GACR,IAAIO,KAAuBW,IAAqB,KAAWZ,GAC3D,IAAI;AAAA,MACFqB,YAAY;AAAA,MACZE,cAAc;AAAA,MACdhB,aAAAA;AAAAA,MACAiB,aAAaV;AAAAA,MACbW,aAAa;AAAA,MACbC,YAAY;AAAA,IAGbrB,GAAAA,UAAAA,KACEc,gBAAAA,EAAA,IAAAC,GAAA,EACC,IAAI;AAAA,MACFO,QAAS,QAAOlC,CAAa;AAAA,MAC7B+B,aAAaV;AAAAA,MACbS,cAAc;AAAA,MACd,GAAGf;AAAAA,IAAAA,EAGR,CAAA,EACH,CAAA,GACF;AAAA,IAECJ;AAAAA,EACH,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library217.js

@@ -1,51 +1,16 @@
-import { j as r } from "./sd-component-library195.js";
-import "./sd-component-library198.js";
-import { useHover as k } from "./sd-component-library3.js";
-import { isTouchScreen as S } from "./sd-component-library4.js";
-import { FlexItemsCenter as j, FlexCenter as v } from "./sd-component-library37.js";
-import { Box as n } from "./sd-component-library199.js";
-const z = "10px", e = "20px", B = "5px", F = ({
-  disabled: o,
-  containerSx: x,
-  showHoverCheckbox: c,
-  bg: s,
-  showBGColorWhenIdle: l,
-  disabledColor: p = "cl_grey",
-  color: d = "cl_blue",
-  children: h,
-  showInnerBox: m,
-  onClick: a,
-  borderWidth: u = "2px",
-  innerBoxSx: C
-}) => {
-  const {
-    isHover: b,
-    hoverCallbacks: f
-  } = k(), i = b || !c || S(), t = o ? p : d;
-  return /* @__PURE__ */ r.jsxs(j, { onClick: o ? void 0 : a, sx: {
-    cursor: o ? "default" : "pointer",
-    gap: "10px",
-    ...x
-  }, ...f, children: [
-    /* @__PURE__ */ r.jsx(n, { size: e, sx: {
-      flexShrink: 0
-    }, children: /* @__PURE__ */ r.jsx(v, { width: i ? e : B, height: e, bg: l && i ? "" : s, sx: {
-      flexShrink: 0,
-      borderRadius: "3px",
-      borderWidth: u,
-      borderColor: t,
-      borderStyle: "solid",
-      transition: "width 0.1s ease-in"
-    }, children: m && /* @__PURE__ */ r.jsx(n, { sx: {
-      border: `calc(${z} / 2) solid`,
-      borderColor: t,
-      borderRadius: "2px",
-      ...C
-    } }) }) }),
-    h
-  ] });
-};
+import { j as i } from "./sd-component-library195.js";
+import "./sd-component-library197.js";
+import { Box as s } from "./sd-component-library198.js";
+const p = ({
+  color: r = "cl_lightGrey",
+  sx: t,
+  ...o
+}) => /* @__PURE__ */ i.jsx(s, { sx: {
+  bg: r,
+  ...o,
+  ...t
+}, "data-test": "divider" });
 export {
-  F as CheckboxV2Container
+  p as Divider
 };
 //# sourceMappingURL=sd-component-library217.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library217.js","sources":["../src/components/checkboxes/checkbox-v2/partials/checkbox-v2-container/checkbox-v2-container.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { useHover } from \"../../../../../core/custom-hooks\";\nimport { isTouchScreen } from \"../../../../../core/functions\";\nimport { FlexCenter, FlexItemsCenter } from \"../../../../containers\";\nimport { CheckboxV2ContainerProps as Props } from \"./interfaces\";\n\nconst innerBoxSize = \"10px\";\nconst outerBoxSize = \"20px\";\n\nconst shrankSize = \"5px\";\n\nexport const CheckboxV2Container: React.FC<Props> = ({\n  disabled,\n  containerSx,\n  showHoverCheckbox,\n  bg,\n  showBGColorWhenIdle,\n  disabledColor = \"cl_grey\",\n  color = \"cl_blue\",\n  children,\n  showInnerBox,\n  onClick,\n  borderWidth = \"2px\",\n  innerBoxSx,\n}) => {\n  const { isHover, hoverCallbacks } = useHover();\n  const isCheckboxExtended = isHover || !showHoverCheckbox || isTouchScreen();\n  const currentColor = disabled ? disabledColor : color;\n\n  return (\n    <FlexItemsCenter\n      onClick={disabled ? undefined : onClick}\n      sx={{\n        cursor: disabled ? \"default\" : \"pointer\",\n        gap: \"10px\",\n        ...containerSx,\n      }}\n      {...hoverCallbacks}\n    >\n      <Box size={outerBoxSize} sx={{ flexShrink: 0 }}>\n        <FlexCenter\n          width={isCheckboxExtended ? outerBoxSize : shrankSize}\n          height={outerBoxSize}\n          bg={showBGColorWhenIdle ? (isCheckboxExtended ? \"\" : bg) : bg}\n          sx={{\n            flexShrink: 0,\n            borderRadius: \"3px\",\n            borderWidth,\n            borderColor: currentColor,\n            borderStyle: \"solid\",\n            transition: \"width 0.1s ease-in\",\n          }}\n        >\n          {showInnerBox && (\n            <Box\n              sx={{\n                border: `calc(${innerBoxSize} / 2) solid`,\n                borderColor: currentColor,\n                borderRadius: \"2px\",\n                ...innerBoxSx,\n              }}\n            />\n          )}\n        </FlexCenter>\n      </Box>\n\n      {children}\n    </FlexItemsCenter>\n  );\n};\n"],"names":["innerBoxSize","outerBoxSize","shrankSize","CheckboxV2Container","disabled","containerSx","showHoverCheckbox","bg","showBGColorWhenIdle","disabledColor","color","children","showInnerBox","onClick","borderWidth","innerBoxSx","isHover","hoverCallbacks","useHover","isCheckboxExtended","isTouchScreen","currentColor","FlexItemsCenter","undefined","cursor","gap","jsx","Box","flexShrink","FlexCenter","borderRadius","borderColor","borderStyle","transition","border"],"mappings":";;;;;;AASA,MAAMA,IAAe,QACfC,IAAe,QAEfC,IAAa,OAENC,IAAuCA,CAAC;AAAA,EACnDC,UAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,mBAAAA;AAAAA,EACAC,IAAAA;AAAAA,EACAC,qBAAAA;AAAAA,EACAC,eAAAA,IAAgB;AAAA,EAChBC,OAAAA,IAAQ;AAAA,EACRC,UAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,aAAAA,IAAc;AAAA,EACdC,YAAAA;AACF,MAAM;AACE,QAAA;AAAA,IAAEC,SAAAA;AAAAA,IAASC,gBAAAA;AAAAA,MAAmBC,EAAS,GACvCC,IAAqBH,KAAW,CAACV,KAAqBc,EAAc,GACpEC,IAAejB,IAAWK,IAAgBC;AAEhD,gCACGY,GACC,EAAA,SAASlB,IAAWmB,SAAYV,GAChC,IAAI;AAAA,IACFW,QAAQpB,IAAW,YAAY;AAAA,IAC/BqB,KAAK;AAAA,IACL,GAAGpB;AAAAA,EAAAA,GAEDY,GAAAA,GAEJ,UAAA;AAAA,IAACS,gBAAAA,EAAAA,IAAAC,GAAA,EAAI,MAAM1B,GAAc,IAAI;AAAA,MAAE2B,YAAY;AAAA,IAAA,GACzC,UAAAF,gBAAAA,EAAAA,IAACG,GACC,EAAA,OAAOV,IAAqBlB,IAAeC,GAC3C,QAAQD,GACR,IAAIO,KAAuBW,IAAqB,KAAWZ,GAC3D,IAAI;AAAA,MACFqB,YAAY;AAAA,MACZE,cAAc;AAAA,MACdhB,aAAAA;AAAAA,MACAiB,aAAaV;AAAAA,MACbW,aAAa;AAAA,MACbC,YAAY;AAAA,IAGbrB,GAAAA,UAAAA,KACEc,gBAAAA,EAAA,IAAAC,GAAA,EACC,IAAI;AAAA,MACFO,QAAS,QAAOlC,CAAa;AAAA,MAC7B+B,aAAaV;AAAAA,MACbS,cAAc;AAAA,MACd,GAAGf;AAAAA,IAAAA,EAGR,CAAA,EACH,CAAA,GACF;AAAA,IAECJ;AAAAA,EACH,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library217.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","bg"],"mappings":";;;AASO,MAAMA,IAA2BA,CAAC;AAAA,EACvCC,OAAAA,IAAQ;AAAA,EACRC,IAAAA;AAAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAA,IAACC,KACC,IAAI;AAAA,EACFC,IAAIL;AAAAA,EACJ,GAAGE;AAAAA,EACH,GAAGD;AAAAA,GAEL,aAAU,UACV,CAAA;"}

package/lib/sd-component-library218.js

@@ -1,16 +1,26 @@
-import { j as i } 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 { j as e } from "./sd-component-library195.js";
+import "./sd-component-library197.js";
+import { Box as t } from "./sd-component-library198.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) })
+    ] })
+  ] });
+};
 export {
-  p as Divider
+  f as BaseBooleanFeedback
 };
 //# 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","bg"],"mappings":";;;AASO,MAAMA,IAA2BA,CAAC;AAAA,EACvCC,OAAAA,IAAQ;AAAA,EACRC,IAAAA;AAAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAA,IAACC,KACC,IAAI;AAAA,EACFC,IAAIL;AAAAA,EACJ,GAAGE;AAAAA,EACH,GAAGD;AAAAA,GAEL,aAAU,UACV,CAAA;"}
+{"version":3,"file":"sd-component-library218.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":";;;;;AAWaA,MAAAA,IAAsBA,CACjCC,MACiD;AAC3C,QAAA;AAAA,IACJC,OAAAA;AAAAA,IACAC,sBAAAA;AAAAA,IACAC,sBAAAA;AAAAA,IACAC,oBAAAA;AAAAA,IACAC,oBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,EACEN,IAAAA;AAGF,SAAAO,gBAAAA,EAAA,KAACC,GAAI,EAAA,aAAU,yBACb,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAAC,GAAA,EAAe,aAAU,kBAAkBT,UAAMA,GAAA;AAAA,IAClDM,gBAAAA,OAACI,KAAgB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,GACzC,UAAA;AAAA,MAAAF,gBAAAA,MAACD,GAAI,EAAA,aAAU,6BACZL,UAAAA,EAAqBC,CAAkB,GAC1C;AAAA,4BACCI,GAAI,EAAA,aAAU,6BACZN,UAAAA,EAAqBG,CAAkB,GAC1C;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library219.js

@@ -1,26 +1,6 @@
-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 * 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)" }));
 export {
-  f as BaseBooleanFeedback
+  e as ReactComponent
 };
 //# 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":";;;;;AAWaA,MAAAA,IAAsBA,CACjCC,MACiD;AAC3C,QAAA;AAAA,IACJC,OAAAA;AAAAA,IACAC,sBAAAA;AAAAA,IACAC,sBAAAA;AAAAA,IACAC,oBAAAA;AAAAA,IACAC,oBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,EACEN,IAAAA;AAGF,SAAAO,gBAAAA,EAAA,KAACC,GAAI,EAAA,aAAU,yBACb,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAAC,GAAA,EAAe,aAAU,kBAAkBT,UAAMA,GAAA;AAAA,IAClDM,gBAAAA,OAACI,KAAgB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,GACzC,UAAA;AAAA,MAAAF,gBAAAA,MAACD,GAAI,EAAA,aAAU,6BACZL,UAAAA,EAAqBC,CAAkB,GAC1C;AAAA,4BACCI,GAAI,EAAA,aAAU,6BACZN,UAAAA,EAAqBG,CAAkB,GAC1C;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library219.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;"}

package/lib/sd-component-library220.js

@@ -1,5 +1,5 @@
 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)" }));
+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)" }));
 export {
   e as ReactComponent
 };

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/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;"}

package/lib/sd-component-library221.js

@@ -1,6 +1,45 @@
-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 o } from "./sd-component-library195.js";
+import "./sd-component-library197.js";
+import { Box as d } from "./sd-component-library198.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 {
-  e as ReactComponent
+  j as BaseFeedbackContainer
 };
 //# 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/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","width","position","borderRadius","boxShadow","px","pb","pt","bg","jsx","BoldText","FlexCenter","left","top","transform"],"mappings":";;;;;AAQA,MAAMA,IAAW,QAEJC,IAA0CC,CAAUA,MAAA;AACzD,QAAA;AAAA,IACJC,cAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,sBAAAA,IAAuB;AAAA,IACvBC,cAAAA,IAAe;AAAA,IACfC,sBAAAA,IAAuB;AAAA,IACvBC,UAAAA,IAAW;AAAA,IACX,GAAGC;AAAAA,EACDT,IAAAA;AAGF,SAAAU,gBAAAA,EAAA,KAACC,KACC,IAAI;AAAA,IACFC,OAAO;AAAA,IACPC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,WAAW;AAAA,IACXC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAIV,IAAW,SAAS;AAAA,IACxBW,IAAI;AAAA,IACJ,GAAGhB;AAAAA,EAAAA,GAEDM,GAAAA,GAEJ,UAAA;AAAA,IAAAW,gBAAAA,EAAAA,IAACC,KACC,UAAUhB,GACV,WAAU,UACV,IAAIE,GAEHN,UACHA,EAAA,CAAA;AAAA,IAECC;AAAAA,IAEAM,KACEY,gBAAAA,EAAAA,IAAAE,GAAA,EACC,MAAMxB,GACN,IAAG,SACH,IAAI;AAAA,MACFe,UAAU;AAAA,MACVU,MAAM;AAAA,MACNC,KAAK;AAAA,MACLT,WAAW;AAAA,MACXD,cAAc;AAAA,MACdW,WAAW;AAAA,MACX,GAAGrB;AAAAA,IACL,GAEA,gCAACiB,GAAS,EAAA,UAAUf,GAAc,OAAM,aAAW,eAEnD,EACF,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library222.js

@@ -1,35 +1,13 @@
-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-library360.js";
-import { HorizontalDivider as d } from "./sd-component-library51.js";
-function j(s) {
+import { j as r } from "./sd-component-library195.js";
+import { Button as c } from "./sd-component-library28.js";
+const _ = (o) => {
   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)) });
-}
+    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 {
-  j as ResultsBox
+  _ as BaseFeedbackButton
 };
 //# 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/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","position","top","bg","width","borderRadius","borderWidth","borderStyle","borderColor","boxShadow","zIndex","undefined","map","synonyms","idx","jsxs","React","AutocompleteOptionBox","join","length","HorizontalDivider"],"mappings":";;;;;;AAQO,SAASA,EAAcC,GAAoC;AAC1D,QAAA;AAAA,IAAEC,SAAAA;AAAAA,IAASC,OAAAA;AAAAA,IAAOC,UAAAA;AAAAA,IAAUC,kBAAAA,IAAmB;AAAA,EAASJ,IAAAA;AAG5D,SAAAK,gBAAAA,EAAA,IAACC,KACC,IAAI;AAAA,IACFC,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,IAAI;AAAA,IACJC,OAAO;AAAA,IACPC,cAAc;AAAA,IACdC,aAAa;AAAA,IACbC,aAAa;AAAA,IACbC,aAAa;AAAA,IACbC,WAAW;AAAA,IACXC,QAAQ;AAAA,EACV,GACA,WAAYZ,IAAoCa,SAAjB,gBAC/B,aAAU,eAEThB,UAAQiB,EAAAA,IAAI,CAAC;AAAA,IAAEC,UAAAA;AAAAA,EAAYC,GAAAA,MACzBC,gBAAAA,EAAA,KAAAC,EAAM,UAAN,EACC,UAAA;AAAA,IAAAjB,gBAAAA,MAACkB,KACC,OAAArB,GACA,UAAAiB,GAEA,UAAAhB,KADKgB,EAASK,MACK;AAAA,IAEpBJ,MAAQnB,EAAQwB,SAAS,KACvBpB,gBAAAA,EAAA,IAAAqB,GAAA,EAAkB,OAAM,gBAC1B;AAAA,EAAA,KATkBN,CAUrB,CACD,EACH,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library222.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","undefined"],"mappings":";;AAKO,MAAMA,IAAuCC,CAAUA,MAAA;AACtD,QAAA;AAAA,IAAEC,QAAAA;AAAAA,IAAQC,UAAAA;AAAAA,EAAaF,IAAAA;AAE3B,SAAAG,gBAAAA,EAAA,IAACC,GACC,EAAA,OAAO,CAAC,MAAM,GACd,SAAQ,kBACR,IAAIH,IAAS,cAAcI,QAC3B,OAAOJ,IAAS,aAAaC,IAAW,YAAYG,QACpD,SAASH,IAAYD,IAAS,cAAc,aAAc,WAC1D,aAAaC,IAAW,YAAYD,IAAS,cAAcI,QAC3D,kBAAkBJ,IAAS,YAAYI,QACvC,YAAYH,KAAY,CAACD,IAAS,YAAY,YAC9C,MAAMA,IAAS,aAAaC,IAAW,YAAY,WACnD,WAAWA,KAAY,CAACD,IAAS,YAAY,YAC7C,aAAY,OACZ,GAAID,EACJ,CAAA;AAEN;"}

package/lib/sd-component-library223.js

@@ -1,132 +1,35 @@
-import { commonjsGlobal as a } from "./sd-component-library305.js";
-import { __exports as h } from "./sd-component-library306.js";
-import d from "react";
-import { f as g } from "./sd-component-library307.js";
-import { p as y } from "./sd-component-library308.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();
-  }
+import { j as o } from "./sd-component-library195.js";
+import p from "react";
+import "./sd-component-library197.js";
+import { Box as a } from "./sd-component-library198.js";
+import { AutocompleteOptionBox as n } from "./sd-component-library626.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)) });
 }
-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);
-          }
-          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
+  j as ResultsBox
 };
 //# sourceMappingURL=sd-component-library223.js.map