@selfdecode/sd-component-library 4.0.75 → 4.0.76

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library206.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-library206.js","sources":["../src/components/feedback/base-feedback-button/base-feedback-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button } from \"../../buttons\";\nimport { BaseFeedbackButtonProps as Props } from \"./interfaces\";\n\nexport const BaseFeedbackButton: React.FC<Props> = (props) => {\n  const { active, disabled } = props;\n  return (\n    <Button\n      width={[\"100%\"]}\n      variant=\"_booleanAction\"\n      bg={active ? \"cl_purple\" : undefined}\n      color={active ? \"cl_white\" : disabled ? \"cl_grey\" : undefined}\n      hoverBg={disabled ? (active ? \"cl_purple\" : \"cl_white\") : \"cl_blue\"}\n      borderColor={disabled ? \"cl_grey\" : active ? \"cl_purple\" : undefined}\n      hoverBorderColor={active ? \"cl_blue\" : undefined}\n      hoverColor={disabled && !active ? \"cl_grey\" : \"cl_white\"}\n      fill={active ? \"cl_white\" : disabled ? \"cl_grey\" : \"cl_blue\"}\n      hoverFill={disabled && !active ? \"cl_grey\" : \"cl_white\"}\n      borderWidth=\"2px\"\n      {...props}\n    />\n  );\n};\n"],"names":["BaseFeedbackButton","props","active","disabled","jsx","Button"],"mappings":";;AAKa,MAAAA,IAAsC,CAACC,MAAU;AACtD,QAAA,EAAE,QAAAC,GAAQ,UAAAC,EAAa,IAAAF;AAE3B,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO,CAAC,MAAM;AAAA,MACd,SAAQ;AAAA,MACR,IAAIH,IAAS,cAAc;AAAA,MAC3B,OAAOA,IAAS,aAAaC,IAAW,YAAY;AAAA,MACpD,SAASA,IAAYD,IAAS,cAAc,aAAc;AAAA,MAC1D,aAAaC,IAAW,YAAYD,IAAS,cAAc;AAAA,MAC3D,kBAAkBA,IAAS,YAAY;AAAA,MACvC,YAAYC,KAAY,CAACD,IAAS,YAAY;AAAA,MAC9C,MAAMA,IAAS,aAAaC,IAAW,YAAY;AAAA,MACnD,WAAWA,KAAY,CAACD,IAAS,YAAY;AAAA,MAC7C,aAAY;AAAA,MACX,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/lib/sd-component-library207.js

