@selfdecode/sd-component-library 4.0.73-vite17-no-postcss → 4.0.73-vite19

package/lib/sd-component-library201.js

@@ -8,41 +8,55 @@ const m = ({
   onClick: e
 }) => {
   const t = o ? s.colors.cl_purple : s.colors.cl_lightGrey;
-  return /* @__PURE__ */ i.jsx(l, { sx: {
-    fontSize: "0px",
-    position: "relative",
-    textAlign: "right",
-    ":before": {
-      content: "''",
-      left: "-2px",
-      right: o ? "2px" : 0,
-      top: "50%",
-      position: "absolute",
-      height: 4,
-      bg: t,
-      transform: "translateY(-50%)"
-    },
-    ":first-of-type": {
-      width: [r],
-      position: "absolute",
-      left: 0,
-      ":before": {
-        left: "2px"
-      }
+  return /* @__PURE__ */ i.jsx(
+    l,
+    {
+      sx: {
+        fontSize: "0px",
+        position: "relative",
+        textAlign: "right",
+        ":before": {
+          content: "''",
+          left: "-2px",
+          right: o ? "2px" : 0,
+          top: "50%",
+          position: "absolute",
+          height: 4,
+          bg: t,
+          transform: "translateY(-50%)"
+        },
+        ":first-of-type": {
+          width: [r],
+          position: "absolute",
+          left: 0,
+          ":before": {
+            left: "2px"
+          }
+        }
+      },
+      "data-test": "progress-step",
+      children: /* @__PURE__ */ i.jsx(
+        p,
+        {
+          size: r,
+          sx: {
+            position: "relative",
+            zIndex: "1",
+            display: "inline-block",
+            borderRadius: "50%",
+            bg: t,
+            ...e ? {
+              cursor: "pointer",
+              ":hover": {
+                background: `radial-gradient(white, white 15%, ${t} 60%)`
+              }
+            } : {}
+          },
+          onClick: e
+        }
+      )
     }
-  }, "data-test": "progress-step", children: /* @__PURE__ */ i.jsx(p, { size: r, sx: {
-    position: "relative",
-    zIndex: "1",
-    display: "inline-block",
-    borderRadius: "50%",
-    bg: t,
-    ...e ? {
-      cursor: "pointer",
-      ":hover": {
-        background: `radial-gradient(white, white 15%, ${t} 60%)`
-      }
-    } : {}
-  }, onClick: e }) });
+  );
 };
 export {
   m as ProgressStep

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library201.js","sources":["../src/components/progress-steps/progress-step/progress-step.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Text } from \"rebass\";\n\nimport theme from \"../../../core/theme\";\nimport { ProgressStepProps } from \"./interfaces\";\n\nexport const ProgressStep: React.FC<ProgressStepProps> = ({\n  active,\n  height,\n  onClick,\n}) => {\n  const color = active\n    ? theme.colors[\"cl_purple\"]\n    : theme.colors[\"cl_lightGrey\"];\n  return (\n    <Box\n      sx={{\n        fontSize: \"0px\",\n        position: \"relative\",\n        textAlign: \"right\",\n        \":before\": {\n          content: \"''\",\n          left: \"-2px\",\n          right: active ? \"2px\" : 0,\n          top: \"50%\",\n          position: \"absolute\",\n          height: 4,\n          bg: color,\n          transform: \"translateY(-50%)\",\n        },\n        \":first-of-type\": {\n          width: [height],\n          position: \"absolute\",\n          left: 0,\n          \":before\": {\n            left: \"2px\",\n          },\n        },\n      }}\n      data-test=\"progress-step\"\n    >\n      <Text\n        size={height}\n        sx={{\n          position: \"relative\",\n          zIndex: \"1\",\n          display: \"inline-block\",\n          borderRadius: \"50%\",\n          bg: color,\n          ...(onClick\n            ? {\n                cursor: \"pointer\",\n                \":hover\": {\n                  background: `radial-gradient(white, white 15%, ${color} 60%)`,\n                },\n              }\n            : {}),\n        }}\n        onClick={onClick}\n      />\n    </Box>\n  );\n};\n"],"names":["ProgressStep","active","height","onClick","color","theme","colors","jsx","Box","fontSize","position","textAlign","content","left","right","top","bg","transform","width","Text","zIndex","display","borderRadius","cursor","background"],"mappings":";;;;AAOO,MAAMA,IAA4CA,CAAC;AAAA,EACxDC,QAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,SAAAA;AACF,MAAM;AACEC,QAAAA,IAAQH,IACVI,EAAMC,OAAO,YACbD,EAAMC,OAAO;AAEf,SAAAC,gBAAAA,EAAA,IAACC,KACC,IAAI;AAAA,IACFC,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,WAAW;AAAA,IACX,WAAW;AAAA,MACTC,SAAS;AAAA,MACTC,MAAM;AAAA,MACNC,OAAOb,IAAS,QAAQ;AAAA,MACxBc,KAAK;AAAA,MACLL,UAAU;AAAA,MACVR,QAAQ;AAAA,MACRc,IAAIZ;AAAAA,MACJa,WAAW;AAAA,IACb;AAAA,IACA,kBAAkB;AAAA,MAChBC,OAAO,CAAChB,CAAM;AAAA,MACdQ,UAAU;AAAA,MACVG,MAAM;AAAA,MACN,WAAW;AAAA,QACTA,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EAAA,GAEF,aAAU,iBAEV,gCAACM,GACC,EAAA,MAAMjB,GACN,IAAI;AAAA,IACFQ,UAAU;AAAA,IACVU,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,cAAc;AAAA,IACdN,IAAIZ;AAAAA,IACJ,GAAID,IACA;AAAA,MACEoB,QAAQ;AAAA,MACR,UAAU;AAAA,QACRC,YAAa,qCAAoCpB,CAAM;AAAA,MACzD;AAAA,IAAA,IAEF,CAAC;AAAA,EAAA,GAEP,SAAAD,GAAiB,EAErB,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library201.js","sources":["../src/components/progress-steps/progress-step/progress-step.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Text } from \"rebass\";\n\nimport theme from \"../../../core/theme\";\nimport { ProgressStepProps } from \"./interfaces\";\n\nexport const ProgressStep: React.FC<ProgressStepProps> = ({\n  active,\n  height,\n  onClick,\n}) => {\n  const color = active\n    ? theme.colors[\"cl_purple\"]\n    : theme.colors[\"cl_lightGrey\"];\n  return (\n    <Box\n      sx={{\n        fontSize: \"0px\",\n        position: \"relative\",\n        textAlign: \"right\",\n        \":before\": {\n          content: \"''\",\n          left: \"-2px\",\n          right: active ? \"2px\" : 0,\n          top: \"50%\",\n          position: \"absolute\",\n          height: 4,\n          bg: color,\n          transform: \"translateY(-50%)\",\n        },\n        \":first-of-type\": {\n          width: [height],\n          position: \"absolute\",\n          left: 0,\n          \":before\": {\n            left: \"2px\",\n          },\n        },\n      }}\n      data-test=\"progress-step\"\n    >\n      <Text\n        size={height}\n        sx={{\n          position: \"relative\",\n          zIndex: \"1\",\n          display: \"inline-block\",\n          borderRadius: \"50%\",\n          bg: color,\n          ...(onClick\n            ? {\n                cursor: \"pointer\",\n                \":hover\": {\n                  background: `radial-gradient(white, white 15%, ${color} 60%)`,\n                },\n              }\n            : {}),\n        }}\n        onClick={onClick}\n      />\n    </Box>\n  );\n};\n"],"names":["ProgressStep","active","height","onClick","color","theme","jsx","Box","Text"],"mappings":";;;;AAOO,MAAMA,IAA4C,CAAC;AAAA,EACxD,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AACF,MAAM;AACE,QAAAC,IAAQH,IACVI,EAAM,OAAO,YACbA,EAAM,OAAO;AAEf,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,UAAU;AAAA,QACV,WAAW;AAAA,QACX,WAAW;AAAA,UACT,SAAS;AAAA,UACT,MAAM;AAAA,UACN,OAAON,IAAS,QAAQ;AAAA,UACxB,KAAK;AAAA,UACL,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,IAAIG;AAAA,UACJ,WAAW;AAAA,QACb;AAAA,QACA,kBAAkB;AAAA,UAChB,OAAO,CAACF,CAAM;AAAA,UACd,UAAU;AAAA,UACV,MAAM;AAAA,UACN,WAAW;AAAA,YACT,MAAM;AAAA,UACR;AAAA,QACF;AAAA,MACF;AAAA,MACA,aAAU;AAAA,MAEV,UAAAI,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAMN;AAAA,UACN,IAAI;AAAA,YACF,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,cAAc;AAAA,YACd,IAAIE;AAAA,YACJ,GAAID,IACA;AAAA,cACE,QAAQ;AAAA,cACR,UAAU;AAAA,gBACR,YAAY,qCAAqCC,CAAK;AAAA,cACxD;AAAA,YAAA,IAEF,CAAC;AAAA,UACP;AAAA,UACA,SAAAD;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library203.js

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

