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

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library230.js","sources":["../src/components/boolean-feedback/thumbs-feedback/assets/thumbs-up.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMi41MzEgMzMiPgogICAgPHBhdGgKICAgICAgICBkPSJNMjEsMTMuNXYtNkE0LjUsNC41LDAsMCwwLDE2LjUsM2wtNiwxMy41VjMzSDI3LjQyYTMsMywwLDAsMCwzLTIuNTVsMi4wNy0xMy41YTMsMywwLDAsMC0zLTMuNDVaTTEwLjUsMzNINmEzLDMsMCwwLDEtMy0zVjE5LjVhMywzLDAsMCwxLDMtM2g0LjUiCiAgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuNSAtMS41KSIgLz4KPC9zdmc+Cg==\""],"names":["SvgThumbsUp","props","React"],"mappings":";AACK,MAACA,IAAc,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,iBAAiB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,iJAAiJ,WAAW,wBAAwB,CAAC;"}
+{"version":3,"file":"sd-component-library230.js","sources":["../src/components/inputs/secondary-text-input/partials/secondary-input-labels/secondary-input-labels.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Flex } from \"rebass\";\n\nimport { BaseTextV2, ResponsiveTextV2 } from \"../../../../texts\";\nimport { SecondaryInputLabelsProps as Props } from \"./interfaces\";\n\nexport const SecondaryInputLabels: React.FC<Props> = (props) => {\n  const {\n    label,\n    errorMessage,\n    labelMargin,\n    secondLabel,\n    secondLabelTextTransform,\n    labelSx,\n    labelColor = \"cl_darkGrey\",\n  } = props;\n\n  if (!label) return null;\n\n  return (\n    <Flex sx={{ cursor: \"default\" }}>\n      <BaseTextV2\n        color={errorMessage ? \"cl_red\" : labelColor}\n        sx={{\n          fontSize: 12,\n          fontWeight: 600,\n          m: labelMargin,\n          letterSpacing: \"1px\",\n          textTransform: \"uppercase\",\n          ...labelSx,\n        }}\n      >\n        {label}\n      </BaseTextV2>\n\n      {secondLabel && (\n        <ResponsiveTextV2\n          letterSpacing=\"1px\"\n          ml={secondLabel.ml || \"3px\"}\n          color={secondLabel.color || \"cl_grey\"}\n          fontSizeWeight={secondLabel.fontSizeWeight || [[10, \"semi-bold\"]]}\n          textTransform={secondLabelTextTransform}\n          {...secondLabel}\n        >\n          {secondLabel.text}\n        </ResponsiveTextV2>\n      )}\n    </Flex>\n  );\n};\n"],"names":["SecondaryInputLabels","props","label","errorMessage","labelMargin","secondLabel","secondLabelTextTransform","labelSx","labelColor","jsxs","Flex","cursor","jsx","BaseTextV2","fontSize","fontWeight","m","letterSpacing","textTransform","ResponsiveTextV2","ml","color","fontSizeWeight","text"],"mappings":";;;;;AAOO,MAAMA,IAAyCC,CAAUA,MAAA;AACxD,QAAA;AAAA,IACJC,OAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,0BAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,YAAAA,IAAa;AAAA,EACXP,IAAAA;AAEJ,SAAKC,IAGHO,gBAAAA,EAAA,KAACC,KAAK,IAAI;AAAA,IAAEC,QAAQ;AAAA,EAClB,GAAA,UAAA;AAAA,IAAAC,gBAAAA,EAAA,IAACC,GACC,EAAA,OAAOV,IAAe,WAAWK,GACjC,IAAI;AAAA,MACFM,UAAU;AAAA,MACVC,YAAY;AAAA,MACZC,GAAGZ;AAAAA,MACHa,eAAe;AAAA,MACfC,eAAe;AAAA,MACf,GAAGX;AAAAA,IAAAA,GAGJL,UACHA,GAAA;AAAA,IAECG,KACEO,gBAAAA,EAAAA,IAAAO,GAAA,EACC,eAAc,OACd,IAAId,EAAYe,MAAM,OACtB,OAAOf,EAAYgB,SAAS,WAC5B,gBAAgBhB,EAAYiB,kBAAkB,CAAC,CAAC,IAAI,WAAW,CAAC,GAChE,eAAehB,GACXD,GAAAA,GAEHA,UAAAA,EAAYkB,KACf,CAAA;AAAA,EAEJ,EAAA,CAAA,IA9BiB;AAgCrB;"}

package/lib/sd-component-library231.js

@@ -1,6 +1,15 @@
-import * as t from "react";
-const e = (a) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32.531 33", ...a }, /* @__PURE__ */ t.createElement("path", { d: "M14.524,22.5v6a4.5,4.5,0,0,0,4.5,4.5l6-13.5V3H8.1a3,3,0,0,0-3,2.55l-2.07,13.5a3,3,0,0,0,3,3.45ZM25.024,3h4.5a3,3,0,0,1,3,3V16.5a3,3,0,0,1-3,3h-4.5", transform: "translate(-1.493 -1.5)" }));
+import { j as r } from "./sd-component-library195.js";
+import { Label as l } from "./sd-component-library213.js";
+const n = (a) => {
+  const {
+    variant: t,
+    label: e
+  } = a;
+  return /* @__PURE__ */ r.jsx(l, { ...a, sx: {
+    fontFamily: "proxima-nova"
+  }, variant: `_labels.${t}`, "data-test": "base-label", children: e });
+};
 export {
-  e as ReactComponent
+  n as BaseLabel
 };
 //# sourceMappingURL=sd-component-library231.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library231.js","sources":["../src/components/boolean-feedback/thumbs-feedback/assets/thumbs-down.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMi41MzEgMzMiPgogICAgPHBhdGgKICAgICAgICBkPSJNMTQuNTI0LDIyLjV2NmE0LjUsNC41LDAsMCwwLDQuNSw0LjVsNi0xMy41VjNIOC4xYTMsMywwLDAsMC0zLDIuNTVsLTIuMDcsMTMuNWEzLDMsMCwwLDAsMywzLjQ1Wk0yNS4wMjQsM2g0LjVhMywzLDAsMCwxLDMsM1YxNi41YTMsMywwLDAsMS0zLDNoLTQuNSIKICAgICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS40OTMgLTEuNSkiIC8+Cjwvc3ZnPgo=\""],"names":["SvgThumbsDown","props","React"],"mappings":";AACK,MAACA,IAAgB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,iBAAiB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,sJAAsJ,WAAW,0BAA0B,CAAC;"}