@@ -1,60 +1,24 @@
-import { j as t } from "./sd-component-library195.js";
-import { Crumb as c } from "./sd-component-library19.js";
-const l = (s, h, p) => s.map(({ title: e, dontTranslate: r, onClick: u }, o) => /* @__PURE__ */ t.jsx(
-  c,
-  {
-    variant: h,
-    crumb: { title: e, dontTranslate: r },
-    isLast: o === s.length - 1,
-    textTransform: p,
-    onClick: u
-  },
-  e + o
-)), a = (s, h, p) => {
-  const e = [];
-  return s.slice(0, 2).forEach(({ title: r, dontTranslate: u, onClick: o }, m) => {
-    e.push(
-      /* @__PURE__ */ t.jsx(
-        c,
-        {
-          variant: h,
-          crumb: { title: r, dontTranslate: u },
-          isLast: !1,
-          textTransform: p,
-          onClick: o
-        },
-        r + m
-      )
-    );
-  }), e.push(
-    /* @__PURE__ */ t.jsx(
-      c,
-      {
-        variant: h,
-        crumb: { title: "..." },
-        isLast: !1,
-        textTransform: p
-      },
-      "..."
-    )
-  ), s.slice(s.length - 2, s.length).forEach(({ title: r, onClick: u, dontTranslate: o }, m) => {
-    e.push(
-      /* @__PURE__ */ t.jsx(
-        c,
-        {
-          variant: h,
-          crumb: { title: r, dontTranslate: o },
-          isLast: m === 1,
-          textTransform: p,
-          onClick: u
-        },
-        r + m
-      )
-    );
-  }), e;
+import { j as e } from "./sd-component-library190.js";
+import { Box as t } from "rebass";
+import { TwentyFourBold as s } from "./sd-component-library155.js";
+import { MaxMaxContainer as c } from "./sd-component-library41.js";
+const b = (o) => {
+  const {
+    title: i,
+    renderNegativeOption: a,
+    renderPositiveOption: n,
+    onPositiveFeedback: r,
+    onNegativeFeedback: d
+  } = o;
+  return /* @__PURE__ */ e.jsxs(t, { "data-testid": "base-boolean-feedback", children: [
+    /* @__PURE__ */ e.jsx(s, { "data-testid": "feedback-title", children: i }),
+    /* @__PURE__ */ e.jsxs(c, { mt: ["20px"], gap: ["20px"], children: [
+      /* @__PURE__ */ e.jsx(t, { "data-testid": "positive-option-container", children: n(r) }),
+      /* @__PURE__ */ e.jsx(t, { "data-testid": "negative-option-container", children: a(d) })
+    ] })
+  ] });
 };
 export {
-  a as renderMoreThanFiveCrumbs,
-  l as renderUpToFiveCrumbs
+  b as BaseBooleanFeedback
 };
 //# sourceMappingURL=sd-component-library207.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library207.js","sources":["../src/components/breadcrumbs/breadcrumb/functions.tsx"],"sourcesContent":["import React, { CSSProperties } from \"react\";\n\nimport { Crumb, CrumbType } from \"./crumb\";\n\nexport const renderUpToFiveCrumbs = (\n  crumbs: CrumbType[],\n  variant: string | undefined,\n  textTransform: CSSProperties[\"textTransform\"]\n) => {\n  return crumbs.map(({ title, dontTranslate, onClick }, index: number) => (\n    <Crumb\n      variant={variant}\n      crumb={{ title, dontTranslate }}\n      isLast={index === crumbs.length - 1}\n      key={title + index}\n      textTransform={textTransform}\n      onClick={onClick}\n    />\n  ));\n};\n\nexport const renderMoreThanFiveCrumbs = (\n  crumbs: CrumbType[],\n  variant: string | undefined,\n  textTransform: CSSProperties[\"textTransform\"]\n) => {\n  const elements: JSX.Element[] = [];\n\n  crumbs\n    .slice(0, 2)\n    .forEach(({ title, dontTranslate, onClick }, index: number): void => {\n      elements.push(\n        <Crumb\n          variant={variant}\n          crumb={{ title, dontTranslate }}\n          isLast={false}\n          key={title + index}\n          textTransform={textTransform}\n          onClick={onClick}\n        />\n      );\n    });\n  elements.push(\n    <Crumb\n      variant={variant}\n      crumb={{ title: \"...\" }}\n      isLast={false}\n      textTransform={textTransform}\n      key=\"...\"\n    />\n  );\n\n  crumbs\n    .slice(crumbs.length - 2, crumbs.length)\n    .forEach(({ title, onClick, dontTranslate }, index: number): void => {\n      elements.push(\n        <Crumb\n          variant={variant}\n          crumb={{ title, dontTranslate }}\n          isLast={index === 1}\n          key={title + index}\n          textTransform={textTransform}\n          onClick={onClick}\n        />\n      );\n    });\n  return elements;\n};\n"],"names":["renderUpToFiveCrumbs","crumbs","variant","textTransform","title","dontTranslate","onClick","index","jsx","Crumb","renderMoreThanFiveCrumbs","elements"],"mappings":";;AAIO,MAAMA,IAAuB,CAClCC,GACAC,GACAC,MAEOF,EAAO,IAAI,CAAC,EAAE,OAAAG,GAAO,eAAAC,GAAe,SAAAC,EAAA,GAAWC,MACpDC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAAP;AAAA,IACA,OAAO,EAAE,OAAAE,GAAO,eAAAC,EAAc;AAAA,IAC9B,QAAQE,MAAUN,EAAO,SAAS;AAAA,IAElC,eAAAE;AAAA,IACA,SAAAG;AAAA,EAAA;AAAA,EAFKF,IAAQG;AAAA,CAIhB,GAGUG,IAA2B,CACtCT,GACAC,GACAC,MACG;AACH,QAAMQ,IAA0B,CAAA;AAG7B,SAAAV,EAAA,MAAM,GAAG,CAAC,EACV,QAAQ,CAAC,EAAE,OAAAG,GAAO,eAAAC,GAAe,SAAAC,EAAQ,GAAGC,MAAwB;AAC1D,IAAAI,EAAA;AAAA,MACPH,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAP;AAAA,UACA,OAAO,EAAE,OAAAE,GAAO,eAAAC,EAAc;AAAA,UAC9B,QAAQ;AAAA,UAER,eAAAF;AAAA,UACA,SAAAG;AAAA,QAAA;AAAA,QAFKF,IAAQG;AAAA,MAGf;AAAA,IAAA;AAAA,EACF,CACD,GACMI,EAAA;AAAA,IACPH,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAAP;AAAA,QACA,OAAO,EAAE,OAAO,MAAM;AAAA,QACtB,QAAQ;AAAA,QACR,eAAAC;AAAA,MAAA;AAAA,MACI;AAAA,IACN;AAAA,EAAA,GAGFF,EACG,MAAMA,EAAO,SAAS,GAAGA,EAAO,MAAM,EACtC,QAAQ,CAAC,EAAE,OAAAG,GAAO,SAAAE,GAAS,eAAAD,EAAA,GAAiBE,MAAwB;AAC1D,IAAAI,EAAA;AAAA,MACPH,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAP;AAAA,UACA,OAAO,EAAE,OAAAE,GAAO,eAAAC,EAAc;AAAA,UAC9B,QAAQE,MAAU;AAAA,UAElB,eAAAJ;AAAA,UACA,SAAAG;AAAA,QAAA;AAAA,QAFKF,IAAQG;AAAA,MAGf;AAAA,IAAA;AAAA,EACF,CACD,GACII;AACT;"}
+{"version":3,"file":"sd-component-library207.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\";\nimport { TwentyFourBold } from \"../../texts\";\nimport { BaseBooleanFeedbackProps } from \"./interfaces\";\n\n/**\n *  BaseBooleanFeedback component.\n */\nexport const BaseBooleanFeedback: React.FC<BaseBooleanFeedbackProps> = (\n  props\n) => {\n  const {\n    title,\n    renderNegativeOption,\n    renderPositiveOption,\n    onPositiveFeedback,\n    onNegativeFeedback,\n  } = props;\n\n  return (\n    <Box data-testid=\"base-boolean-feedback\">\n      <TwentyFourBold data-testid=\"feedback-title\">{title}</TwentyFourBold>\n      <MaxMaxContainer mt={[\"20px\"]} gap={[\"20px\"]}>\n        <Box data-testid=\"positive-option-container\">\n          {renderPositiveOption(onPositiveFeedback)}\n        </Box>\n        <Box data-testid=\"negative-option-container\">\n          {renderNegativeOption(onNegativeFeedback)}\n        </Box>\n      </MaxMaxContainer>\n    </Box>\n  );\n};\n"],"names":["BaseBooleanFeedback","props","title","renderNegativeOption","renderPositiveOption","onPositiveFeedback","onNegativeFeedback","jsxs","Box","jsx","TwentyFourBold","MaxMaxContainer"],"mappings":";;;;AAWa,MAAAA,IAA0D,CACrEC,MACG;AACG,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,oBAAAC;AAAA,EACE,IAAAL;AAGF,SAAAM,gBAAAA,EAAA,KAACC,GAAI,EAAA,eAAY,yBACf,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAAC,GAAA,EAAe,eAAY,kBAAkB,UAAMR,GAAA;AAAA,IACpDK,gBAAAA,OAACI,KAAgB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,GACzC,UAAA;AAAA,MAAAF,gBAAAA,MAACD,GAAI,EAAA,eAAY,6BACd,UAAAJ,EAAqBC,CAAkB,GAC1C;AAAA,4BACCG,GAAI,EAAA,eAAY,6BACd,UAAAL,EAAqBG,CAAkB,GAC1C;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library208.js

@@ -1,21 +1,6 @@
-import { j as o } from "./sd-component-library195.js";
-import { Box as e } from "rebass";
-const m = ({
-  color: r = "cl_lightGrey",
-  sx: t,
-  ...i
-}) => /* @__PURE__ */ o.jsx(
-  e,
-  {
-    sx: {
-      bg: r,
-      ...i,
-      ...t
-    },
-    "data-test": "divider"
-  }
-);
+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 {
-  m as Divider
+  e as ReactComponent
 };
 //# sourceMappingURL=sd-component-library208.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library208.js","sources":["../src/components/dividers/divider/divider.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { DividerProps as Props } from \"./interfaces\";\n\n/**\n * Base divider component. Other divider components should be built from this.\n */\nexport const Divider: React.FC<Props> = ({\n  color = \"cl_lightGrey\",\n  sx,\n  ...props\n}) => {\n  return (\n    <Box\n      sx={{\n        bg: color,\n        ...props,\n        ...sx,\n      }}\n      data-test=\"divider\"\n    />\n  );\n};\n"],"names":["Divider","color","sx","props","jsx","Box"],"mappings":";;AASO,MAAMA,IAA2B,CAAC;AAAA,EACvC,OAAAC,IAAQ;AAAA,EACR,IAAAC;AAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,MACF,IAAIJ;AAAA,MACJ,GAAGE;AAAA,MACH,GAAGD;AAAA,IACL;AAAA,IACA,aAAU;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"sd-component-library208.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-library209.js

@@ -1,67 +1,6 @@
-import { j as r } from "./sd-component-library195.js";
-import { Box as n } from "rebass";
-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";
-const z = "10px", e = "20px", g = "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: u,
-  borderWidth: a = "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 : u,
-      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 : g,
-            height: e,
-            bg: l && i ? "" : s,
-            sx: {
-              flexShrink: 0,
-              borderRadius: "3px",
-              borderWidth: a,
-              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 * 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)" }));
 export {
-  F as CheckboxV2Container
+  e as ReactComponent
 };
 //# sourceMappingURL=sd-component-library209.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library209.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","jsxs","FlexItemsCenter","jsx","Box","FlexCenter"],"mappings":";;;;;AASA,MAAMA,IAAe,QACfC,IAAe,QAEfC,IAAa,OAENC,IAAuC,CAAC;AAAA,EACnD,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,IAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC;AACF,MAAM;AACJ,QAAM,EAAE,SAAAC,GAAS,gBAAAC,EAAe,IAAIC,EAAS,GACvCC,IAAqBH,KAAW,CAACV,KAAqBc,EAAc,GACpEC,IAAejB,IAAWK,IAAgBC;AAG9C,SAAAY,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASnB,IAAW,SAAYS;AAAA,MAChC,IAAI;AAAA,QACF,QAAQT,IAAW,YAAY;AAAA,QAC/B,KAAK;AAAA,QACL,GAAGC;AAAA,MACL;AAAA,MACC,GAAGY;AAAA,MAEJ,UAAA;AAAA,QAAAO,gBAAAA,MAACC,KAAI,MAAMxB,GAAc,IAAI,EAAE,YAAY,KACzC,UAAAuB,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAOP,IAAqBlB,IAAeC;AAAA,YAC3C,QAAQD;AAAA,YACR,IAAIO,KAAuBW,IAAqB,KAAWZ;AAAA,YAC3D,IAAI;AAAA,cACF,YAAY;AAAA,cACZ,cAAc;AAAA,cACd,aAAAO;AAAA,cACA,aAAaO;AAAA,cACb,aAAa;AAAA,cACb,YAAY;AAAA,YACd;AAAA,YAEC,UACCT,KAAAY,gBAAAA,EAAA;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,IAAI;AAAA,kBACF,QAAQ,QAAQzB,CAAY;AAAA,kBAC5B,aAAaqB;AAAA,kBACb,cAAc;AAAA,kBACd,GAAGN;AAAA,gBACL;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA,GAGN;AAAA,QAECJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library209.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-library21.js

@@ -1,24 +1,30 @@
-import { j as l } from "./sd-component-library195.js";
-import { CtaButton as e } from "./sd-component-library29.js";
-const n = (o) => {
-  const { width: r = ["280px", "236px"], children: t } = o;
-  return /* @__PURE__ */ l.jsx(
-    e,
+import { j as a } from "./sd-component-library190.js";
+import { CtaButton as l } from "./sd-component-library26.js";
+const c = (t) => {
+  const {
+    width: o = "max-content",
+    color: r = "cl_blue",
+    hoverColor: e,
+    children: n
+  } = t;
+  return /* @__PURE__ */ a.jsx(
+    l,
     {
-      ...o,
-      width: r,
-      borderColor: "cl_yellow",
-      color: "cl_yellow",
-      bg: "cl_white",
-      hoverBorderColor: "cl_yellow",
-      hoverColor: "cl_white",
-      hoverBg: "cl_yellow",
-      "data-testid": "primary-orange-button",
-      children: t
+      ...t,
+      width: o,
+      borderWidth: "0px",
+      color: r,
+      disabledColor: "cl_grey",
+      bg: "cl_transparent",
+      disabledBg: "cl_transparent",
+      hoverColor: e ?? r,
+      hoverBg: "cl_transparent",
+      "data-testid": "primary-text-button",
+      children: n
     }
   );
 };
 export {
-  n as PrimaryOrangeButton
+  c as PrimaryTextButton
 };
 //# sourceMappingURL=sd-component-library21.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library21.js","sources":["../src/components/buttons/cta/primary-orange-button/primary-orange-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { CtaButton } from \"../cta-button\";\nimport { PrimaryOrangeButtonProps as Props } from \"./interfaces\";\n\n/**\n * The primary orange button.\n */\nexport const PrimaryOrangeButton: React.FC<Props> = (props) => {\n  const { width = [\"280px\", \"236px\"], children } = props;\n\n  return (\n    <CtaButton\n      {...props}\n      width={width}\n      borderColor=\"cl_yellow\"\n      color=\"cl_yellow\"\n      bg=\"cl_white\"\n      hoverBorderColor=\"cl_yellow\"\n      hoverColor=\"cl_white\"\n      hoverBg=\"cl_yellow\"\n      data-testid=\"primary-orange-button\"\n    >\n      {children}\n    </CtaButton>\n  );\n};\n"],"names":["PrimaryOrangeButton","props","width","children","jsx","CtaButton"],"mappings":";;AAQa,MAAAA,IAAuC,CAACC,MAAU;AAC7D,QAAM,EAAE,OAAAC,IAAQ,CAAC,SAAS,OAAO,GAAG,UAAAC,EAAa,IAAAF;AAG/C,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,OAAAC;AAAA,MACA,aAAY;AAAA,MACZ,OAAM;AAAA,MACN,IAAG;AAAA,MACH,kBAAiB;AAAA,MACjB,YAAW;AAAA,MACX,SAAQ;AAAA,MACR,eAAY;AAAA,MAEX,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library21.js","sources":["../src/components/buttons/cta/primary-text-button/primary-text-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { CtaButton } from \"../cta-button\";\nimport { PrimaryTextButtonProps as Props } from \"./interfaces\";\n\n/**\n * The primary button.\n */\nexport const PrimaryTextButton: React.FC<Props> = (props: Props) => {\n  const {\n    width = \"max-content\",\n    color = \"cl_blue\",\n    hoverColor,\n    children,\n  } = props;\n  return (\n    <CtaButton\n      {...props}\n      width={width}\n      borderWidth=\"0px\"\n      color={color}\n      disabledColor=\"cl_grey\"\n      bg=\"cl_transparent\"\n      disabledBg=\"cl_transparent\"\n      hoverColor={hoverColor ?? color}\n      hoverBg=\"cl_transparent\"\n      data-testid=\"primary-text-button\"\n    >\n      {children}\n    </CtaButton>\n  );\n};\n"],"names":["PrimaryTextButton","props","width","color","hoverColor","children","jsx","CtaButton"],"mappings":";;AAQa,MAAAA,IAAqC,CAACC,MAAiB;AAC5D,QAAA;AAAA,IACJ,OAAAC,IAAQ;AAAA,IACR,OAAAC,IAAQ;AAAA,IACR,YAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAJ;AAEF,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,OAAAC;AAAA,MACA,aAAY;AAAA,MACZ,OAAAC;AAAA,MACA,eAAc;AAAA,MACd,IAAG;AAAA,MACH,YAAW;AAAA,MACX,YAAYC,KAAcD;AAAA,MAC1B,SAAQ;AAAA,MACR,eAAY;AAAA,MAEX,UAAAE;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library210.js

@@ -1,67 +1,43 @@
-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,
+import { j as o } from "./sd-component-library190.js";
+import p from "react";
+import { Box as a } from "rebass";
+import { AutocompleteOptionBox as n } from "./sd-component-library311.js";
+import { HorizontalDivider as d } from "./sd-component-library49.js";
+function f(s) {
+  const { results: t, value: i, onSelect: l, translateContent: x = !0 } = s;
+  return /* @__PURE__ */ o.jsx(
+    a,
     {
       sx: {
-        width: "270px",
-        position: "relative",
-        borderRadius: "5px",
-        boxShadow: "0px 0px 10px #9BA2B433",
-        px: "40px",
-        pb: "40px",
-        pt: e ? "70px" : "40px",
-        bg: "cl_white",
-        ...x
+        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
       },
-      ...l,
-      children: [
+      className: x ? void 0 : "no-translate",
+      "data-test": "results-box",
+      children: t.map(({ synonyms: r }, e) => /* @__PURE__ */ o.jsxs(p.Fragment, { children: [
         /* @__PURE__ */ o.jsx(
-          t,
+          n,
           {
-            fontSize: s,
-            textAlign: "center",
-            mb: c,
-            children: n
-          }
+            value: i,
+            synonyms: r,
+            onSelect: l
+          },
+          r.join()
         ),
-        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 !== t.length - 1 && /* @__PURE__ */ o.jsx(d, { color: "cl_lightGrey" })
+      ] }, e))
     }
   );
-};
+}
 export {
-  B as BaseFeedbackContainer
+  f as ResultsBox
 };
 //# sourceMappingURL=sd-component-library210.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library210.js","sources":["../src/components/feedback/base-feedback-container/base-feedback-container.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { FlexCenter } from \"../../containers\";\nimport { BoldText } from \"../../texts\";\nimport { BaseFeedbackBlockProps as Props } from \"./interfaces\";\n\nconst iconSize = \"80px\";\n\nexport const BaseFeedbackContainer: React.FC<Props> = (props) => {\n  const {\n    questionText,\n    children,\n    containerSx,\n    iconContainerSx,\n    questionTextFontSize = 24,\n    iconFontSize = 40,\n    questionMarginBottom = \"30px\",\n    showIcon = false,\n    ...hoverCallbacks\n  } = props;\n\n  return (\n    <Box\n      sx={{\n        width: \"270px\",\n        position: \"relative\",\n        borderRadius: \"5px\",\n        boxShadow: \"0px 0px 10px #9BA2B433\",\n        px: \"40px\",\n        pb: \"40px\",\n        pt: showIcon ? \"70px\" : \"40px\",\n        bg: \"cl_white\",\n        ...containerSx,\n      }}\n      {...hoverCallbacks}\n    >\n      <BoldText\n        fontSize={questionTextFontSize}\n        textAlign=\"center\"\n        mb={questionMarginBottom}\n      >\n        {questionText}\n      </BoldText>\n\n      {children}\n\n      {showIcon && (\n        <FlexCenter\n          size={iconSize}\n          bg=\"white\"\n          sx={{\n            position: \"absolute\",\n            left: \"50%\",\n            top: 0,\n            boxShadow: \"0px 0px 10px #9BA2B433\",\n            borderRadius: \"50%\",\n            transform: \"translate(-50%, -50%)\",\n            ...iconContainerSx,\n          }}\n        >\n          <BoldText fontSize={iconFontSize} color=\"cl_purple\">\n            ?\n          </BoldText>\n        </FlexCenter>\n      )}\n    </Box>\n  );\n};\n"],"names":["iconSize","BaseFeedbackContainer","props","questionText","children","containerSx","iconContainerSx","questionTextFontSize","iconFontSize","questionMarginBottom","showIcon","hoverCallbacks","jsxs","Box","jsx","BoldText","FlexCenter"],"mappings":";;;;AAQA,MAAMA,IAAW,QAEJC,IAAyC,CAACC,MAAU;AACzD,QAAA;AAAA,IACJ,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,sBAAAC,IAAuB;AAAA,IACvB,cAAAC,IAAe;AAAA,IACf,sBAAAC,IAAuB;AAAA,IACvB,UAAAC,IAAW;AAAA,IACX,GAAGC;AAAA,EACD,IAAAT;AAGF,SAAAU,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,OAAO;AAAA,QACP,UAAU;AAAA,QACV,cAAc;AAAA,QACd,WAAW;AAAA,QACX,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAIH,IAAW,SAAS;AAAA,QACxB,IAAI;AAAA,QACJ,GAAGL;AAAA,MACL;AAAA,MACC,GAAGM;AAAA,MAEJ,UAAA;AAAA,QAAAG,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAUR;AAAA,YACV,WAAU;AAAA,YACV,IAAIE;AAAA,YAEH,UAAAN;AAAA,UAAA;AAAA,QACH;AAAA,QAECC;AAAA,QAEAM,KACCI,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAMhB;AAAA,YACN,IAAG;AAAA,YACH,IAAI;AAAA,cACF,UAAU;AAAA,cACV,MAAM;AAAA,cACN,KAAK;AAAA,cACL,WAAW;AAAA,cACX,cAAc;AAAA,cACd,WAAW;AAAA,cACX,GAAGM;AAAA,YACL;AAAA,YAEA,gCAACS,GAAS,EAAA,UAAUP,GAAc,OAAM,aAAY,UAEpD,KAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"sd-component-library210.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;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,cAAc;AAAA,QACd,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,WAAW;AAAA,QACX,QAAQ;AAAA,MACV;AAAA,MACA,WAAYF,IAAoC,SAAjB;AAAA,MAC/B,aAAU;AAAA,MAET,UAAAH,EAAQ,IAAI,CAAC,EAAE,UAAAM,EAAA,GAAYC,MAC1BC,gBAAAA,OAACC,EAAM,UAAN,EACC,UAAA;AAAA,QAAAL,gBAAAA,EAAA;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,OAAAT;AAAA,YACA,UAAAK;AAAA,YAEA,UAAAJ;AAAA,UAAA;AAAA,UADKI,EAAS,KAAK;AAAA,QAErB;AAAA,QACCC,MAAQP,EAAQ,SAAS,KACvBI,gBAAAA,EAAA,IAAAO,GAAA,EAAkB,OAAM,gBAAe;AAAA,MAAA,EAAA,GARvBJ,CAUrB,CACD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library211.js

@@ -1,26 +1,132 @@
-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 { commonjsGlobal as a } from "./sd-component-library284.js";
+import { __exports as h } from "./sd-component-library285.js";
+import d from "react";
+import { f as g } from "./sd-component-library286.js";
+import { p as y } from "./sd-component-library287.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);
+          }
+          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 {
-  _ as BaseFeedbackButton
+  D as default
 };
 //# sourceMappingURL=sd-component-library211.js.map