@selfdecode/sd-component-library 4.0.73-vite19 → 4.0.73-vite20

package/lib/sd-component-library234.js

@@ -1,29 +1,94 @@
-import { j as n } from "./sd-component-library195.js";
-import { ResponsiveTextV2 as p } from "./sd-component-library147.js";
-const c = (t) => {
-  const { text: o, onClick: e, px: r = "10px", py: i = "15px" } = t;
-  return /* @__PURE__ */ n.jsx(
-    p,
-    {
-      fontSizeWeight: [[16, "regular"]],
+import { j as r } from "./sd-component-library195.js";
+import u from "react";
+import "./sd-component-library196.js";
+import { Flex as j, Box as s } from "./sd-component-library197.js";
+import { TriangularPointerIcon as x } from "./sd-component-library190.js";
+import { ResponsiveTextV2 as R } from "./sd-component-library148.js";
+const $ = u.forwardRef(
+  ({
+    pointerSx: n,
+    tooltipSx: d,
+    tooltipText: p,
+    tooltipWidth: l,
+    tooltipPy: a,
+    tooltipPx: h,
+    pointerSize: c,
+    tooltipOffset: i,
+    placement: t,
+    containerSx: y,
+    animationDuration: m,
+    state: g,
+    pointerColor: o
+  }, f) => {
+    const b = t === "right" ? {
+      left: "100%"
+    } : {
+      right: "100%"
+    }, e = {
+      size: `${c}px`,
+      color: o,
       sx: {
-        display: "flex",
-        justifyContent: "end",
-        px: r,
-        py: i,
-        cursor: "pointer",
-        textTransform: "capitalize",
-        opacity: 0.7,
-        ":hover": {
-          opacity: 1
-        }
-      },
-      onClick: e,
-      children: o
-    }
-  );
-};
+        my: "auto",
+        ...n
+      }
+    };
+    return /* @__PURE__ */ r.jsxs(
+      j,
+      {
+        sx: {
+          position: "absolute",
+          top: "calc(50% - 14px)",
+          cursor: "default",
+          alignItems: "center",
+          opacity: g === "entered" ? 1 : 0,
+          transition: `opacity ${m}ms`,
+          zIndex: 1,
+          ...b,
+          ...d
+        },
+        ref: f,
+        "data-test": "tooltip-content",
+        children: [
+          t === "right" && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+            /* @__PURE__ */ r.jsx(s, { width: `${i}px` }),
+            /* @__PURE__ */ r.jsx(x, { direction: "left", ...e })
+          ] }),
+          /* @__PURE__ */ r.jsx(
+            R,
+            {
+              fontSizeWeight: [14, "regular"],
+              sx: {
+                width: l,
+                lineHeight: "16px",
+                bg: "cl_white",
+                px: h,
+                py: a,
+                borderColor: "cl_lightGrey",
+                borderWidth: "1px",
+                borderStyle: "solid",
+                ...t === "left" ? {
+                  borderRightWidth: "2px",
+                  borderRightColor: o,
+                  borderRadius: "3px 0 0 3px"
+                } : {
+                  borderLeftWidth: "2px",
+                  borderLeftColor: o,
+                  borderRadius: "0 3px 3px 0"
+                }
+              },
+              children: p
+            }
+          ),
+          t === "left" && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+            /* @__PURE__ */ r.jsx(x, { direction: "right", ...e }),
+            /* @__PURE__ */ r.jsx(s, { width: `${i}px` })
+          ] })
+        ]
+      }
+    );
+  }
+);
 export {
-  c as ActionBox
+  $ as TooltipWithPointerHorizontal
 };
 //# sourceMappingURL=sd-component-library234.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library234.js","sources":["../src/components/tooltips/actions-tooltip/partials/action-box/action-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts/responsive-text-v2\";\nimport { ActionBoxProps as Props } from \"./interfaces\";\n\nexport const ActionBox: React.FC<Props> = (props) => {\n  const { text, onClick, px = \"10px\", py = \"15px\" } = props;\n\n  return (\n    <ResponsiveTextV2\n      fontSizeWeight={[[16, \"regular\"]]}\n      sx={{\n        display: \"flex\",\n        justifyContent: \"end\",\n        px,\n        py,\n        cursor: \"pointer\",\n        textTransform: \"capitalize\",\n        opacity: 0.7,\n        \":hover\": {\n          opacity: 1,\n        },\n      }}\n      onClick={onClick}\n    >\n      {text}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["ActionBox","props","text","onClick","px","py","jsx","ResponsiveTextV2"],"mappings":";;AAOa,MAAAA,IAA6B,CAACC,MAAU;AACnD,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,IAAAC,IAAK,QAAQ,IAAAC,IAAK,OAAW,IAAAJ;AAGlD,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgB,CAAC,CAAC,IAAI,SAAS,CAAC;AAAA,MAChC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,IAAAH;AAAA,QACA,IAAAC;AAAA,QACA,QAAQ;AAAA,QACR,eAAe;AAAA,QACf,SAAS;AAAA,QACT,UAAU;AAAA,UACR,SAAS;AAAA,QACX;AAAA,MACF;AAAA,MACA,SAAAF;AAAA,MAEC,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library234.js","sources":["../src/components/tooltips/tooltip-with-pointer/partials/tooltip-with-pointer-horizontal/tooltip-with-pointer-horizontal.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { TriangularPointerIcon } from \"../../../../icons\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { TooltipWithPointerPartialProps as Props } from \"../interfaces\";\n\nexport const TooltipWithPointerHorizontal = React.forwardRef<\n  HTMLDivElement,\n  Props\n>(\n  (\n    {\n      pointerSx,\n      tooltipSx,\n      tooltipText,\n      tooltipWidth,\n      tooltipPy,\n      tooltipPx,\n      pointerSize,\n      tooltipOffset,\n      placement,\n      containerSx,\n      animationDuration,\n      state,\n      pointerColor,\n    },\n    ref\n  ) => {\n    const tooltipContainerProps =\n      placement === \"right\"\n        ? {\n            left: \"100%\",\n          }\n        : {\n            right: \"100%\",\n          };\n\n    const pointerCommonProps = {\n      size: `${pointerSize}px`,\n      color: pointerColor,\n      sx: {\n        my: \"auto\",\n        ...pointerSx,\n      },\n    };\n\n    return (\n      <Flex\n        sx={{\n          position: \"absolute\",\n          top: \"calc(50% - 14px)\",\n          cursor: \"default\",\n          alignItems: \"center\",\n          opacity: state === \"entered\" ? 1 : 0,\n          transition: `opacity ${animationDuration}ms`,\n          zIndex: 1,\n          ...tooltipContainerProps,\n          ...tooltipSx,\n        }}\n        ref={ref}\n        data-test=\"tooltip-content\"\n      >\n        {placement === \"right\" && (\n          <>\n            <Box width={`${tooltipOffset}px`} />\n            <TriangularPointerIcon direction=\"left\" {...pointerCommonProps} />\n          </>\n        )}\n\n        <ResponsiveTextV2\n          fontSizeWeight={[14, \"regular\"]}\n          sx={{\n            width: tooltipWidth,\n            lineHeight: \"16px\",\n            bg: \"cl_white\",\n            px: tooltipPx,\n            py: tooltipPy,\n            borderColor: \"cl_lightGrey\",\n            borderWidth: \"1px\",\n            borderStyle: \"solid\",\n            ...(placement === \"left\"\n              ? {\n                  borderRightWidth: \"2px\",\n                  borderRightColor: pointerColor,\n                  borderRadius: \"3px 0 0 3px\",\n                }\n              : {\n                  borderLeftWidth: \"2px\",\n                  borderLeftColor: pointerColor,\n                  borderRadius: \"0 3px 3px 0\",\n                }),\n          }}\n        >\n          {tooltipText}\n        </ResponsiveTextV2>\n\n        {placement === \"left\" && (\n          <>\n            <TriangularPointerIcon direction=\"right\" {...pointerCommonProps} />\n            <Box width={`${tooltipOffset}px`} />\n          </>\n        )}\n      </Flex>\n    );\n  }\n);\n"],"names":["TooltipWithPointerHorizontal","React","pointerSx","tooltipSx","tooltipText","tooltipWidth","tooltipPy","tooltipPx","pointerSize","tooltipOffset","placement","containerSx","animationDuration","state","pointerColor","ref","tooltipContainerProps","pointerCommonProps","jsxs","Flex","Fragment","jsx","Box","TriangularPointerIcon","ResponsiveTextV2"],"mappings":";;;;;;AAQO,MAAMA,IAA+BC,EAAM;AAAA,EAIhD,CACE;AAAA,IACE,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC;AAAA,KAEFC,MACG;AACG,UAAAC,IACJN,MAAc,UACV;AAAA,MACE,MAAM;AAAA,IAAA,IAER;AAAA,MACE,OAAO;AAAA,IAAA,GAGTO,IAAqB;AAAA,MACzB,MAAM,GAAGT,CAAW;AAAA,MACpB,OAAOM;AAAA,MACP,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,GAAGZ;AAAA,MACL;AAAA,IAAA;AAIA,WAAAgB,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,UAAU;AAAA,UACV,KAAK;AAAA,UACL,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,SAASN,MAAU,YAAY,IAAI;AAAA,UACnC,YAAY,WAAWD,CAAiB;AAAA,UACxC,QAAQ;AAAA,UACR,GAAGI;AAAA,UACH,GAAGb;AAAA,QACL;AAAA,QACA,KAAAY;AAAA,QACA,aAAU;AAAA,QAET,UAAA;AAAA,UAAAL,MAAc,WAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACC,GAAI,EAAA,OAAO,GAAGb,CAAa,MAAM;AAAA,YACjCY,gBAAAA,EAAA,IAAAE,GAAA,EAAsB,WAAU,QAAQ,GAAGN,EAAoB,CAAA;AAAA,UAAA,GAClE;AAAA,UAGFI,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB,CAAC,IAAI,SAAS;AAAA,cAC9B,IAAI;AAAA,gBACF,OAAOnB;AAAA,gBACP,YAAY;AAAA,gBACZ,IAAI;AAAA,gBACJ,IAAIE;AAAA,gBACJ,IAAID;AAAA,gBACJ,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,GAAII,MAAc,SACd;AAAA,kBACE,kBAAkB;AAAA,kBAClB,kBAAkBI;AAAA,kBAClB,cAAc;AAAA,gBAAA,IAEhB;AAAA,kBACE,iBAAiB;AAAA,kBACjB,iBAAiBA;AAAA,kBACjB,cAAc;AAAA,gBAChB;AAAA,cACN;AAAA,cAEC,UAAAV;AAAA,YAAA;AAAA,UACH;AAAA,UAECM,MAAc,UAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACE,GAAsB,EAAA,WAAU,SAAS,GAAGN,EAAoB,CAAA;AAAA,YAChEI,gBAAAA,EAAA,IAAAC,GAAA,EAAI,OAAO,GAAGb,CAAa,MAAM;AAAA,UAAA,GACpC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}