+{"version":3,"file":"sd-component-library231.js","sources":["../src/components/labels/base-label/base-label.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Label } from \"@rebass/forms\";\n\nimport { BaseLabelProps } from \"./interfaces\";\n\nexport const BaseLabel = (props: BaseLabelProps) => {\n  const { variant, label } = props;\n\n  return (\n    <Label\n      {...props}\n      sx={{ fontFamily: \"proxima-nova\" }}\n      variant={`_labels.${variant}`}\n      data-test=\"base-label\"\n    >\n      {label}\n    </Label>\n  );\n};\n"],"names":["BaseLabel","props","variant","label","jsx","Label","fontFamily"],"mappings":";;AAMaA,MAAAA,IAAYA,CAACC,MAA0B;AAC5C,QAAA;AAAA,IAAEC,SAAAA;AAAAA,IAASC,OAAAA;AAAAA,EAAUF,IAAAA;AAE3B,SACGG,gBAAAA,EAAA,IAAAC,GAAA,EACC,GAAIJ,GACJ,IAAI;AAAA,IAAEK,YAAY;AAAA,EAAA,GAClB,SAAU,WAAUJ,CAAQ,IAC5B,aAAU,cAETC,UACHA,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library232.js

@@ -1,13 +1,45 @@
-import { jsx as r } from "./sd-component-library195.js";
-import { Button as c } from "./sd-component-library28.js";
-const _ = (o) => {
+import { j as o } from "./sd-component-library195.js";
+import "./sd-component-library198.js";
+import { Box as d } from "./sd-component-library199.js";
+import { BoldText as t } from "./sd-component-library160.js";
+import { FlexCenter as m } from "./sd-component-library37.js";
+const h = "80px", j = (i) => {
   const {
-    active: l,
-    disabled: e
-  } = o;
-  return /* @__PURE__ */ r(c, { width: ["100%"], variant: "_booleanAction", bg: l ? "cl_purple" : void 0, color: l ? "cl_white" : e ? "cl_grey" : void 0, hoverBg: e ? l ? "cl_purple" : "cl_white" : "cl_blue", borderColor: e ? "cl_grey" : l ? "cl_purple" : void 0, hoverBorderColor: l ? "cl_blue" : void 0, hoverColor: e && !l ? "cl_grey" : "cl_white", fill: l ? "cl_white" : e ? "cl_grey" : "cl_blue", hoverFill: e && !l ? "cl_grey" : "cl_white", borderWidth: "2px", ...o });
+    questionText: n,
+    children: r,
+    containerSx: x,
+    iconContainerSx: p,
+    questionTextFontSize: s = 24,
+    iconFontSize: a = 40,
+    questionMarginBottom: c = "30px",
+    showIcon: e = !1,
+    ...l
+  } = i;
+  return /* @__PURE__ */ o.jsxs(d, { sx: {
+    width: "270px",
+    position: "relative",
+    borderRadius: "5px",
+    boxShadow: "0px 0px 10px #9BA2B433",
+    px: "40px",
+    pb: "40px",
+    pt: e ? "70px" : "40px",
+    bg: "cl_white",
+    ...x
+  }, ...l, children: [
+    /* @__PURE__ */ o.jsx(t, { fontSize: s, textAlign: "center", mb: c, children: n }),
+    r,
+    e && /* @__PURE__ */ o.jsx(m, { size: h, bg: "white", sx: {
+      position: "absolute",
+      left: "50%",
+      top: 0,
+      boxShadow: "0px 0px 10px #9BA2B433",
+      borderRadius: "50%",
+      transform: "translate(-50%, -50%)",
+      ...p
+    }, children: /* @__PURE__ */ o.jsx(t, { fontSize: a, color: "cl_purple", children: "?" }) })
+  ] });
 };
 export {
-  _ as BaseFeedbackButton
+  j as BaseFeedbackContainer
 };
 //# sourceMappingURL=sd-component-library232.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library232.js","sources":["../src/components/feedback/base-feedback-button/base-feedback-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button } from \"../../buttons\";\nimport { BaseFeedbackButtonProps as Props } from \"./interfaces\";\n\nexport const BaseFeedbackButton: React.FC<Props> = (props) => {\n  const { active, disabled } = props;\n  return (\n    <Button\n      width={[\"100%\"]}\n      variant=\"_booleanAction\"\n      bg={active ? \"cl_purple\" : undefined}\n      color={active ? \"cl_white\" : disabled ? \"cl_grey\" : undefined}\n      hoverBg={disabled ? (active ? \"cl_purple\" : \"cl_white\") : \"cl_blue\"}\n      borderColor={disabled ? \"cl_grey\" : active ? \"cl_purple\" : undefined}\n      hoverBorderColor={active ? \"cl_blue\" : undefined}\n      hoverColor={disabled && !active ? \"cl_grey\" : \"cl_white\"}\n      fill={active ? \"cl_white\" : disabled ? \"cl_grey\" : \"cl_blue\"}\n      hoverFill={disabled && !active ? \"cl_grey\" : \"cl_white\"}\n      borderWidth=\"2px\"\n      {...props}\n    />\n  );\n};\n"],"names":["BaseFeedbackButton","props","active","disabled","jsx","Button","undefined"],"mappings":";;AAKO,MAAMA,IAAuCC,CAAUA,MAAA;AACtD,QAAA;AAAA,IAAEC,QAAAA;AAAAA,IAAQC,UAAAA;AAAAA,EAAaF,IAAAA;AAE3B,SAAA,gBAAAG,EAACC,GACC,EAAA,OAAO,CAAC,MAAM,GACd,SAAQ,kBACR,IAAIH,IAAS,cAAcI,QAC3B,OAAOJ,IAAS,aAAaC,IAAW,YAAYG,QACpD,SAASH,IAAYD,IAAS,cAAc,aAAc,WAC1D,aAAaC,IAAW,YAAYD,IAAS,cAAcI,QAC3D,kBAAkBJ,IAAS,YAAYI,QACvC,YAAYH,KAAY,CAACD,IAAS,YAAY,YAC9C,MAAMA,IAAS,aAAaC,IAAW,YAAY,WACnD,WAAWA,KAAY,CAACD,IAAS,YAAY,YAC7C,aAAY,OACZ,GAAID,EACJ,CAAA;AAEN;"}
+{"version":3,"file":"sd-component-library232.js","sources":["../src/components/feedback/base-feedback-container/base-feedback-container.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { FlexCenter } from \"../../containers\";\nimport { BoldText } from \"../../texts\";\nimport { BaseFeedbackBlockProps as Props } from \"./interfaces\";\n\nconst iconSize = \"80px\";\n\nexport const BaseFeedbackContainer: React.FC<Props> = (props) => {\n  const {\n    questionText,\n    children,\n    containerSx,\n    iconContainerSx,\n    questionTextFontSize = 24,\n    iconFontSize = 40,\n    questionMarginBottom = \"30px\",\n    showIcon = false,\n    ...hoverCallbacks\n  } = props;\n\n  return (\n    <Box\n      sx={{\n        width: \"270px\",\n        position: \"relative\",\n        borderRadius: \"5px\",\n        boxShadow: \"0px 0px 10px #9BA2B433\",\n        px: \"40px\",\n        pb: \"40px\",\n        pt: showIcon ? \"70px\" : \"40px\",\n        bg: \"cl_white\",\n        ...containerSx,\n      }}\n      {...hoverCallbacks}\n    >\n      <BoldText\n        fontSize={questionTextFontSize}\n        textAlign=\"center\"\n        mb={questionMarginBottom}\n      >\n        {questionText}\n      </BoldText>\n\n      {children}\n\n      {showIcon && (\n        <FlexCenter\n          size={iconSize}\n          bg=\"white\"\n          sx={{\n            position: \"absolute\",\n            left: \"50%\",\n            top: 0,\n            boxShadow: \"0px 0px 10px #9BA2B433\",\n            borderRadius: \"50%\",\n            transform: \"translate(-50%, -50%)\",\n            ...iconContainerSx,\n          }}\n        >\n          <BoldText fontSize={iconFontSize} color=\"cl_purple\">\n            ?\n          </BoldText>\n        </FlexCenter>\n      )}\n    </Box>\n  );\n};\n"],"names":["iconSize","BaseFeedbackContainer","props","questionText","children","containerSx","iconContainerSx","questionTextFontSize","iconFontSize","questionMarginBottom","showIcon","hoverCallbacks","jsxs","Box","width","position","borderRadius","boxShadow","px","pb","pt","bg","jsx","BoldText","FlexCenter","left","top","transform"],"mappings":";;;;;AAQA,MAAMA,IAAW,QAEJC,IAA0CC,CAAUA,MAAA;AACzD,QAAA;AAAA,IACJC,cAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,sBAAAA,IAAuB;AAAA,IACvBC,cAAAA,IAAe;AAAA,IACfC,sBAAAA,IAAuB;AAAA,IACvBC,UAAAA,IAAW;AAAA,IACX,GAAGC;AAAAA,EACDT,IAAAA;AAGF,SAAAU,gBAAAA,EAAA,KAACC,KACC,IAAI;AAAA,IACFC,OAAO;AAAA,IACPC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,WAAW;AAAA,IACXC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAIV,IAAW,SAAS;AAAA,IACxBW,IAAI;AAAA,IACJ,GAAGhB;AAAAA,EAAAA,GAEDM,GAAAA,GAEJ,UAAA;AAAA,IAAAW,gBAAAA,EAAAA,IAACC,KACC,UAAUhB,GACV,WAAU,UACV,IAAIE,GAEHN,UACHA,EAAA,CAAA;AAAA,IAECC;AAAAA,IAEAM,KACEY,gBAAAA,EAAAA,IAAAE,GAAA,EACC,MAAMxB,GACN,IAAG,SACH,IAAI;AAAA,MACFe,UAAU;AAAA,MACVU,MAAM;AAAA,MACNC,KAAK;AAAA,MACLT,WAAW;AAAA,MACXD,cAAc;AAAA,MACdW,WAAW;AAAA,MACX,GAAGrB;AAAAA,IACL,GAEA,gCAACiB,GAAS,EAAA,UAAUf,GAAc,OAAM,aAAW,eAEnD,EACF,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library233.js

@@ -1,45 +1,13 @@
-import { jsxs as d, jsx as o } from "./sd-component-library195.js";
-import "./sd-component-library198.js";
-import { BoldText as t } from "./sd-component-library160.js";
-import { Box as h } from "./sd-component-library199.js";
-import { FlexCenter as m } from "./sd-component-library37.js";
-const b = "80px", z = (i) => {
+import { j as r } from "./sd-component-library195.js";
+import { Button as c } from "./sd-component-library28.js";
+const _ = (o) => {
   const {
-    questionText: n,
-    children: r,
-    containerSx: x,
-    iconContainerSx: p,
-    questionTextFontSize: s = 24,
-    iconFontSize: a = 40,
-    questionMarginBottom: c = "30px",
-    showIcon: e = !1,
-    ...l
-  } = i;
-  return /* @__PURE__ */ d(h, { 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(t, { fontSize: s, textAlign: "center", mb: c, children: n }),
-    r,
-    e && /* @__PURE__ */ o(m, { size: b, bg: "white", sx: {
-      position: "absolute",
-      left: "50%",
-      top: 0,
-      boxShadow: "0px 0px 10px #9BA2B433",
-      borderRadius: "50%",
-      transform: "translate(-50%, -50%)",
-      ...p
-    }, children: /* @__PURE__ */ o(t, { fontSize: a, color: "cl_purple", children: "?" }) })
-  ] });
+    active: e,
+    disabled: l
+  } = o;
+  return /* @__PURE__ */ r.jsx(c, { width: ["100%"], variant: "_booleanAction", bg: e ? "cl_purple" : void 0, color: e ? "cl_white" : l ? "cl_grey" : void 0, hoverBg: l ? e ? "cl_purple" : "cl_white" : "cl_blue", borderColor: l ? "cl_grey" : e ? "cl_purple" : void 0, hoverBorderColor: e ? "cl_blue" : void 0, hoverColor: l && !e ? "cl_grey" : "cl_white", fill: e ? "cl_white" : l ? "cl_grey" : "cl_blue", hoverFill: l && !e ? "cl_grey" : "cl_white", borderWidth: "2px", ...o });
 };
 export {
-  z as BaseFeedbackContainer
+  _ as BaseFeedbackButton
 };
 //# sourceMappingURL=sd-component-library233.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library233.js","sources":["../src/components/feedback/base-feedback-container/base-feedback-container.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { FlexCenter } from \"../../containers\";\nimport { BoldText } from \"../../texts\";\nimport { BaseFeedbackBlockProps as Props } from \"./interfaces\";\n\nconst iconSize = \"80px\";\n\nexport const BaseFeedbackContainer: React.FC<Props> = (props) => {\n  const {\n    questionText,\n    children,\n    containerSx,\n    iconContainerSx,\n    questionTextFontSize = 24,\n    iconFontSize = 40,\n    questionMarginBottom = \"30px\",\n    showIcon = false,\n    ...hoverCallbacks\n  } = props;\n\n  return (\n    <Box\n      sx={{\n        width: \"270px\",\n        position: \"relative\",\n        borderRadius: \"5px\",\n        boxShadow: \"0px 0px 10px #9BA2B433\",\n        px: \"40px\",\n        pb: \"40px\",\n        pt: showIcon ? \"70px\" : \"40px\",\n        bg: \"cl_white\",\n        ...containerSx,\n      }}\n      {...hoverCallbacks}\n    >\n      <BoldText\n        fontSize={questionTextFontSize}\n        textAlign=\"center\"\n        mb={questionMarginBottom}\n      >\n        {questionText}\n      </BoldText>\n\n      {children}\n\n      {showIcon && (\n        <FlexCenter\n          size={iconSize}\n          bg=\"white\"\n          sx={{\n            position: \"absolute\",\n            left: \"50%\",\n            top: 0,\n            boxShadow: \"0px 0px 10px #9BA2B433\",\n            borderRadius: \"50%\",\n            transform: \"translate(-50%, -50%)\",\n            ...iconContainerSx,\n          }}\n        >\n          <BoldText fontSize={iconFontSize} color=\"cl_purple\">\n            ?\n          </BoldText>\n        </FlexCenter>\n      )}\n    </Box>\n  );\n};\n"],"names":["iconSize","BaseFeedbackContainer","props","questionText","children","containerSx","iconContainerSx","questionTextFontSize","iconFontSize","questionMarginBottom","showIcon","hoverCallbacks","jsxs","Box","width","position","borderRadius","boxShadow","px","pb","pt","bg","jsx","BoldText","FlexCenter","left","top","transform"],"mappings":";;;;;AAQA,MAAMA,IAAW,QAEJC,IAA0CC,CAAUA,MAAA;AACzD,QAAA;AAAA,IACJC,cAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,sBAAAA,IAAuB;AAAA,IACvBC,cAAAA,IAAe;AAAA,IACfC,sBAAAA,IAAuB;AAAA,IACvBC,UAAAA,IAAW;AAAA,IACX,GAAGC;AAAAA,EACDT,IAAAA;AAGF,SAAA,gBAAAU,EAACC,KACC,IAAI;AAAA,IACFC,OAAO;AAAA,IACPC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,WAAW;AAAA,IACXC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAIV,IAAW,SAAS;AAAA,IACxBW,IAAI;AAAA,IACJ,GAAGhB;AAAAA,EAAAA,GAEDM,GAAAA,GAEJ,UAAA;AAAA,IAAA,gBAAAW,EAACC,KACC,UAAUhB,GACV,WAAU,UACV,IAAIE,GAEHN,UACHA,EAAA,CAAA;AAAA,IAECC;AAAAA,IAEAM,KACE,gBAAAY,EAAAE,GAAA,EACC,MAAMxB,GACN,IAAG,SACH,IAAI;AAAA,MACFe,UAAU;AAAA,MACVU,MAAM;AAAA,MACNC,KAAK;AAAA,MACLT,WAAW;AAAA,MACXD,cAAc;AAAA,MACdW,WAAW;AAAA,MACX,GAAGrB;AAAAA,IACL,GAEA,4BAACiB,GAAS,EAAA,UAAUf,GAAc,OAAM,aAAW,eAEnD,EACF,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library233.js","sources":["../src/components/feedback/base-feedback-button/base-feedback-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button } from \"../../buttons\";\nimport { BaseFeedbackButtonProps as Props } from \"./interfaces\";\n\nexport const BaseFeedbackButton: React.FC<Props> = (props) => {\n  const { active, disabled } = props;\n  return (\n    <Button\n      width={[\"100%\"]}\n      variant=\"_booleanAction\"\n      bg={active ? \"cl_purple\" : undefined}\n      color={active ? \"cl_white\" : disabled ? \"cl_grey\" : undefined}\n      hoverBg={disabled ? (active ? \"cl_purple\" : \"cl_white\") : \"cl_blue\"}\n      borderColor={disabled ? \"cl_grey\" : active ? \"cl_purple\" : undefined}\n      hoverBorderColor={active ? \"cl_blue\" : undefined}\n      hoverColor={disabled && !active ? \"cl_grey\" : \"cl_white\"}\n      fill={active ? \"cl_white\" : disabled ? \"cl_grey\" : \"cl_blue\"}\n      hoverFill={disabled && !active ? \"cl_grey\" : \"cl_white\"}\n      borderWidth=\"2px\"\n      {...props}\n    />\n  );\n};\n"],"names":["BaseFeedbackButton","props","active","disabled","jsx","Button","undefined"],"mappings":";;AAKO,MAAMA,IAAuCC,CAAUA,MAAA;AACtD,QAAA;AAAA,IAAEC,QAAAA;AAAAA,IAAQC,UAAAA;AAAAA,EAAaF,IAAAA;AAE3B,SAAAG,gBAAAA,EAAA,IAACC,GACC,EAAA,OAAO,CAAC,MAAM,GACd,SAAQ,kBACR,IAAIH,IAAS,cAAcI,QAC3B,OAAOJ,IAAS,aAAaC,IAAW,YAAYG,QACpD,SAASH,IAAYD,IAAS,cAAc,aAAc,WAC1D,aAAaC,IAAW,YAAYD,IAAS,cAAcI,QAC3D,kBAAkBJ,IAAS,YAAYI,QACvC,YAAYH,KAAY,CAACD,IAAS,YAAY,YAC9C,MAAMA,IAAS,aAAaC,IAAW,YAAY,WACnD,WAAWA,KAAY,CAACD,IAAS,YAAY,YAC7C,aAAY,OACZ,GAAID,EACJ,CAAA;AAEN;"}

package/lib/sd-component-library234.js

@@ -1,4 +1,4 @@
-import { jsx as n } from "./sd-component-library195.js";
+import { j as n } from "./sd-component-library195.js";
 import { ResponsiveTextV2 as p } from "./sd-component-library147.js";
 const c = (t) => {
   const {
@@ -7,7 +7,7 @@ const c = (t) => {
     px: r = "10px",
     py: i = "15px"
   } = t;
-  return /* @__PURE__ */ n(p, { fontSizeWeight: [[16, "regular"]], sx: {
+  return /* @__PURE__ */ n.jsx(p, { fontSizeWeight: [[16, "regular"]], sx: {
     display: "flex",
     justifyContent: "end",
     px: r,

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","display","justifyContent","cursor","textTransform","opacity"],"mappings":";;AAOO,MAAMA,IAA8BC,CAAUA,MAAA;AAC7C,QAAA;AAAA,IAAEC,MAAAA;AAAAA,IAAMC,SAAAA;AAAAA,IAASC,IAAAA,IAAK;AAAA,IAAQC,IAAAA,IAAK;AAAA,EAAWJ,IAAAA;AAGlD,SAAA,gBAAAK,EAACC,KACC,gBAAgB,CAAC,CAAC,IAAI,SAAS,CAAC,GAChC,IAAI;AAAA,IACFC,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBL,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAK,QAAQ;AAAA,IACRC,eAAe;AAAA,IACfC,SAAS;AAAA,IACT,UAAU;AAAA,MACRA,SAAS;AAAA,IACX;AAAA,EACF,GACA,SAAAT,GAECD,UACHA,EAAA,CAAA;AAEJ;"}
+{"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","display","justifyContent","cursor","textTransform","opacity"],"mappings":";;AAOO,MAAMA,IAA8BC,CAAUA,MAAA;AAC7C,QAAA;AAAA,IAAEC,MAAAA;AAAAA,IAAMC,SAAAA;AAAAA,IAASC,IAAAA,IAAK;AAAA,IAAQC,IAAAA,IAAK;AAAA,EAAWJ,IAAAA;AAGlD,SAAAK,gBAAAA,EAAA,IAACC,KACC,gBAAgB,CAAC,CAAC,IAAI,SAAS,CAAC,GAChC,IAAI;AAAA,IACFC,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBL,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAK,QAAQ;AAAA,IACRC,eAAe;AAAA,IACfC,SAAS;AAAA,IACT,UAAU;AAAA,MACRA,SAAS;AAAA,IACX;AAAA,EACF,GACA,SAAAT,GAECD,UACHA,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library237.js

@@ -1,18 +1,18 @@
-import { jsx as e } from "./sd-component-library195.js";
-import { SmileyGaugeColor as t } from "./sd-component-library238.js";
-import { ReactComponent as o } from "./sd-component-library335.js";
-import { ReactComponent as m } from "./sd-component-library336.js";
-import { ReactComponent as l } from "./sd-component-library337.js";
-const S = 10, c = 80, p = 100, y = 87, d = 30, R = 3, f = 2, g = 4, h = /* @__PURE__ */ new Map([[t.GREEN, /* @__PURE__ */ e(o, {})], [t.ORANGE, /* @__PURE__ */ e(m, {})], [t.RED, /* @__PURE__ */ e(l, {})]]);
+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-library324.js";
+import { ReactComponent as m } from "./sd-component-library325.js";
+import { ReactComponent as i } from "./sd-component-library326.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, {})]]);
 export {
-  h as COLOR_TO_ICON_MAP,
+  u as COLOR_TO_ICON_MAP,
   S as defaultDistanceBetweenRanges,
   c as defaultSmileyWidth,
   g as smallSmileyGaugeWidth,
   f as smallSmileyInnerPointRadius,
-  R as smallSmileyInnerPointStrokeWidth,
+  d as smallSmileyInnerPointStrokeWidth,
   y as smallSmileyMeterHeight,
   p as smallSmileyMeterWidth,
-  d as smallSmileyWidth
+  R as smallSmileyWidth
 };
 //# 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","Map","SmileyGaugeColor","GREEN","jsx","HappySmileyIcon","ORANGE","NeutralSmileyIcon","RED","SadSmileyIcon"],"mappings":";;;;;AASO,MAAMA,IAA+B,IAC/BC,IAAqB,IAKrBC,IAAwB,KACxBC,IAAyB,IACzBC,IAAmB,IACnBC,IAAmC,GACnCC,IAA8B,GAC9BC,IAAwB,GAExBC,IAAwBC,oBAAAA,IAAuC,CAC1E,CAACC,EAAiBC,OAAO,gBAAAC,EAACC,GAAe,CAAA,CAAA,CAAG,GAC5C,CAACH,EAAiBI,QAAQ,gBAAAF,EAACG,MAAoB,GAC/C,CAACL,EAAiBM,KAAM,gBAAAJ,EAAAK,GAAA,CAAgB,CAAA,CAAA,CAAC,CAC1C;"}
+{"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","Map","SmileyGaugeColor","GREEN","jsx","HappySmileyIcon","ORANGE","NeutralSmileyIcon","RED","SadSmileyIcon"],"mappings":";;;;;AASO,MAAMA,IAA+B,IAC/BC,IAAqB,IAKrBC,IAAwB,KACxBC,IAAyB,IACzBC,IAAmB,IACnBC,IAAmC,GACnCC,IAA8B,GAC9BC,IAAwB,GAExBC,IAAwBC,oBAAAA,IAAuC,CAC1E,CAACC,EAAiBC,OAAOC,gBAAAA,EAAA,IAACC,GAAe,CAAA,CAAA,CAAG,GAC5C,CAACH,EAAiBI,QAAQF,gBAAAA,EAAAA,IAACG,MAAoB,GAC/C,CAACL,EAAiBM,KAAMJ,gBAAAA,MAAAK,GAAA,CAAgB,CAAA,CAAA,CAAC,CAC1C;"}

package/lib/sd-component-library239.js

@@ -1,25 +1,23 @@
-import { jsx as p } from "./sd-component-library195.js";
-import { getRangeProperties as u } from "./sd-component-library238.js";
-import { MatchedRangeLabelBox as x } from "./sd-component-library645.js";
-const b = (e) => {
+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-library629.js";
+const j = R.forwardRef((r, m) => {
   const {
-    range: a,
-    arc: n,
-    totalRanges: o,
-    distanceBetweenRanges: r,
-    idx: d,
-    diameter: s,
-    segmented: c,
-    counterClockWise: g
-  } = e, {
-    start: i,
-    end: l
-  } = a, m = s / 2, {
-    rangeArcMiddle: h
-  } = u(n, o, r, d, i, l), t = Math.round(h);
-  return /* @__PURE__ */ p(x, { ...e, ...a, alpha: g ? 360 - t : t, radius: m, round: c });
-};
+    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 })) });
+});
 export {
-  b as MatchedRangeLabelBox
+  j as SmileyMeterRanges
 };
 //# 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/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","rangeArcMiddle","alpha","getRangeProperties","roundedAlpha","Math","round","jsx","LabelBox"],"mappings":";;;AAMO,MAAMA,IAAyCC,CAAUA,MAAA;AACxD,QAAA;AAAA,IACJC,OAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,uBAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,kBAAAA;AAAAA,EACER,IAAAA,GACE;AAAA,IAAES,OAAAA;AAAAA,IAAOC,KAAAA;AAAAA,EAAQT,IAAAA,GAEjBU,IAASL,IAAW,GACpB;AAAA,IAAEM,gBAAgBC;AAAAA,EAAAA,IAAUC,EAChCZ,GACAC,GACAC,GACAC,GACAI,GACAC,CACF,GAEMK,IAAeC,KAAKC,MAAMJ,CAAK;AAErC,SACG,gBAAAK,EAAAC,GAAA,EACC,GAAInB,GACAC,GAAAA,GACJ,OAAOO,IAAmB,MAAMO,IAAeA,GAC/C,QAAAJ,GACA,OAAOJ,EACP,CAAA;AAEN;"}
+{"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","forwardRef","props","pointRef","value","ranges","distanceFromRanges","matchingRangeIndex","findIndex","start","end","bounds","isValueInRange","newRanges","map","range","idx","color","createElement","SmileyMeterRange","length"],"mappings":";;;;AAMO,MAAMA,IAAoBC,EAAMC,WACrC,CAACC,GAAOC,MAAa;AACb,QAAA;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,QAAAA;AAAAA,IAAQC,oBAAAA;AAAAA,EAAuBJ,IAAAA,GAExCK,IAAqBF,EAAOG,UAAU,CAAC;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,KAAAA;AAAAA,IAAKC,QAAAA;AAAAA,EAAAA,MACzDC,EAAeR,GAAOK,GAAOC,GAAKC,CAAM,CAC1C,GACME,IAAYR,EAAOS,IAAI,CAACC,GAAOC,OAAS;AAAA,IAC5C,GAAGD;AAAAA,IACHE,OACED,IAAMT,IACFF,EAAOE,CAAkB,EAAEU,QAC3BF,EAAME;AAAAA,EACZ,EAAA;AAEF,SAEKJ,gBAAAA,EAAAA,IAAAA,EAAAA,UAAAA,EAAAA,UAAAA,EAAUC,IAAI,CAACC,GAAOC,MACrB,gBAAAE,EAACC,QACKJ,GACJ,GAAIb,GACJ,KAAAc,GACA,aAAaX,EAAOe,QACpB,eAAed,GACf,KAAM,GAAES,EAAMN,KAAM,IAAGM,EAAML,GAAI,IAAGM,CAAI,IACxC,gBAAgBT,MAAuBS,GACvC,KAAKb,IAER,EACH,CAAA;AAEJ,CACF;"}

package/lib/sd-component-library24.js

@@ -1,4 +1,4 @@
-import { jsx as a } from "./sd-component-library195.js";
+import { j as a } from "./sd-component-library195.js";
 import { CtaButton as l } from "./sd-component-library29.js";
 const i = (t) => {
   const {
@@ -7,7 +7,7 @@ const i = (t) => {
     hoverColor: e,
     children: n
   } = t;
-  return /* @__PURE__ */ a(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 });
+  return /* @__PURE__ */ a.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 });
 };
 export {
   i as PrimaryTextButton

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":";;AAQaA,MAAAA,IAAqCA,CAACC,MAAiB;AAC5D,QAAA;AAAA,IACJC,OAAAA,IAAQ;AAAA,IACRC,OAAAA,IAAQ;AAAA,IACRC,YAAAA;AAAAA,IACAC,UAAAA;AAAAA,EACEJ,IAAAA;AAEF,SAAA,gBAAAK,EAACC,KACC,GAAIN,GACJ,OAAAC,GACA,aAAY,OACZ,OAAAC,GACA,eAAc,WACd,IAAG,kBACH,YAAW,kBACX,YAAYC,KAAcD,GAC1B,SAAQ,kBACR,aAAU,uBAETE,UAAAA,EACH,CAAA;AAEJ;"}
+{"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":";;AAQaA,MAAAA,IAAqCA,CAACC,MAAiB;AAC5D,QAAA;AAAA,IACJC,OAAAA,IAAQ;AAAA,IACRC,OAAAA,IAAQ;AAAA,IACRC,YAAAA;AAAAA,IACAC,UAAAA;AAAAA,EACEJ,IAAAA;AAEF,SAAAK,gBAAAA,MAACC,KACC,GAAIN,GACJ,OAAAC,GACA,aAAY,OACZ,OAAAC,GACA,eAAc,WACd,IAAG,kBACH,YAAW,kBACX,YAAYC,KAAcD,GAC1B,SAAQ,kBACR,aAAU,uBAETE,UAAAA,EACH,CAAA;AAEJ;"}

package/lib/sd-component-library240.js

@@ -1,24 +1,25 @@
-import { jsx as l, Fragment as f } from "./sd-component-library195.js";
-import { createElement as g } from "./sd-component-library646.js";
-import R from "react";
-import { isValueInRange as d } from "./sd-component-library89.js";
-import { SmileyMeterRange as p } from "./sd-component-library647.js";
-const I = R.forwardRef((r, a) => {
+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 {
-    value: m,
-    ranges: n,
-    distanceFromRanges: s
-  } = r, o = n.findIndex(({
-    start: e,
-    end: t,
-    bounds: i
-  }) => d(m, e, t, i)), c = n.map((e, t) => ({
-    ...e,
-    color: t < o ? n[o].color : e.color
-  }));
-  return /* @__PURE__ */ l(f, { children: c.map((e, t) => /* @__PURE__ */ g(p, { ...e, ...r, idx: t, totalRanges: n.length, pointerLength: s, key: `${e.start}-${e.end}-${t}`, isMatchedRange: o === t, ref: a })) });
-});
+    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 });
+};
 export {
-  I as SmileyMeterRanges
+  b as MatchedRangeLabelBox
 };
 //# 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/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","forwardRef","props","pointRef","value","ranges","distanceFromRanges","matchingRangeIndex","findIndex","start","end","bounds","isValueInRange","newRanges","map","range","idx","color","createElement","SmileyMeterRange","length"],"mappings":";;;;;AAMO,MAAMA,IAAoBC,EAAMC,WACrC,CAACC,GAAOC,MAAa;AACb,QAAA;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,QAAAA;AAAAA,IAAQC,oBAAAA;AAAAA,EAAuBJ,IAAAA,GAExCK,IAAqBF,EAAOG,UAAU,CAAC;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,KAAAA;AAAAA,IAAKC,QAAAA;AAAAA,EAAAA,MACzDC,EAAeR,GAAOK,GAAOC,GAAKC,CAAM,CAC1C,GACME,IAAYR,EAAOS,IAAI,CAACC,GAAOC,OAAS;AAAA,IAC5C,GAAGD;AAAAA,IACHE,OACED,IAAMT,IACFF,EAAOE,CAAkB,EAAEU,QAC3BF,EAAME;AAAAA,EACZ,EAAA;AAEF,SAEKJ,gBAAAA,EAAAA,GAAAA,EAAAA,UAAAA,EAAUC,IAAI,CAACC,GAAOC,MACrBE,gBAAAA,EAACC,QACKJ,GACJ,GAAIb,GACJ,KAAAc,GACA,aAAaX,EAAOe,QACpB,eAAed,GACf,KAAM,GAAES,EAAMN,KAAM,IAAGM,EAAML,GAAI,IAAGM,CAAI,IACxC,gBAAgBT,MAAuBS,GACvC,KAAKb,IAER,EACH,CAAA;AAEJ,CACF;"}
