@selfdecode/sd-component-library 4.0.90 → 4.0.91

package/lib/sd-component-library284.js

@@ -1,105 +1,109 @@
-import { j as r } from "./sd-component-library195.js";
-import l from "react";
-import { DateRangePicker as s } from "react-date-range";
-import { Box as x } from "rebass";
-import { getCalendarProps as c } from "./sd-component-library283.js";
-import { OutsideClickBox as m } from "./sd-component-library11.js";
-import { ResponsiveTextV2 as f } from "./sd-component-library149.js";
-import { SelectedRangeText as h } from "./sd-component-library321.js";
-import { FrFrContainer as g } from "./sd-component-library37.js";
-import { PrimaryTextButton as u } from "./sd-component-library21.js";
-import { ApplyButton as R } from "./sd-component-library322.js";
-const z = l.forwardRef(
-  (e, i) => {
-    const { zIndex: n, customOptionSelected: a, handleCancel: o, getStaticRanges: d } = e, p = (t) => {
-      t == null || t.preventDefault(), o();
-    };
-    return /* @__PURE__ */ r.jsx(
-      x,
-      {
-        sx: {
-          position: "fixed",
-          top: 0,
-          left: 0,
-          width: "100vw",
-          height: "100vh",
-          overflowY: "auto",
-          py: "30px",
-          bg: "#434A5499"
+import { j as e } from "./sd-component-library195.js";
+import { DateRangePicker as p } from "react-date-range";
+import { Box as l } from "rebass";
+import { getCalendarProps as x } from "./sd-component-library282.js";
+import { TenSb as m } from "./sd-component-library152.js";
+import { PrimaryTextButton as s } from "./sd-component-library21.js";
+import { SelectedRangeText as c } from "./sd-component-library321.js";
+import { ApplyButton as f } from "./sd-component-library322.js";
+import { GridContainerV2 as g } from "./sd-component-library39.js";
+const B = (r) => {
+  const {
+    selectedRange: o,
+    zIndex: n,
+    getStaticRanges: i,
+    handleCancel: a,
+    quickSelectionLabel: d,
+    alignCalendar: t
+  } = r;
+  return /* @__PURE__ */ e.jsxs(
+    l,
+    {
+      sx: {
+        overflowX: "auto",
+        borderStyle: "solid",
+        borderWidth: "1px",
+        minWidth: "max-content",
+        borderColor: "cl_lightGrey",
+        position: "absolute",
+        maxWidth: "max-content",
+        width: "max-content",
+        top: 0,
+        left: t === "left" ? "0" : t === "right" ? "unset" : void 0,
+        right: t === "right" ? "0" : t === "left" ? "unset" : void 0,
+        margin: "auto",
+        backgroundColor: "#fff",
+        zIndex: n,
+        ".rdrDateRangePickerWrapper": {
+          width: "unset",
+          flexDirection: "row"
         },
-        "data-testid": "calendar-wrapper",
-        children: /* @__PURE__ */ r.jsxs(
-          m,
+        ".rdrDefinedRangesWrapper": {
+          width: "226px"
+        },
+        ".rdrCalendarWrapper": {
+          display: "inline-flex"
+        },
+        ".rdrInputRanges": {
+          display: "none"
+        },
+        ".rdrStaticRanges:before": {
+          content: d,
+          fontSize: "14px",
+          fontFamily: "proxima-nova",
+          color: "#9BA2B4",
+          fontWeight: "300",
+          p: "10px 20px"
+        },
+        ".rdrStaticRange": {
+          fontSize: "14px",
+          fontFamily: "proxima-nova",
+          color: "#434A54",
+          borderBottomWidth: "1px"
+        }
+      },
+      "data-testid": "calendar-wrapper",
+      children: [
+        /* @__PURE__ */ e.jsx(m, { children: /* @__PURE__ */ e.jsx(
+          p,
+          {
+            ...x(r),
+            direction: "horizontal",
+            staticRanges: i()
+          }
+        ) }),
+        /* @__PURE__ */ e.jsxs(
+          g,
           {
-            onClickOutside: p,
             sx: {
-              borderStyle: "solid",
-              borderWidth: "1px",
-              borderColor: "cl_lightGrey",
-              minWidth: "352px",
-              width: "max-content",
-              backgroundColor: "#fff",
-              m: "auto",
-              borderRadius: "4px",
-              zIndex: n,
-              ".rdrDateRangePickerWrapper": {
-                width: "100%",
-                flexDirection: "column"
-              },
-              ".rdrDefinedRangesWrapper": {
-                width: "100%"
-              },
-              ".rdrCalendarWrapper": {
-                display: a ? "inline-flex" : "none"
-              },
-              ".rdrInputRanges": {
-                display: "none"
-              },
-              ".rdrStaticRanges:before": {
-                fontSize: "16px",
-                fontFamily: "proxima-nova",
-                color: "#9BA2B4",
-                fontWeight: "300",
-                p: "10px 20px"
-              },
-              ".rdrStaticRange": {
-                fontSize: "16px",
-                fontFamily: "proxima-nova",
-                color: "#434A54",
-                borderBottomWidth: "0"
-              }
+              gridTemplateColumns: "max-content 1fr max-content",
+              gap: "30px",
+              p: "10px",
+              borderTopWidth: "1px",
+              borderTopStyle: "solid",
+              borderTopColor: "#CCD0DB"
             },
             children: [
-              /* @__PURE__ */ r.jsx(f, { fontSizeWeight: [12, "semi-bold"], ref: i, children: /* @__PURE__ */ r.jsx(
+              /* @__PURE__ */ e.jsx(
                 s,
                 {
-                  ...c(e),
-                  direction: "vertical",
-                  staticRanges: d(!0)
+                  onClick: a,
+                  height: "42px",
+                  color: "cl_darkGrey",
+                  padding: "0 0 0 10px",
+                  children: "Cancel"
                 }
-              ) }),
-              /* @__PURE__ */ r.jsx(h, { ...e, isMobile: !0 }),
-              /* @__PURE__ */ r.jsxs(g, { p: "10px 20px", children: [
-                /* @__PURE__ */ r.jsx(
-                  u,
-                  {
-                    onClick: o,
-                    height: "42px",
-                    color: "cl_darkGrey",
-                    padding: "0",
-                    children: "Cancel"
-                  }
-                ),
-                /* @__PURE__ */ r.jsx(R, { ...e })
-              ] })
+              ),
+              /* @__PURE__ */ e.jsx(c, { selectedRange: o }),
+              /* @__PURE__ */ e.jsx(f, { ...r })
             ]
           }
         )
-      }
-    );
-  }
-);
+      ]
+    }
+  );
+};
 export {
-  z as BaseDateRangeInputMobile
+  B as BaseDateRangeInputDesktop
 };
 //# sourceMappingURL=sd-component-library284.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library284.js","sources":["../src/components/inputs/date-inputs/base-date-range-input/partials/base-date-range-input-mobile/base-date-range-input-mobile.tsx"],"sourcesContent":["import React from \"react\";\nimport { DateRangePicker } from \"react-date-range\";\n\nimport { Box } from \"rebass\";\n\nimport { OutsideClickBox } from \"../../../../../boxes\";\nimport { PrimaryTextButton } from \"../../../../../buttons\";\nimport { FrFrContainer } from \"../../../../../containers\";\nimport { ResponsiveTextV2 } from \"../../../../../texts/responsive-text-v2\";\nimport { getCalendarProps } from \"../../utils\";\nimport { ApplyButton } from \"../apply-button\";\nimport { SelectedRangeText } from \"../selected-range-text\";\nimport { BaseDateRangeInputMobileProps as Props } from \"./interfaces\";\n\nexport const BaseDateRangeInputMobile = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => {\n    const { zIndex, customOptionSelected, handleCancel, getStaticRanges } =\n      props;\n\n    const onClickOutside = (event?: React.MouseEvent<HTMLDivElement>) => {\n      event?.preventDefault();\n      handleCancel();\n    };\n\n    return (\n      <Box\n        sx={{\n          position: \"fixed\",\n          top: 0,\n          left: 0,\n          width: \"100vw\",\n          height: \"100vh\",\n          overflowY: \"auto\",\n          py: \"30px\",\n          bg: \"#434A5499\",\n        }}\n        data-testid=\"calendar-wrapper\"\n      >\n        <OutsideClickBox\n          onClickOutside={onClickOutside}\n          sx={{\n            borderStyle: \"solid\",\n            borderWidth: \"1px\",\n            borderColor: \"cl_lightGrey\",\n            minWidth: \"352px\",\n            width: \"max-content\",\n            backgroundColor: \"#fff\",\n            m: \"auto\",\n            borderRadius: \"4px\",\n            zIndex,\n            \".rdrDateRangePickerWrapper\": {\n              width: \"100%\",\n              flexDirection: \"column\",\n            },\n            \".rdrDefinedRangesWrapper\": {\n              width: \"100%\",\n            },\n            \".rdrCalendarWrapper\": {\n              display: customOptionSelected ? \"inline-flex\" : \"none\",\n            },\n            \".rdrInputRanges\": {\n              display: \"none\",\n            },\n            \".rdrStaticRanges:before\": {\n              fontSize: \"16px\",\n              fontFamily: \"proxima-nova\",\n              color: \"#9BA2B4\",\n              fontWeight: \"300\",\n              p: \"10px 20px\",\n            },\n            \".rdrStaticRange\": {\n              fontSize: \"16px\",\n              fontFamily: \"proxima-nova\",\n              color: \"#434A54\",\n              borderBottomWidth: \"0\",\n            },\n          }}\n        >\n          <ResponsiveTextV2 fontSizeWeight={[12, \"semi-bold\"]} ref={ref}>\n            <DateRangePicker\n              {...getCalendarProps(props)}\n              direction=\"vertical\"\n              staticRanges={getStaticRanges(true)}\n            />\n          </ResponsiveTextV2>\n\n          <SelectedRangeText {...props} isMobile />\n\n          <FrFrContainer p=\"10px 20px\">\n            <PrimaryTextButton\n              onClick={handleCancel}\n              height=\"42px\"\n              color=\"cl_darkGrey\"\n              padding=\"0\"\n            >\n              Cancel\n            </PrimaryTextButton>\n\n            <ApplyButton {...props} />\n          </FrFrContainer>\n        </OutsideClickBox>\n      </Box>\n    );\n  }\n);\n"],"names":["BaseDateRangeInputMobile","React","props","ref","zIndex","customOptionSelected","handleCancel","getStaticRanges","onClickOutside","event","jsx","Box","jsxs","OutsideClickBox","ResponsiveTextV2","DateRangePicker","getCalendarProps","SelectedRangeText","FrFrContainer","PrimaryTextButton","ApplyButton"],"mappings":";;;;;;;;;;;AAcO,MAAMA,IAA2BC,EAAM;AAAA,EAC5C,CAACC,GAAOC,MAAQ;AACd,UAAM,EAAE,QAAAC,GAAQ,sBAAAC,GAAsB,cAAAC,GAAc,iBAAAC,MAClDL,GAEIM,IAAiB,CAACC,MAA6C;AACnE,MAAAA,KAAA,QAAAA,EAAO,kBACMH;IAAA;AAIb,WAAAI,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,UAAU;AAAA,UACV,KAAK;AAAA,UACL,MAAM;AAAA,UACN,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,IAAI;AAAA,UACJ,IAAI;AAAA,QACN;AAAA,QACA,eAAY;AAAA,QAEZ,UAAAC,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,gBAAAL;AAAA,YACA,IAAI;AAAA,cACF,aAAa;AAAA,cACb,aAAa;AAAA,cACb,aAAa;AAAA,cACb,UAAU;AAAA,cACV,OAAO;AAAA,cACP,iBAAiB;AAAA,cACjB,GAAG;AAAA,cACH,cAAc;AAAA,cACd,QAAAJ;AAAA,cACA,8BAA8B;AAAA,gBAC5B,OAAO;AAAA,gBACP,eAAe;AAAA,cACjB;AAAA,cACA,4BAA4B;AAAA,gBAC1B,OAAO;AAAA,cACT;AAAA,cACA,uBAAuB;AAAA,gBACrB,SAASC,IAAuB,gBAAgB;AAAA,cAClD;AAAA,cACA,mBAAmB;AAAA,gBACjB,SAAS;AAAA,cACX;AAAA,cACA,2BAA2B;AAAA,gBACzB,UAAU;AAAA,gBACV,YAAY;AAAA,gBACZ,OAAO;AAAA,gBACP,YAAY;AAAA,gBACZ,GAAG;AAAA,cACL;AAAA,cACA,mBAAmB;AAAA,gBACjB,UAAU;AAAA,gBACV,YAAY;AAAA,gBACZ,OAAO;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,YAEA,UAAA;AAAA,cAAAK,gBAAAA,MAACI,KAAiB,gBAAgB,CAAC,IAAI,WAAW,GAAG,KAAAX,GACnD,UAAAO,gBAAAA,EAAA;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACE,GAAGC,EAAiBd,CAAK;AAAA,kBAC1B,WAAU;AAAA,kBACV,cAAcK,EAAgB,EAAI;AAAA,gBAAA;AAAA,cAAA,GAEtC;AAAA,cAECG,gBAAAA,EAAA,IAAAO,GAAA,EAAmB,GAAGf,GAAO,UAAQ,GAAC,CAAA;AAAA,cAEvCU,gBAAAA,EAAAA,KAACM,GAAc,EAAA,GAAE,aACf,UAAA;AAAA,gBAAAR,gBAAAA,EAAA;AAAA,kBAACS;AAAA,kBAAA;AAAA,oBACC,SAASb;AAAA,oBACT,QAAO;AAAA,oBACP,OAAM;AAAA,oBACN,SAAQ;AAAA,oBACT,UAAA;AAAA,kBAAA;AAAA,gBAED;AAAA,gBAEAI,gBAAAA,EAAAA,IAACU,GAAa,EAAA,GAAGlB,GAAO;AAAA,cAAA,GAC1B;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}
+{"version":3,"file":"sd-component-library284.js","sources":["../src/components/inputs/date-inputs/base-date-range-input/partials/base-date-range-input-desktop/base-date-range-input-desktop.tsx"],"sourcesContent":["import React from \"react\";\nimport { DateRangePicker } from \"react-date-range\";\n\nimport { Box } from \"rebass\";\n\nimport { PrimaryTextButton } from \"../../../../../buttons\";\nimport { Grid } from \"../../../../../containers\";\nimport { TenSb } from \"../../../../../texts/ten-sb\";\nimport { getCalendarProps } from \"../../utils\";\nimport { ApplyButton } from \"../apply-button\";\nimport { SelectedRangeText } from \"../selected-range-text\";\nimport { BaseDateRangeInputDesktopProps as Props } from \"./interfaces\";\n\nexport const BaseDateRangeInputDesktop: React.FC<Props> = (props) => {\n  const {\n    selectedRange,\n    zIndex,\n    getStaticRanges,\n    handleCancel,\n    quickSelectionLabel,\n    alignCalendar,\n  } = props;\n  return (\n    <Box\n      sx={{\n        overflowX: \"auto\",\n        borderStyle: \"solid\",\n        borderWidth: \"1px\",\n        minWidth: \"max-content\",\n        borderColor: \"cl_lightGrey\",\n        position: \"absolute\",\n        maxWidth: \"max-content\",\n        width: \"max-content\",\n        top: 0,\n        left:\n          alignCalendar === \"left\"\n            ? \"0\"\n            : alignCalendar === \"right\"\n            ? \"unset\"\n            : undefined,\n        right:\n          alignCalendar === \"right\"\n            ? \"0\"\n            : alignCalendar === \"left\"\n            ? \"unset\"\n            : undefined,\n        margin: \"auto\",\n        backgroundColor: \"#fff\",\n        zIndex,\n        \".rdrDateRangePickerWrapper\": {\n          width: \"unset\",\n          flexDirection: \"row\",\n        },\n        \".rdrDefinedRangesWrapper\": {\n          width: \"226px\",\n        },\n        \".rdrCalendarWrapper\": {\n          display: \"inline-flex\",\n        },\n        \".rdrInputRanges\": {\n          display: \"none\",\n        },\n        \".rdrStaticRanges:before\": {\n          content: quickSelectionLabel,\n          fontSize: \"14px\",\n          fontFamily: \"proxima-nova\",\n          color: \"#9BA2B4\",\n          fontWeight: \"300\",\n          p: \"10px 20px\",\n        },\n        \".rdrStaticRange\": {\n          fontSize: \"14px\",\n          fontFamily: \"proxima-nova\",\n          color: \"#434A54\",\n          borderBottomWidth: \"1px\",\n        },\n      }}\n      data-testid=\"calendar-wrapper\"\n    >\n      <TenSb>\n        <DateRangePicker\n          {...getCalendarProps(props)}\n          direction=\"horizontal\"\n          staticRanges={getStaticRanges()}\n        />\n      </TenSb>\n\n      <Grid\n        sx={{\n          gridTemplateColumns: \"max-content 1fr max-content\",\n          gap: \"30px\",\n          p: \"10px\",\n          borderTopWidth: \"1px\",\n          borderTopStyle: \"solid\",\n          borderTopColor: \"#CCD0DB\",\n        }}\n      >\n        <PrimaryTextButton\n          onClick={handleCancel}\n          height=\"42px\"\n          color=\"cl_darkGrey\"\n          padding=\"0 0 0 10px\"\n        >\n          Cancel\n        </PrimaryTextButton>\n\n        <SelectedRangeText selectedRange={selectedRange} />\n\n        <ApplyButton {...props} />\n      </Grid>\n    </Box>\n  );\n};\n"],"names":["BaseDateRangeInputDesktop","props","selectedRange","zIndex","getStaticRanges","handleCancel","quickSelectionLabel","alignCalendar","jsxs","Box","jsx","TenSb","DateRangePicker","getCalendarProps","Grid","PrimaryTextButton","SelectedRangeText","ApplyButton"],"mappings":";;;;;;;;;AAaa,MAAAA,IAA6C,CAACC,MAAU;AAC7D,QAAA;AAAA,IACJ,eAAAC;AAAA,IACA,QAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,eAAAC;AAAA,EACE,IAAAN;AAEF,SAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,WAAW;AAAA,QACX,aAAa;AAAA,QACb,aAAa;AAAA,QACb,UAAU;AAAA,QACV,aAAa;AAAA,QACb,UAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO;AAAA,QACP,KAAK;AAAA,QACL,MACEF,MAAkB,SACd,MACAA,MAAkB,UAClB,UACA;AAAA,QACN,OACEA,MAAkB,UACd,MACAA,MAAkB,SAClB,UACA;AAAA,QACN,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,QAAAJ;AAAA,QACA,8BAA8B;AAAA,UAC5B,OAAO;AAAA,UACP,eAAe;AAAA,QACjB;AAAA,QACA,4BAA4B;AAAA,UAC1B,OAAO;AAAA,QACT;AAAA,QACA,uBAAuB;AAAA,UACrB,SAAS;AAAA,QACX;AAAA,QACA,mBAAmB;AAAA,UACjB,SAAS;AAAA,QACX;AAAA,QACA,2BAA2B;AAAA,UACzB,SAASG;AAAA,UACT,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,YAAY;AAAA,UACZ,GAAG;AAAA,QACL;AAAA,QACA,mBAAmB;AAAA,UACjB,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,mBAAmB;AAAA,QACrB;AAAA,MACF;AAAA,MACA,eAAY;AAAA,MAEZ,UAAA;AAAA,QAAAI,gBAAAA,MAACC,GACC,EAAA,UAAAD,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACE,GAAGC,EAAiBZ,CAAK;AAAA,YAC1B,WAAU;AAAA,YACV,cAAcG,EAAgB;AAAA,UAAA;AAAA,QAAA,GAElC;AAAA,QAEAI,gBAAAA,EAAA;AAAA,UAACM;AAAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,qBAAqB;AAAA,cACrB,KAAK;AAAA,cACL,GAAG;AAAA,cACH,gBAAgB;AAAA,cAChB,gBAAgB;AAAA,cAChB,gBAAgB;AAAA,YAClB;AAAA,YAEA,UAAA;AAAA,cAAAJ,gBAAAA,EAAA;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,SAASV;AAAA,kBACT,QAAO;AAAA,kBACP,OAAM;AAAA,kBACN,SAAQ;AAAA,kBACT,UAAA;AAAA,gBAAA;AAAA,cAED;AAAA,cAEAK,gBAAAA,MAACM,KAAkB,eAAAd,GAA8B;AAAA,cAEjDQ,gBAAAA,EAAAA,IAACO,GAAa,EAAA,GAAGhB,GAAO;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library285.js

@@ -1,109 +1,13 @@
-import { j as e } from "./sd-component-library195.js";
-import { DateRangePicker as p } from "react-date-range";
-import { Box as l } from "rebass";
-import { getCalendarProps as x } from "./sd-component-library283.js";
-import { TenSb as m } from "./sd-component-library152.js";
-import { PrimaryTextButton as s } from "./sd-component-library21.js";
-import { SelectedRangeText as c } from "./sd-component-library321.js";
-import { ApplyButton as f } from "./sd-component-library322.js";
-import { GridContainerV2 as g } from "./sd-component-library39.js";
-const B = (r) => {
-  const {
-    selectedRange: o,
-    zIndex: n,
-    getStaticRanges: i,
-    handleCancel: a,
-    quickSelectionLabel: d,
-    alignCalendar: t
-  } = r;
-  return /* @__PURE__ */ e.jsxs(
-    l,
-    {
-      sx: {
-        overflowX: "auto",
-        borderStyle: "solid",
-        borderWidth: "1px",
-        minWidth: "max-content",
-        borderColor: "cl_lightGrey",
-        position: "absolute",
-        maxWidth: "max-content",
-        width: "max-content",
-        top: 0,
-        left: t === "left" ? "0" : t === "right" ? "unset" : void 0,
-        right: t === "right" ? "0" : t === "left" ? "unset" : void 0,
-        margin: "auto",
-        backgroundColor: "#fff",
-        zIndex: n,
-        ".rdrDateRangePickerWrapper": {
-          width: "unset",
-          flexDirection: "row"
-        },
-        ".rdrDefinedRangesWrapper": {
-          width: "226px"
-        },
-        ".rdrCalendarWrapper": {
-          display: "inline-flex"
-        },
-        ".rdrInputRanges": {
-          display: "none"
-        },
-        ".rdrStaticRanges:before": {
-          content: d,
-          fontSize: "14px",
-          fontFamily: "proxima-nova",
-          color: "#9BA2B4",
-          fontWeight: "300",
-          p: "10px 20px"
-        },
-        ".rdrStaticRange": {
-          fontSize: "14px",
-          fontFamily: "proxima-nova",
-          color: "#434A54",
-          borderBottomWidth: "1px"
-        }
-      },
-      "data-testid": "calendar-wrapper",
-      children: [
-        /* @__PURE__ */ e.jsx(m, { children: /* @__PURE__ */ e.jsx(
-          p,
-          {
-            ...x(r),
-            direction: "horizontal",
-            staticRanges: i()
-          }
-        ) }),
-        /* @__PURE__ */ e.jsxs(
-          g,
-          {
-            sx: {
-              gridTemplateColumns: "max-content 1fr max-content",
-              gap: "30px",
-              p: "10px",
-              borderTopWidth: "1px",
-              borderTopStyle: "solid",
-              borderTopColor: "#CCD0DB"
-            },
-            children: [
-              /* @__PURE__ */ e.jsx(
-                s,
-                {
-                  onClick: a,
-                  height: "42px",
-                  color: "cl_darkGrey",
-                  padding: "0 0 0 10px",
-                  children: "Cancel"
-                }
-              ),
-              /* @__PURE__ */ e.jsx(c, { selectedRange: o }),
-              /* @__PURE__ */ e.jsx(f, { ...r })
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
+import * as e from "react";
+const a = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 18.2, height: 20, viewBox: "0 0 18.2 20", ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, `
+      .calendar{
+        fill:none;
+        stroke-linecap:round;
+        stroke-linejoin:round;
+        stroke-width:2px;
+      }
+    `)), /* @__PURE__ */ e.createElement("g", { transform: "translate(-3.5 -2)" }, /* @__PURE__ */ e.createElement("path", { className: "calendar", stroke: "current", d: "M6.3,6H18.9a1.8,1.8,0,0,1,1.8,1.8V20.4a1.8,1.8,0,0,1-1.8,1.8H6.3a1.8,1.8,0,0,1-1.8-1.8V7.8A1.8,1.8,0,0,1,6.3,6Z", transform: "translate(0 -1.2)" }), /* @__PURE__ */ e.createElement("path", { className: "calendar", stroke: "current", d: "M24,3V6.6", transform: "translate(-7.8 0)" }), /* @__PURE__ */ e.createElement("path", { className: "calendar", stroke: "current", d: "M12,3V6.6", transform: "translate(-3 0)" }), /* @__PURE__ */ e.createElement("path", { className: "calendar", stroke: "current", d: "M4.5,15H20.7", transform: "translate(0 -4.8)" })));
 export {
-  B as BaseDateRangeInputDesktop
+  a as ReactComponent
 };
 //# sourceMappingURL=sd-component-library285.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library285.js","sources":["../src/components/inputs/date-inputs/base-date-range-input/partials/base-date-range-input-desktop/base-date-range-input-desktop.tsx"],"sourcesContent":["import React from \"react\";\nimport { DateRangePicker } from \"react-date-range\";\n\nimport { Box } from \"rebass\";\n\nimport { PrimaryTextButton } from \"../../../../../buttons\";\nimport { Grid } from \"../../../../../containers\";\nimport { TenSb } from \"../../../../../texts/ten-sb\";\nimport { getCalendarProps } from \"../../utils\";\nimport { ApplyButton } from \"../apply-button\";\nimport { SelectedRangeText } from \"../selected-range-text\";\nimport { BaseDateRangeInputDesktopProps as Props } from \"./interfaces\";\n\nexport const BaseDateRangeInputDesktop: React.FC<Props> = (props) => {\n  const {\n    selectedRange,\n    zIndex,\n    getStaticRanges,\n    handleCancel,\n    quickSelectionLabel,\n    alignCalendar,\n  } = props;\n  return (\n    <Box\n      sx={{\n        overflowX: \"auto\",\n        borderStyle: \"solid\",\n        borderWidth: \"1px\",\n        minWidth: \"max-content\",\n        borderColor: \"cl_lightGrey\",\n        position: \"absolute\",\n        maxWidth: \"max-content\",\n        width: \"max-content\",\n        top: 0,\n        left:\n          alignCalendar === \"left\"\n            ? \"0\"\n            : alignCalendar === \"right\"\n            ? \"unset\"\n            : undefined,\n        right:\n          alignCalendar === \"right\"\n            ? \"0\"\n            : alignCalendar === \"left\"\n            ? \"unset\"\n            : undefined,\n        margin: \"auto\",\n        backgroundColor: \"#fff\",\n        zIndex,\n        \".rdrDateRangePickerWrapper\": {\n          width: \"unset\",\n          flexDirection: \"row\",\n        },\n        \".rdrDefinedRangesWrapper\": {\n          width: \"226px\",\n        },\n        \".rdrCalendarWrapper\": {\n          display: \"inline-flex\",\n        },\n        \".rdrInputRanges\": {\n          display: \"none\",\n        },\n        \".rdrStaticRanges:before\": {\n          content: quickSelectionLabel,\n          fontSize: \"14px\",\n          fontFamily: \"proxima-nova\",\n          color: \"#9BA2B4\",\n          fontWeight: \"300\",\n          p: \"10px 20px\",\n        },\n        \".rdrStaticRange\": {\n          fontSize: \"14px\",\n          fontFamily: \"proxima-nova\",\n          color: \"#434A54\",\n          borderBottomWidth: \"1px\",\n        },\n      }}\n      data-testid=\"calendar-wrapper\"\n    >\n      <TenSb>\n        <DateRangePicker\n          {...getCalendarProps(props)}\n          direction=\"horizontal\"\n          staticRanges={getStaticRanges()}\n        />\n      </TenSb>\n\n      <Grid\n        sx={{\n          gridTemplateColumns: \"max-content 1fr max-content\",\n          gap: \"30px\",\n          p: \"10px\",\n          borderTopWidth: \"1px\",\n          borderTopStyle: \"solid\",\n          borderTopColor: \"#CCD0DB\",\n        }}\n      >\n        <PrimaryTextButton\n          onClick={handleCancel}\n          height=\"42px\"\n          color=\"cl_darkGrey\"\n          padding=\"0 0 0 10px\"\n        >\n          Cancel\n        </PrimaryTextButton>\n\n        <SelectedRangeText selectedRange={selectedRange} />\n\n        <ApplyButton {...props} />\n      </Grid>\n    </Box>\n  );\n};\n"],"names":["BaseDateRangeInputDesktop","props","selectedRange","zIndex","getStaticRanges","handleCancel","quickSelectionLabel","alignCalendar","jsxs","Box","jsx","TenSb","DateRangePicker","getCalendarProps","Grid","PrimaryTextButton","SelectedRangeText","ApplyButton"],"mappings":";;;;;;;;;AAaa,MAAAA,IAA6C,CAACC,MAAU;AAC7D,QAAA;AAAA,IACJ,eAAAC;AAAA,IACA,QAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,eAAAC;AAAA,EACE,IAAAN;AAEF,SAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,WAAW;AAAA,QACX,aAAa;AAAA,QACb,aAAa;AAAA,QACb,UAAU;AAAA,QACV,aAAa;AAAA,QACb,UAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO;AAAA,QACP,KAAK;AAAA,QACL,MACEF,MAAkB,SACd,MACAA,MAAkB,UAClB,UACA;AAAA,QACN,OACEA,MAAkB,UACd,MACAA,MAAkB,SAClB,UACA;AAAA,QACN,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,QAAAJ;AAAA,QACA,8BAA8B;AAAA,UAC5B,OAAO;AAAA,UACP,eAAe;AAAA,QACjB;AAAA,QACA,4BAA4B;AAAA,UAC1B,OAAO;AAAA,QACT;AAAA,QACA,uBAAuB;AAAA,UACrB,SAAS;AAAA,QACX;AAAA,QACA,mBAAmB;AAAA,UACjB,SAAS;AAAA,QACX;AAAA,QACA,2BAA2B;AAAA,UACzB,SAASG;AAAA,UACT,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,YAAY;AAAA,UACZ,GAAG;AAAA,QACL;AAAA,QACA,mBAAmB;AAAA,UACjB,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,mBAAmB;AAAA,QACrB;AAAA,MACF;AAAA,MACA,eAAY;AAAA,MAEZ,UAAA;AAAA,QAAAI,gBAAAA,MAACC,GACC,EAAA,UAAAD,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACE,GAAGC,EAAiBZ,CAAK;AAAA,YAC1B,WAAU;AAAA,YACV,cAAcG,EAAgB;AAAA,UAAA;AAAA,QAAA,GAElC;AAAA,QAEAI,gBAAAA,EAAA;AAAA,UAACM;AAAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,qBAAqB;AAAA,cACrB,KAAK;AAAA,cACL,GAAG;AAAA,cACH,gBAAgB;AAAA,cAChB,gBAAgB;AAAA,cAChB,gBAAgB;AAAA,YAClB;AAAA,YAEA,UAAA;AAAA,cAAAJ,gBAAAA,EAAA;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,SAASV;AAAA,kBACT,QAAO;AAAA,kBACP,OAAM;AAAA,kBACN,SAAQ;AAAA,kBACT,UAAA;AAAA,gBAAA;AAAA,cAED;AAAA,cAEAK,gBAAAA,MAACM,KAAkB,eAAAd,GAA8B;AAAA,cAEjDQ,gBAAAA,EAAAA,IAACO,GAAa,EAAA,GAAGhB,GAAO;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library285.js","sources":["../src/components/icons/calendar-icon/calendar.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOC4yIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMTguMiAyMCI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jYWxlbmRhcnsKICAgICAgICBmaWxsOm5vbmU7CiAgICAgICAgc3Ryb2tlLWxpbmVjYXA6cm91bmQ7CiAgICAgICAgc3Ryb2tlLWxpbmVqb2luOnJvdW5kOwogICAgICAgIHN0cm9rZS13aWR0aDoycHg7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjUgLTIpIj4KICAgIDxwYXRoIGNsYXNzPSJjYWxlbmRhciIgc3Ryb2tlPSJjdXJyZW50IiBkPSJNNi4zLDZIMTguOWExLjgsMS44LDAsMCwxLDEuOCwxLjhWMjAuNGExLjgsMS44LDAsMCwxLTEuOCwxLjhINi4zYTEuOCwxLjgsMCwwLDEtMS44LTEuOFY3LjhBMS44LDEuOCwwLDAsMSw2LjMsNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTEuMikiLz4KICAgIDxwYXRoIGNsYXNzPSJjYWxlbmRhciIgc3Ryb2tlPSJjdXJyZW50IiBkPSJNMjQsM1Y2LjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03LjggMCkiLz4KICAgIDxwYXRoIGNsYXNzPSJjYWxlbmRhciIgc3Ryb2tlPSJjdXJyZW50IiBkPSJNMTIsM1Y2LjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zIDApIi8+CiAgICA8cGF0aCBjbGFzcz0iY2FsZW5kYXIiIHN0cm9rZT0iY3VycmVudCIgZD0iTTQuNSwxNUgyMC43IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC00LjgpIi8+CiAgPC9nPgo8L3N2Zz4=\""],"names":["SvgCalendar","props","React"],"mappings":";AACK,MAACA,IAAc,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,MAAM,QAAQ,IAAI,SAAS,eAAe,GAAGD,KAAyB,gBAAAC,EAAM,cAAc,QAAQ,MAAsB,gBAAAA,EAAM,cAAc,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAiJ,CAAC,GAAmB,gBAAAA,EAAM,cAAc,KAAK,EAAE,WAAW,wBAAwC,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,YAAY,QAAQ,WAAW,GAAG,mHAAmH,WAAW,oBAAqB,CAAA,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,YAAY,QAAQ,WAAW,GAAG,aAAa,WAAW,oBAAmB,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,YAAY,QAAQ,WAAW,GAAG,aAAa,WAAW,kBAAmB,CAAA,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,YAAY,QAAQ,WAAW,GAAG,gBAAgB,WAAW,oBAAmB,CAAE,CAAC,CAAC;"}

package/lib/sd-component-library289.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs as e } from "./sd-component-library286.js";
-import { __module as r } from "./sd-component-library290.js";
-import { __require as o } from "./sd-component-library291.js";
-import { __require as p } from "./sd-component-library292.js";
-import { __require as t } from "./sd-component-library293.js";
+import { __module as r } from "./sd-component-library293.js";
+import { __require as o } from "./sd-component-library294.js";
+import { __require as p } from "./sd-component-library295.js";
+import { __require as t } from "./sd-component-library296.js";
 if (process.env.NODE_ENV !== "production") {
   var s = o(), i = !0;
   r.exports = p()(s.isElement, i);

package/lib/sd-component-library290.js

@@ -1,5 +1,6 @@
-var p = { exports: {} };
+import * as t from "react";
+const a = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 29 29", ...e }, /* @__PURE__ */ t.createElement("g", null, /* @__PURE__ */ t.createElement("path", { d: "M184.613,290.162a1.819,1.819,0,0,0-2.387.95,11.709,11.709,0,0,1-21.125,0,1.817,1.817,0,0,0-3.358,1.391h-.031a15.369,15.369,0,0,0,27.85.046A1.816,1.816,0,0,0,184.613,290.162Z", transform: "translate(-157.237 -273.134)" }), /* @__PURE__ */ t.createElement("path", { d: "M172.046,280.871a5.294,5.294,0,0,0-4.7,5.83,1.512,1.512,0,0,0,3.025,0,2.269,2.269,0,1,1,4.478,0,1.513,1.513,0,0,0,3.026,0,5.295,5.295,0,0,0-5.83-5.83Z", transform: "translate(-149.061 -280.841)" }), /* @__PURE__ */ t.createElement("path", { d: "M158.949,288.214a1.512,1.512,0,0,0,1.512-1.512,2.269,2.269,0,1,1,4.478,0,1.513,1.513,0,0,0,3.027,0,5.545,5.545,0,0,0,0-1.131,5.3,5.3,0,0,0-10.529,1.131A1.513,1.513,0,0,0,158.949,288.214Z", transform: "translate(-157.406 -280.841)" })));
 export {
-  p as __module
+  a as ReactComponent
 };
 //# sourceMappingURL=sd-component-library290.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library290.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library290.js","sources":["../src/components/meters/smiley-meter-v2/assets/happy-smiley.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB2aWV3Qm94PSIwIDAgMjkgMjkiCj4KICA8Zz4KICAgIDxwYXRoCiAgICAgIGQ9Ik0xODQuNjEzLDI5MC4xNjJhMS44MTksMS44MTksMCwwLDAtMi4zODcuOTUsMTEuNzA5LDExLjcwOSwwLDAsMS0yMS4xMjUsMCwxLjgxNywxLjgxNywwLDAsMC0zLjM1OCwxLjM5MWgtLjAzMWExNS4zNjksMTUuMzY5LDAsMCwwLDI3Ljg1LjA0NkExLjgxNiwxLjgxNiwwLDAsMCwxODQuNjEzLDI5MC4xNjJaIgogICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTU3LjIzNyAtMjczLjEzNCkiCiAgICAvPgogICAgPHBhdGgKICAgICAgZD0iTTE3Mi4wNDYsMjgwLjg3MWE1LjI5NCw1LjI5NCwwLDAsMC00LjcsNS44MywxLjUxMiwxLjUxMiwwLDAsMCwzLjAyNSwwLDIuMjY5LDIuMjY5LDAsMSwxLDQuNDc4LDAsMS41MTMsMS41MTMsMCwwLDAsMy4wMjYsMCw1LjI5NSw1LjI5NSwwLDAsMC01LjgzLTUuODNaIgogICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQ5LjA2MSAtMjgwLjg0MSkiCiAgICAvPgogICAgPHBhdGgKICAgICAgZD0iTTE1OC45NDksMjg4LjIxNGExLjUxMiwxLjUxMiwwLDAsMCwxLjUxMi0xLjUxMiwyLjI2OSwyLjI2OSwwLDEsMSw0LjQ3OCwwLDEuNTEzLDEuNTEzLDAsMCwwLDMuMDI3LDAsNS41NDUsNS41NDUsMCwwLDAsMC0xLjEzMSw1LjMsNS4zLDAsMCwwLTEwLjUyOSwxLjEzMUExLjUxMywxLjUxMywwLDAsMCwxNTguOTQ5LDI4OC4yMTRaIgogICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTU3LjQwNiAtMjgwLjg0MSkiCiAgICAvPgogIDwvZz4KPC9zdmc+Cg==\""],"names":["SvgHappySmiley","props","React"],"mappings":";AACK,MAACA,IAAiB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,aAAa,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,KAAK,MAAsB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,iLAAiL,WAAW,+BAAgC,CAAA,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,0JAA0J,WAAW,+BAA8B,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,8LAA8L,WAAW,+BAA8B,CAAE,CAAC,CAAC;"}

package/lib/sd-component-library291.js

@@ -1,11 +1,6 @@
-import { __module as e } from "./sd-component-library297.js";
-import { __require as o } from "./sd-component-library298.js";
-import { __require as t } from "./sd-component-library299.js";
-var r;
-function p() {
-  return r ? e.exports : (r = 1, process.env.NODE_ENV === "production" ? e.exports = o() : e.exports = t(), e.exports);
-}
+import * as e from "react";
+const r = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 27 27", ...t }, /* @__PURE__ */ e.createElement("g", null, /* @__PURE__ */ e.createElement("path", { d: "M391,292.419H368a2.089,2.089,0,1,0,0,4.178h23a2.089,2.089,0,0,0,0-4.178Z", transform: "translate(-365.884 -271.09)" }), /* @__PURE__ */ e.createElement("circle", { cx: 3.758, cy: 3.758, r: 3.758, transform: "translate(19.728 0.06)" }), /* @__PURE__ */ e.createElement("circle", { cx: 3.758, cy: 3.758, r: 3.758 })));
 export {
-  p as __require
+  r as ReactComponent
 };
 //# sourceMappingURL=sd-component-library291.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library291.js","sources":["../node_modules/react-is/index.js"],"sourcesContent":["'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-is.production.min.js');\n} else {\n  module.exports = require('./cjs/react-is.development.js');\n}\n"],"names":["reactIsModule","require$$0","require$$1"],"mappings":";;;;;iCAEI,QAAQ,IAAI,aAAa,eAC3BA,EAAA,UAAiBC,MAEjBD,EAAA,UAAiBE;;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library291.js","sources":["../src/components/meters/smiley-meter-v2/assets/neutral-smiley.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB2aWV3Qm94PSIwIDAgMjcgMjciCj4KICA8ZyA+CiAgICA8cGF0aAogICAgICBkPSJNMzkxLDI5Mi40MTlIMzY4YTIuMDg5LDIuMDg5LDAsMSwwLDAsNC4xNzhoMjNhMi4wODksMi4wODksMCwwLDAsMC00LjE3OFoiCiAgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNjUuODg0IC0yNzEuMDkpIgogICAgLz4KICAgIDxjaXJjbGUgY3g9IjMuNzU4IiBjeT0iMy43NTgiIHI9IjMuNzU4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOS43MjggMC4wNikiIC8+CiAgICA8Y2lyY2xlIGN4PSIzLjc1OCIgY3k9IjMuNzU4IiByPSIzLjc1OCIgLz4KICA8L2c+Cjwvc3ZnPgo=\""],"names":["SvgNeutralSmiley","props","React"],"mappings":";AACK,MAACA,IAAmB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,aAAa,GAAGD,KAAyB,gBAAAC,EAAM,cAAc,KAAK,MAAsB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,4EAA4E,WAAW,8BAA6B,CAAE,GAAmB,gBAAAA,EAAM,cAAc,UAAU,EAAE,IAAI,OAAO,IAAI,OAAO,GAAG,OAAO,WAAW,0BAA0B,GAAmB,gBAAAA,EAAM,cAAc,UAAU,EAAE,IAAI,OAAO,IAAI,OAAO,GAAG,MAAO,CAAA,CAAC,CAAC;"}