package/lib/sd-component-library235.js

@@ -1,6 +1,96 @@
-const t = 1, o = 13;
+import { j as o } from "./sd-component-library195.js";
+import g from "react";
+import "./sd-component-library196.js";
+import { Flex as j, Box as s } from "./sd-component-library197.js";
+import { TriangularPointerIcon as n } from "./sd-component-library190.js";
+import { ResponsiveTextV2 as y } from "./sd-component-library148.js";
+const $ = g.forwardRef(
+  ({
+    pointerSx: x,
+    tooltipPx: p,
+    tooltipText: d,
+    tooltipSx: a,
+    tooltipPy: l,
+    tooltipOffset: e,
+    pointerSize: m,
+    tooltipWidth: c,
+    placement: t,
+    state: h,
+    containerSx: R,
+    animationDuration: b,
+    pointerColor: r
+  }, u) => {
+    const f = t === "bottom" ? {
+      top: "100%"
+    } : {
+      bottom: "100%"
+    }, i = {
+      size: `${m}px`,
+      color: r,
+      sx: {
+        my: "auto",
+        ...x
+      }
+    };
+    return /* @__PURE__ */ o.jsxs(
+      j,
+      {
+        flexDirection: "column",
+        sx: {
+          position: "absolute",
+          left: "50%",
+          transform: "translateX(-50%)",
+          cursor: "default",
+          alignItems: "center",
+          opacity: h === "entered" ? 1 : 0,
+          transition: `opacity ${b}ms`,
+          zIndex: 1,
+          ...f,
+          ...a
+        },
+        ref: u,
+        "data-test": "tooltip-content",
+        children: [
+          t === "bottom" && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+            /* @__PURE__ */ o.jsx(s, { height: `${e}px` }),
+            /* @__PURE__ */ o.jsx(n, { direction: "top", ...i })
+          ] }),
+          /* @__PURE__ */ o.jsx(
+            y,
+            {
+              fontSizeWeight: [14, "regular"],
+              sx: {
+                width: c,
+                lineHeight: "16px",
+                bg: "cl_white",
+                px: p,
+                py: l,
+                borderColor: "cl_lightGrey",
+                borderWidth: "1px",
+                borderStyle: "solid",
+                ...t === "top" ? {
+                  borderBottomWidth: "2px",
+                  borderBottomColor: r,
+                  borderRadius: "3px 3px 0 0"
+                } : {
+                  borderTopWidth: "2px",
+                  borderTopColor: r,
+                  borderRadius: "0 0 3px 3px"
+                }
+              },
+              children: d
+            }
+          ),
+          t === "top" && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+            /* @__PURE__ */ o.jsx(n, { direction: "bottom", ...i }),
+            /* @__PURE__ */ o.jsx(s, { height: `${e}px` })
+          ] })
+        ]
+      }
+    );
+  }
+);
 export {
-  t as defaultPointerWidth,
-  o as defaultTextBottomMargin
+  $ as TooltipWithPointerVertical
 };
 //# sourceMappingURL=sd-component-library235.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library235.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/constants.ts"],"sourcesContent":["export const defaultPointerWidth = 1;\nexport const defaultTextBottomMargin = 13;\n"],"names":["defaultPointerWidth","defaultTextBottomMargin"],"mappings":"AAAO,MAAMA,IAAsB,GACtBC,IAA0B;"}
