@selfdecode/sd-component-library 4.0.146 → 4.0.147

package/lib/sd-component-library238.js

@@ -1,46 +1,31 @@
-import { j as M } from "./sd-component-library197.js";
-import { getInnerX as T, getInnerY as W, degToRad as r, getCoordinateForArc as y } from "./sd-component-library91.js";
-import { BaseNeedle as B } from "./sd-component-library299.js";
-function E(p) {
-  const {
-    needleColor: u,
-    options: n,
-    value: h,
-    needleWidth: e,
-    innerCircleRadius: m,
-    innerCircleStrokeWidth: x,
-    diameter: R,
-    arc: a,
-    distanceBetweenRanges: c,
-    distanceFromRange: s,
-    gaugeWidth: i
-  } = p, o = n.findIndex(
-    (F) => h === F.value
-  ), d = R / 2, f = (360 - a) / 2, l = a - (n.length - 1) * c, g = o / n.length, v = (o + 1) / n.length, A = l * (v - g), t = f + c * o + l * g + A / 2, { x: C, y: I } = y(d, t), S = T(
-    C,
-    r(t),
-    s + i + e / 2
-  ), X = W(
-    I,
-    r(t),
-    s + i + e / 2
-  ), Y = e / 2 * Math.cos(r(t)), j = e / 2 * Math.sin(r(t));
-  return /* @__PURE__ */ M.jsx(
-    B,
-    {
-      dx: Y,
-      dy: j,
-      color: u,
-      radius: d,
-      tipX: S,
-      tipY: X,
-      innerCircleStrokeWidth: x,
-      innerCircleRadius: m,
-      needleWidth: e
-    }
-  );
-}
+import { j as a } from "./sd-component-library197.js";
+import R, { createElement as g } from "react";
+import { isValueInRange as f } from "./sd-component-library91.js";
+import { SmileyMeterRange as d } from "./sd-component-library306.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
+      }
+    )) });
+  }
+);
 export {
-  E as DiscreteMeterNeedle
+  j as SmileyMeterRanges
 };
 //# 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/multi-option-discrete-outline-meter/partials/discrete-meter-needle/discrete-meter-needle.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { BaseNeedle } from \"../../../outline-meter/partials/base-needle\";\nimport {\n  degToRad,\n  getCoordinateForArc,\n  getInnerX,\n  getInnerY,\n} from \"../../../outline-meter/utils\";\nimport { DiscreteMeterNeedleProps as Props } from \"./interfaces\";\n\nexport function DiscreteMeterNeedle<T>(props: PropsWithChildren<Props<T>>) {\n  const {\n    needleColor,\n    options,\n    value,\n    needleWidth,\n    innerCircleRadius,\n    innerCircleStrokeWidth,\n    diameter,\n    arc,\n    distanceBetweenRanges,\n    distanceFromRange,\n    gaugeWidth,\n  } = props;\n\n  const matchingRangeIndex = options.findIndex(\n    (option) => value === option.value\n  );\n\n  const radius = diameter / 2;\n\n  const arcStart = (360 - arc) / 2;\n  const arcForRanges = arc - (options.length - 1) * distanceBetweenRanges;\n\n  const start = matchingRangeIndex / options.length;\n  const end = (matchingRangeIndex + 1) / options.length;\n\n  const rangeArc = arcForRanges * (end - start);\n\n  const rangeArcStart =\n    arcStart +\n    distanceBetweenRanges * matchingRangeIndex +\n    arcForRanges * start;\n\n  const valueAlpha = rangeArcStart + rangeArc / 2;\n  const { x: valueX, y: valueY } = getCoordinateForArc(radius, valueAlpha);\n\n  const needleTipX = getInnerX(\n    valueX,\n    degToRad(valueAlpha),\n    distanceFromRange + gaugeWidth + needleWidth / 2\n  );\n  const needleTipY = getInnerY(\n    valueY,\n    degToRad(valueAlpha),\n    distanceFromRange + gaugeWidth + needleWidth / 2\n  );\n\n  const dx = (needleWidth / 2) * Math.cos(degToRad(valueAlpha));\n  const dy = (needleWidth / 2) * Math.sin(degToRad(valueAlpha));\n\n  return (\n    <BaseNeedle\n      dx={dx}\n      dy={dy}\n      color={needleColor}\n      radius={radius}\n      tipX={needleTipX}\n      tipY={needleTipY}\n      innerCircleStrokeWidth={innerCircleStrokeWidth}\n      innerCircleRadius={innerCircleRadius}\n      needleWidth={needleWidth}\n    />\n  );\n}\n"],"names":["DiscreteMeterNeedle","props","needleColor","options","value","needleWidth","innerCircleRadius","innerCircleStrokeWidth","diameter","arc","distanceBetweenRanges","distanceFromRange","gaugeWidth","matchingRangeIndex","option","radius","arcStart","arcForRanges","start","end","rangeArc","valueAlpha","valueX","valueY","getCoordinateForArc","needleTipX","getInnerX","degToRad","needleTipY","getInnerY","dx","dy","jsx","BaseNeedle"],"mappings":";;;AAWO,SAASA,EAAuBC,GAAoC;AACnE,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,YAAAC;AAAA,EACE,IAAAX,GAEEY,IAAqBV,EAAQ;AAAA,IACjC,CAACW,MAAWV,MAAUU,EAAO;AAAA,EAAA,GAGzBC,IAASP,IAAW,GAEpBQ,KAAY,MAAMP,KAAO,GACzBQ,IAAeR,KAAON,EAAQ,SAAS,KAAKO,GAE5CQ,IAAQL,IAAqBV,EAAQ,QACrCgB,KAAON,IAAqB,KAAKV,EAAQ,QAEzCiB,IAAWH,KAAgBE,IAAMD,IAOjCG,IAJJL,IACAN,IAAwBG,IACxBI,IAAeC,IAEkBE,IAAW,GACxC,EAAE,GAAGE,GAAQ,GAAGC,MAAWC,EAAoBT,GAAQM,CAAU,GAEjEI,IAAaC;AAAA,IACjBJ;AAAA,IACAK,EAASN,CAAU;AAAA,IACnBV,IAAoBC,IAAaP,IAAc;AAAA,EAAA,GAE3CuB,IAAaC;AAAA,IACjBN;AAAA,IACAI,EAASN,CAAU;AAAA,IACnBV,IAAoBC,IAAaP,IAAc;AAAA,EAAA,GAG3CyB,IAAMzB,IAAc,IAAK,KAAK,IAAIsB,EAASN,CAAU,CAAC,GACtDU,IAAM1B,IAAc,IAAK,KAAK,IAAIsB,EAASN,CAAU,CAAC;AAG1D,SAAAW,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAAH;AAAA,MACA,IAAAC;AAAA,MACA,OAAO7B;AAAA,MACP,QAAAa;AAAA,MACA,MAAMU;AAAA,MACN,MAAMG;AAAA,MACN,wBAAArB;AAAA,MACA,mBAAAD;AAAA,MACA,aAAAD;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library238.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;"}