package/lib/sd-component-library204.js

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

package/lib/sd-component-library205.js

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

package/lib/sd-component-library207.js

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

package/lib/sd-component-library208.js

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

package/lib/sd-component-library209.js

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

package/lib/sd-component-library21.js

@@ -1,11 +1,22 @@
 import { j as l } from "./sd-component-library195.js";
 import { CtaButton as e } from "./sd-component-library29.js";
 const i = (o) => {
-  const {
-    width: r = ["280px", "236px"],
-    children: t
-  } = o;
-  return /* @__PURE__ */ l.jsx(e, { ...o, width: r, borderColor: "cl_yellow", color: "cl_yellow", bg: "cl_white", hoverBorderColor: "cl_yellow", hoverColor: "cl_white", hoverBg: "cl_yellow", "data-test": "primary-orange-button", children: t });
+  const { width: r = ["280px", "236px"], children: t } = o;
+  return /* @__PURE__ */ l.jsx(
+    e,
+    {
+      ...o,
+      width: r,
+      borderColor: "cl_yellow",
+      color: "cl_yellow",
+      bg: "cl_white",
+      hoverBorderColor: "cl_yellow",
+      hoverColor: "cl_white",
+      hoverBg: "cl_yellow",
+      "data-test": "primary-orange-button",
+      children: t
+    }
+  );
 };
 export {
   i as PrimaryOrangeButton

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-test=\"primary-orange-button\"\n    >\n      {children}\n    </CtaButton>\n  );\n};\n"],"names":["PrimaryOrangeButton","props","width","children","CtaButton"],"mappings":";;AAQO,MAAMA,IAAwCC,CAAUA,MAAA;AACvD,QAAA;AAAA,IAAEC,OAAAA,IAAQ,CAAC,SAAS,OAAO;AAAA,IAAGC,UAAAA;AAAAA,EAAaF,IAAAA;AAEjD,+BACGG,GACKH,EAAAA,GAAAA,GACJ,OAAAC,GACA,aAAY,aACZ,OAAM,aACN,IAAG,YACH,kBAAiB,aACjB,YAAW,YACX,SAAQ,aACR,aAAU,yBAETC,UAAAA,EACH,CAAA;AAEJ;"}
+{"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-test=\"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,aAAU;AAAA,MAET,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library211.js

@@ -3,28 +3,25 @@ import "./sd-component-library198.js";
 import { Box as m } from "./sd-component-library199.js";
 import { ReactComponent as p } from "./sd-component-library180.js";
 const x = (t) => {
-  const {
-    width: n,
-    height: r,
-    fill: e,
-    stroke: i,
-    icon: s
-  } = t, a = s || p;
-  return /* @__PURE__ */ o.jsx(m, { sx: {
-    width: n || 25,
-    height: r || 25,
-    fill: e || "purple",
-    stroke: i || "none",
-    animation: "rotation 2s infinite linear",
-    "@keyframes rotation ": {
-      from: {
-        transform: "rotate(0deg)"
+  const { width: n, height: r, fill: e, stroke: i, icon: s } = t, a = s || p;
+  return /* @__PURE__ */ o.jsx(
+    m,
+    {
+      sx: {
+        width: n || 25,
+        height: r || 25,
+        fill: e || "purple",
+        stroke: i || "none",
+        animation: "rotation 2s infinite linear",
+        "@keyframes rotation ": {
+          from: { transform: "rotate(0deg)" },
+          to: { transform: "rotate(359deg)" }
+        }
       },
-      to: {
-        transform: "rotate(359deg)"
-      }
+      "data-test": "loading-spinner",
+      children: /* @__PURE__ */ o.jsx(a, {})
     }
-  }, "data-test": "loading-spinner", children: /* @__PURE__ */ o.jsx(a, {}) });
+  );
 };
 export {
   x as LoadingSpinner

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library211.js","sources":["../src/components/animations/loading-spinner/loading-spinner.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { RescanIcon } from \"../../icons\";\nimport { LoadingSpinnerProps as Props } from \"./interfaces\";\n\nexport const LoadingSpinner: React.FC<Props> = (props) => {\n  const { width, height, fill, stroke, icon } = props;\n\n  const IconComponent = icon || RescanIcon;\n\n  return (\n    <Box\n      sx={{\n        width: width || 25,\n        height: height || 25,\n        fill: fill || \"purple\",\n        stroke: stroke || \"none\",\n        animation: \"rotation 2s infinite linear\",\n\n        \"@keyframes rotation \": {\n          from: { transform: \"rotate(0deg)\" },\n          to: { transform: \"rotate(359deg)\" },\n        },\n      }}\n      data-test=\"loading-spinner\"\n    >\n      <IconComponent />\n    </Box>\n  );\n};\n"],"names":["LoadingSpinner","props","width","height","fill","stroke","icon","IconComponent","RescanIcon","jsx","Box","animation","from","transform","to"],"mappings":";;;;AAOO,MAAMA,IAAmCC,CAAUA,MAAA;AAClD,QAAA;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,QAAAA;AAAAA,IAAQC,MAAAA;AAAAA,IAAMC,QAAAA;AAAAA,IAAQC,MAAAA;AAAAA,EAASL,IAAAA,GAExCM,IAAgBD,KAAQE;AAG5B,SAAAC,gBAAAA,EAAA,IAACC,KACC,IAAI;AAAA,IACFR,OAAOA,KAAS;AAAA,IAChBC,QAAQA,KAAU;AAAA,IAClBC,MAAMA,KAAQ;AAAA,IACdC,QAAQA,KAAU;AAAA,IAClBM,WAAW;AAAA,IAEX,wBAAwB;AAAA,MACtBC,MAAM;AAAA,QAAEC,WAAW;AAAA,MAAe;AAAA,MAClCC,IAAI;AAAA,QAAED,WAAW;AAAA,MAAiB;AAAA,IACpC;AAAA,EAAA,GAEF,aAAU,mBAEV,UAAAJ,gBAAAA,EAAA,IAACF,KAAa,EAChB,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library211.js","sources":["../src/components/animations/loading-spinner/loading-spinner.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { RescanIcon } from \"../../icons\";\nimport { LoadingSpinnerProps as Props } from \"./interfaces\";\n\nexport const LoadingSpinner: React.FC<Props> = (props) => {\n  const { width, height, fill, stroke, icon } = props;\n\n  const IconComponent = icon || RescanIcon;\n\n  return (\n    <Box\n      sx={{\n        width: width || 25,\n        height: height || 25,\n        fill: fill || \"purple\",\n        stroke: stroke || \"none\",\n        animation: \"rotation 2s infinite linear\",\n\n        \"@keyframes rotation \": {\n          from: { transform: \"rotate(0deg)\" },\n          to: { transform: \"rotate(359deg)\" },\n        },\n      }}\n      data-test=\"loading-spinner\"\n    >\n      <IconComponent />\n    </Box>\n  );\n};\n"],"names":["LoadingSpinner","props","width","height","fill","stroke","icon","IconComponent","RescanIcon","jsx","Box"],"mappings":";;;;AAOa,MAAAA,IAAkC,CAACC,MAAU;AACxD,QAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,GAAM,QAAAC,GAAQ,MAAAC,EAAS,IAAAL,GAExCM,IAAgBD,KAAQE;AAG5B,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,OAAOR,KAAS;AAAA,QAChB,QAAQC,KAAU;AAAA,QAClB,MAAMC,KAAQ;AAAA,QACd,QAAQC,KAAU;AAAA,QAClB,WAAW;AAAA,QAEX,wBAAwB;AAAA,UACtB,MAAM,EAAE,WAAW,eAAe;AAAA,UAClC,IAAI,EAAE,WAAW,iBAAiB;AAAA,QACpC;AAAA,MACF;AAAA,MACA,aAAU;AAAA,MAEV,gCAACE,GAAc,EAAA;AAAA,IAAA;AAAA,EAAA;AAGrB;"}

package/lib/sd-component-library213.js

@@ -1,12 +1,20 @@
 import { j as a } from "./sd-component-library195.js";
 import { Button as s } from "./sd-component-library28.js";
 const g = (t) => {
-  const {
-    variant: n,
-    bg: o,
-    children: r
-  } = t;
-  return /* @__PURE__ */ a.jsx(s, { ...t, link: "/", isInternal: !1, padding: ["0px"], bg: o || "Transparent", variant: `_logos.${n}`, "data-test": "logo-button", children: r });
+  const { variant: n, bg: o, children: r } = t;
+  return /* @__PURE__ */ a.jsx(
+    s,
+    {
+      ...t,
+      link: "/",
+      isInternal: !1,
+      padding: ["0px"],
+      bg: o || "Transparent",
+      variant: `_logos.${n}`,
+      "data-test": "logo-button",
+      children: r
+    }
+  );
 };
 export {
   g as LogoButton

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library213.js","sources":["../src/components/buttons/logos/logo/logo.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button } from \"../../button\";\nimport { LogoProps } from \"./interfaces\";\n\n/**\n * The base logo button.\n */\nexport const LogoButton: React.FC<LogoProps> = (props) => {\n  const { variant, bg, children } = props;\n\n  return (\n    <Button\n      {...props}\n      link=\"/\"\n      isInternal={false}\n      padding={[\"0px\"]}\n      bg={bg || \"Transparent\"}\n      variant={`_logos.${variant}`}\n      data-test=\"logo-button\"\n    >\n      {children}\n    </Button>\n  );\n};\n"],"names":["LogoButton","props","variant","bg","children","jsx","Button"],"mappings":";;AAQO,MAAMA,IAAmCC,CAAUA,MAAA;AAClD,QAAA;AAAA,IAAEC,SAAAA;AAAAA,IAASC,IAAAA;AAAAA,IAAIC,UAAAA;AAAAA,EAAaH,IAAAA;AAGhC,SAAAI,gBAAAA,MAACC,QACKL,GACJ,MAAK,KACL,YAAY,IACZ,SAAS,CAAC,KAAK,GACf,IAAIE,KAAM,eACV,SAAU,UAASD,CAAQ,IAC3B,aAAU,eAETE,UAAAA,EACH,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library213.js","sources":["../src/components/buttons/logos/logo/logo.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button } from \"../../button\";\nimport { LogoProps } from \"./interfaces\";\n\n/**\n * The base logo button.\n */\nexport const LogoButton: React.FC<LogoProps> = (props) => {\n  const { variant, bg, children } = props;\n\n  return (\n    <Button\n      {...props}\n      link=\"/\"\n      isInternal={false}\n      padding={[\"0px\"]}\n      bg={bg || \"Transparent\"}\n      variant={`_logos.${variant}`}\n      data-test=\"logo-button\"\n    >\n      {children}\n    </Button>\n  );\n};\n"],"names":["LogoButton","props","variant","bg","children","jsx","Button"],"mappings":";;AAQa,MAAAA,IAAkC,CAACC,MAAU;AACxD,QAAM,EAAE,SAAAC,GAAS,IAAAC,GAAI,UAAAC,EAAA,IAAaH;AAGhC,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGL;AAAA,MACJ,MAAK;AAAA,MACL,YAAY;AAAA,MACZ,SAAS,CAAC,KAAK;AAAA,MACf,IAAIE,KAAM;AAAA,MACV,SAAS,UAAUD,CAAO;AAAA,MAC1B,aAAU;AAAA,MAET,UAAAE;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library216.js

@@ -1,34 +1,56 @@
 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 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));