+{"version":3,"file":"sd-component-library235.js","sources":["../src/components/tooltips/tooltip-with-pointer/partials/tooltip-with-pointer-vertical/tooltip-with-pointer-vertical.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { TriangularPointerIcon } from \"../../../../icons\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { TooltipWithPointerPartialProps as Props } from \"../interfaces\";\n\nexport const TooltipWithPointerVertical = React.forwardRef<\n  HTMLDivElement,\n  Props\n>(\n  (\n    {\n      pointerSx,\n      tooltipPx,\n      tooltipText,\n      tooltipSx,\n      tooltipPy,\n      tooltipOffset,\n      pointerSize,\n      tooltipWidth,\n      placement,\n      state,\n      containerSx,\n      animationDuration,\n      pointerColor,\n    },\n    ref\n  ) => {\n    const tooltipContainerProps =\n      placement === \"bottom\"\n        ? {\n            top: \"100%\",\n          }\n        : {\n            bottom: \"100%\",\n          };\n\n    const pointerCommonProps = {\n      size: `${pointerSize}px`,\n      color: pointerColor,\n      sx: {\n        my: \"auto\",\n        ...pointerSx,\n      },\n    };\n\n    return (\n      <Flex\n        flexDirection=\"column\"\n        sx={{\n          position: \"absolute\",\n          left: \"50%\",\n          transform: \"translateX(-50%)\",\n          cursor: \"default\",\n          alignItems: \"center\",\n          opacity: state === \"entered\" ? 1 : 0,\n          transition: `opacity ${animationDuration}ms`,\n          zIndex: 1,\n          ...tooltipContainerProps,\n          ...tooltipSx,\n        }}\n        ref={ref}\n        data-test=\"tooltip-content\"\n      >\n        {placement === \"bottom\" && (\n          <>\n            <Box height={`${tooltipOffset}px`} />\n            <TriangularPointerIcon direction=\"top\" {...pointerCommonProps} />\n          </>\n        )}\n\n        <ResponsiveTextV2\n          fontSizeWeight={[14, \"regular\"]}\n          sx={{\n            width: tooltipWidth,\n            lineHeight: \"16px\",\n            bg: \"cl_white\",\n            px: tooltipPx,\n            py: tooltipPy,\n            borderColor: \"cl_lightGrey\",\n            borderWidth: \"1px\",\n            borderStyle: \"solid\",\n            ...(placement === \"top\"\n              ? {\n                  borderBottomWidth: \"2px\",\n                  borderBottomColor: pointerColor,\n                  borderRadius: \"3px 3px 0 0\",\n                }\n              : {\n                  borderTopWidth: \"2px\",\n                  borderTopColor: pointerColor,\n                  borderRadius: \"0 0 3px 3px\",\n                }),\n          }}\n        >\n          {tooltipText}\n        </ResponsiveTextV2>\n\n        {placement === \"top\" && (\n          <>\n            <TriangularPointerIcon direction=\"bottom\" {...pointerCommonProps} />\n            <Box height={`${tooltipOffset}px`} />\n          </>\n        )}\n      </Flex>\n    );\n  }\n);\n"],"names":["TooltipWithPointerVertical","React","pointerSx","tooltipPx","tooltipText","tooltipSx","tooltipPy","tooltipOffset","pointerSize","tooltipWidth","placement","state","containerSx","animationDuration","pointerColor","ref","tooltipContainerProps","pointerCommonProps","jsxs","Flex","Fragment","jsx","Box","TriangularPointerIcon","ResponsiveTextV2"],"mappings":";;;;;;AAQO,MAAMA,IAA6BC,EAAM;AAAA,EAI9C,CACE;AAAA,IACE,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,cAAAC;AAAA,KAEFC,MACG;AACG,UAAAC,IACJN,MAAc,WACV;AAAA,MACE,KAAK;AAAA,IAAA,IAEP;AAAA,MACE,QAAQ;AAAA,IAAA,GAGVO,IAAqB;AAAA,MACzB,MAAM,GAAGT,CAAW;AAAA,MACpB,OAAOM;AAAA,MACP,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,GAAGZ;AAAA,MACL;AAAA,IAAA;AAIA,WAAAgB,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,eAAc;AAAA,QACd,IAAI;AAAA,UACF,UAAU;AAAA,UACV,MAAM;AAAA,UACN,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,SAASR,MAAU,YAAY,IAAI;AAAA,UACnC,YAAY,WAAWE,CAAiB;AAAA,UACxC,QAAQ;AAAA,UACR,GAAGG;AAAA,UACH,GAAGX;AAAA,QACL;AAAA,QACA,KAAAU;AAAA,QACA,aAAU;AAAA,QAET,UAAA;AAAA,UAAAL,MAAc,YAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACC,GAAI,EAAA,QAAQ,GAAGf,CAAa,MAAM;AAAA,YAClCc,gBAAAA,EAAA,IAAAE,GAAA,EAAsB,WAAU,OAAO,GAAGN,EAAoB,CAAA;AAAA,UAAA,GACjE;AAAA,UAGFI,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB,CAAC,IAAI,SAAS;AAAA,cAC9B,IAAI;AAAA,gBACF,OAAOf;AAAA,gBACP,YAAY;AAAA,gBACZ,IAAI;AAAA,gBACJ,IAAIN;AAAA,gBACJ,IAAIG;AAAA,gBACJ,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,GAAII,MAAc,QACd;AAAA,kBACE,mBAAmB;AAAA,kBACnB,mBAAmBI;AAAA,kBACnB,cAAc;AAAA,gBAAA,IAEhB;AAAA,kBACE,gBAAgB;AAAA,kBAChB,gBAAgBA;AAAA,kBAChB,cAAc;AAAA,gBAChB;AAAA,cACN;AAAA,cAEC,UAAAV;AAAA,YAAA;AAAA,UACH;AAAA,UAECM,MAAc,SAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACE,GAAsB,EAAA,WAAU,UAAU,GAAGN,EAAoB,CAAA;AAAA,YACjEI,gBAAAA,EAAA,IAAAC,GAAA,EAAI,QAAQ,GAAGf,CAAa,MAAM;AAAA,UAAA,GACrC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}

package/lib/sd-component-library236.js

@@ -1,34 +1,32 @@
-const e = 250, t = 220, s = 270, n = 10, a = 6, l = 4.5, o = 1.5, d = 18, c = 4, i = 6.5, r = 8, u = 40, f = 6, h = 1.5, m = 32, M = 20, g = 100, R = 14, W = 100, D = 100, k = 87, I = 3, N = 1.5, P = 4, S = 6, b = 3, B = 10, C = 18, F = 7, T = 100;
+import { j as n } from "./sd-component-library195.js";
+import { Button as a } from "./sd-component-library29.js";
+const u = (r) => {
+  const {
+    borderColor: e,
+    borderStyle: o,
+    borderWidth: i,
+    fill: d,
+    width: l,
+    height: h,
+    disabled: t
+  } = r;
+  return /* @__PURE__ */ n.jsx(
+    a,
+    {
+      ...r,
+      width: l || ["30px"],
+      height: h || ["30px"],
+      borderColor: t ? "cl_lightGrey" : e || "#4668F8",
+      borderStyle: o || "solid",
+      borderWidth: i || "2px",
+      fill: t ? "cl_lightGrey" : d || "#4668F8",
+      "data-test": "square-button",
+      variant: "_square",
+      children: r.children
+    }
+  );
+};
 export {
-  s as defaultArc,
-  f as defaultDashHeight,
-  h as defaultDashWidth,
-  n as defaultDistanceBetweenRanges,
-  M as defaultDistanceFromLabelToRanges,
-  d as defaultDistanceFromRangesToNeedle,
-  m as defaultDistanceFromRangesToScale,
-  a as defaultGaugeWidth,
-  t as defaultHeight,
-  i as defaultInnerCircleRadius,
-  c as defaultInnerCircleStrokeWidth,
-  o as defaultInnerPointRadius,
-  W as defaultMaskBorderRadius,
-  r as defaultNeedleWidth,
-  u as defaultNumberOfDashes,
-  l as defaultPointStrokeWidth,
-  e as defaultWidth,
-  R as labelPaddingX,
-  g as labelWidth,
-  B as smallMeterDistanceBetweenRanges,
-  C as smallMeterDistanceFromRangesToNeedle,
-  P as smallMeterGaugeWidth,
-  k as smallMeterHeight,
-  S as smallMeterInnerCircleRadius,
-  b as smallMeterInnerCircleStrokeWidth,
-  T as smallMeterMaskBorderRadius,
-  F as smallMeterNeedleWidth,
-  N as smallMeterPointRadius,
-  I as smallMeterPointStrokeWidth,
-  D as smallMeterWidth
+  u as SquareButton
 };
 //# sourceMappingURL=sd-component-library236.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library236.js","sources":["../src/components/meters/outline-meter/contants.ts"],"sourcesContent":["/**\n * Default values for outline meters\n */\nexport const defaultWidth = 250;\nexport const defaultHeight = 220;\nexport const defaultArc = 270;\nexport const defaultDistanceBetweenRanges = 10;\nexport const defaultGaugeWidth = 6;\nexport const defaultPointStrokeWidth = 4.5;\nexport const defaultInnerPointRadius = 1.5;\nexport const defaultDistanceFromRangesToNeedle = 18;\nexport const defaultInnerCircleStrokeWidth = 4;\nexport const defaultInnerCircleRadius = 6.5;\nexport const defaultNeedleWidth = 8;\nexport const defaultNumberOfDashes = 40;\nexport const defaultDashHeight = 6;\nexport const defaultDashWidth = 1.5;\nexport const defaultDistanceFromRangesToScale = 32;\nexport const defaultDistanceFromLabelToRanges = 20;\nexport const labelWidth = 100;\nexport const labelPaddingX = 14;\nexport const defaultMaskBorderRadius = 100;\n\n/**\n * Small Outline meter default values\n */\nexport const smallMeterWidth = 100;\nexport const smallMeterHeight = 87;\nexport const smallMeterPointStrokeWidth = 3;\nexport const smallMeterPointRadius = 1.5;\nexport const smallMeterGaugeWidth = 4;\nexport const smallMeterInnerCircleRadius = 6;\nexport const smallMeterInnerCircleStrokeWidth = 3;\nexport const smallMeterDistanceBetweenRanges = 10;\nexport const smallMeterDistanceFromRangesToNeedle = 18;\nexport const smallMeterNeedleWidth = 7;\nexport const smallMeterMaskBorderRadius = 100;\n"],"names":["defaultWidth","defaultHeight","defaultArc","defaultDistanceBetweenRanges","defaultGaugeWidth","defaultPointStrokeWidth","defaultInnerPointRadius","defaultDistanceFromRangesToNeedle","defaultInnerCircleStrokeWidth","defaultInnerCircleRadius","defaultNeedleWidth","defaultNumberOfDashes","defaultDashHeight","defaultDashWidth","defaultDistanceFromRangesToScale","defaultDistanceFromLabelToRanges","labelWidth","labelPaddingX","defaultMaskBorderRadius","smallMeterWidth","smallMeterHeight","smallMeterPointStrokeWidth","smallMeterPointRadius","smallMeterGaugeWidth","smallMeterInnerCircleRadius","smallMeterInnerCircleStrokeWidth","smallMeterDistanceBetweenRanges","smallMeterDistanceFromRangesToNeedle","smallMeterNeedleWidth","smallMeterMaskBorderRadius"],"mappings":"AAGO,MAAMA,IAAe,KACfC,IAAgB,KAChBC,IAAa,KACbC,IAA+B,IAC/BC,IAAoB,GACpBC,IAA0B,KAC1BC,IAA0B,KAC1BC,IAAoC,IACpCC,IAAgC,GAChCC,IAA2B,KAC3BC,IAAqB,GACrBC,IAAwB,IACxBC,IAAoB,GACpBC,IAAmB,KACnBC,IAAmC,IACnCC,IAAmC,IACnCC,IAAa,KACbC,IAAgB,IAChBC,IAA0B,KAK1BC,IAAkB,KAClBC,IAAmB,IACnBC,IAA6B,GAC7BC,IAAwB,KACxBC,IAAuB,GACvBC,IAA8B,GAC9BC,IAAmC,GACnCC,IAAkC,IAClCC,IAAuC,IACvCC,IAAwB,GACxBC,IAA6B;"}
+{"version":3,"file":"sd-component-library236.js","sources":["../src/components/buttons/partials/square-button/square-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button } from \"../../button\";\nimport { SquareButtonProps } from \"./interfaces\";\n\n/**\n * The circle button.\n */\nexport const SquareButton: React.FunctionComponent<SquareButtonProps> = (\n  props: SquareButtonProps\n): React.ReactElement<SquareButtonProps> => {\n  const {\n    borderColor,\n    borderStyle,\n    borderWidth,\n    fill,\n    width,\n    height,\n    disabled,\n  } = props;\n  return (\n    <Button\n      {...props}\n      width={width || [\"30px\"]}\n      height={height || [\"30px\"]}\n      borderColor={!disabled ? borderColor || \"#4668F8\" : \"cl_lightGrey\"}\n      borderStyle={borderStyle || \"solid\"}\n      borderWidth={borderWidth || \"2px\"}\n      fill={!disabled ? fill || \"#4668F8\" : \"cl_lightGrey\"}\n      data-test=\"square-button\"\n      variant=\"_square\"\n    >\n      {props.children}\n    </Button>\n  );\n};\n"],"names":["SquareButton","props","borderColor","borderStyle","borderWidth","fill","width","height","disabled","jsx","Button"],"mappings":";;AAQa,MAAAA,IAA2D,CACtEC,MAC0C;AACpC,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAP;AAEF,SAAAQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGT;AAAA,MACJ,OAAOK,KAAS,CAAC,MAAM;AAAA,MACvB,QAAQC,KAAU,CAAC,MAAM;AAAA,MACzB,aAAcC,IAAsC,iBAA3BN,KAAe;AAAA,MACxC,aAAaC,KAAe;AAAA,MAC5B,aAAaC,KAAe;AAAA,MAC5B,MAAOI,IAA+B,iBAApBH,KAAQ;AAAA,MAC1B,aAAU;AAAA,MACV,SAAQ;AAAA,MAEP,UAAMJ,EAAA;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/lib/sd-component-library237.js

@@ -1,22 +1,6 @@
-import { j as t } from "./sd-component-library195.js";
-import { SmileyGaugeColor as e } from "./sd-component-library238.js";
-import { ReactComponent as o } from "./sd-component-library310.js";
-import { ReactComponent as m } from "./sd-component-library311.js";
-import { ReactComponent as i } from "./sd-component-library312.js";
-const S = 10, c = 80, p = 100, y = 87, R = 30, d = 3, f = 2, g = 4, u = /* @__PURE__ */ new Map([
-  [e.GREEN, /* @__PURE__ */ t.jsx(o, {})],
-  [e.ORANGE, /* @__PURE__ */ t.jsx(m, {})],
-  [e.RED, /* @__PURE__ */ t.jsx(i, {})]
-]);
+import * as a from "react";
+const e = (t) => /* @__PURE__ */ a.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 7, height: 13, viewBox: "0 0 7 13", ...t }, /* @__PURE__ */ a.createElement("path", { id: "Forma_1_copy_3", "data-name": "Forma 1 copy 3", d: "M8009.72,5251.88l-5.6-6.08a0.435,0.435,0,0,1,0-.6l5.6-6.08a0.354,0.354,0,0,1,.28-0.13,0.349,0.349,0,0,1,.27.13l0.61,0.65a0.435,0.435,0,0,1,0,.6l-4.73,5.13,4.73,5.13a0.423,0.423,0,0,1,.12.3,0.441,0.441,0,0,1-.12.3l-0.61.65a0.349,0.349,0,0,1-.27.13A0.354,0.354,0,0,1,8009.72,5251.88Z", transform: "translate(-8004 -5239)" }));
 export {
-  u as COLOR_TO_ICON_MAP,
-  S as defaultDistanceBetweenRanges,
-  c as defaultSmileyWidth,
-  g as smallSmileyGaugeWidth,
-  f as smallSmileyInnerPointRadius,
-  d as smallSmileyInnerPointStrokeWidth,
-  y as smallSmileyMeterHeight,
-  p as smallSmileyMeterWidth,
-  R as smallSmileyWidth
+  e as ReactComponent
 };
 //# sourceMappingURL=sd-component-library237.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library237.js","sources":["../src/components/meters/smiley-meter-v2/constants.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { HappySmileyIcon, NeutralSmileyIcon, SadSmileyIcon } from \"./assets\";\n\n/**\n * Large Smiley meter v2 default values.\n */\nimport { SmileyGaugeColor } from \"./utils\";\n\nexport const defaultDistanceBetweenRanges = 10;\nexport const defaultSmileyWidth = 80;\n\n/**\n * Small Smiley meter v2 default values.\n */\nexport const smallSmileyMeterWidth = 100;\nexport const smallSmileyMeterHeight = 87;\nexport const smallSmileyWidth = 30;\nexport const smallSmileyInnerPointStrokeWidth = 3;\nexport const smallSmileyInnerPointRadius = 2;\nexport const smallSmileyGaugeWidth = 4;\n\nexport const COLOR_TO_ICON_MAP = new Map<SmileyGaugeColor, React.ReactNode>([\n  [SmileyGaugeColor.GREEN, <HappySmileyIcon />],\n  [SmileyGaugeColor.ORANGE, <NeutralSmileyIcon />],\n  [SmileyGaugeColor.RED, <SadSmileyIcon />],\n]);\n"],"names":["defaultDistanceBetweenRanges","defaultSmileyWidth","smallSmileyMeterWidth","smallSmileyMeterHeight","smallSmileyWidth","smallSmileyInnerPointStrokeWidth","smallSmileyInnerPointRadius","smallSmileyGaugeWidth","COLOR_TO_ICON_MAP","SmileyGaugeColor","jsx","HappySmileyIcon","NeutralSmileyIcon","SadSmileyIcon"],"mappings":";;;;;AASO,MAAMA,IAA+B,IAC/BC,IAAqB,IAKrBC,IAAwB,KACxBC,IAAyB,IACzBC,IAAmB,IACnBC,IAAmC,GACnCC,IAA8B,GAC9BC,IAAwB,GAExBC,wBAAwB,IAAuC;AAAA,EAC1E,CAACC,EAAiB,OAAOC,gBAAAA,EAAA,IAACC,IAAgB,CAAA,CAAE;AAAA,EAC5C,CAACF,EAAiB,QAAQC,gBAAAA,EAAA,IAACE,IAAkB,CAAA,CAAE;AAAA,EAC/C,CAACH,EAAiB,KAAKC,gBAAAA,EAAA,IAACG,IAAc,CAAA,CAAE;AAC1C,CAAC;"}