package/lib/sd-component-library239.js

@@ -1,16 +1,36 @@
-import { j as g } from "./sd-component-library197.js";
-import { getRangeProperties as d } from "./sd-component-library305.js";
-import { MatchedRangeLabelBox as x } from "./sd-component-library296.js";
-const h = (e) => {
-  const { idx: t, totalRanges: a, distanceBetweenRanges: r, arc: n } = e, { rangeArcStart: o, rangeArcEnd: s } = d(
+import { j as h } from "./sd-component-library197.js";
+import { getRangeProperties as p } from "./sd-component-library237.js";
+import { MatchedRangeLabelBox as u } from "./sd-component-library305.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,
-    a,
+    o,
     r,
-    t
-  ), c = Math.round((o + s) / 2);
-  return /* @__PURE__ */ g.jsx(x, { ...e, alpha: c, round: !0 });
+    s,
+    g,
+    l
+  ), t = Math.round(x);
+  return /* @__PURE__ */ h.jsx(
+    u,
+    {
+      ...e,
+      ...a,
+      alpha: i ? 360 - t : t,
+      radius: m,
+      round: c
+    }
+  );
 };
 export {
-  h as MatchedRangeLabelBox
+  b as MatchedRangeLabelBox
 };
 //# 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/multi-option-discrete-outline-meter/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 { MatchedRangeLabelBoxProps as Props } from \"./interfaces\";\n\nexport const MatchedRangeLabelBox: React.FC<Props> = (props) => {\n  const { idx, totalRanges, distanceBetweenRanges, arc } = props;\n\n  const { rangeArcStart, rangeArcEnd } = getRangeProperties(\n    arc,\n    totalRanges,\n    distanceBetweenRanges,\n    idx\n  );\n\n  const alpha = Math.round((rangeArcStart + rangeArcEnd) / 2);\n\n  return <LabelBox {...props} alpha={alpha} round />;\n};\n"],"names":["MatchedRangeLabelBox","props","idx","totalRanges","distanceBetweenRanges","arc","rangeArcStart","rangeArcEnd","getRangeProperties","alpha","LabelBox"],"mappings":";;;AAMa,MAAAA,IAAwC,CAACC,MAAU;AAC9D,QAAM,EAAE,KAAAC,GAAK,aAAAC,GAAa,uBAAAC,GAAuB,KAAAC,MAAQJ,GAEnD,EAAE,eAAAK,GAAe,aAAAC,EAAA,IAAgBC;AAAA,IACrCH;AAAA,IACAF;AAAA,IACAC;AAAA,IACAF;AAAA,EAAA,GAGIO,IAAQ,KAAK,OAAOH,IAAgBC,KAAe,CAAC;AAE1D,+BAAQG,GAAU,EAAA,GAAGT,GAAO,OAAAQ,GAAc,OAAK,GAAC,CAAA;AAClD;"}
+{"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","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;"}

package/lib/sd-component-library24.js

@@ -1,9 +1,9 @@
 import { j as r } from "./sd-component-library197.js";
