@selfdecode/sd-component-library 4.0.138 → 4.0.140

package/lib/components/buttons/button/interfaces.d.ts

@@ -186,4 +186,5 @@ export interface ButtonProps extends BaseComponentProps, Pick<LinkProps, "target
      */
     cursor?: CSSProperties["cursor"];
     tooltipText?: string;
+    tooltipPlacement?: "top" | "bottom";
 }

package/lib/sd-component-library100.js

@@ -1,6 +1,6 @@
 import { j as r } from "./sd-component-library197.js";
-import { LinearGaugeSegment as c } from "./sd-component-library249.js";
-import { LinearGaugeLabel as d } from "./sd-component-library250.js";
+import { LinearGaugeSegment as c } from "./sd-component-library248.js";
+import { LinearGaugeLabel as d } from "./sd-component-library249.js";
 import { GridCenter as f } from "./sd-component-library41.js";
 import { GridContainerV2 as h } from "./sd-component-library38.js";
 function $(l) {

package/lib/sd-component-library101.js

@@ -1,9 +1,9 @@
 import { j as e } from "./sd-component-library197.js";
-import { isMatchingRange as u } from "./sd-component-library251.js";
+import { isMatchingRange as u } from "./sd-component-library250.js";
 import { GridCenter as c } from "./sd-component-library41.js";
 import { GridContainerV2 as f } from "./sd-component-library38.js";
-import { LinearGaugeSegment as d } from "./sd-component-library249.js";
-import { LinearGaugeLabel as j } from "./sd-component-library250.js";
+import { LinearGaugeSegment as d } from "./sd-component-library248.js";
+import { LinearGaugeLabel as j } from "./sd-component-library249.js";
 const M = ({
   gap: i = 3,
   segmentHeight: l = 8,

package/lib/sd-component-library102.js

@@ -3,9 +3,9 @@ import { useRef as R, useState as T, useEffect as E } from "react";
 import { Box as d } from "rebass";
 import { useBodyScrollLock as L } from "./sd-component-library3.js";
 import { isIOS as X, generateTestLocator as c } from "./sd-component-library4.js";
-import $ from "./sd-component-library252.js";
+import $ from "./sd-component-library251.js";
 import { OutsideClickBox as z } from "./sd-component-library12.js";
-import { ReactComponent as A } from "./sd-component-library253.js";
+import { ReactComponent as A } from "./sd-component-library252.js";
 import { FlexCenter as F } from "./sd-component-library34.js";
 import { Button as H } from "./sd-component-library24.js";
 const a = 500, K = (p) => {

package/lib/sd-component-library106.js

@@ -1,7 +1,7 @@
 import { j as e } from "./sd-component-library197.js";
-import { PaginationBarButton as i } from "./sd-component-library258.js";
+import { PaginationBarButton as i } from "./sd-component-library275.js";
 import { ReactComponent as h } from "./sd-component-library255.js";
-import { PaginationBarCurrentPage as u } from "./sd-component-library259.js";
+import { PaginationBarCurrentPage as u } from "./sd-component-library276.js";
 import { ReactComponent as f } from "./sd-component-library257.js";
 import { GridContainerV2 as s } from "./sd-component-library38.js";
 import { ResponsiveTextV2 as j } from "./sd-component-library150.js";

package/lib/sd-component-library112.js

@@ -3,7 +3,7 @@ import { useMemo as P } from "react";
 import { Select as Z } from "@rebass/forms";
 import { Box as q } from "rebass";
 import { useDependantState as G } from "./sd-component-library3.js";
-import { BaseLabel as J } from "./sd-component-library221.js";
+import { BaseLabel as J } from "./sd-component-library224.js";
 import { MaxMaxContainer as K } from "./sd-component-library40.js";
 import { ResponsiveTextV2 as Q } from "./sd-component-library150.js";
 const U = (s, r, t, d, a, n) => {

package/lib/sd-component-library117.js

@@ -3,7 +3,7 @@ import u, { useState as h, useMemo as f } from "react";
 import { Box as g } from "rebass";
 import { OutsideClickBox as b } from "./sd-component-library12.js";
 import { ReactComponent as j } from "./sd-component-library188.js";
-import { CustomOptionBox as C } from "./sd-component-library260.js";
+import { CustomOptionBox as C } from "./sd-component-library259.js";
 import { GridCenter as S } from "./sd-component-library41.js";
 import { EighteenRegular as d } from "./sd-component-library142.js";
 import { HorizontalDivider as _ } from "./sd-component-library48.js";

package/lib/sd-component-library118.js

@@ -1,9 +1,9 @@
 import { j as o } from "./sd-component-library197.js";
 import { useState as x } from "react";
-import { BaseLabel as f } from "./sd-component-library221.js";
+import { BaseLabel as f } from "./sd-component-library224.js";
 import { OutsideClickBox as u } from "./sd-component-library12.js";
 import { ReactComponent as h } from "./sd-component-library188.js";
-import { SecondaryCustomSelectorOptionsBox as S } from "./sd-component-library261.js";
+import { SecondaryCustomSelectorOptionsBox as S } from "./sd-component-library260.js";
 import { GridContainerV2 as g } from "./sd-component-library38.js";
 import { ResponsiveTextV2 as C } from "./sd-component-library150.js";
 import { FlexCenter as j } from "./sd-component-library34.js";

package/lib/sd-component-library120.js

@@ -5,7 +5,7 @@ import { ReactComponent as x } from "./sd-component-library188.js";
 import { ResponsiveTextV2 as f } from "./sd-component-library150.js";
 import { BaseTextV2 as u } from "./sd-component-library138.js";
 import { FlexCenter as h } from "./sd-component-library34.js";
-import { SecondaryCustomSelectorOptionsBox as g } from "./sd-component-library261.js";
+import { SecondaryCustomSelectorOptionsBox as g } from "./sd-component-library260.js";
 const k = ({
   width: l,
   options: r,

package/lib/sd-component-library121.js

@@ -1,6 +1,6 @@
 import { j as i } from "./sd-component-library197.js";
 import { useMemo as S, useCallback as p } from "react";
-import { BaseSelectorV2 as u } from "./sd-component-library262.js";
+import { BaseSelectorV2 as u } from "./sd-component-library258.js";
 const g = ({
   value: s,
   onChange: r,

package/lib/sd-component-library126.js

@@ -1,8 +1,8 @@
 import { j as o } from "./sd-component-library197.js";
 import { useState as x } from "react";
-import { BaseLabel as f } from "./sd-component-library221.js";
+import { BaseLabel as f } from "./sd-component-library224.js";
 import { ReactComponent as u } from "./sd-component-library188.js";
-import { CustomScrollableOptionsBox as h } from "./sd-component-library263.js";
+import { CustomScrollableOptionsBox as h } from "./sd-component-library261.js";
 import { GridContainerV2 as S } from "./sd-component-library38.js";
 import { OutsideClickBox as b } from "./sd-component-library12.js";
 import { ResponsiveTextV2 as C } from "./sd-component-library150.js";

package/lib/sd-component-library127.js

@@ -2,9 +2,9 @@ import { j as o } from "./sd-component-library197.js";
 import { useState as x } from "react";
 import { Flex as i } from "rebass";
 import { OutsideClickBox as d } from "./sd-component-library12.js";
-import { BaseLabel as u } from "./sd-component-library221.js";
+import { BaseLabel as u } from "./sd-component-library224.js";
 import { ReactComponent as f } from "./sd-component-library188.js";
-import { CustomScrollableOptionsBox as h } from "./sd-component-library264.js";
+import { CustomScrollableOptionsBox as h } from "./sd-component-library262.js";
 import { ResponsiveTextV2 as b } from "./sd-component-library150.js";
 const w = (t) => {
   const { leftSlot: s, label: l, value: n, width: c } = t, [e, r] = x(!1), p = () => r(!1), a = () => r((m) => !m);

package/lib/sd-component-library129.js

@@ -1,6 +1,6 @@
 import { j as t } from "./sd-component-library197.js";
 import { IconButton as s } from "./sd-component-library23.js";
-import { ReactComponent as c } from "./sd-component-library204.js";
+import { ReactComponent as c } from "./sd-component-library205.js";
 import { EighteenBold as p } from "./sd-component-library141.js";
 import { GridCenter as g } from "./sd-component-library41.js";
 const C = ({

package/lib/sd-component-library130.js

@@ -1,35 +1,36 @@
 import { j as n } from "./sd-component-library197.js";
 import { Box as t } from "rebass";
-const s = 200, c = "40px", i = "3px", p = "20px", a = `calc(${p} - 2 * ${i})`, e = ({
+const s = 200, c = "40px", o = "3px", a = "20px", x = `calc(${a} - 2 * ${o})`, $ = ({
   value: r,
-  setValue: o,
-  inactiveColor: x = "cl_lightGrey",
-  activeColor: m = "cl_purple"
+  setValue: i,
+  inactiveColor: p = "cl_lightGrey",
+  activeColor: l = "cl_purple"
 }) => {
-  const l = () => {
-    o == null || o(!r);
+  const m = () => {
+    i == null || i(!r);
   };
   return /* @__PURE__ */ n.jsx(
     t,
     {
-      bg: r ? m : x,
+      bg: r ? l : p,
       sx: {
         borderRadius: 100,
         cursor: "pointer",
-        transition: `all ${s}ms`
+        transition: `all ${s}ms`,
+        flexShrink: 0
       },
       width: c,
-      p: i,
-      height: p,
-      onClick: l,
+      p: o,
+      height: a,
+      onClick: m,
       children: /* @__PURE__ */ n.jsx(
         t,
         {
-          size: a,
+          size: x,
           bg: "white",
           sx: {
             borderRadius: "50%",
-            transform: `translateX(${r ? `calc(${c} - 2 * ${i} - ${a})` : 0})`,
+            transform: `translateX(${r ? `calc(${c} - 2 * ${o} - ${x})` : 0})`,
             transition: `all ${s}ms`
           }
         }
@@ -38,6 +39,6 @@ const s = 200, c = "40px", i = "3px", p = "20px", a = `calc(${p} - 2 * ${i})`, e
   );
 };
 export {
-  e as PrimaryToggleSwitch
+  $ as PrimaryToggleSwitch
 };
 //# sourceMappingURL=sd-component-library130.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library130.js","sources":["../src/components/switches/primary-toggle-switch/primary-toggle-switch.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { PrimaryToggleSwitchProps as Props } from \"./interfaces\";\n\nconst animationDuration = 200;\nconst width = \"40px\";\nconst p = \"3px\";\nconst height = \"20px\";\nconst innerSize = `calc(${height} - 2 * ${p})`;\n\nexport const PrimaryToggleSwitch: React.FC<Props> = ({\n  value,\n  setValue,\n  inactiveColor = \"cl_lightGrey\",\n  activeColor = \"cl_purple\",\n}) => {\n  const onBadgeClick = () => {\n    setValue?.(!value);\n  };\n\n  return (\n    <Box\n      bg={value ? activeColor : inactiveColor}\n      sx={{\n        borderRadius: 100,\n        cursor: \"pointer\",\n        transition: `all ${animationDuration}ms`,\n      }}\n      {...{ width, p, height }}\n      onClick={onBadgeClick}\n    >\n      <Box\n        size={innerSize}\n        bg=\"white\"\n        sx={{\n          borderRadius: \"50%\",\n          transform: `translateX(${\n            value ? `calc(${width} - 2 * ${p} - ${innerSize})` : 0\n          })`,\n          transition: `all ${animationDuration}ms`,\n        }}\n      />\n    </Box>\n  );\n};\n"],"names":["animationDuration","width","p","height","innerSize","PrimaryToggleSwitch","value","setValue","inactiveColor","activeColor","onBadgeClick","jsx","Box"],"mappings":";;AAMA,MAAMA,IAAoB,KACpBC,IAAQ,QACRC,IAAI,OACJC,IAAS,QACTC,IAAY,QAAQD,CAAM,UAAUD,CAAC,KAE9BG,IAAuC,CAAC;AAAA,EACnD,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,aAAAC,IAAc;AAChB,MAAM;AACJ,QAAMC,IAAe,MAAM;AACzB,IAAAH,KAAA,QAAAA,EAAW,CAACD;AAAA,EAAK;AAIjB,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAIN,IAAQG,IAAcD;AAAA,MAC1B,IAAI;AAAA,QACF,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,YAAY,OAAOR,CAAiB;AAAA,MACtC;AAAA,MACM,OAAAC;AAAA,MAAO,GAAAC;AAAA,MAAG,QAAAC;AAAA,MAChB,SAASO;AAAA,MAET,UAAAC,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAMR;AAAA,UACN,IAAG;AAAA,UACH,IAAI;AAAA,YACF,cAAc;AAAA,YACd,WAAW,cACTE,IAAQ,QAAQL,CAAK,UAAUC,CAAC,MAAME,CAAS,MAAM,CACvD;AAAA,YACA,YAAY,OAAOJ,CAAiB;AAAA,UACtC;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library130.js","sources":["../src/components/switches/primary-toggle-switch/primary-toggle-switch.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { PrimaryToggleSwitchProps as Props } from \"./interfaces\";\n\nconst animationDuration = 200;\nconst width = \"40px\";\nconst p = \"3px\";\nconst height = \"20px\";\nconst innerSize = `calc(${height} - 2 * ${p})`;\n\nexport const PrimaryToggleSwitch: React.FC<Props> = ({\n  value,\n  setValue,\n  inactiveColor = \"cl_lightGrey\",\n  activeColor = \"cl_purple\",\n}) => {\n  const onBadgeClick = () => {\n    setValue?.(!value);\n  };\n\n  return (\n    <Box\n      bg={value ? activeColor : inactiveColor}\n      sx={{\n        borderRadius: 100,\n        cursor: \"pointer\",\n        transition: `all ${animationDuration}ms`,\n        flexShrink: 0,\n      }}\n      {...{ width, p, height }}\n      onClick={onBadgeClick}\n    >\n      <Box\n        size={innerSize}\n        bg=\"white\"\n        sx={{\n          borderRadius: \"50%\",\n          transform: `translateX(${\n            value ? `calc(${width} - 2 * ${p} - ${innerSize})` : 0\n          })`,\n          transition: `all ${animationDuration}ms`,\n        }}\n      />\n    </Box>\n  );\n};\n"],"names":["animationDuration","width","p","height","innerSize","PrimaryToggleSwitch","value","setValue","inactiveColor","activeColor","onBadgeClick","jsx","Box"],"mappings":";;AAMA,MAAMA,IAAoB,KACpBC,IAAQ,QACRC,IAAI,OACJC,IAAS,QACTC,IAAY,QAAQD,CAAM,UAAUD,CAAC,KAE9BG,IAAuC,CAAC;AAAA,EACnD,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,aAAAC,IAAc;AAChB,MAAM;AACJ,QAAMC,IAAe,MAAM;AACzB,IAAAH,KAAA,QAAAA,EAAW,CAACD;AAAA,EAAK;AAIjB,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAIN,IAAQG,IAAcD;AAAA,MAC1B,IAAI;AAAA,QACF,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,YAAY,OAAOR,CAAiB;AAAA,QACpC,YAAY;AAAA,MACd;AAAA,MACM,OAAAC;AAAA,MAAO,GAAAC;AAAA,MAAG,QAAAC;AAAA,MAChB,SAASO;AAAA,MAET,UAAAC,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAMR;AAAA,UACN,IAAG;AAAA,UACH,IAAI;AAAA,YACF,cAAc;AAAA,YACd,WAAW,cACTE,IAAQ,QAAQL,CAAK,UAAUC,CAAC,MAAME,CAAS,MAAM,CACvD;AAAA,YACA,YAAY,OAAOJ,CAAiB;AAAA,UACtC;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library133.js

@@ -2,9 +2,9 @@ import { j as t } from "./sd-component-library197.js";
 import { useState as y } from "react";
 import { Flex as m } from "rebass";
 import { useBoundingClientRect as x } from "./sd-component-library3.js";
-import { ArrowButton as l } from "./sd-component-library265.js";
-import { Mask as p } from "./sd-component-library266.js";
-import { Tab as A } from "./sd-component-library267.js";
+import { ArrowButton as l } from "./sd-component-library267.js";
+import { Mask as p } from "./sd-component-library268.js";
+import { Tab as A } from "./sd-component-library269.js";
 import { HorizontalDivider as E } from "./sd-component-library48.js";
 const s = 30, e = `${s}px`, w = "30px";
 function Q({

package/lib/sd-component-library134.js

@@ -1,6 +1,6 @@
 import { j as t } from "./sd-component-library197.js";
 import { Box as w, Flex as s } from "rebass";
-import { TabV2 as T } from "./sd-component-library268.js";
+import { TabV2 as T } from "./sd-component-library272.js";
 import { GridContainerV2 as G } from "./sd-component-library38.js";
 const h = 25, b = ({
   tabs: e,

package/lib/sd-component-library136.js

@@ -1,8 +1,8 @@
 import { j as r } from "./sd-component-library197.js";
 import { useRef as v, useState as w, useEffect as m } from "react";
 import { Box as S } from "rebass";
-import { ScrollableTabWrapper as C } from "./sd-component-library269.js";
-import { Tab as j } from "./sd-component-library270.js";
+import { ScrollableTabWrapper as C } from "./sd-component-library270.js";
+import { Tab as j } from "./sd-component-library271.js";
 import { VerticalDivider as E } from "./sd-component-library49.js";
 import { BaseGridContainer as y } from "./sd-component-library35.js";
 import { MaxMaxContainer as L } from "./sd-component-library40.js";

package/lib/sd-component-library16.js

@@ -1,5 +1,5 @@
 import { j as i } from "./sd-component-library197.js";
-import { renderUpToFiveCrumbs as o, renderMoreThanFiveCrumbs as m } from "./sd-component-library205.js";
+import { renderUpToFiveCrumbs as o, renderMoreThanFiveCrumbs as m } from "./sd-component-library212.js";
 import { GridCenter as d } from "./sd-component-library41.js";
 const h = ({
   textTransform: t,

package/lib/sd-component-library167.js

@@ -4,7 +4,7 @@ import { Flex as s, Box as i } from "rebass";
 import { useHover as m } from "./sd-component-library3.js";
 import { ReactComponent as b } from "./sd-component-library188.js";
 import { TriangularPointerIcon as u } from "./sd-component-library191.js";
-import { ActionBox as g } from "./sd-component-library225.js";
+import { ActionBox as g } from "./sd-component-library253.js";
 import { HorizontalDivider as n } from "./sd-component-library48.js";
 const B = (x) => {
   const {

package/lib/sd-component-library168.js

@@ -1,7 +1,7 @@
 import { j as o } from "./sd-component-library197.js";
 import { Box as m } from "rebass";
 import { BaseTooltip as c } from "./sd-component-library169.js";
-import { ReactComponent as f } from "./sd-component-library271.js";
+import { ReactComponent as f } from "./sd-component-library263.js";
 const T = (i) => {
   const {
     tooltipText: n,

package/lib/sd-component-library171.js

@@ -1,7 +1,7 @@
 import { j as t } from "./sd-component-library197.js";
 import w, { useRef as c, useEffect as y } from "react";
 import { Box as o } from "rebass";
-import { ReactComponent as g } from "./sd-component-library271.js";
+import { ReactComponent as g } from "./sd-component-library263.js";
 const E = w.forwardRef((x, a) => {
   const {
     placement: e,

package/lib/sd-component-library172.js

@@ -3,10 +3,10 @@ import { useState as y, useRef as a } from "react";
 import { Box as z } from "rebass";
 import { useBreakPoints as B, useBodyScrollLock as C } from "./sd-component-library3.js";
 import { isIOS as E } from "./sd-component-library4.js";
-import M from "./sd-component-library252.js";
-import { TooltipWithPointerMobile as V } from "./sd-component-library272.js";
-import { TooltipWithPointerHorizontal as D } from "./sd-component-library273.js";
-import { TooltipWithPointerVertical as I } from "./sd-component-library274.js";
+import M from "./sd-component-library251.js";
+import { TooltipWithPointerMobile as V } from "./sd-component-library264.js";
+import { TooltipWithPointerHorizontal as D } from "./sd-component-library265.js";
+import { TooltipWithPointerVertical as I } from "./sd-component-library266.js";
 const f = 200, N = (u) => {
   const {
     children: x,

package/lib/sd-component-library202.js

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

package/lib/sd-component-library203.js

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

package/lib/sd-component-library204.js

@@ -1,6 +1,29 @@
-import * as t from "react";
-const e = (a) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 9.984, height: 6.021, viewBox: "0 0 9.984 6.021", ...a }, /* @__PURE__ */ t.createElement("path", { id: "dropdown_arrow_up", d: "M1262.106,88.295l4.662-4.218a.336.336,0,0,1,.459,0l4.662,4.218a.266.266,0,0,1,0,.416l-.5,1.205a.327.327,0,0,1-.23.091.331.331,0,0,1-.23-.091L1267,86.359l-3.93,3.557a.338.338,0,0,1-.46,0l-.5-1.205a.265.265,0,0,1,0-.416Z", transform: "translate(-1262.005 -83.986)" }));
+import { j as o } from "./sd-component-library197.js";
+import { Box as m } from "rebass";
+import { generateTestLocator as p } from "./sd-component-library4.js";
+import { ReactComponent as f } from "./sd-component-library182.js";
+const h = (t) => {
+  const { width: n, height: r, fill: e, stroke: i, icon: s } = t, a = s || f;
+  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)" }
+        }
+      },
+      ...p("loading-spinner"),
+      children: /* @__PURE__ */ o.jsx(a, {})
+    }
+  );
+};
 export {
-  e as ReactComponent
+  h as LoadingSpinner
 };
 //# sourceMappingURL=sd-component-library204.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library204.js","sources":["../src/components/accordions/base-accordion/assets/dropdown_arrow_up.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Ljk4NCIgaGVpZ2h0PSI2LjAyMSIgdmlld0JveD0iMCAwIDkuOTg0IDYuMDIxIj4NCiAgPHBhdGggaWQ9ImRyb3Bkb3duX2Fycm93X3VwIiBkPSJNMTI2Mi4xMDYsODguMjk1bDQuNjYyLTQuMjE4YS4zMzYuMzM2LDAsMCwxLC40NTksMGw0LjY2Miw0LjIxOGEuMjY2LjI2NiwwLDAsMSwwLC40MTZsLS41LDEuMjA1YS4zMjcuMzI3LDAsMCwxLS4yMy4wOTEuMzMxLjMzMSwwLDAsMS0uMjMtLjA5MUwxMjY3LDg2LjM1OWwtMy45MywzLjU1N2EuMzM4LjMzOCwwLDAsMS0uNDYsMGwtLjUtMS4yMDVhLjI2NS4yNjUsMCwwLDEsMC0uNDE2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyNjIuMDA1IC04My45ODYpIi8+DQo8L3N2Zz4NCg==\""],"names":["SvgDropdownArrowUp","props","React"],"mappings":";AACK,MAACA,IAAqB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,OAAO,QAAQ,OAAO,SAAS,mBAAmB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,IAAI,qBAAqB,GAAG,8NAA8N,WAAW,+BAA8B,CAAE,CAAC;"}
+{"version":3,"file":"sd-component-library204.js","sources":["../src/components/animations/loading-spinner/loading-spinner.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { generateTestLocator } from \"../../../core/functions\";\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      {...generateTestLocator(\"loading-spinner\")}\n    >\n      <IconComponent />\n    </Box>\n  );\n};\n"],"names":["LoadingSpinner","props","width","height","fill","stroke","icon","IconComponent","RescanIcon","jsx","Box","generateTestLocator"],"mappings":";;;;AAQa,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;AAAA,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,MACC,GAAGM,EAAoB,iBAAiB;AAAA,MAEzC,gCAACJ,GAAc,EAAA;AAAA,IAAA;AAAA,EAAA;AAGrB;"}

package/lib/sd-component-library205.js

@@ -1,60 +1,6 @@
-import { j as t } from "./sd-component-library197.js";
-import { Crumb as c } from "./sd-component-library17.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 * as t from "react";
+const e = (a) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 9.984, height: 6.021, viewBox: "0 0 9.984 6.021", ...a }, /* @__PURE__ */ t.createElement("path", { id: "dropdown_arrow_up", d: "M1262.106,88.295l4.662-4.218a.336.336,0,0,1,.459,0l4.662,4.218a.266.266,0,0,1,0,.416l-.5,1.205a.327.327,0,0,1-.23.091.331.331,0,0,1-.23-.091L1267,86.359l-3.93,3.557a.338.338,0,0,1-.46,0l-.5-1.205a.265.265,0,0,1,0-.416Z", transform: "translate(-1262.005 -83.986)" }));
 export {
-  a as renderMoreThanFiveCrumbs,
-  l as renderUpToFiveCrumbs
+  e as ReactComponent
 };
 //# sourceMappingURL=sd-component-library205.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library205.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-library205.js","sources":["../src/components/accordions/base-accordion/assets/dropdown_arrow_up.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Ljk4NCIgaGVpZ2h0PSI2LjAyMSIgdmlld0JveD0iMCAwIDkuOTg0IDYuMDIxIj4NCiAgPHBhdGggaWQ9ImRyb3Bkb3duX2Fycm93X3VwIiBkPSJNMTI2Mi4xMDYsODguMjk1bDQuNjYyLTQuMjE4YS4zMzYuMzM2LDAsMCwxLC40NTksMGw0LjY2Miw0LjIxOGEuMjY2LjI2NiwwLDAsMSwwLC40MTZsLS41LDEuMjA1YS4zMjcuMzI3LDAsMCwxLS4yMy4wOTEuMzMxLjMzMSwwLDAsMS0uMjMtLjA5MUwxMjY3LDg2LjM1OWwtMy45MywzLjU1N2EuMzM4LjMzOCwwLDAsMS0uNDYsMGwtLjUtMS4yMDVhLjI2NS4yNjUsMCwwLDEsMC0uNDE2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyNjIuMDA1IC04My45ODYpIi8+DQo8L3N2Zz4NCg==\""],"names":["SvgDropdownArrowUp","props","React"],"mappings":";AACK,MAACA,IAAqB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,OAAO,QAAQ,OAAO,SAAS,mBAAmB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,IAAI,qBAAqB,GAAG,8NAA8N,WAAW,+BAA8B,CAAE,CAAC;"}

package/lib/sd-component-library206.js

@@ -1,29 +1,21 @@
 import { j as o } from "./sd-component-library197.js";
-import { Box as m } from "rebass";
-import { generateTestLocator as p } from "./sd-component-library4.js";
-import { ReactComponent as f } from "./sd-component-library182.js";
-const h = (t) => {
-  const { width: n, height: r, fill: e, stroke: i, icon: s } = t, a = s || f;
-  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)" }
-        }
-      },
-      ...p("loading-spinner"),
-      children: /* @__PURE__ */ o.jsx(a, {})
-    }
-  );
-};
+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"
+  }
+);
 export {
-  h as LoadingSpinner
+  m as Divider
 };
 //# sourceMappingURL=sd-component-library206.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library206.js","sources":["../src/components/animations/loading-spinner/loading-spinner.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { generateTestLocator } from \"../../../core/functions\";\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      {...generateTestLocator(\"loading-spinner\")}\n    >\n      <IconComponent />\n    </Box>\n  );\n};\n"],"names":["LoadingSpinner","props","width","height","fill","stroke","icon","IconComponent","RescanIcon","jsx","Box","generateTestLocator"],"mappings":";;;;AAQa,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;AAAA,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,MACC,GAAGM,EAAoB,iBAAiB;AAAA,MAEzC,gCAACJ,GAAc,EAAA;AAAA,IAAA;AAAA,EAAA;AAGrB;"}
+{"version":3,"file":"sd-component-library206.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;"}

package/lib/sd-component-library207.js

@@ -1,21 +1,24 @@
-import { j as o } from "./sd-component-library197.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 { j as e } from "./sd-component-library197.js";
+import { Box as t } from "rebass";
+import { TwentyFourBold as s } from "./sd-component-library161.js";
+import { MaxMaxContainer as c } from "./sd-component-library40.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 {
-  m as Divider
+  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/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-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;"}