+{"version":3,"file":"sd-component-library237.js","sources":["../src/components/page-selectors/page-selector/assets/previous.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgNyAxMyI+CiAgPHBhdGggaWQ9IkZvcm1hXzFfY29weV8zIiBkYXRhLW5hbWU9IkZvcm1hIDEgY29weSAzIiBkPSJNODAwOS43Miw1MjUxLjg4bC01LjYtNi4wOGEwLjQzNSwwLjQzNSwwLDAsMSwwLS42bDUuNi02LjA4YTAuMzU0LDAuMzU0LDAsMCwxLC4yOC0wLjEzLDAuMzQ5LDAuMzQ5LDAsMCwxLC4yNy4xM2wwLjYxLDAuNjVhMC40MzUsMC40MzUsMCwwLDEsMCwuNmwtNC43Myw1LjEzLDQuNzMsNS4xM2EwLjQyMywwLjQyMywwLDAsMSwuMTIuMywwLjQ0MSwwLjQ0MSwwLDAsMS0uMTIuM2wtMC42MS42NWEwLjM0OSwwLjM0OSwwLDAsMS0uMjcuMTNBMC4zNTQsMC4zNTQsMCwwLDEsODAwOS43Miw1MjUxLjg4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTgwMDQgLTUyMzkpIi8+Cjwvc3ZnPgo=\""],"names":["SvgPrevious","props","React"],"mappings":";AACK,MAACA,IAAc,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,GAAG,QAAQ,IAAI,SAAS,YAAY,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,IAAI,kBAAkB,aAAa,kBAAkB,GAAG,6RAA6R,WAAW,yBAAwB,CAAE,CAAC;"}