+  return s.slice(0, 2).forEach(({ title: r, dontTranslate: u, onClick: o }, m) => {
+    e.push(
+      /* @__PURE__ */ t.jsx(
+        c,
+        {
+          variant: h,
+          crumb: { title: r, dontTranslate: u },
+          isLast: !1,
+          textTransform: p,
+          onClick: o
+        },
+        r + m
+      )
+    );
+  }), e.push(
+    /* @__PURE__ */ t.jsx(
+      c,
+      {
+        variant: h,
+        crumb: { title: "..." },
+        isLast: !1,
+        textTransform: p
+      },
+      "..."
+    )
+  ), s.slice(s.length - 2, s.length).forEach(({ title: r, onClick: u, dontTranslate: o }, m) => {
+    e.push(
+      /* @__PURE__ */ t.jsx(
+        c,
+        {
+          variant: h,
+          crumb: { title: r, dontTranslate: o },
+          isLast: m === 1,
+          textTransform: p,
+          onClick: u
+        },
+        r + m
+      )
+    );
   }), e;
 };
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library216.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","map","title","dontTranslate","onClick","index","jsx","Crumb","length","renderMoreThanFiveCrumbs","elements","slice","forEach","push"],"mappings":";;AAIO,MAAMA,IAAuBA,CAClCC,GACAC,GACAC,MAEOF,EAAOG,IAAI,CAAC;AAAA,EAAEC,OAAAA;AAAAA,EAAOC,eAAAA;AAAAA,EAAeC,SAAAA;AAAWC,GAAAA,MACnDC,gBAAAA,EAAA,IAAAC,GAAA,EACC,SAAAR,GACA,OAAO;AAAA,EAAEG,OAAAA;AAAAA,EAAOC,eAAAA;AAAc,GAC9B,QAAQE,MAAUP,EAAOU,SAAS,GAElC,eAAAR,GACA,SAAAI,EAAA,GAFKF,IAAQG,EAIhB,GAGUI,IAA2BA,CACtCX,GACAC,GACAC,MACG;AACH,QAAMU,IAA0B,CAAA;AAEhCZ,SAAAA,EACGa,MAAM,GAAG,CAAC,EACVC,QAAQ,CAAC;AAAA,IAAEV,OAAAA;AAAAA,IAAOC,eAAAA;AAAAA,IAAeC,SAAAA;AAAAA,KAAWC,MAAwB;AACnEK,IAAAA,EAASG,KACPP,gBAAAA,EAAA,IAACC,GACC,EAAA,SAAAR,GACA,OAAO;AAAA,MAAEG,OAAAA;AAAAA,MAAOC,eAAAA;AAAAA,IAAAA,GAChB,QAAQ,IAER,eAAAH,GACA,SAAAI,EAFKF,GAAAA,IAAQG,CAEI,CAErB;AAAA,EAAA,CACD,GACHK,EAASG,KACPP,gBAAAA,EAAA,IAACC,GACC,EAAA,SAAAR,GACA,OAAO;AAAA,IAAEG,OAAO;AAAA,EAChB,GAAA,QAAQ,IACR,eAAAF,EAAA,GACI,MAER,GAGGW,EAAAA,MAAMb,EAAOU,SAAS,GAAGV,EAAOU,MAAM,EACtCI,QAAQ,CAAC;AAAA,IAAEV,OAAAA;AAAAA,IAAOE,SAAAA;AAAAA,IAASD,eAAAA;AAAAA,KAAiBE,MAAwB;AACnEK,IAAAA,EAASG,KACPP,gBAAAA,EAAA,IAACC,GACC,EAAA,SAAAR,GACA,OAAO;AAAA,MAAEG,OAAAA;AAAAA,MAAOC,eAAAA;AAAAA,IAAAA,GAChB,QAAQE,MAAU,GAElB,eAAAL,GACA,SAAAI,KAFKF,IAAQG,EAIjB;AAAA,EAAA,CACD,GACIK;AACT;"}
+{"version":3,"file":"sd-component-library216.js","sources":["../src/components/breadcrumbs/breadcrumb/functions.tsx"],"sourcesContent":["import React, { CSSProperties } from \"react\";\n\nimport { Crumb, CrumbType } from \"./crumb\";\n\nexport const renderUpToFiveCrumbs = (\n  crumbs: CrumbType[],\n  variant: string | undefined,\n  textTransform: CSSProperties[\"textTransform\"]\n) => {\n  return crumbs.map(({ title, dontTranslate, onClick }, index: number) => (\n    <Crumb\n      variant={variant}\n      crumb={{ title, dontTranslate }}\n      isLast={index === crumbs.length - 1}\n      key={title + index}\n      textTransform={textTransform}\n      onClick={onClick}\n    />\n  ));\n};\n\nexport const renderMoreThanFiveCrumbs = (\n  crumbs: CrumbType[],\n  variant: string | undefined,\n  textTransform: CSSProperties[\"textTransform\"]\n) => {\n  const elements: JSX.Element[] = [];\n\n  crumbs\n    .slice(0, 2)\n    .forEach(({ title, dontTranslate, onClick }, index: number): void => {\n      elements.push(\n        <Crumb\n          variant={variant}\n          crumb={{ title, dontTranslate }}\n          isLast={false}\n          key={title + index}\n          textTransform={textTransform}\n          onClick={onClick}\n        />\n      );\n    });\n  elements.push(\n    <Crumb\n      variant={variant}\n      crumb={{ title: \"...\" }}\n      isLast={false}\n      textTransform={textTransform}\n      key=\"...\"\n    />\n  );\n\n  crumbs\n    .slice(crumbs.length - 2, crumbs.length)\n    .forEach(({ title, onClick, dontTranslate }, index: number): void => {\n      elements.push(\n        <Crumb\n          variant={variant}\n          crumb={{ title, dontTranslate }}\n          isLast={index === 1}\n          key={title + index}\n          textTransform={textTransform}\n          onClick={onClick}\n        />\n      );\n    });\n  return elements;\n};\n"],"names":["renderUpToFiveCrumbs","crumbs","variant","textTransform","title","dontTranslate","onClick","index","jsx","Crumb","renderMoreThanFiveCrumbs","elements"],"mappings":";;AAIO,MAAMA,IAAuB,CAClCC,GACAC,GACAC,MAEOF,EAAO,IAAI,CAAC,EAAE,OAAAG,GAAO,eAAAC,GAAe,SAAAC,EAAA,GAAWC,MACpDC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAAP;AAAA,IACA,OAAO,EAAE,OAAAE,GAAO,eAAAC,EAAc;AAAA,IAC9B,QAAQE,MAAUN,EAAO,SAAS;AAAA,IAElC,eAAAE;AAAA,IACA,SAAAG;AAAA,EAAA;AAAA,EAFKF,IAAQG;AAAA,CAIhB,GAGUG,IAA2B,CACtCT,GACAC,GACAC,MACG;AACH,QAAMQ,IAA0B,CAAA;AAG7B,SAAAV,EAAA,MAAM,GAAG,CAAC,EACV,QAAQ,CAAC,EAAE,OAAAG,GAAO,eAAAC,GAAe,SAAAC,EAAQ,GAAGC,MAAwB;AAC1D,IAAAI,EAAA;AAAA,MACPH,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAP;AAAA,UACA,OAAO,EAAE,OAAAE,GAAO,eAAAC,EAAc;AAAA,UAC9B,QAAQ;AAAA,UAER,eAAAF;AAAA,UACA,SAAAG;AAAA,QAAA;AAAA,QAFKF,IAAQG;AAAA,MAGf;AAAA,IAAA;AAAA,EACF,CACD,GACMI,EAAA;AAAA,IACPH,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAAP;AAAA,QACA,OAAO,EAAE,OAAO,MAAM;AAAA,QACtB,QAAQ;AAAA,QACR,eAAAC;AAAA,MAAA;AAAA,MACI;AAAA,IACN;AAAA,EAAA,GAGFF,EACG,MAAMA,EAAO,SAAS,GAAGA,EAAO,MAAM,EACtC,QAAQ,CAAC,EAAE,OAAAG,GAAO,SAAAE,GAAS,eAAAD,EAAA,GAAiBE,MAAwB;AAC1D,IAAAI,EAAA;AAAA,MACPH,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAP;AAAA,UACA,OAAO,EAAE,OAAAE,GAAO,eAAAC,EAAc;AAAA,UAC9B,QAAQE,MAAU;AAAA,UAElB,eAAAJ;AAAA,UACA,SAAAG;AAAA,QAAA;AAAA,QAFKF,IAAQG;AAAA,MAGf;AAAA,IAAA;AAAA,EACF,CACD,GACII;AACT;"}

package/lib/sd-component-library217.js

@@ -18,32 +18,49 @@ const z = "10px", e = "20px", B = "5px", F = ({
   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
-  ] });
+  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 {
   F as CheckboxV2Container

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

package/lib/sd-component-library218.js

@@ -5,11 +5,17 @@ const p = ({
   color: r = "cl_lightGrey",
   sx: t,
   ...o
-}) => /* @__PURE__ */ i.jsx(s, { sx: {
-  bg: r,
-  ...o,
-  ...t
-}, "data-test": "divider" });
+}) => /* @__PURE__ */ i.jsx(
+  s,
+  {
+    sx: {
+      bg: r,
+      ...o,
+      ...t
+    },
+    "data-test": "divider"
+  }
+);
 export {
   p as Divider
 };

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

package/lib/sd-component-library219.js

@@ -15,29 +15,52 @@ const h = "80px", j = (i) => {
     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: "?" }) })
-  ] });
+  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 {
   j as BaseFeedbackContainer