-import { Link as V } from "react-router-dom";
-import { Button as X, Flex as Y } from "rebass";
-import { generateTestLocator as Z } from "./sd-component-library4.js";
-import { LoadingSpinner as tt } from "./sd-component-library205.js";
-function ot(t, o, e) {
+import { Link as X } from "react-router-dom";
+import { Button as Y, Flex as Z } from "rebass";
+import { generateTestLocator as tt } from "./sd-component-library4.js";
+import { LoadingSpinner as ot } from "./sd-component-library206.js";
+function et(t, o, e) {
   return (n) => {
     t == null || t(n), o && (`#${o}` !== window.location.hash && (e != null && e.replace(
       `${window.location.pathname.split("#")[0]}#${o}`
@@ -14,26 +14,28 @@ function ot(t, o, e) {
     )), window.dispatchEvent(new HashChangeEvent("hashchange")));
   };
 }
-const et = ({
+const rt = ({
   link: t,
   isInternal: o = !0,
   children: e,
   target: n = "_self",
-  rel: l = "noopener noreferrer",
-  onLinkClick: d
+  rel: a = "noopener noreferrer",
+  onLinkClick: l,
+  linkStyle: d
 }) => {
-  const i = {
+  const s = {
     display: "grid",
     color: "inherit",
-    textDecoration: "none"
+    textDecoration: "none",
+    ...d
   };
   return t === void 0 ? /* @__PURE__ */ r.jsx(r.Fragment, { children: e }) : o ? /* @__PURE__ */ r.jsx(
-    V,
+    X,
     {
       to: t,
-      style: i,
+      style: s,
       "data-testid": "react-router-link",
-      onClick: d,
+      onClick: l,
       children: e
     }
   ) : /* @__PURE__ */ r.jsx(
@@ -41,22 +43,22 @@ const et = ({
     {
       href: t,
       target: n,
-      rel: l,
-      style: i,
-      onClick: d,
+      rel: a,
+      style: s,
+      onClick: l,
       "data-testid": "anchor-tag",
       children: e
     }
   );
-}, dt = (t) => {
+}, st = (t) => {
   const {
     link: o,
     isInternal: e = !0,
     scrollTo: n,
-    onClick: l,
-    children: d,
-    disabled: i,
-    variant: c,
+    onClick: a,
+    children: l,
+    disabled: d,
+    variant: s,
     padding: h,
     fontSize: x,
     fontWeight: m,
@@ -68,8 +70,8 @@ const et = ({
     borderRadius: w,
     width: S,
     height: y,
-    borderStyle: j,
-    borderWidth: k,
+    borderStyle: k,
+    borderWidth: j,
     borderColor: B,
     fill: C,
     color: W,
@@ -91,32 +93,34 @@ const et = ({
     target: q,
     onLinkClick: J,
     testLocatorId: K,
-    tooltipText: s,
-    tooltipPlacement: a = "bottom"
+    tooltipText: p,
+    tooltipPlacement: i = "bottom",
+    linkStyle: N
   } = t, {
-    loading: p = !1,
-    loadingIconProps: N = {},
-    onHover: O,
-    sx: Q,
-    ...U
+    loading: c = !1,
+    loadingIconProps: O = {},
+    onHover: Q,
+    sx: U,
+    ...V
   } = t;
-  if (o !== void 0 && l !== void 0)
+  if (o !== void 0 && a !== void 0)
     throw new Error("Cannot have link and onClick at the same time");
   return /* @__PURE__ */ r.jsx(
-    et,
+    rt,
     {
       link: o,
       isInternal: e,
       rel: M,
       target: q,
       onLinkClick: J,
+      linkStyle: N,
       children: /* @__PURE__ */ r.jsx(
-        X,
+        Y,
         {
           "data-testid": "button",
-          ...Z(K),
-          ...U,
-          variant: c,
+          ...tt(K),
+          ...V,
+          variant: s,
           sx: {
             position: "relative",
             display: P,
@@ -130,8 +134,8 @@ const et = ({
             width: S,
             height: y,
             borderRadius: w,
-            borderStyle: j,
-            borderWidth: k,
+            borderStyle: k,
+            borderWidth: j,
             borderColor: B,
             fill: C,
             stroke: E,
@@ -139,27 +143,27 @@ const et = ({
             bg: $,
             outline: "none !important",
             transition: R,
-            ...s ? {
+            ...p ? {
               "::after": {
                 position: "absolute",
                 opacity: 0,
                 pointerEvents: "none",
-                content: `"${s}"`,
+                content: `"${p}"`,
                 color: "cl_darkGrey",
                 textTransform: "none",
                 letterSpacing: 0,
                 left: "50%",
-                top: a === "bottom" ? "calc(100% + 10px)" : "-10px",
-                borderRadius: a === "bottom" ? "0 0 3px 3px" : "3px 3px 0 0",
+                top: i === "bottom" ? "calc(100% + 10px)" : "-10px",
+                borderRadius: i === "bottom" ? "0 0 3px 3px" : "3px 3px 0 0",
                 boxShadow: "0 0 5px 2px #0000001A",
-                [a === "bottom" ? "borderTop" : "borderBottom"]: "2px solid",
+                [i === "bottom" ? "borderTop" : "borderBottom"]: "2px solid",
                 borderColor: "cl_purple",
                 bg: "white",
                 zIndex: 10,
                 padding: "8px",
                 width: "max-content",
                 maxWidth: "100%",
-                transform: `translate(-50%, ${a === "bottom" ? "-20px" : "-50%"})`,
+                transform: `translate(-50%, ${i === "bottom" ? "-20px" : "-50%"})`,
                 transition: "all 150ms cubic-bezier(.25, .8, .25, 1)",
                 fontSize: "14px",
                 fontWeight: 400,
@@ -167,7 +171,7 @@ const et = ({
               }
             } : {},
             ":hover": {
-              cursor: i ? "default" : G,
+              cursor: d ? "default" : G,
               borderStyle: I,
               borderWidth: z,
               borderColor: F,
@@ -177,28 +181,28 @@ const et = ({
               bg: T,
               hoverFontWeight: g,
               hoverTextDecoration: v,
-              ...s ? {
+              ...p ? {
                 "::after": {
                   opacity: 1,
-                  transform: `translate(-50%, ${a === "bottom" ? 0 : "-100%"})`,
+                  transform: `translate(-50%, ${i === "bottom" ? 0 : "-100%"})`,
                   transitionDuration: "300ms"
                 }
               } : {}
             },
             zIndex: A,
-            ...Q
+            ...U
           },
-          onClick: o === void 0 ? ot(l, n, _) : () => {
+          onClick: o === void 0 ? et(a, n, _) : () => {
           },
-          onMouseEnter: O,
-          disabled: i || p,
-          children: p ? /* @__PURE__ */ r.jsx(Y, { height: "100%", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ r.jsx(tt, { ...N }) }) : d
+          onMouseEnter: Q,
+          disabled: d || c,
+          children: c ? /* @__PURE__ */ r.jsx(Z, { height: "100%", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ r.jsx(ot, { ...O }) }) : l
         }
       )
     }
   );
 };
 export {
-  dt as Button
+  st as Button
 };
 //# 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/button/button.tsx"],"sourcesContent":["import React from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport { History } from \"history\";\nimport { Flex, Button as RebassButton } from \"rebass\";\n\nimport { generateTestLocator } from \"../../../core/functions\";\nimport { LoadingSpinner } from \"../../animations/loading-spinner\";\nimport { ButtonProps } from \"./interfaces\";\n\n/**\n * A wrapper to handle various click behaviours for buttons.\n *\n * @param history The history object for navigation.\n * @param onClick The call back to run on button click.\n * @param link The location to navigate to if the button is a link.\n * @param scrollTo The section of the page to scroll to.\n *\n * @returns The on click call back.\n */\nfunction clickWrapper(\n  onClick?: ButtonProps[\"onClick\"],\n  scrollTo?: string,\n  history?: History\n): (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void {\n  return (_event: React.MouseEvent<HTMLButtonElement, MouseEvent>): void => {\n    onClick?.(_event);\n\n    if (scrollTo) {\n      // If current hash is not same as new hash, update the hash\n      if (`#${scrollTo}` !== window.location.hash)\n        history?.replace(\n          `${window.location.pathname.split(\"#\")[0]}#${scrollTo}`\n        ) ||\n          window.history.replaceState(\n            undefined,\n            \"\",\n            `${window.location.pathname.split(\"#\")[0]}#${scrollTo}`\n          );\n      // Otherwise forcefully dispatch a `hashchange` event to scroll.\n      window.dispatchEvent(new HashChangeEvent(\"hashchange\"));\n    }\n  };\n}\n\nconst ButtonWrapper: React.FC<\n  Pick<\n    ButtonProps,\n    \"link\" | \"isInternal\" | \"children\" | \"target\" | \"rel\" | \"onLinkClick\"\n  >\n> = ({\n  link,\n  isInternal = true,\n  children,\n  target = \"_self\",\n  rel = \"noopener noreferrer\",\n  onLinkClick,\n}) => {\n  const linkStyle: React.CSSProperties = {\n    display: \"grid\",\n    color: \"inherit\",\n    textDecoration: \"none\",\n  };\n\n  return link === undefined ? (\n    <>{children}</>\n  ) : isInternal ? (\n    <Link\n      to={link}\n      style={linkStyle}\n      data-testid=\"react-router-link\"\n      onClick={onLinkClick}\n    >\n      {children}\n    </Link>\n  ) : (\n    <a\n      href={link}\n      target={target}\n      rel={rel}\n      style={linkStyle}\n      onClick={onLinkClick}\n      data-testid=\"anchor-tag\"\n    >\n      {children}\n    </a>\n  );\n};\n\n/**\n * Base button component. Other button components should be built from this.\n */\nexport const Button: React.FC<ButtonProps> = (props) => {\n  const {\n    link,\n    isInternal = true,\n    scrollTo,\n    onClick,\n    children,\n    disabled,\n    variant,\n    padding,\n    fontSize,\n    fontWeight,\n    letterSpacing,\n    textDecoration,\n    textTransform,\n    hoverFontWeight,\n    hoverTextDecoration,\n    borderRadius,\n    width,\n    height,\n    borderStyle,\n    borderWidth,\n    borderColor,\n    fill,\n    color,\n    bg,\n    stroke,\n    hoverBorderStyle,\n    hoverBorderWidth,\n    hoverBorderColor,\n    hoverFill,\n    hoverColor,\n    hoverBg,\n    hoverStroke,\n    display,\n    transition,\n    history,\n    zIndex,\n    cursor = \"pointer\",\n    rel,\n    target,\n    onLinkClick,\n    testLocatorId,\n    tooltipText,\n    tooltipPlacement = \"bottom\",\n  } = props;\n\n  const {\n    loading = false,\n    loadingIconProps = {},\n    onHover,\n    sx,\n    ...actualProps\n  } = props;\n\n  if (link !== undefined && onClick !== undefined) {\n    throw new Error(\"Cannot have link and onClick at the same time\");\n  }\n\n  return (\n    <ButtonWrapper\n      link={link}\n      isInternal={isInternal}\n      rel={rel}\n      target={target}\n      onLinkClick={onLinkClick}\n    >\n      <RebassButton\n        data-testid=\"button\"\n        {...generateTestLocator(testLocatorId)}\n        {...actualProps}\n        variant={variant}\n        sx={{\n          position: \"relative\",\n          display,\n          padding,\n          fontFamily: \"proxima-nova\",\n          fontSize,\n          fontWeight,\n          letterSpacing,\n          textDecoration,\n          textTransform,\n          width,\n          height,\n          borderRadius,\n          borderStyle,\n          borderWidth,\n          borderColor,\n          fill,\n          stroke,\n          color,\n          bg,\n          outline: \"none !important\",\n          transition,\n          ...(!!tooltipText\n            ? {\n                \"::after\": {\n                  position: \"absolute\",\n                  opacity: 0,\n                  pointerEvents: \"none\",\n                  content: `\"${tooltipText}\"`,\n                  color: \"cl_darkGrey\",\n                  textTransform: \"none\",\n                  letterSpacing: 0,\n                  left: \"50%\",\n                  top:\n                    tooltipPlacement === \"bottom\"\n                      ? \"calc(100% + 10px)\"\n                      : \"-10px\",\n                  borderRadius:\n                    tooltipPlacement === \"bottom\"\n                      ? \"0 0 3px 3px\"\n                      : \"3px 3px 0 0\",\n                  boxShadow: \"0 0 5px 2px #0000001A\",\n                  [tooltipPlacement === \"bottom\"\n                    ? \"borderTop\"\n                    : \"borderBottom\"]: \"2px solid\",\n                  borderColor: \"cl_purple\",\n                  bg: \"white\",\n                  zIndex: 10,\n                  padding: \"8px\",\n                  width: \"max-content\",\n                  maxWidth: \"100%\",\n                  transform: `translate(-50%, ${\n                    tooltipPlacement === \"bottom\" ? \"-20px\" : \"-50%\"\n                  })`,\n                  transition: \"all 150ms cubic-bezier(.25, .8, .25, 1)\",\n                  fontSize: \"14px\",\n                  fontWeight: 400,\n                  lineHeight: \"17px\",\n                },\n              }\n            : {}),\n          \":hover\": {\n            cursor: disabled ? \"default\" : cursor,\n            borderStyle: hoverBorderStyle,\n            borderWidth: hoverBorderWidth,\n            borderColor: hoverBorderColor,\n            fill: hoverFill,\n            stroke: hoverStroke,\n            color: hoverColor,\n            bg: hoverBg,\n            hoverFontWeight,\n            hoverTextDecoration,\n            ...(!!tooltipText\n              ? {\n                  \"::after\": {\n                    opacity: 1,\n                    transform: `translate(-50%, ${\n                      tooltipPlacement === \"bottom\" ? 0 : \"-100%\"\n                    })`,\n                    transitionDuration: \"300ms\",\n                  },\n                }\n              : {}),\n          },\n          zIndex,\n          ...sx,\n        }}\n        onClick={\n          link === undefined\n            ? clickWrapper(onClick, scrollTo, history)\n            : () => {}\n        }\n        onMouseEnter={onHover}\n        disabled={disabled || loading}\n      >\n        {!loading ? (\n          children\n        ) : (\n          <Flex height=\"100%\" justifyContent=\"center\" alignItems=\"center\">\n            <LoadingSpinner {...loadingIconProps} />\n          </Flex>\n        )}\n      </RebassButton>\n    </ButtonWrapper>\n  );\n};\n"],"names":["clickWrapper","onClick","scrollTo","history","_event","ButtonWrapper","link","isInternal","children","target","rel","onLinkClick","linkStyle","jsx","Fragment","Link","Button","props","disabled","variant","padding","fontSize","fontWeight","letterSpacing","textDecoration","textTransform","hoverFontWeight","hoverTextDecoration","borderRadius","width","height","borderStyle","borderWidth","borderColor","fill","color","bg","stroke","hoverBorderStyle","hoverBorderWidth","hoverBorderColor","hoverFill","hoverColor","hoverBg","hoverStroke","display","transition","zIndex","cursor","testLocatorId","tooltipText","tooltipPlacement","loading","loadingIconProps","onHover","sx","actualProps","RebassButton","generateTestLocator","Flex","LoadingSpinner"],"mappings":"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"}
+{"version":3,"file":"sd-component-library24.js","sources":["../src/components/buttons/button/button.tsx"],"sourcesContent":["import React from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport { History } from \"history\";\nimport { Flex, Button as RebassButton } from \"rebass\";\n\nimport { generateTestLocator } from \"../../../core/functions\";\nimport { LoadingSpinner } from \"../../animations/loading-spinner\";\nimport { ButtonProps } from \"./interfaces\";\n\n/**\n * A wrapper to handle various click behaviours for buttons.\n *\n * @param history The history object for navigation.\n * @param onClick The call back to run on button click.\n * @param link The location to navigate to if the button is a link.\n * @param scrollTo The section of the page to scroll to.\n *\n * @returns The on click call back.\n */\nfunction clickWrapper(\n  onClick?: ButtonProps[\"onClick\"],\n  scrollTo?: string,\n  history?: History\n): (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void {\n  return (_event: React.MouseEvent<HTMLButtonElement, MouseEvent>): void => {\n    onClick?.(_event);\n\n    if (scrollTo) {\n      // If current hash is not same as new hash, update the hash\n      if (`#${scrollTo}` !== window.location.hash)\n        history?.replace(\n          `${window.location.pathname.split(\"#\")[0]}#${scrollTo}`\n        ) ||\n          window.history.replaceState(\n            undefined,\n            \"\",\n            `${window.location.pathname.split(\"#\")[0]}#${scrollTo}`\n          );\n      // Otherwise forcefully dispatch a `hashchange` event to scroll.\n      window.dispatchEvent(new HashChangeEvent(\"hashchange\"));\n    }\n  };\n}\n\nconst ButtonWrapper: React.FC<\n  Pick<\n    ButtonProps,\n    | \"link\"\n    | \"isInternal\"\n    | \"children\"\n    | \"target\"\n    | \"rel\"\n    | \"onLinkClick\"\n    | \"linkStyle\"\n  >\n> = ({\n  link,\n  isInternal = true,\n  children,\n  target = \"_self\",\n  rel = \"noopener noreferrer\",\n  onLinkClick,\n  linkStyle: externalLinkStyle,\n}) => {\n  const linkStyle: React.CSSProperties = {\n    display: \"grid\",\n    color: \"inherit\",\n    textDecoration: \"none\",\n    ...externalLinkStyle,\n  };\n\n  return link === undefined ? (\n    <>{children}</>\n  ) : isInternal ? (\n    <Link\n      to={link}\n      style={linkStyle}\n      data-testid=\"react-router-link\"\n      onClick={onLinkClick}\n    >\n      {children}\n    </Link>\n  ) : (\n    <a\n      href={link}\n      target={target}\n      rel={rel}\n      style={linkStyle}\n      onClick={onLinkClick}\n      data-testid=\"anchor-tag\"\n    >\n      {children}\n    </a>\n  );\n};\n\n/**\n * Base button component. Other button components should be built from this.\n */\nexport const Button: React.FC<ButtonProps> = (props) => {\n  const {\n    link,\n    isInternal = true,\n    scrollTo,\n    onClick,\n    children,\n    disabled,\n    variant,\n    padding,\n    fontSize,\n    fontWeight,\n    letterSpacing,\n    textDecoration,\n    textTransform,\n    hoverFontWeight,\n    hoverTextDecoration,\n    borderRadius,\n    width,\n    height,\n    borderStyle,\n    borderWidth,\n    borderColor,\n    fill,\n    color,\n    bg,\n    stroke,\n    hoverBorderStyle,\n    hoverBorderWidth,\n    hoverBorderColor,\n    hoverFill,\n    hoverColor,\n    hoverBg,\n    hoverStroke,\n    display,\n    transition,\n    history,\n    zIndex,\n    cursor = \"pointer\",\n    rel,\n    target,\n    onLinkClick,\n    testLocatorId,\n    tooltipText,\n    tooltipPlacement = \"bottom\",\n    linkStyle,\n  } = props;\n\n  const {\n    loading = false,\n    loadingIconProps = {},\n    onHover,\n    sx,\n    ...actualProps\n  } = props;\n\n  if (link !== undefined && onClick !== undefined) {\n    throw new Error(\"Cannot have link and onClick at the same time\");\n  }\n\n  return (\n    <ButtonWrapper\n      link={link}\n      isInternal={isInternal}\n      rel={rel}\n      target={target}\n      onLinkClick={onLinkClick}\n      linkStyle={linkStyle}\n    >\n      <RebassButton\n        data-testid=\"button\"\n        {...generateTestLocator(testLocatorId)}\n        {...actualProps}\n        variant={variant}\n        sx={{\n          position: \"relative\",\n          display,\n          padding,\n          fontFamily: \"proxima-nova\",\n          fontSize,\n          fontWeight,\n          letterSpacing,\n          textDecoration,\n          textTransform,\n          width,\n          height,\n          borderRadius,\n          borderStyle,\n          borderWidth,\n          borderColor,\n          fill,\n          stroke,\n          color,\n          bg,\n          outline: \"none !important\",\n          transition,\n          ...(!!tooltipText\n            ? {\n                \"::after\": {\n                  position: \"absolute\",\n                  opacity: 0,\n                  pointerEvents: \"none\",\n                  content: `\"${tooltipText}\"`,\n                  color: \"cl_darkGrey\",\n                  textTransform: \"none\",\n                  letterSpacing: 0,\n                  left: \"50%\",\n                  top:\n                    tooltipPlacement === \"bottom\"\n                      ? \"calc(100% + 10px)\"\n                      : \"-10px\",\n                  borderRadius:\n                    tooltipPlacement === \"bottom\"\n                      ? \"0 0 3px 3px\"\n                      : \"3px 3px 0 0\",\n                  boxShadow: \"0 0 5px 2px #0000001A\",\n                  [tooltipPlacement === \"bottom\"\n                    ? \"borderTop\"\n                    : \"borderBottom\"]: \"2px solid\",\n                  borderColor: \"cl_purple\",\n                  bg: \"white\",\n                  zIndex: 10,\n                  padding: \"8px\",\n                  width: \"max-content\",\n                  maxWidth: \"100%\",\n                  transform: `translate(-50%, ${\n                    tooltipPlacement === \"bottom\" ? \"-20px\" : \"-50%\"\n                  })`,\n                  transition: \"all 150ms cubic-bezier(.25, .8, .25, 1)\",\n                  fontSize: \"14px\",\n                  fontWeight: 400,\n                  lineHeight: \"17px\",\n                },\n              }\n            : {}),\n          \":hover\": {\n            cursor: disabled ? \"default\" : cursor,\n            borderStyle: hoverBorderStyle,\n            borderWidth: hoverBorderWidth,\n            borderColor: hoverBorderColor,\n            fill: hoverFill,\n            stroke: hoverStroke,\n            color: hoverColor,\n            bg: hoverBg,\n            hoverFontWeight,\n            hoverTextDecoration,\n            ...(!!tooltipText\n              ? {\n                  \"::after\": {\n                    opacity: 1,\n                    transform: `translate(-50%, ${\n                      tooltipPlacement === \"bottom\" ? 0 : \"-100%\"\n                    })`,\n                    transitionDuration: \"300ms\",\n                  },\n                }\n              : {}),\n          },\n          zIndex,\n          ...sx,\n        }}\n        onClick={\n          link === undefined\n            ? clickWrapper(onClick, scrollTo, history)\n            : () => {}\n        }\n        onMouseEnter={onHover}\n        disabled={disabled || loading}\n      >\n        {!loading ? (\n          children\n        ) : (\n          <Flex height=\"100%\" justifyContent=\"center\" alignItems=\"center\">\n            <LoadingSpinner {...loadingIconProps} />\n          </Flex>\n        )}\n      </RebassButton>\n    </ButtonWrapper>\n  );\n};\n"],"names":["clickWrapper","onClick","scrollTo","history","_event","ButtonWrapper","link","isInternal","children","target","rel","onLinkClick","externalLinkStyle","linkStyle","jsx","Fragment","Link","Button","props","disabled","variant","padding","fontSize","fontWeight","letterSpacing","textDecoration","textTransform","hoverFontWeight","hoverTextDecoration","borderRadius","width","height","borderStyle","borderWidth","borderColor","fill","color","bg","stroke","hoverBorderStyle","hoverBorderWidth","hoverBorderColor","hoverFill","hoverColor","hoverBg","hoverStroke","display","transition","zIndex","cursor","testLocatorId","tooltipText","tooltipPlacement","loading","loadingIconProps","onHover","sx","actualProps","RebassButton","generateTestLocator","Flex","LoadingSpinner"],"mappings":"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"}

package/lib/sd-component-library241.js

@@ -1,7 +1,7 @@
 import { j as t } from "./sd-component-library197.js";
 import { getCoordinateForArc as A, getInnerX as H, getInnerY as M, degToRad as E } from "./sd-component-library91.js";
 import { getFractionColor as O } from "./sd-component-library240.js";
-import { BaseOutlineArc as X } from "./sd-component-library298.js";
+import { BaseOutlineArc as X } from "./sd-component-library297.js";
 const w = "#CCD0DB", q = (G) => {
   const {
     diameter: I,

package/lib/sd-component-library242.js

@@ -1,7 +1,7 @@
 import { j as N } from "./sd-component-library197.js";
 import { getInnerX as k, getInnerY as B, degToRad as c, getCoordinateForArc as i } from "./sd-component-library91.js";
 import { getFractionColor as b } from "./sd-component-library240.js";
-import { BaseNeedle as q } from "./sd-component-library299.js";
+import { BaseNeedle as q } from "./sd-component-library296.js";
 const O = (R) => {
   const {
     ranges: r,

package/lib/sd-component-library247.js

@@ -1,24 +1,44 @@
-import { j as x } from "./sd-component-library197.js";
-import { Box as n } from "rebass";
-const $ = ({
-  idx: o,
-  color: t,
-  total: i,
-  segmentHeight: r
+import { j as n } from "./sd-component-library197.js";
+import g from "./sd-component-library196.js";
+import { getSegmentCoordinates as I } from "./sd-component-library245.js";
+const w = ({
+  segment: e,
+  size: o,
+  segmentWidth: s,
+  outlineWidth: c,
+  isMatching: a
 }) => {
-  const s = `${o === 0 ? r / 2 : 0}px`, a = `${o === i - 1 ? r / 2 : 0}px`;
-  return /* @__PURE__ */ x.jsx(
-    n,
-    {
-      bg: t,
-      height: r,
-      sx: {
-        borderRadius: `${s} ${[...Array(2)].fill(a).join(" ")} ${s}`
+  const { color: d } = e, t = o / 2, $ = t - s, {
+    startX: l,
+    startY: m,
+    arc: i,
+    startInnerY: p,
+    startInnerX: h,
+    endInnerY: u,
+    endInnerX: x,
+    endX: f,
+    endY: j
+  } = I(e, t, s), r = o / 2;
+  return /* @__PURE__ */ n.jsxs("g", { children: [
+    /* @__PURE__ */ n.jsx(
+      "path",
+      {
+        d: `M${r},${r} L${l},${m} A${t},${t} 0 ${i > 180 ? "1" : "0"},1 ${f},${j}Z`,
+        fill: a ? d : g.colors.cl_lightGrey,
+        strokeWidth: c,
+        stroke: "white"
       }
-    }
-  );
+    ),
+    /* @__PURE__ */ n.jsx(
+      "path",
+      {
+        d: `M${r},${r} L${h},${p} A${$},${$} 0 ${i > 180 ? "1" : "0"},1 ${x},${u}Z`,
+        fill: "white"
+      }
+    )
+  ] });
 };
 export {
-  $ as LinearGaugeSegment
+  w as CompactDonutGaugeSegment
 };
 //# sourceMappingURL=sd-component-library247.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library247.js","sources":["../src/components/meters/linear-gauge-meter-partials/linear-gauge-segment/linear-gauge-segment.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { LinearGaugeSegmentProps as Props } from \"./interfaces\";\n\nexport const LinearGaugeSegment: React.FC<Props> = ({\n  idx,\n  color,\n  total,\n  segmentHeight,\n}) => {\n  const leftRadius = `${idx === 0 ? segmentHeight / 2 : 0}px`;\n  const rightRadius = `${idx === total - 1 ? segmentHeight / 2 : 0}px`;\n\n  return (\n    <Box\n      bg={color}\n      height={segmentHeight}\n      sx={{\n        borderRadius: `${leftRadius} ${[...Array(2)]\n          .fill(rightRadius)\n          .join(\" \")} ${leftRadius}`,\n      }}\n    />\n  );\n};\n"],"names":["LinearGaugeSegment","idx","color","total","segmentHeight","leftRadius","rightRadius","jsx","Box"],"mappings":";;AAMO,MAAMA,IAAsC,CAAC;AAAA,EAClD,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AACF,MAAM;AACJ,QAAMC,IAAa,GAAGJ,MAAQ,IAAIG,IAAgB,IAAI,CAAC,MACjDE,IAAc,GAAGL,MAAQE,IAAQ,IAAIC,IAAgB,IAAI,CAAC;AAG9D,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAIN;AAAA,MACJ,QAAQE;AAAA,MACR,IAAI;AAAA,QACF,cAAc,GAAGC,CAAU,IAAI,CAAC,GAAG,MAAM,CAAC,CAAC,EACxC,KAAKC,CAAW,EAChB,KAAK,GAAG,CAAC,IAAID,CAAU;AAAA,MAC5B;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library247.js","sources":["../src/components/meters/compact-donut-gauge/partials/compact-donut-gauge-segment/compact-donut-gauge-segment.tsx"],"sourcesContent":["import React from \"react\";\n\nimport theme from \"../../../../../core/theme\";\nimport { getSegmentCoordinates } from \"../../../donut-diagram/utils\";\nimport { CompactDonutGaugeSegmentProps as Props } from \"./interfaces\";\n\nexport const CompactDonutGaugeSegment: React.FC<Props> = ({\n  segment,\n  size: diameter,\n  segmentWidth,\n  outlineWidth,\n  isMatching,\n}) => {\n  const { color } = segment;\n\n  const radius = diameter / 2;\n  const innerRadius = radius - segmentWidth;\n\n  const {\n    startX,\n    startY,\n    arc,\n    startInnerY,\n    startInnerX,\n    endInnerY,\n    endInnerX,\n    endX,\n    endY,\n  } = getSegmentCoordinates(segment, radius, segmentWidth);\n\n  const center = diameter / 2;\n\n  return (\n    <g>\n      {/* colored sector */}\n      <path\n        d={`M${center},${center} L${startX},${startY} A${radius},${radius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${endX},${endY}Z`}\n        fill={isMatching ? color : theme.colors[\"cl_lightGrey\"]}\n        strokeWidth={outlineWidth}\n        stroke=\"white\"\n      />\n\n      {/* white inner sector */}\n      <path\n        d={`M${center},${center} L${startInnerX},${startInnerY} A${innerRadius},${innerRadius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${endInnerX},${endInnerY}Z`}\n        fill=\"white\"\n      />\n    </g>\n  );\n};\n"],"names":["CompactDonutGaugeSegment","segment","diameter","segmentWidth","outlineWidth","isMatching","color","radius","innerRadius","startX","startY","arc","startInnerY","startInnerX","endInnerY","endInnerX","endX","endY","getSegmentCoordinates","center","jsx","theme"],"mappings":";;;AAMO,MAAMA,IAA4C,CAAC;AAAA,EACxD,SAAAC;AAAA,EACA,MAAMC;AAAA,EACN,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AACF,MAAM;AACE,QAAA,EAAE,OAAAC,EAAU,IAAAL,GAEZM,IAASL,IAAW,GACpBM,IAAcD,IAASJ,GAEvB;AAAA,IACJ,QAAAM;AAAA,IACA,QAAAC;AAAA,IACA,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,EACE,IAAAC,EAAsBjB,GAASM,GAAQJ,CAAY,GAEjDgB,IAASjB,IAAW;AAE1B,gCACG,KAEC,EAAA,UAAA;AAAA,IAAAkB,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAID,CAAM,IAAIA,CAAM,KAAKV,CAAM,IAAIC,CAAM,KAAKH,CAAM,IAAIA,CAAM,MAC/DI,IAAM,MAAM,MAAM,GACpB,MAAMK,CAAI,IAAIC,CAAI;AAAA,QAClB,MAAMZ,IAAaC,IAAQe,EAAM,OAAO;AAAA,QACxC,aAAajB;AAAA,QACb,QAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAGAgB,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAID,CAAM,IAAIA,CAAM,KAAKN,CAAW,IAAID,CAAW,KAAKJ,CAAW,IAAIA,CAAW,MACnFG,IAAM,MAAM,MAAM,GACpB,MAAMI,CAAS,IAAID,CAAS;AAAA,QAC5B,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library248.js

@@ -1,23 +1,30 @@
-import { j as o } from "./sd-component-library197.js";
-import { ResponsiveTextV2 as r } from "./sd-component-library150.js";
-const m = ({
-  text: e,
-  color: t,
-  ...i
-}) => /* @__PURE__ */ o.jsx(
-  r,
+import { j as t } from "./sd-component-library197.js";
+import { FlexCenter as s } from "./sd-component-library34.js";
+import { ResponsiveTextV2 as i } from "./sd-component-library150.js";
+const l = ({
+  segment: { start: n, end: r, color: e },
+  size: o
+}) => /* @__PURE__ */ t.jsx("foreignObject", { x: 0, y: 0, width: o, height: o, children: /* @__PURE__ */ t.jsx(s, { height: "100%", children: /* @__PURE__ */ t.jsxs(
+  i,
   {
-    height: "12px",
-    fontSizeWeight: [10, "semi-bold"],
-    color: t,
-    mx: "auto",
-    maxWidth: "100%",
-    textAlign: "center",
-    ...i,
-    children: e
+    fontSizeWeight: [20, "bold"],
+    color: e,
+    sx: { position: "relative" },
+    children: [
+      Math.round((r - n) * 100),
+      /* @__PURE__ */ t.jsx(
+        i,
+        {
+          fontSizeWeight: [10, "bold"],
+          color: e,
+          sx: { position: "absolute", top: "4px", left: "100%" },
+          children: "%"
+        }
+      )
+    ]
   }
-);
+) }) });
 export {
-  m as LinearGaugeLabel
+  l as CompactDonutGaugeValueIndicator
 };
 //# sourceMappingURL=sd-component-library248.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library248.js","sources":["../src/components/meters/linear-gauge-meter-partials/linear-gauge-label/linear-gauge-label.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ResponsiveTextV2 } from \"../../../texts\";\nimport { LinearGaugeLabelProps as Props } from \"./interfaces\";\n\nexport const LinearGaugeLabel: React.FC<Props> = ({\n  text,\n  color,\n  ...restOfProps\n}) => {\n  return (\n    <ResponsiveTextV2\n      height=\"12px\"\n      fontSizeWeight={[10, \"semi-bold\"]}\n      color={color}\n      mx=\"auto\"\n      maxWidth=\"100%\"\n      textAlign=\"center\"\n      {...restOfProps}\n    >\n      {text}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["LinearGaugeLabel","text","color","restOfProps","jsx","ResponsiveTextV2"],"mappings":";;AAKO,MAAMA,IAAoC,CAAC;AAAA,EAChD,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,QAAO;AAAA,IACP,gBAAgB,CAAC,IAAI,WAAW;AAAA,IAChC,OAAAH;AAAA,IACA,IAAG;AAAA,IACH,UAAS;AAAA,IACT,WAAU;AAAA,IACT,GAAGC;AAAA,IAEH,UAAAF;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"sd-component-library248.js","sources":["../src/components/meters/compact-donut-gauge/partials/compact-donut-gauge-value-indicator/compact-donut-gauge-value-indicator.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Flex } from \"rebass\";\n\nimport { FlexCenter } from \"../../../../containers\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { CompactDonutGaugeValueIndicatorProps as Props } from \"./interfaces\";\n\nexport const CompactDonutGaugeValueIndicator: React.FC<Props> = ({\n  segment: { start, end, color },\n  size,\n}) => {\n  return (\n    <foreignObject x={0} y={0} width={size} height={size}>\n      <FlexCenter height=\"100%\">\n        <ResponsiveTextV2\n          fontSizeWeight={[20, \"bold\"]}\n          color={color}\n          sx={{ position: \"relative\" }}\n        >\n          {Math.round((end - start) * 100)}\n\n          <ResponsiveTextV2\n            fontSizeWeight={[10, \"bold\"]}\n            color={color}\n            sx={{ position: \"absolute\", top: \"4px\", left: \"100%\" }}\n          >\n            %\n          </ResponsiveTextV2>\n        </ResponsiveTextV2>\n      </FlexCenter>\n    </foreignObject>\n  );\n};\n"],"names":["CompactDonutGaugeValueIndicator","start","end","color","size","jsx","FlexCenter","jsxs","ResponsiveTextV2"],"mappings":";;;AAQO,MAAMA,IAAmD,CAAC;AAAA,EAC/D,SAAS,EAAE,OAAAC,GAAO,KAAAC,GAAK,OAAAC,EAAM;AAAA,EAC7B,MAAAC;AACF,MAEKC,gBAAAA,EAAAA,IAAA,iBAAA,EAAc,GAAG,GAAG,GAAG,GAAG,OAAOD,GAAM,QAAQA,GAC9C,UAACC,gBAAAA,MAAAC,GAAA,EAAW,QAAO,QACjB,UAAAC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,gBAAgB,CAAC,IAAI,MAAM;AAAA,IAC3B,OAAAL;AAAA,IACA,IAAI,EAAE,UAAU,WAAW;AAAA,IAE1B,UAAA;AAAA,MAAK,KAAA,OAAOD,IAAMD,KAAS,GAAG;AAAA,MAE/BI,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,gBAAgB,CAAC,IAAI,MAAM;AAAA,UAC3B,OAAAL;AAAA,UACA,IAAI,EAAE,UAAU,YAAY,KAAK,OAAO,MAAM,OAAO;AAAA,UACtD,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,IAAA;AAAA,EAAA;AAAA,EAEJ,CAAA,EACF,CAAA;"}