package/lib/sd-component-library238.js

@@ -1,23 +1,27 @@
-import { isCorrectOutlineMeterConfig as l } from "./sd-component-library89.js";
-var a = /* @__PURE__ */ ((r) => (r.GREEN = "#00B466", r.ORANGE = "#FF9900", r.RED = "#FF0000", r))(a || {});
-const u = (r) => !r.some(
-  ({ color: t }) => !Object.values(a).includes(t)
-), f = (r, t) => l(r, t) && u(t), A = (r, t, n, i, o, d) => {
-  const c = r - (t - 1) * n, e = (360 - r) / 2 + n * i + c * o, s = e + c * (d - o), g = (e + s) / 2;
-  return {
-    rangeArcStart: e,
-    rangeArcEnd: s,
-    rangeArcMiddle: g
-  };
-}, R = (r) => {
-  const { start: t, end: n } = r;
-  return t === 0 ? n < 0.6 : n === 1 ? t > 0.4 : !1;
+import { j as t } from "./sd-component-library195.js";
+import { ResponsiveTextV2 as o } from "./sd-component-library148.js";
+const s = (e) => {
+  const { currentPage: r } = e;
+  return /* @__PURE__ */ t.jsx(
+    o,
+    {
+      fontSizeWeight: [14, "regular"],
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        borderColor: "cl_lightGrey",
+        borderWidth: 1,
+        borderStyle: "solid",
+        borderRadius: "3px",
+        height: "30px",
+        minWidth: "30px"
+      },
+      children: r
+    }
+  );
 };
 export {
-  a as SmileyGaugeColor,
-  u as areColorsValid,
-  R as getIsHorizontal,
-  A as getRangeProperties,
-  f as isCorrectSmileyMeterConfig
+  s as CurrentPage
 };
 //# sourceMappingURL=sd-component-library238.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library238.js","sources":["../src/components/meters/smiley-meter-v2/utils.ts"],"sourcesContent":["import { OutlineMeterRangeConfig } from \"../outline-meter\";\nimport { isCorrectOutlineMeterConfig } from \"../outline-meter/utils\";\nimport { SmileyMeterRange } from \"./interfaces\";\n\nexport enum SmileyGaugeColor {\n  GREEN = \"#00B466\",\n  ORANGE = \"#FF9900\",\n  RED = \"#FF0000\",\n}\n\nexport const areColorsValid = (ranges: OutlineMeterRangeConfig[]) =>\n  !ranges.some(\n    ({ color }) => !Object.values(SmileyGaugeColor).includes(color as any)\n  );\n\nexport const isCorrectSmileyMeterConfig = (\n  value: number,\n  ranges: OutlineMeterRangeConfig[]\n): ranges is SmileyMeterRange[] => {\n  return isCorrectOutlineMeterConfig(value, ranges) && areColorsValid(ranges);\n};\n\nexport const getRangeProperties = (\n  arc: number,\n  totalRanges: number,\n  distanceBetweenRanges: number,\n  idx: number,\n  start: number,\n  end: number\n) => {\n  const arcForRanges = arc - (totalRanges - 1) * distanceBetweenRanges;\n  const arcStart = (360 - arc) / 2; // deg\n  const rangeArcStart =\n    arcStart + distanceBetweenRanges * idx + arcForRanges * start;\n  const rangeArcEnd = rangeArcStart + arcForRanges * (end - start);\n\n  const rangeArcMiddle = (rangeArcStart + rangeArcEnd) / 2;\n  return {\n    rangeArcStart,\n    rangeArcEnd,\n    rangeArcMiddle,\n  };\n};\n\nexport const getIsHorizontal = (range: SmileyMeterRange) => {\n  const { start, end } = range;\n  return start === 0 ? end < 0.6 : end === 1 ? start > 0.4 : false;\n};\n"],"names":["SmileyGaugeColor","areColorsValid","ranges","color","isCorrectSmileyMeterConfig","value","isCorrectOutlineMeterConfig","getRangeProperties","arc","totalRanges","distanceBetweenRanges","idx","start","end","arcForRanges","rangeArcStart","rangeArcEnd","rangeArcMiddle","getIsHorizontal","range"],"mappings":";AAIY,IAAAA,sBAAAA,OACVA,EAAA,QAAQ,WACRA,EAAA,SAAS,WACTA,EAAA,MAAM,WAHIA,IAAAA,KAAA,CAAA,CAAA;AAML,MAAMC,IAAiB,CAACC,MAC7B,CAACA,EAAO;AAAA,EACN,CAAC,EAAE,OAAAC,EAAY,MAAA,CAAC,OAAO,OAAOH,CAAgB,EAAE,SAASG,CAAY;AACvE,GAEWC,IAA6B,CACxCC,GACAH,MAEOI,EAA4BD,GAAOH,CAAM,KAAKD,EAAeC,CAAM,GAG/DK,IAAqB,CAChCC,GACAC,GACAC,GACAC,GACAC,GACAC,MACG;AACG,QAAAC,IAAeN,KAAOC,IAAc,KAAKC,GAEzCK,KADY,MAAMP,KAAO,IAElBE,IAAwBC,IAAMG,IAAeF,GACpDI,IAAcD,IAAgBD,KAAgBD,IAAMD,IAEpDK,KAAkBF,IAAgBC,KAAe;AAChD,SAAA;AAAA,IACL,eAAAD;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA;AAEJ,GAEaC,IAAkB,CAACC,MAA4B;AACpD,QAAA,EAAE,OAAAP,GAAO,KAAAC,EAAQ,IAAAM;AACvB,SAAOP,MAAU,IAAIC,IAAM,MAAMA,MAAQ,IAAID,IAAQ,MAAM;AAC7D;"}