+{"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","rangeArcMiddle","alpha","getRangeProperties","roundedAlpha","Math","round","jsx","LabelBox"],"mappings":";;;AAMO,MAAMA,IAAyCC,CAAUA,MAAA;AACxD,QAAA;AAAA,IACJC,OAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,uBAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,kBAAAA;AAAAA,EACER,IAAAA,GACE;AAAA,IAAES,OAAAA;AAAAA,IAAOC,KAAAA;AAAAA,EAAQT,IAAAA,GAEjBU,IAASL,IAAW,GACpB;AAAA,IAAEM,gBAAgBC;AAAAA,EAAAA,IAAUC,EAChCZ,GACAC,GACAC,GACAC,GACAI,GACAC,CACF,GAEMK,IAAeC,KAAKC,MAAMJ,CAAK;AAErC,SACGK,gBAAAA,EAAAA,IAAAC,GAAA,EACC,GAAInB,GACAC,GAAAA,GACJ,OAAOO,IAAmB,MAAMO,IAAeA,GAC/C,QAAAJ,GACA,OAAOJ,EACP,CAAA;AAEN;"}

package/lib/sd-component-library242.js

@@ -1,63 +1,63 @@
-import { jsxs as F, jsx as a } from "./sd-component-library195.js";
-import Z from "react";
-import { isValueInRange as $, inValueHigherThanRange as L, getCoordinateForArc as d, getInnerX as tt, getInnerY as et, degToRad as O } from "./sd-component-library89.js";
-import { BaseOutlineArc as v } from "./sd-component-library673.js";
-import { OutlineMeterLabelPointer as D } from "./sd-component-library248.js";
-const it = Z.forwardRef((M, T) => {
+import { j as e } from "./sd-component-library195.js";
+import U from "react";
+import { isValueInRange as Z, inValueHigherThanRange as F, getCoordinateForArc as d, getInnerX as $, getInnerY as tt, degToRad as L } from "./sd-component-library89.js";
+import { BaseOutlineArc as X } from "./sd-component-library655.js";
+import { OutlineMeterLabelPointer as O } from "./sd-component-library252.js";
+const st = U.forwardRef((D, M) => {
   const {
-    start: e,
-    end: n,
-    color: f,
+    start: n,
+    end: r,
+    color: x,
     bounds: R,
     diameter: o,
-    arc: y,
+    arc: v,
     distanceBetweenRanges: l,
-    totalRanges: I,
+    totalRanges: y,
     value: g,
     gaugeWidth: s,
-    segmented: m,
-    idx: A,
-    pointStrokeWidth: b,
-    innerPointRadius: V,
-    distanceFromRanges: w,
-    label: S,
-    labelPosition: _,
-    hideLabels: C,
-    connected: H
-  } = M, E = "#CCD0DB", Y = y - (I - 1) * l, q = Y * (n - e), X = $(g, e, n, R), z = (360 - y) / 2, t = o / 2, r = z + l * A + Y * e, j = H && L(g, n, R), i = r + Y * (n - e) + (j ? l : 0), {
+    segmented: f,
+    idx: m,
+    pointStrokeWidth: I,
+    innerPointRadius: T,
+    distanceFromRanges: b,
+    label: w,
+    labelPosition: V,
+    hideLabels: E,
+    connected: _
+  } = D, S = "#CCD0DB", A = v - (y - 1) * l, H = A * (r - n), Y = Z(g, n, r, R), q = (360 - v) / 2, t = o / 2, a = q + l * m + A * n, C = _ && F(g, r, R), i = a + A * (r - n) + (C ? l : 0), {
     x: P,
-    y: x
-  } = d(t, r), {
+    y: j
+  } = d(t, a), {
     x: W,
     y: k
-  } = d(t, i), u = _ || A === 0 ? "left" : A === I - 1 ? "right" : "top";
-  if (m || !X) {
-    const K = m && X || !m && L(g, n, R) ? f : E, B = j ? i - l : i, {
-      y: N
+  } = d(t, i), u = V || m === 0 ? "left" : m === y - 1 ? "right" : "top";
+  if (f || !Y) {
+    const J = f && Y || !f && F(g, r, R) ? x : S, B = C ? i - l : i, {
+      y: K
     } = d(t, B), {
-      x: Q,
-      y: U
-    } = d(t, (r + B) / 2);
-    return /* @__PURE__ */ F("g", { children: [
-      /* @__PURE__ */ a(v, { startX: P, startY: x, endX: W, endY: k, startAlpha: r, endAlpha: i, color: K, radius: t, width: s }),
-      !C && S && /* @__PURE__ */ a(D, { diameter: o, position: u, distanceFromRanges: w, isInRange: X, ...u === "right" && x > o / 2 || u === "left" && N > o / 2 ? {
-        rangeX: Q,
-        rangeY: U
+      x: N,
+      y: Q
+    } = d(t, (a + B) / 2);
+    return /* @__PURE__ */ e.jsxs("g", { children: [
+      /* @__PURE__ */ e.jsx(X, { startX: P, startY: j, endX: W, endY: k, startAlpha: a, endAlpha: i, color: J, radius: t, width: s }),
+      !E && w && /* @__PURE__ */ e.jsx(O, { diameter: o, position: u, distanceFromRanges: b, isInRange: Y, ...u === "right" && j > o / 2 || u === "left" && K > o / 2 ? {
+        rangeX: N,
+        rangeY: Q
       } : void 0 })
     ] });
   }
-  const c = r + (g - e) / (n - e) * q, {
+  const c = a + (g - n) / (r - n) * H, {
     x: h,
     y: p
-  } = d(t, c), G = tt(h, O(c), s), J = et(p, O(c), s);
-  return /* @__PURE__ */ F("g", { children: [
-    /* @__PURE__ */ a(v, { startX: P, startY: x, endX: h, endY: p, startAlpha: r, endAlpha: c, color: f, radius: t, width: s, roundEnd: !1 }),
-    /* @__PURE__ */ a(v, { startX: h, startY: p, endX: W, endY: k, startAlpha: c, endAlpha: i, color: E, radius: t, width: s, roundStart: !1 }),
-    /* @__PURE__ */ a("circle", { cx: (h + G) / 2, cy: (p + J) / 2, r: b + V, strokeWidth: b, stroke: f, fill: "white", ref: T }),
-    !C && S && /* @__PURE__ */ a(D, { diameter: o, isInRange: !0, position: u, distanceFromRanges: w })
+  } = d(t, c), z = $(h, L(c), s), G = tt(p, L(c), s);
+  return /* @__PURE__ */ e.jsxs("g", { children: [
+    /* @__PURE__ */ e.jsx(X, { startX: P, startY: j, endX: h, endY: p, startAlpha: a, endAlpha: c, color: x, radius: t, width: s, roundEnd: !1 }),
+    /* @__PURE__ */ e.jsx(X, { startX: h, startY: p, endX: W, endY: k, startAlpha: c, endAlpha: i, color: S, radius: t, width: s, roundStart: !1 }),
+    /* @__PURE__ */ e.jsx("circle", { cx: (h + z) / 2, cy: (p + G) / 2, r: I + T, strokeWidth: I, stroke: x, fill: "white", ref: M }),
+    !E && w && /* @__PURE__ */ e.jsx(O, { diameter: o, isInRange: !0, position: u, distanceFromRanges: b })
   ] });
 });
 export {
-  it as OutlineMeterRange
+  st as OutlineMeterRange
 };
 //# sourceMappingURL=sd-component-library242.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library242.js","sources":["../src/components/meters/outline-meter/partials/outline-meter-range/outline-meter-range.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n  degToRad,\n  getCoordinateForArc,\n  getInnerX,\n  getInnerY,\n  inValueHigherThanRange,\n  isValueInRange,\n} from \"../../utils\";\nimport { BaseOutlineArc } from \"../base-outline-arc\";\nimport { OutlineMeterLabelPointer } from \"../outline-meter-label-pointer\";\nimport { OutlineMeterRangeProps as Props } from \"./interfaces\";\n\nexport const OutlineMeterRange = React.forwardRef<SVGCircleElement, Props>(\n  (props, pointRef) => {\n    const {\n      start,\n      end,\n      color,\n      bounds,\n      diameter,\n      arc,\n      distanceBetweenRanges,\n      totalRanges,\n      value,\n      gaugeWidth,\n      segmented,\n      idx,\n      pointStrokeWidth,\n      innerPointRadius,\n      distanceFromRanges,\n      label,\n      labelPosition,\n      hideLabels,\n      connected,\n    } = props;\n\n    const grey = \"#CCD0DB\";\n\n    /* Arc value (in degrees) used for all ranges. */\n    const arcForRanges = arc - (totalRanges - 1) * distanceBetweenRanges;\n\n    /* Arc value for the current range. */\n    const rangeArc = arcForRanges * (end - start);\n    const valueWithinRange = isValueInRange(value, start, end, bounds);\n\n    const arcStart = (360 - arc) / 2; // deg\n\n    const radius = diameter / 2;\n\n    const rangeArcStart =\n      arcStart + distanceBetweenRanges * idx + arcForRanges * start;\n    const needConnection =\n      connected && inValueHigherThanRange(value, end, bounds);\n    const rangeArcEnd =\n      rangeArcStart +\n      arcForRanges * (end - start) +\n      (needConnection ? distanceBetweenRanges : 0);\n\n    const { x: rangeStartX, y: rangeStartY } = getCoordinateForArc(\n      radius,\n      rangeArcStart\n    );\n    const { x: rangeEndX, y: rangeEndY } = getCoordinateForArc(\n      radius,\n      rangeArcEnd\n    );\n\n    const calculatedLabelPosition =\n      labelPosition || idx === 0\n        ? \"left\"\n        : idx === totalRanges - 1\n        ? \"right\"\n        : \"top\";\n\n    /* When range will be filled completely. */\n    if (segmented || !valueWithinRange) {\n      const fillColor =\n        (segmented && valueWithinRange) ||\n        (!segmented && inValueHigherThanRange(value, end, bounds))\n          ? color\n          : grey;\n\n      const adjustedRangeArcEnd = needConnection\n        ? rangeArcEnd - distanceBetweenRanges\n        : rangeArcEnd;\n      const { y: adjustedRangeY } = getCoordinateForArc(\n        radius,\n        adjustedRangeArcEnd\n      );\n      const { x: rangeX, y: rangeY } = getCoordinateForArc(\n        radius,\n        (rangeArcStart + adjustedRangeArcEnd) / 2\n      );\n      return (\n        <g>\n          <BaseOutlineArc\n            startX={rangeStartX}\n            startY={rangeStartY}\n            endX={rangeEndX}\n            endY={rangeEndY}\n            startAlpha={rangeArcStart}\n            endAlpha={rangeArcEnd}\n            color={fillColor}\n            radius={radius}\n            width={gaugeWidth}\n          />\n          {!hideLabels && label && (\n            <OutlineMeterLabelPointer\n              diameter={diameter}\n              position={calculatedLabelPosition}\n              distanceFromRanges={distanceFromRanges}\n              isInRange={valueWithinRange}\n              {...((calculatedLabelPosition === \"right\" &&\n                rangeStartY > diameter / 2) ||\n              (calculatedLabelPosition === \"left\" &&\n                adjustedRangeY > diameter / 2)\n                ? {\n                    rangeX,\n                    rangeY,\n                  }\n                : undefined)}\n            />\n          )}\n        </g>\n      );\n    }\n\n    const valueAlpha =\n      rangeArcStart + ((value - start) / (end - start)) * rangeArc;\n\n    const { x: valueX, y: valueY } = getCoordinateForArc(radius, valueAlpha);\n    const valueInnerX = getInnerX(valueX, degToRad(valueAlpha), gaugeWidth);\n    const valueInnerY = getInnerY(valueY, degToRad(valueAlpha), gaugeWidth);\n\n    return (\n      <g>\n        <BaseOutlineArc\n          startX={rangeStartX}\n          startY={rangeStartY}\n          endX={valueX}\n          endY={valueY}\n          startAlpha={rangeArcStart}\n          endAlpha={valueAlpha}\n          color={color}\n          radius={radius}\n          width={gaugeWidth}\n          roundEnd={false}\n        />\n        <BaseOutlineArc\n          startX={valueX}\n          startY={valueY}\n          endX={rangeEndX}\n          endY={rangeEndY}\n          startAlpha={valueAlpha}\n          endAlpha={rangeArcEnd}\n          color={grey}\n          radius={radius}\n          width={gaugeWidth}\n          roundStart={false}\n        />\n        <circle\n          cx={(valueX + valueInnerX) / 2}\n          cy={(valueY + valueInnerY) / 2}\n          r={pointStrokeWidth + innerPointRadius}\n          strokeWidth={pointStrokeWidth}\n          stroke={color}\n          fill=\"white\"\n          ref={pointRef}\n        />\n        {!hideLabels && label && (\n          <OutlineMeterLabelPointer\n            diameter={diameter}\n            isInRange\n            position={calculatedLabelPosition}\n            distanceFromRanges={distanceFromRanges}\n          />\n        )}\n      </g>\n    );\n  }\n);\n"],"names":["OutlineMeterRange","React","forwardRef","props","pointRef","start","end","color","bounds","diameter","arc","distanceBetweenRanges","totalRanges","value","gaugeWidth","segmented","idx","pointStrokeWidth","innerPointRadius","distanceFromRanges","label","labelPosition","hideLabels","connected","grey","arcForRanges","rangeArc","valueWithinRange","isValueInRange","arcStart","radius","rangeArcStart","needConnection","inValueHigherThanRange","rangeArcEnd","x","rangeStartX","y","rangeStartY","getCoordinateForArc","rangeEndX","rangeEndY","calculatedLabelPosition","fillColor","adjustedRangeArcEnd","adjustedRangeY","rangeX","rangeY","jsx","BaseOutlineArc","OutlineMeterLabelPointer","undefined","valueAlpha","valueX","valueY","valueInnerX","getInnerX","degToRad","valueInnerY","getInnerY"],"mappings":"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"}
+{"version":3,"file":"sd-component-library242.js","sources":["../src/components/meters/outline-meter/partials/outline-meter-range/outline-meter-range.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n  degToRad,\n  getCoordinateForArc,\n  getInnerX,\n  getInnerY,\n  inValueHigherThanRange,\n  isValueInRange,\n} from \"../../utils\";\nimport { BaseOutlineArc } from \"../base-outline-arc\";\nimport { OutlineMeterLabelPointer } from \"../outline-meter-label-pointer\";\nimport { OutlineMeterRangeProps as Props } from \"./interfaces\";\n\nexport const OutlineMeterRange = React.forwardRef<SVGCircleElement, Props>(\n  (props, pointRef) => {\n    const {\n      start,\n      end,\n      color,\n      bounds,\n      diameter,\n      arc,\n      distanceBetweenRanges,\n      totalRanges,\n      value,\n      gaugeWidth,\n      segmented,\n      idx,\n      pointStrokeWidth,\n      innerPointRadius,\n      distanceFromRanges,\n      label,\n      labelPosition,\n      hideLabels,\n      connected,\n    } = props;\n\n    const grey = \"#CCD0DB\";\n\n    /* Arc value (in degrees) used for all ranges. */\n    const arcForRanges = arc - (totalRanges - 1) * distanceBetweenRanges;\n\n    /* Arc value for the current range. */\n    const rangeArc = arcForRanges * (end - start);\n    const valueWithinRange = isValueInRange(value, start, end, bounds);\n\n    const arcStart = (360 - arc) / 2; // deg\n\n    const radius = diameter / 2;\n\n    const rangeArcStart =\n      arcStart + distanceBetweenRanges * idx + arcForRanges * start;\n    const needConnection =\n      connected && inValueHigherThanRange(value, end, bounds);\n    const rangeArcEnd =\n      rangeArcStart +\n      arcForRanges * (end - start) +\n      (needConnection ? distanceBetweenRanges : 0);\n\n    const { x: rangeStartX, y: rangeStartY } = getCoordinateForArc(\n      radius,\n      rangeArcStart\n    );\n    const { x: rangeEndX, y: rangeEndY } = getCoordinateForArc(\n      radius,\n      rangeArcEnd\n    );\n\n    const calculatedLabelPosition =\n      labelPosition || idx === 0\n        ? \"left\"\n        : idx === totalRanges - 1\n        ? \"right\"\n        : \"top\";\n\n    /* When range will be filled completely. */\n    if (segmented || !valueWithinRange) {\n      const fillColor =\n        (segmented && valueWithinRange) ||\n        (!segmented && inValueHigherThanRange(value, end, bounds))\n          ? color\n          : grey;\n\n      const adjustedRangeArcEnd = needConnection\n        ? rangeArcEnd - distanceBetweenRanges\n        : rangeArcEnd;\n      const { y: adjustedRangeY } = getCoordinateForArc(\n        radius,\n        adjustedRangeArcEnd\n      );\n      const { x: rangeX, y: rangeY } = getCoordinateForArc(\n        radius,\n        (rangeArcStart + adjustedRangeArcEnd) / 2\n      );\n      return (\n        <g>\n          <BaseOutlineArc\n            startX={rangeStartX}\n            startY={rangeStartY}\n            endX={rangeEndX}\n            endY={rangeEndY}\n            startAlpha={rangeArcStart}\n            endAlpha={rangeArcEnd}\n            color={fillColor}\n            radius={radius}\n            width={gaugeWidth}\n          />\n          {!hideLabels && label && (\n            <OutlineMeterLabelPointer\n              diameter={diameter}\n              position={calculatedLabelPosition}\n              distanceFromRanges={distanceFromRanges}\n              isInRange={valueWithinRange}\n              {...((calculatedLabelPosition === \"right\" &&\n                rangeStartY > diameter / 2) ||\n              (calculatedLabelPosition === \"left\" &&\n                adjustedRangeY > diameter / 2)\n                ? {\n                    rangeX,\n                    rangeY,\n                  }\n                : undefined)}\n            />\n          )}\n        </g>\n      );\n    }\n\n    const valueAlpha =\n      rangeArcStart + ((value - start) / (end - start)) * rangeArc;\n\n    const { x: valueX, y: valueY } = getCoordinateForArc(radius, valueAlpha);\n    const valueInnerX = getInnerX(valueX, degToRad(valueAlpha), gaugeWidth);\n    const valueInnerY = getInnerY(valueY, degToRad(valueAlpha), gaugeWidth);\n\n    return (\n      <g>\n        <BaseOutlineArc\n          startX={rangeStartX}\n          startY={rangeStartY}\n          endX={valueX}\n          endY={valueY}\n          startAlpha={rangeArcStart}\n          endAlpha={valueAlpha}\n          color={color}\n          radius={radius}\n          width={gaugeWidth}\n          roundEnd={false}\n        />\n        <BaseOutlineArc\n          startX={valueX}\n          startY={valueY}\n          endX={rangeEndX}\n          endY={rangeEndY}\n          startAlpha={valueAlpha}\n          endAlpha={rangeArcEnd}\n          color={grey}\n          radius={radius}\n          width={gaugeWidth}\n          roundStart={false}\n        />\n        <circle\n          cx={(valueX + valueInnerX) / 2}\n          cy={(valueY + valueInnerY) / 2}\n          r={pointStrokeWidth + innerPointRadius}\n          strokeWidth={pointStrokeWidth}\n          stroke={color}\n          fill=\"white\"\n          ref={pointRef}\n        />\n        {!hideLabels && label && (\n          <OutlineMeterLabelPointer\n            diameter={diameter}\n            isInRange\n            position={calculatedLabelPosition}\n            distanceFromRanges={distanceFromRanges}\n          />\n        )}\n      </g>\n    );\n  }\n);\n"],"names":["OutlineMeterRange","React","forwardRef","props","pointRef","start","end","color","bounds","diameter","arc","distanceBetweenRanges","totalRanges","value","gaugeWidth","segmented","idx","pointStrokeWidth","innerPointRadius","distanceFromRanges","label","labelPosition","hideLabels","connected","grey","arcForRanges","rangeArc","valueWithinRange","isValueInRange","arcStart","radius","rangeArcStart","needConnection","inValueHigherThanRange","rangeArcEnd","x","rangeStartX","y","rangeStartY","getCoordinateForArc","rangeEndX","rangeEndY","calculatedLabelPosition","fillColor","adjustedRangeArcEnd","adjustedRangeY","rangeX","rangeY","jsx","BaseOutlineArc","OutlineMeterLabelPointer","undefined","valueAlpha","valueX","valueY","valueInnerX","getInnerX","degToRad","valueInnerY","getInnerY"],"mappings":"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"}