+{"version":3,"file":"sd-component-library238.js","sources":["../src/components/page-selectors/page-selector/partials/current-page/current-page.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { CurrentPageProps as Props } from \"./interfaces\";\n\nexport const CurrentPage: React.FC<Props> = (props) => {\n  const { currentPage } = props;\n\n  return (\n    <ResponsiveTextV2\n      fontSizeWeight={[14, \"regular\"]}\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        borderColor: \"cl_lightGrey\",\n        borderWidth: 1,\n        borderStyle: \"solid\",\n        borderRadius: \"3px\",\n        height: \"30px\",\n        minWidth: \"30px\",\n      }}\n    >\n      {currentPage}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["CurrentPage","props","currentPage","jsx","ResponsiveTextV2"],"mappings":";;AAKa,MAAAA,IAA+B,CAACC,MAAU;AAC/C,QAAA,EAAE,aAAAC,EAAgB,IAAAD;AAGtB,SAAAE,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgB,CAAC,IAAI,SAAS;AAAA,MAC9B,IAAI;AAAA,QACF,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,UAAU;AAAA,MACZ;AAAA,MAEC,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library239.js

@@ -1,31 +1,6 @@
-import { j as a } from "./sd-component-library195.js";
-import R, { createElement as g } from "react";
-import { isValueInRange as f } from "./sd-component-library89.js";
-import { SmileyMeterRange as d } from "./sd-component-library631.js";
-const j = R.forwardRef(
-  (r, m) => {
-    const { value: s, ranges: n, distanceFromRanges: c } = r, o = n.findIndex(
-      ({ start: e, end: t, bounds: l }) => f(s, e, t, l)
-    ), i = n.map((e, t) => ({
-      ...e,
-      color: t < o ? n[o].color : e.color
-    }));
-    return /* @__PURE__ */ a.jsx(a.Fragment, { children: i.map((e, t) => /* @__PURE__ */ g(
-      d,
-      {
-        ...e,
-        ...r,
-        idx: t,
-        totalRanges: n.length,
-        pointerLength: c,
-        key: `${e.start}-${e.end}-${t}`,
-        isMatchedRange: o === t,
-        ref: m
-      }
-    )) });
-  }
-);
+import * as a from "react";
+const e = (t) => /* @__PURE__ */ a.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 7, height: 13, viewBox: "0 0 7 13", ...t }, /* @__PURE__ */ a.createElement("path", { id: "Forma_1_copy_3", "data-name": "Forma 1 copy 3", d: "M8105.27,5251.88l5.6-6.08a0.435,0.435,0,0,0,0-.6l-5.6-6.08a0.349,0.349,0,0,0-.27-0.13,0.354,0.354,0,0,0-.28.13l-0.6.65a0.435,0.435,0,0,0,0,.6l4.72,5.13-4.72,5.13a0.423,0.423,0,0,0-.12.3,0.441,0.441,0,0,0,.12.3l0.6,0.65a0.354,0.354,0,0,0,.28.13A0.349,0.349,0,0,0,8105.27,5251.88Z", transform: "translate(-8104 -5239)" }));
 export {
-  j as SmileyMeterRanges
+  e as ReactComponent
 };
 //# sourceMappingURL=sd-component-library239.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library239.js","sources":["../src/components/meters/smiley-meter-v2/partials/smiley-meter-ranges/smiley-meter-ranges.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { isValueInRange } from \"../../../outline-meter/utils\";\nimport { SmileyMeterRange } from \"../smiley-meter-range\";\nimport { SmileyMeterRangesProps as Props } from \"./interfaces\";\n\nexport const SmileyMeterRanges = React.forwardRef<SVGCircleElement, Props>(\n  (props, pointRef) => {\n    const { value, ranges, distanceFromRanges } = props;\n\n    const matchingRangeIndex = ranges.findIndex(({ start, end, bounds }) =>\n      isValueInRange(value, start, end, bounds)\n    );\n    const newRanges = ranges.map((range, idx) => ({\n      ...range,\n      color:\n        idx < matchingRangeIndex\n          ? ranges[matchingRangeIndex].color\n          : range.color,\n    }));\n\n    return (\n      <>\n        {newRanges.map((range, idx) => (\n          <SmileyMeterRange\n            {...range}\n            {...props}\n            idx={idx}\n            totalRanges={ranges.length}\n            pointerLength={distanceFromRanges}\n            key={`${range.start}-${range.end}-${idx}`}\n            isMatchedRange={matchingRangeIndex === idx}\n            ref={pointRef}\n          />\n        ))}\n      </>\n    );\n  }\n);\n"],"names":["SmileyMeterRanges","React","props","pointRef","value","ranges","distanceFromRanges","matchingRangeIndex","start","end","bounds","isValueInRange","newRanges","range","idx","jsx","Fragment","createElement","SmileyMeterRange"],"mappings":";;;;AAMO,MAAMA,IAAoBC,EAAM;AAAA,EACrC,CAACC,GAAOC,MAAa;AACnB,UAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,oBAAAC,EAAA,IAAuBJ,GAExCK,IAAqBF,EAAO;AAAA,MAAU,CAAC,EAAE,OAAAG,GAAO,KAAAC,GAAK,QAAAC,QACzDC,EAAeP,GAAOI,GAAOC,GAAKC,CAAM;AAAA,IAAA,GAEpCE,IAAYP,EAAO,IAAI,CAACQ,GAAOC,OAAS;AAAA,MAC5C,GAAGD;AAAA,MACH,OACEC,IAAMP,IACFF,EAAOE,CAAkB,EAAE,QAC3BM,EAAM;AAAA,IACZ,EAAA;AAEF,WAEKE,gBAAAA,EAAA,IAAAC,EAAA,UAAA,EAAA,UAAAJ,EAAU,IAAI,CAACC,GAAOC,MACrB,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,GAAGL;AAAA,QACH,GAAGX;AAAA,QACJ,KAAAY;AAAA,QACA,aAAaT,EAAO;AAAA,QACpB,eAAeC;AAAA,QACf,KAAK,GAAGO,EAAM,KAAK,IAAIA,EAAM,GAAG,IAAIC,CAAG;AAAA,QACvC,gBAAgBP,MAAuBO;AAAA,QACvC,KAAKX;AAAA,MAAA;AAAA,IAER,CAAA,EACH,CAAA;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"sd-component-library239.js","sources":["../src/components/page-selectors/page-selector/assets/next.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgNyAxMyI+CiAgPHBhdGggaWQ9IkZvcm1hXzFfY29weV8zIiBkYXRhLW5hbWU9IkZvcm1hIDEgY29weSAzIiBkPSJNODEwNS4yNyw1MjUxLjg4bDUuNi02LjA4YTAuNDM1LDAuNDM1LDAsMCwwLDAtLjZsLTUuNi02LjA4YTAuMzQ5LDAuMzQ5LDAsMCwwLS4yNy0wLjEzLDAuMzU0LDAuMzU0LDAsMCwwLS4yOC4xM2wtMC42LjY1YTAuNDM1LDAuNDM1LDAsMCwwLDAsLjZsNC43Miw1LjEzLTQuNzIsNS4xM2EwLjQyMywwLjQyMywwLDAsMC0uMTIuMywwLjQ0MSwwLjQ0MSwwLDAsMCwuMTIuM2wwLjYsMC42NWEwLjM1NCwwLjM1NCwwLDAsMCwuMjguMTNBMC4zNDksMC4zNDksMCwwLDAsODEwNS4yNyw1MjUxLjg4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTgxMDQgLTUyMzkpIi8+Cjwvc3ZnPgo=\""],"names":["SvgNext","props","React"],"mappings":";AACK,MAACA,IAAU,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,GAAG,QAAQ,IAAI,SAAS,YAAY,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,IAAI,kBAAkB,aAAa,kBAAkB,GAAG,0RAA0R,WAAW,yBAAwB,CAAE,CAAC;"}

package/lib/sd-component-library24.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library24.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-test=\"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,aAAU;AAAA,MAET,UAAAE;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library24.js","sources":["../src/components/buttons/cta/secondary-orange-button/secondary-orange-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { CtaButton } from \"../cta-button\";\nimport { SecondaryOrangeButtonProps as Props } from \"./interfaces\";\n\n/**\n * The secondary orange button.\n */\nexport const SecondaryOrangeButton: React.FC<Props> = (props) => {\n  const { width = [\"280px\", \"236px\"], children } = props;\n  return (\n    <CtaButton\n      {...props}\n      width={width}\n      borderColor=\"cl_yellow\"\n      color=\"cl_white\"\n      bg=\"cl_yellow\"\n      hoverBorderColor=\"cl_darkYellow\"\n      hoverBg=\"cl_darkYellow\"\n      data-test=\"secondary-orange-button\"\n    >\n      {children}\n    </CtaButton>\n  );\n};\n"],"names":["SecondaryOrangeButton","props","width","children","jsx","CtaButton"],"mappings":";;AAQa,MAAAA,IAAyC,CAACC,MAAU;AAC/D,QAAM,EAAE,OAAAC,IAAQ,CAAC,SAAS,OAAO,GAAG,UAAAC,EAAa,IAAAF;AAE/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,SAAQ;AAAA,MACR,aAAU;AAAA,MAET,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library240.js

@@ -1,36 +1,6 @@
-import { j as h } from "./sd-component-library195.js";
-import { getRangeProperties as p } from "./sd-component-library238.js";
-import { MatchedRangeLabelBox as u } from "./sd-component-library630.js";
-const b = (e) => {
-  const {
-    range: a,
-    arc: n,
-    totalRanges: o,
-    distanceBetweenRanges: r,
-    idx: s,
-    diameter: d,
-    segmented: c,
-    counterClockWise: i
-  } = e, { start: g, end: l } = a, m = d / 2, { rangeArcMiddle: x } = p(
-    n,
-    o,
-    r,
-    s,
-    g,
-    l
-  ), t = Math.round(x);
-  return /* @__PURE__ */ h.jsx(
-    u,
-    {
-      ...e,
-      ...a,
-      alpha: i ? 360 - t : t,
-      radius: m,
-      round: c
-    }
-  );
-};
+const t = 1, o = 13;
 export {
-  b as MatchedRangeLabelBox
+  t as defaultPointerWidth,
+  o as defaultTextBottomMargin
 };
 //# sourceMappingURL=sd-component-library240.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library240.js","sources":["../src/components/meters/smiley-meter-v2/partials/matched-range-label-box/matched-range-label-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { MatchedRangeLabelBox as LabelBox } from \"../../../common-outline-meter-partials\";\nimport { getRangeProperties } from \"../../utils\";\nimport { MatchedRangeBoxProps as Props } from \"./interfaces\";\n\nexport const MatchedRangeLabelBox: React.FC<Props> = (props) => {\n  const {\n    range,\n    arc,\n    totalRanges,\n    distanceBetweenRanges,\n    idx,\n    diameter,\n    segmented,\n    counterClockWise,\n  } = props;\n  const { start, end } = range;\n\n  const radius = diameter / 2;\n  const { rangeArcMiddle: alpha } = getRangeProperties(\n    arc,\n    totalRanges,\n    distanceBetweenRanges,\n    idx,\n    start,\n    end\n  );\n\n  const roundedAlpha = Math.round(alpha);\n\n  return (\n    <LabelBox\n      {...props}\n      {...range}\n      alpha={counterClockWise ? 360 - roundedAlpha : roundedAlpha}\n      radius={radius}\n      round={segmented}\n    />\n  );\n};\n"],"names":["MatchedRangeLabelBox","props","range","arc","totalRanges","distanceBetweenRanges","idx","diameter","segmented","counterClockWise","start","end","radius","alpha","getRangeProperties","roundedAlpha","jsx","LabelBox"],"mappings":";;;AAMa,MAAAA,IAAwC,CAACC,MAAU;AACxD,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,KAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,kBAAAC;AAAA,EACE,IAAAR,GACE,EAAE,OAAAS,GAAO,KAAAC,EAAQ,IAAAT,GAEjBU,IAASL,IAAW,GACpB,EAAE,gBAAgBM,EAAA,IAAUC;AAAA,IAChCX;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAI;AAAA,IACAC;AAAA,EAAA,GAGII,IAAe,KAAK,MAAMF,CAAK;AAGnC,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGhB;AAAA,MACH,GAAGC;AAAA,MACJ,OAAOO,IAAmB,MAAMM,IAAeA;AAAA,MAC/C,QAAAH;AAAA,MACA,OAAOJ;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"sd-component-library240.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/constants.ts"],"sourcesContent":["export const defaultPointerWidth = 1;\nexport const defaultTextBottomMargin = 13;\n"],"names":["defaultPointerWidth","defaultTextBottomMargin"],"mappings":"AAAO,MAAMA,IAAsB,GACtBC,IAA0B;"}