@selfdecode/sd-component-library 4.0.76-test2 → 4.0.76-test3

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library219.js","sources":["../src/components/boolean-feedback/base-boolean-feedback/base-boolean-feedback.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { MaxMaxContainer } from \"../../containers\";\nimport { TwentyFourBold } from \"../../texts\";\nimport { BaseBooleanFeedbackProps } from \"./interfaces\";\n\n/**\n *  BaseBooleanFeedback component.\n */\nexport const BaseBooleanFeedback: React.FC<BaseBooleanFeedbackProps> = (\n  props\n) => {\n  const {\n    title,\n    renderNegativeOption,\n    renderPositiveOption,\n    onPositiveFeedback,\n    onNegativeFeedback,\n  } = props;\n\n  return (\n    <Box data-testid=\"base-boolean-feedback\">\n      <TwentyFourBold data-testid=\"feedback-title\">{title}</TwentyFourBold>\n      <MaxMaxContainer mt={[\"20px\"]} gap={[\"20px\"]}>\n        <Box data-testid=\"positive-option-container\">\n          {renderPositiveOption(onPositiveFeedback)}\n        </Box>\n        <Box data-testid=\"negative-option-container\">\n          {renderNegativeOption(onNegativeFeedback)}\n        </Box>\n      </MaxMaxContainer>\n    </Box>\n  );\n};\n"],"names":["BaseBooleanFeedback","props","title","renderNegativeOption","renderPositiveOption","onPositiveFeedback","onNegativeFeedback","jsxs","Box","jsx","TwentyFourBold","MaxMaxContainer"],"mappings":";;;;AAWa,MAAAA,IAA0D,CACrEC,MACG;AACG,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,oBAAAC;AAAA,EACE,IAAAL;AAGF,SAAAM,gBAAAA,EAAA,KAACC,GAAI,EAAA,eAAY,yBACf,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAAC,GAAA,EAAe,eAAY,kBAAkB,UAAMR,GAAA;AAAA,IACpDK,gBAAAA,OAACI,KAAgB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,GACzC,UAAA;AAAA,MAAAF,gBAAAA,MAACD,GAAI,EAAA,eAAY,6BACd,UAAAJ,EAAqBC,CAAkB,GAC1C;AAAA,4BACCG,GAAI,EAAA,eAAY,6BACd,UAAAL,EAAqBG,CAAkB,GAC1C;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library219.js","sources":["../src/components/inputs/search-autocomplete-input/partials/search-autocomplete-results-box/search-autocomplete-results-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { HorizontalDivider } from \"../../../../dividers/horizontal-divider\";\nimport { SearchAutocompleteOption } from \"../../interfaces\";\nimport { SearchAutocompleteRow } from \"../search-autocomplete-row\";\nimport { SearchAutocompleteResultsBoxProps as Props } from \"./interfaces\";\n\nexport const SearchAutocompleteResultsBox = <\n  T extends { id: string } = { id: string }\n>(\n  props: Props<T>\n) => {\n  const { results, onSelect, rowHeight, rowsDisplayed } = props;\n\n  const onClick = (result: SearchAutocompleteOption<T>) => () =>\n    onSelect(result);\n\n  return (\n    <Box\n      sx={{\n        top: \"calc(100% - 2px)\",\n        left: 0,\n        position: \"absolute\",\n        width: \"100%\",\n        cursor: \"pointer\",\n        zIndex: 1,\n      }}\n    >\n      <HorizontalDivider color=\"cl_purple\" height=\"2px\" />\n\n      <Box\n        sx={{\n          overflowY: \"auto\",\n          maxHeight: `${rowsDisplayed * (rowHeight + 1) - 1}px`,\n          borderWidth: \"1px\",\n          borderStyle: \"solid\",\n          borderColor: \"cl_lightGrey\",\n          borderRadius: \"0 0 3px 3px\",\n          borderTopStyle: \"none\",\n          boxShadow: \"2px 3px 10px rgba(211,223,255,0.25)\",\n          bg: \"cl_white\",\n        }}\n      >\n        {results.map((result, idx) => (\n          <React.Fragment key={result.id}>\n            {idx !== 0 && <HorizontalDivider color=\"cl_headerLine\" />}\n\n            <SearchAutocompleteRow\n              {...result}\n              onClick={onClick(result)}\n              height={rowHeight}\n            />\n          </React.Fragment>\n        ))}\n      </Box>\n    </Box>\n  );\n};\n"],"names":["SearchAutocompleteResultsBox","props","results","onSelect","rowHeight","rowsDisplayed","onClick","result","jsxs","Box","jsx","HorizontalDivider","idx","React","SearchAutocompleteRow"],"mappings":";;;;;AASa,MAAAA,IAA+B,CAG1CC,MACG;AACH,QAAM,EAAE,SAAAC,GAAS,UAAAC,GAAU,WAAAC,GAAW,eAAAC,MAAkBJ,GAElDK,IAAU,CAACC,MAAwC,MACvDJ,EAASI,CAAM;AAGf,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,KAAK;AAAA,QACL,MAAM;AAAA,QACN,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MAEA,UAAA;AAAA,QAAAC,gBAAAA,EAAA,IAACC,GAAkB,EAAA,OAAM,aAAY,QAAO,OAAM;AAAA,QAElDD,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,WAAW;AAAA,cACX,WAAW,GAAGJ,KAAiBD,IAAY,KAAK,CAAC;AAAA,cACjD,aAAa;AAAA,cACb,aAAa;AAAA,cACb,aAAa;AAAA,cACb,cAAc;AAAA,cACd,gBAAgB;AAAA,cAChB,WAAW;AAAA,cACX,IAAI;AAAA,YACN;AAAA,YAEC,UAAAF,EAAQ,IAAI,CAACK,GAAQK,MACnBJ,gBAAAA,EAAAA,KAAAK,EAAM,UAAN,EACE,UAAA;AAAA,cAAAD,MAAQ,KAAKF,gBAAAA,EAAA,IAACC,GAAkB,EAAA,OAAM,iBAAgB;AAAA,cAEvDD,gBAAAA,EAAA;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACE,GAAGP;AAAA,kBACJ,SAASD,EAAQC,CAAM;AAAA,kBACvB,QAAQH;AAAA,gBAAA;AAAA,cACV;AAAA,YAAA,KAPmBG,EAAO,EAQ5B,CACD;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library22.js

@@ -1,4 +1,4 @@
-import { j as e } from "./sd-component-library190.js";
+import { j as e } from "./sd-component-library191.js";
 import { Label as m } from "@rebass/forms";
 import { Box as p } from "rebass";
 import { Button as x } from "./sd-component-library25.js";

package/lib/sd-component-library220.js

@@ -1,6 +1,68 @@
-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: "M21,13.5v-6A4.5,4.5,0,0,0,16.5,3l-6,13.5V33H27.42a3,3,0,0,0,3-2.55l2.07-13.5a3,3,0,0,0-3-3.45ZM10.5,33H6a3,3,0,0,1-3-3V19.5a3,3,0,0,1,3-3h4.5", transform: "translate(-1.5 -1.5)" }));
+import { j as o } from "./sd-component-library191.js";
+import d from "./sd-component-library188.js";
+import { Link as m } from "react-router-dom";
+import { Box as n, Flex as h } from "rebass";
+import { RegularText as s } from "./sd-component-library157.js";
+import { PrimaryBadge as c } from "./sd-component-library8.js";
+import { HorizontalDivider as f } from "./sd-component-library49.js";
+const S = ({
+  searchResults: t,
+  useRouterLinks: i,
+  onResultClick: r
+}) => /* @__PURE__ */ o.jsx(
+  n,
+  {
+    sx: {
+      position: "absolute",
+      top: "100%",
+      bg: "white",
+      width: "100%",
+      borderRadius: ["0", "0px 0px 3px 3px"],
+      borderWidth: "1px",
+      borderStyle: "solid",
+      borderTopStyle: "none",
+      borderColor: "#C8CCE5",
+      boxShadow: "2px 3px 10px rgba(211,223,255,0.25)"
+    },
+    children: t.map((e, p) => /* @__PURE__ */ o.jsxs(d.Fragment, { children: [
+      i ? /* @__PURE__ */ o.jsx(m, { to: e.url, style: { textDecoration: "none" }, children: /* @__PURE__ */ o.jsx(x, { ...e, onResultClick: r }) }) : /* @__PURE__ */ o.jsx(
+        x,
+        {
+          ...e,
+          onResultClick: r,
+          onClick: () => window.location.href = `https://www.selfdecode.com${e.url}`
+        }
+      ),
+      p + 1 !== t.length && /* @__PURE__ */ o.jsx(f, { color: "cl_lightGrey" })
+    ] }, `${p}-${e.url}`))
+  }
+), x = ({
+  onResultClick: t,
+  onClick: i,
+  ...r
+}) => {
+  const e = () => {
+    t == null || t(r), i == null || i();
+  };
+  return /* @__PURE__ */ o.jsxs(
+    h,
+    {
+      flexDirection: ["column-reverse", "row"],
+      justifyContent: "space-between",
+      sx: {
+        p: "10px 16px",
+        cursor: "pointer",
+        ":hover": { bg: "#eff4ff" }
+      },
+      onClick: e,
+      children: [
+        /* @__PURE__ */ o.jsx(s, { fontSize: 16, children: r.text }),
+        !!r.type && /* @__PURE__ */ o.jsx(n, { width: "max-content", mb: ["8px", "0"], children: /* @__PURE__ */ o.jsx(c, { children: r.type }) })
+      ]
+    }
+  );
+};
 export {
-  e as ReactComponent
+  S as SearchBox
 };
 //# sourceMappingURL=sd-component-library220.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library220.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-library220.js","sources":["../src/components/inputs/search-input/search-box.tsx"],"sourcesContent":["import React from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { PrimaryBadge } from \"../../badges\";\nimport { HorizontalDivider } from \"../../dividers\";\nimport { RegularText } from \"../../texts\";\nimport { SearchInputProps, SearchResult } from \"./index\";\n\ntype Props = Required<Pick<SearchInputProps, \"searchResults\">> &\n  Pick<SearchInputProps, \"useRouterLinks\" | \"onResultClick\">;\n\nexport const SearchBox: React.FC<Props> = ({\n  searchResults,\n  useRouterLinks,\n  onResultClick,\n}) => (\n  <Box\n    sx={{\n      position: \"absolute\",\n      top: \"100%\",\n      bg: \"white\",\n      width: \"100%\",\n      borderRadius: [\"0\", \"0px 0px 3px 3px\"],\n      borderWidth: \"1px\",\n      borderStyle: \"solid\",\n      borderTopStyle: \"none\",\n      borderColor: \"#C8CCE5\",\n      boxShadow: \"2px 3px 10px rgba(211,223,255,0.25)\",\n    }}\n  >\n    {searchResults.map((result, index) => (\n      <React.Fragment key={`${index}-${result.url}`}>\n        {useRouterLinks ? (\n          <Link to={result.url} style={{ textDecoration: \"none\" }}>\n            <ResultContent {...result} onResultClick={onResultClick} />\n          </Link>\n        ) : (\n          <ResultContent\n            {...result}\n            onResultClick={onResultClick}\n            onClick={() =>\n              (window.location.href = `https://www.selfdecode.com${result.url}`)\n            }\n          />\n        )}\n        {index + 1 !== searchResults.length && (\n          <HorizontalDivider color=\"cl_lightGrey\" />\n        )}\n      </React.Fragment>\n    ))}\n  </Box>\n);\n\ntype ContentProps = SearchResult & { onClick?: () => void } & Pick<\n    Props,\n    \"onResultClick\"\n  >;\nconst ResultContent: React.FC<ContentProps> = ({\n  onResultClick,\n  onClick: onClickExternal,\n  ...result\n}) => {\n  const onClick = () => {\n    onResultClick?.(result);\n    onClickExternal?.();\n  };\n\n  return (\n    <Flex\n      flexDirection={[\"column-reverse\", \"row\"]}\n      justifyContent={\"space-between\"}\n      sx={{\n        p: \"10px 16px\",\n        cursor: \"pointer\",\n        \":hover\": { bg: \"#eff4ff\" },\n      }}\n      onClick={onClick}\n    >\n      <RegularText fontSize={16}>{result.text}</RegularText>\n\n      {!!result.type && (\n        <Box width={\"max-content\"} mb={[\"8px\", \"0\"]}>\n          <PrimaryBadge>{result.type}</PrimaryBadge>\n        </Box>\n      )}\n    </Flex>\n  );\n};\n"],"names":["SearchBox","searchResults","useRouterLinks","onResultClick","jsx","Box","result","index","jsxs","React","Link","ResultContent","HorizontalDivider","onClickExternal","onClick","Flex","RegularText","PrimaryBadge"],"mappings":";;;;;;;AAaO,MAAMA,IAA6B,CAAC;AAAA,EACzC,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AACF,MACEC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,MACF,UAAU;AAAA,MACV,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,cAAc,CAAC,KAAK,iBAAiB;AAAA,MACrC,aAAa;AAAA,MACb,aAAa;AAAA,MACb,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,WAAW;AAAA,IACb;AAAA,IAEC,UAAAJ,EAAc,IAAI,CAACK,GAAQC,MACzBC,gBAAAA,EAAAA,KAAAC,EAAM,UAAN,EACE,UAAA;AAAA,MAAAP,0BACEQ,GAAK,EAAA,IAAIJ,EAAO,KAAK,OAAO,EAAE,gBAAgB,OAAO,GACpD,gCAACK,GAAe,EAAA,GAAGL,GAAQ,eAAAH,EAAA,CAA8B,EAC3D,CAAA,IAEAC,gBAAAA,EAAA;AAAA,QAACO;AAAA,QAAA;AAAA,UACE,GAAGL;AAAA,UACJ,eAAAH;AAAA,UACA,SAAS,MACN,OAAO,SAAS,OAAO,6BAA6BG,EAAO,GAAG;AAAA,QAAA;AAAA,MAEnE;AAAA,MAEDC,IAAQ,MAAMN,EAAc,UAC1BG,gBAAAA,EAAA,IAAAQ,GAAA,EAAkB,OAAM,gBAAe;AAAA,IAAA,EAAA,GAfvB,GAAGL,CAAK,IAAID,EAAO,GAAG,EAiB3C,CACD;AAAA,EAAA;AACH,GAOIK,IAAwC,CAAC;AAAA,EAC7C,eAAAR;AAAA,EACA,SAASU;AAAA,EACT,GAAGP;AACL,MAAM;AACJ,QAAMQ,IAAU,MAAM;AACpB,IAAAX,KAAA,QAAAA,EAAgBG,IACEO,KAAA,QAAAA;AAAA,EAAA;AAIlB,SAAAL,gBAAAA,EAAA;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAe,CAAC,kBAAkB,KAAK;AAAA,MACvC,gBAAgB;AAAA,MAChB,IAAI;AAAA,QACF,GAAG;AAAA,QACH,QAAQ;AAAA,QACR,UAAU,EAAE,IAAI,UAAU;AAAA,MAC5B;AAAA,MACA,SAAAD;AAAA,MAEA,UAAA;AAAA,QAAAV,gBAAAA,EAAA,IAACY,GAAY,EAAA,UAAU,IAAK,UAAAV,EAAO,MAAK;AAAA,QAEvC,CAAC,CAACA,EAAO,QACRF,gBAAAA,EAAA,IAACC,KAAI,OAAO,eAAe,IAAI,CAAC,OAAO,GAAG,GACxC,gCAACY,GAAc,EAAA,UAAAX,EAAO,KAAK,CAAA,GAC7B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/lib/sd-component-library221.js

@@ -1,6 +1,6 @@
-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 { r as t } from "./sd-component-library188.js";
+const a = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 10 10", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M10037.5,1055.48l-1,1.02-4-3.97-4,3.97-1-1.02,4-3.98-4-3.98,1-1.02,4,3.97,4-3.97,1,1.02-4,3.98Z", transform: "translate(-10027.5 -1046.5)" }));
 export {
-  e as ReactComponent
+  a as ReactComponent
 };
 //# sourceMappingURL=sd-component-library221.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library221.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-library221.js","sources":["../src/components/inputs/search-input/assets/x.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMCAxMCI+CiAgPHBhdGggZD0iTTEwMDM3LjUsMTA1NS40OGwtMSwxLjAyLTQtMy45Ny00LDMuOTctMS0xLjAyLDQtMy45OC00LTMuOTgsMS0xLjAyLDQsMy45Nyw0LTMuOTcsMSwxLjAyLTQsMy45OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDAyNy41IC0xMDQ2LjUpIi8+Cjwvc3ZnPgo=\""],"names":["SvgX","props","React.createElement"],"mappings":";AACK,MAACA,IAAO,CAACC,MAA0BC,gBAAAA,EAAmB,cAAC,OAAO,EAAE,OAAO,8BAA8B,SAAS,aAAa,GAAGD,EAAO,GAAkBC,gBAAAA,EAAmB,cAAC,QAAQ,EAAE,GAAG,mGAAmG,WAAW,+BAA+B,CAAC;"}

package/lib/sd-component-library222.js

@@ -1,29 +1,49 @@
-import { j as n } from "./sd-component-library190.js";
+import { j as r } from "./sd-component-library191.js";
+import { Flex as c } from "rebass";
+import { BaseTextV2 as m } from "./sd-component-library132.js";
 import { ResponsiveTextV2 as p } from "./sd-component-library144.js";
-const c = (t) => {
-  const { text: o, onClick: e, px: r = "10px", py: i = "15px" } = t;
-  return /* @__PURE__ */ n.jsx(
-    p,
-    {
-      fontSizeWeight: [[16, "regular"]],
-      sx: {
-        display: "flex",
-        justifyContent: "end",
-        px: r,
-        py: i,
-        cursor: "pointer",
-        textTransform: "capitalize",
-        opacity: 0.7,
-        ":hover": {
-          opacity: 1
-        }
-      },
-      onClick: e,
-      children: o
-    }
-  );
+const u = (t) => {
+  const {
+    label: o,
+    errorMessage: l,
+    labelMargin: s,
+    secondLabel: e,
+    secondLabelTextTransform: n,
+    labelSx: a,
+    labelColor: i = "cl_darkGrey",
+    ...x
+  } = t;
+  return o ? /* @__PURE__ */ r.jsxs(c, { sx: { cursor: "default" }, ...x, children: [
+    /* @__PURE__ */ r.jsx(
+      m,
+      {
+        color: l ? "cl_red" : i,
+        sx: {
+          fontSize: 12,
+          fontWeight: 600,
+          m: s,
+          letterSpacing: "1px",
+          textTransform: "uppercase",
+          ...a
+        },
+        children: o
+      }
+    ),
+    e && /* @__PURE__ */ r.jsx(
+      p,
+      {
+        letterSpacing: "1px",
+        ml: e.ml || "3px",
+        color: e.color || "cl_grey",
+        fontSizeWeight: e.fontSizeWeight || [[10, "semi-bold"]],
+        textTransform: n,
+        ...e,
+        children: e.text
+      }
+    )
+  ] }) : null;
 };
 export {
-  c as ActionBox
+  u as SecondaryInputLabels
 };
 //# sourceMappingURL=sd-component-library222.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library222.js","sources":["../src/components/tooltips/actions-tooltip/partials/action-box/action-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts/responsive-text-v2\";\nimport { ActionBoxProps as Props } from \"./interfaces\";\n\nexport const ActionBox: React.FC<Props> = (props) => {\n  const { text, onClick, px = \"10px\", py = \"15px\" } = props;\n\n  return (\n    <ResponsiveTextV2\n      fontSizeWeight={[[16, \"regular\"]]}\n      sx={{\n        display: \"flex\",\n        justifyContent: \"end\",\n        px,\n        py,\n        cursor: \"pointer\",\n        textTransform: \"capitalize\",\n        opacity: 0.7,\n        \":hover\": {\n          opacity: 1,\n        },\n      }}\n      onClick={onClick}\n    >\n      {text}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["ActionBox","props","text","onClick","px","py","jsx","ResponsiveTextV2"],"mappings":";;AAOa,MAAAA,IAA6B,CAACC,MAAU;AACnD,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,IAAAC,IAAK,QAAQ,IAAAC,IAAK,OAAW,IAAAJ;AAGlD,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgB,CAAC,CAAC,IAAI,SAAS,CAAC;AAAA,MAChC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,IAAAH;AAAA,QACA,IAAAC;AAAA,QACA,QAAQ;AAAA,QACR,eAAe;AAAA,QACf,SAAS;AAAA,QACT,UAAU;AAAA,UACR,SAAS;AAAA,QACX;AAAA,MACF;AAAA,MACA,SAAAF;AAAA,MAEC,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library222.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    ...restOfProps\n  } = props;\n\n  if (!label) return null;\n\n  return (\n    <Flex sx={{ cursor: \"default\" }} {...restOfProps}>\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","restOfProps","jsxs","Flex","jsx","BaseTextV2","ResponsiveTextV2"],"mappings":";;;;AAOa,MAAAA,IAAwC,CAACC,MAAU;AACxD,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,GAAGC;AAAA,EACD,IAAAR;AAEJ,SAAKC,IAGHQ,gBAAAA,EAAA,KAACC,KAAK,IAAI,EAAE,QAAQ,UAAU,GAAI,GAAGF,GACnC,UAAA;AAAA,IAAAG,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAOV,IAAe,WAAWK;AAAA,QACjC,IAAI;AAAA,UACF,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,GAAGJ;AAAA,UACH,eAAe;AAAA,UACf,eAAe;AAAA,UACf,GAAGG;AAAA,QACL;AAAA,QAEC,UAAAL;AAAA,MAAA;AAAA,IACH;AAAA,IAECG,KACCO,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,eAAc;AAAA,QACd,IAAIT,EAAY,MAAM;AAAA,QACtB,OAAOA,EAAY,SAAS;AAAA,QAC5B,gBAAgBA,EAAY,kBAAkB,CAAC,CAAC,IAAI,WAAW,CAAC;AAAA,QAChE,eAAeC;AAAA,QACd,GAAGD;AAAA,QAEH,UAAYA,EAAA;AAAA,MAAA;AAAA,IACf;AAAA,EAEJ,EAAA,CAAA,IA9BiB;AAgCrB;"}

package/lib/sd-component-library223.js

@@ -1,328 +1,19 @@
-import O from "./sd-component-library292.js";
-import D from "./sd-component-library293.js";
-import o from "./sd-component-library284.js";
-import v from "react";
-import b from "react-dom";
-import N from "./sd-component-library294.js";
-import { timeoutsShape as R } from "./sd-component-library295.js";
-import g from "./sd-component-library296.js";
-var x = "unmounted", l = "exited", f = "entering", h = "entered", T = "exiting", p = /* @__PURE__ */ function(d) {
-  D(u, d);
-  function u(i, e) {
-    var t;
-    t = d.call(this, i, e) || this;
-    var n = e, r = n && !n.isMounting ? i.enter : i.appear, s;
-    return t.appearStatus = null, i.in ? r ? (s = l, t.appearStatus = f) : s = h : i.unmountOnExit || i.mountOnEnter ? s = x : s = l, t.state = {
-      status: s
-    }, t.nextCallback = null, t;
-  }
-  u.getDerivedStateFromProps = function(e, t) {
-    var n = e.in;
-    return n && t.status === x ? {
-      status: l
-    } : null;
-  };
-  var a = u.prototype;
-  return a.componentDidMount = function() {
-    this.updateStatus(!0, this.appearStatus);
-  }, a.componentDidUpdate = function(e) {
-    var t = null;
-    if (e !== this.props) {
-      var n = this.state.status;
-      this.props.in ? n !== f && n !== h && (t = f) : (n === f || n === h) && (t = T);
+import { j as r } from "./sd-component-library191.js";
+import { Label as l } from "@rebass/forms";
+const i = (a) => {
+  const { variant: t, label: e } = a;
+  return /* @__PURE__ */ r.jsx(
+    l,
+    {
+      "data-testid": "base-label",
+      ...a,
+      sx: { fontFamily: "proxima-nova" },
+      variant: `_labels.${t}`,
+      children: e
     }
-    this.updateStatus(!1, t);
-  }, a.componentWillUnmount = function() {
-    this.cancelNextCallback();
-  }, a.getTimeouts = function() {
-    var e = this.props.timeout, t, n, r;
-    return t = n = r = e, e != null && typeof e != "number" && (t = e.exit, n = e.enter, r = e.appear !== void 0 ? e.appear : n), {
-      exit: t,
-      enter: n,
-      appear: r
-    };
-  }, a.updateStatus = function(e, t) {
-    e === void 0 && (e = !1), t !== null ? (this.cancelNextCallback(), t === f ? this.performEnter(e) : this.performExit()) : this.props.unmountOnExit && this.state.status === l && this.setState({
-      status: x
-    });
-  }, a.performEnter = function(e) {
-    var t = this, n = this.props.enter, r = this.context ? this.context.isMounting : e, s = this.props.nodeRef ? [r] : [b.findDOMNode(this), r], c = s[0], m = s[1], S = this.getTimeouts(), C = r ? S.appear : S.enter;
-    if (!e && !n || N.disabled) {
-      this.safeSetState({
-        status: h
-      }, function() {
-        t.props.onEntered(c);
-      });
-      return;
-    }
-    this.props.onEnter(c, m), this.safeSetState({
-      status: f
-    }, function() {
-      t.props.onEntering(c, m), t.onTransitionEnd(C, function() {
-        t.safeSetState({
-          status: h
-        }, function() {
-          t.props.onEntered(c, m);
-        });
-      });
-    });
-  }, a.performExit = function() {
-    var e = this, t = this.props.exit, n = this.getTimeouts(), r = this.props.nodeRef ? void 0 : b.findDOMNode(this);
-    if (!t || N.disabled) {
-      this.safeSetState({
-        status: l
-      }, function() {
-        e.props.onExited(r);
-      });
-      return;
-    }
-    this.props.onExit(r), this.safeSetState({
-      status: T
-    }, function() {
-      e.props.onExiting(r), e.onTransitionEnd(n.exit, function() {
-        e.safeSetState({
-          status: l
-        }, function() {
-          e.props.onExited(r);
-        });
-      });
-    });
-  }, a.cancelNextCallback = function() {
-    this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
-  }, a.safeSetState = function(e, t) {
-    t = this.setNextCallback(t), this.setState(e, t);
-  }, a.setNextCallback = function(e) {
-    var t = this, n = !0;
-    return this.nextCallback = function(r) {
-      n && (n = !1, t.nextCallback = null, e(r));
-    }, this.nextCallback.cancel = function() {
-      n = !1;
-    }, this.nextCallback;
-  }, a.onTransitionEnd = function(e, t) {
-    this.setNextCallback(t);
-    var n = this.props.nodeRef ? this.props.nodeRef.current : b.findDOMNode(this), r = e == null && !this.props.addEndListener;
-    if (!n || r) {
-      setTimeout(this.nextCallback, 0);
-      return;
-    }
-    if (this.props.addEndListener) {
-      var s = this.props.nodeRef ? [this.nextCallback] : [n, this.nextCallback], c = s[0], m = s[1];
-      this.props.addEndListener(c, m);
-    }
-    e != null && setTimeout(this.nextCallback, e);
-  }, a.render = function() {
-    var e = this.state.status;
-    if (e === x)
-      return null;
-    var t = this.props, n = t.children;
-    t.in, t.mountOnEnter, t.unmountOnExit, t.appear, t.enter, t.exit, t.timeout, t.addEndListener, t.onEnter, t.onEntering, t.onEntered, t.onExit, t.onExiting, t.onExited, t.nodeRef;
-    var r = O(t, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
-    return (
-      // allows for nested Transitions
-      /* @__PURE__ */ v.createElement(g.Provider, {
-        value: null
-      }, typeof n == "function" ? n(e, r) : v.cloneElement(v.Children.only(n), r))
-    );
-  }, u;
-}(v.Component);
-p.contextType = g;
-p.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * A React reference to DOM element that need to transition:
-   * https://stackoverflow.com/a/51127130/4671932
-   *
-   *   - When `nodeRef` prop is used, `node` is not passed to callback functions
-   *      (e.g. `onEnter`) because user already has direct access to the node.
-   *   - When changing `key` prop of `Transition` in a `TransitionGroup` a new
-   *     `nodeRef` need to be provided to `Transition` with changed `key` prop
-   *     (see
-   *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
-   */
-  nodeRef: o.shape({
-    current: typeof Element > "u" ? o.any : function(d, u, a, i, e, t) {
-      var n = d[u];
-      return o.instanceOf(n && "ownerDocument" in n ? n.ownerDocument.defaultView.Element : Element)(d, u, a, i, e, t);
-    }
-  }),
-  /**
-   * A `function` child can be used instead of a React element. This function is
-   * called with the current transition status (`'entering'`, `'entered'`,
-   * `'exiting'`, `'exited'`), which can be used to apply context
-   * specific props to a component.
-   *
-   * ```jsx
-   * <Transition in={this.state.in} timeout={150}>
-   *   {state => (
-   *     <MyComponent className={`fade fade-${state}`} />
-   *   )}
-   * </Transition>
-   * ```
-   */
-  children: o.oneOfType([o.func.isRequired, o.element.isRequired]).isRequired,
-  /**
-   * Show the component; triggers the enter or exit states
-   */
-  in: o.bool,
-  /**
-   * By default the child component is mounted immediately along with
-   * the parent `Transition` component. If you want to "lazy mount" the component on the
-   * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
-   * mounted, even on "exited", unless you also specify `unmountOnExit`.
-   */
-  mountOnEnter: o.bool,
-  /**
-   * By default the child component stays mounted after it reaches the `'exited'` state.
-   * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
-   */
-  unmountOnExit: o.bool,
-  /**
-   * By default the child component does not perform the enter transition when
-   * it first mounts, regardless of the value of `in`. If you want this
-   * behavior, set both `appear` and `in` to `true`.
-   *
-   * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop
-   * > only adds an additional enter transition. However, in the
-   * > `<CSSTransition>` component that first enter transition does result in
-   * > additional `.appear-*` classes, that way you can choose to style it
-   * > differently.
-   */
-  appear: o.bool,
-  /**
-   * Enable or disable enter transitions.
-   */
-  enter: o.bool,
-  /**
-   * Enable or disable exit transitions.
-   */
-  exit: o.bool,
-  /**
-   * The duration of the transition, in milliseconds.
-   * Required unless `addEndListener` is provided.
-   *
-   * You may specify a single timeout for all transitions:
-   *
-   * ```jsx
-   * timeout={500}
-   * ```
-   *
-   * or individually:
-   *
-   * ```jsx
-   * timeout={{
-   *  appear: 500,
-   *  enter: 300,
-   *  exit: 500,
-   * }}
-   * ```
-   *
-   * - `appear` defaults to the value of `enter`
-   * - `enter` defaults to `0`
-   * - `exit` defaults to `0`
-   *
-   * @type {number | { enter?: number, exit?: number, appear?: number }}
-   */
-  timeout: function(u) {
-    var a = R;
-    u.addEndListener || (a = a.isRequired);
-    for (var i = arguments.length, e = new Array(i > 1 ? i - 1 : 0), t = 1; t < i; t++)
-      e[t - 1] = arguments[t];
-    return a.apply(void 0, [u].concat(e));
-  },
-  /**
-   * Add a custom transition end trigger. Called with the transitioning
-   * DOM node and a `done` callback. Allows for more fine grained transition end
-   * logic. Timeouts are still used as a fallback if provided.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * ```jsx
-   * addEndListener={(node, done) => {
-   *   // use the css transitionend event to mark the finish of a transition
-   *   node.addEventListener('transitionend', done, false);
-   * }}
-   * ```
-   */
-  addEndListener: o.func,
-  /**
-   * Callback fired before the "entering" status is applied. An extra parameter
-   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool) -> void
-   */
-  onEnter: o.func,
-  /**
-   * Callback fired after the "entering" status is applied. An extra parameter
-   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool)
-   */
-  onEntering: o.func,
-  /**
-   * Callback fired after the "entered" status is applied. An extra parameter
-   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool) -> void
-   */
-  onEntered: o.func,
-  /**
-   * Callback fired before the "exiting" status is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement) -> void
-   */
-  onExit: o.func,
-  /**
-   * Callback fired after the "exiting" status is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement) -> void
-   */
-  onExiting: o.func,
-  /**
-   * Callback fired after the "exited" status is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed
-   *
-   * @type Function(node: HtmlElement) -> void
-   */
-  onExited: o.func
-} : {};
-function E() {
-}
-p.defaultProps = {
-  in: !1,
-  mountOnEnter: !1,
-  unmountOnExit: !1,
-  appear: !1,
-  enter: !0,
-  exit: !0,
-  onEnter: E,
-  onEntering: E,
-  onEntered: E,
-  onExit: E,
-  onExiting: E,
-  onExited: E
+  );
 };
-p.UNMOUNTED = x;
-p.EXITED = l;
-p.ENTERING = f;
-p.ENTERED = h;
-p.EXITING = T;
-const _ = p;
 export {
-  h as ENTERED,
-  f as ENTERING,
-  l as EXITED,
-  T as EXITING,
-  x as UNMOUNTED,
-  _ as default
+  i as BaseLabel
 };
 //# sourceMappingURL=sd-component-library223.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library223.js","sources":["../node_modules/react-transition-group/esm/Transition.js"],"sourcesContent":["import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport config from './config';\nimport { timeoutsShape } from './utils/PropTypes';\nimport TransitionGroupContext from './TransitionGroupContext';\nexport var UNMOUNTED = 'unmounted';\nexport var EXITED = 'exited';\nexport var ENTERING = 'entering';\nexport var ENTERED = 'entered';\nexport var EXITING = 'exiting';\n/**\n * The Transition component lets you describe a transition from one component\n * state to another _over time_ with a simple declarative API. Most commonly\n * it's used to animate the mounting and unmounting of a component, but can also\n * be used to describe in-place transition states as well.\n *\n * ---\n *\n * **Note**: `Transition` is a platform-agnostic base component. If you're using\n * transitions in CSS, you'll probably want to use\n * [`CSSTransition`](https://reactcommunity.org/react-transition-group/css-transition)\n * instead. It inherits all the features of `Transition`, but contains\n * additional features necessary to play nice with CSS transitions (hence the\n * name of the component).\n *\n * ---\n *\n * By default the `Transition` component does not alter the behavior of the\n * component it renders, it only tracks \"enter\" and \"exit\" states for the\n * components. It's up to you to give meaning and effect to those states. For\n * example we can add styles to a component when it enters or exits:\n *\n * ```jsx\n * import { Transition } from 'react-transition-group';\n *\n * const duration = 300;\n *\n * const defaultStyle = {\n *   transition: `opacity ${duration}ms ease-in-out`,\n *   opacity: 0,\n * }\n *\n * const transitionStyles = {\n *   entering: { opacity: 1 },\n *   entered:  { opacity: 1 },\n *   exiting:  { opacity: 0 },\n *   exited:  { opacity: 0 },\n * };\n *\n * const Fade = ({ in: inProp }) => (\n *   <Transition in={inProp} timeout={duration}>\n *     {state => (\n *       <div style={{\n *         ...defaultStyle,\n *         ...transitionStyles[state]\n *       }}>\n *         I'm a fade Transition!\n *       </div>\n *     )}\n *   </Transition>\n * );\n * ```\n *\n * There are 4 main states a Transition can be in:\n *  - `'entering'`\n *  - `'entered'`\n *  - `'exiting'`\n *  - `'exited'`\n *\n * Transition state is toggled via the `in` prop. When `true` the component\n * begins the \"Enter\" stage. During this stage, the component will shift from\n * its current transition state, to `'entering'` for the duration of the\n * transition and then to the `'entered'` stage once it's complete. Let's take\n * the following example (we'll use the\n * [useState](https://reactjs.org/docs/hooks-reference.html#usestate) hook):\n *\n * ```jsx\n * function App() {\n *   const [inProp, setInProp] = useState(false);\n *   return (\n *     <div>\n *       <Transition in={inProp} timeout={500}>\n *         {state => (\n *           // ...\n *         )}\n *       </Transition>\n *       <button onClick={() => setInProp(true)}>\n *         Click to Enter\n *       </button>\n *     </div>\n *   );\n * }\n * ```\n *\n * When the button is clicked the component will shift to the `'entering'` state\n * and stay there for 500ms (the value of `timeout`) before it finally switches\n * to `'entered'`.\n *\n * When `in` is `false` the same thing happens except the state moves from\n * `'exiting'` to `'exited'`.\n */\n\nvar Transition = /*#__PURE__*/function (_React$Component) {\n  _inheritsLoose(Transition, _React$Component);\n\n  function Transition(props, context) {\n    var _this;\n\n    _this = _React$Component.call(this, props, context) || this;\n    var parentGroup = context; // In the context of a TransitionGroup all enters are really appears\n\n    var appear = parentGroup && !parentGroup.isMounting ? props.enter : props.appear;\n    var initialStatus;\n    _this.appearStatus = null;\n\n    if (props.in) {\n      if (appear) {\n        initialStatus = EXITED;\n        _this.appearStatus = ENTERING;\n      } else {\n        initialStatus = ENTERED;\n      }\n    } else {\n      if (props.unmountOnExit || props.mountOnEnter) {\n        initialStatus = UNMOUNTED;\n      } else {\n        initialStatus = EXITED;\n      }\n    }\n\n    _this.state = {\n      status: initialStatus\n    };\n    _this.nextCallback = null;\n    return _this;\n  }\n\n  Transition.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) {\n    var nextIn = _ref.in;\n\n    if (nextIn && prevState.status === UNMOUNTED) {\n      return {\n        status: EXITED\n      };\n    }\n\n    return null;\n  } // getSnapshotBeforeUpdate(prevProps) {\n  //   let nextStatus = null\n  //   if (prevProps !== this.props) {\n  //     const { status } = this.state\n  //     if (this.props.in) {\n  //       if (status !== ENTERING && status !== ENTERED) {\n  //         nextStatus = ENTERING\n  //       }\n  //     } else {\n  //       if (status === ENTERING || status === ENTERED) {\n  //         nextStatus = EXITING\n  //       }\n  //     }\n  //   }\n  //   return { nextStatus }\n  // }\n  ;\n\n  var _proto = Transition.prototype;\n\n  _proto.componentDidMount = function componentDidMount() {\n    this.updateStatus(true, this.appearStatus);\n  };\n\n  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n    var nextStatus = null;\n\n    if (prevProps !== this.props) {\n      var status = this.state.status;\n\n      if (this.props.in) {\n        if (status !== ENTERING && status !== ENTERED) {\n          nextStatus = ENTERING;\n        }\n      } else {\n        if (status === ENTERING || status === ENTERED) {\n          nextStatus = EXITING;\n        }\n      }\n    }\n\n    this.updateStatus(false, nextStatus);\n  };\n\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    this.cancelNextCallback();\n  };\n\n  _proto.getTimeouts = function getTimeouts() {\n    var timeout = this.props.timeout;\n    var exit, enter, appear;\n    exit = enter = appear = timeout;\n\n    if (timeout != null && typeof timeout !== 'number') {\n      exit = timeout.exit;\n      enter = timeout.enter; // TODO: remove fallback for next major\n\n      appear = timeout.appear !== undefined ? timeout.appear : enter;\n    }\n\n    return {\n      exit: exit,\n      enter: enter,\n      appear: appear\n    };\n  };\n\n  _proto.updateStatus = function updateStatus(mounting, nextStatus) {\n    if (mounting === void 0) {\n      mounting = false;\n    }\n\n    if (nextStatus !== null) {\n      // nextStatus will always be ENTERING or EXITING.\n      this.cancelNextCallback();\n\n      if (nextStatus === ENTERING) {\n        this.performEnter(mounting);\n      } else {\n        this.performExit();\n      }\n    } else if (this.props.unmountOnExit && this.state.status === EXITED) {\n      this.setState({\n        status: UNMOUNTED\n      });\n    }\n  };\n\n  _proto.performEnter = function performEnter(mounting) {\n    var _this2 = this;\n\n    var enter = this.props.enter;\n    var appearing = this.context ? this.context.isMounting : mounting;\n\n    var _ref2 = this.props.nodeRef ? [appearing] : [ReactDOM.findDOMNode(this), appearing],\n        maybeNode = _ref2[0],\n        maybeAppearing = _ref2[1];\n\n    var timeouts = this.getTimeouts();\n    var enterTimeout = appearing ? timeouts.appear : timeouts.enter; // no enter animation skip right to ENTERED\n    // if we are mounting and running this it means appear _must_ be set\n\n    if (!mounting && !enter || config.disabled) {\n      this.safeSetState({\n        status: ENTERED\n      }, function () {\n        _this2.props.onEntered(maybeNode);\n      });\n      return;\n    }\n\n    this.props.onEnter(maybeNode, maybeAppearing);\n    this.safeSetState({\n      status: ENTERING\n    }, function () {\n      _this2.props.onEntering(maybeNode, maybeAppearing);\n\n      _this2.onTransitionEnd(enterTimeout, function () {\n        _this2.safeSetState({\n          status: ENTERED\n        }, function () {\n          _this2.props.onEntered(maybeNode, maybeAppearing);\n        });\n      });\n    });\n  };\n\n  _proto.performExit = function performExit() {\n    var _this3 = this;\n\n    var exit = this.props.exit;\n    var timeouts = this.getTimeouts();\n    var maybeNode = this.props.nodeRef ? undefined : ReactDOM.findDOMNode(this); // no exit animation skip right to EXITED\n\n    if (!exit || config.disabled) {\n      this.safeSetState({\n        status: EXITED\n      }, function () {\n        _this3.props.onExited(maybeNode);\n      });\n      return;\n    }\n\n    this.props.onExit(maybeNode);\n    this.safeSetState({\n      status: EXITING\n    }, function () {\n      _this3.props.onExiting(maybeNode);\n\n      _this3.onTransitionEnd(timeouts.exit, function () {\n        _this3.safeSetState({\n          status: EXITED\n        }, function () {\n          _this3.props.onExited(maybeNode);\n        });\n      });\n    });\n  };\n\n  _proto.cancelNextCallback = function cancelNextCallback() {\n    if (this.nextCallback !== null) {\n      this.nextCallback.cancel();\n      this.nextCallback = null;\n    }\n  };\n\n  _proto.safeSetState = function safeSetState(nextState, callback) {\n    // This shouldn't be necessary, but there are weird race conditions with\n    // setState callbacks and unmounting in testing, so always make sure that\n    // we can cancel any pending setState callbacks after we unmount.\n    callback = this.setNextCallback(callback);\n    this.setState(nextState, callback);\n  };\n\n  _proto.setNextCallback = function setNextCallback(callback) {\n    var _this4 = this;\n\n    var active = true;\n\n    this.nextCallback = function (event) {\n      if (active) {\n        active = false;\n        _this4.nextCallback = null;\n        callback(event);\n      }\n    };\n\n    this.nextCallback.cancel = function () {\n      active = false;\n    };\n\n    return this.nextCallback;\n  };\n\n  _proto.onTransitionEnd = function onTransitionEnd(timeout, handler) {\n    this.setNextCallback(handler);\n    var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this);\n    var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;\n\n    if (!node || doesNotHaveTimeoutOrListener) {\n      setTimeout(this.nextCallback, 0);\n      return;\n    }\n\n    if (this.props.addEndListener) {\n      var _ref3 = this.props.nodeRef ? [this.nextCallback] : [node, this.nextCallback],\n          maybeNode = _ref3[0],\n          maybeNextCallback = _ref3[1];\n\n      this.props.addEndListener(maybeNode, maybeNextCallback);\n    }\n\n    if (timeout != null) {\n      setTimeout(this.nextCallback, timeout);\n    }\n  };\n\n  _proto.render = function render() {\n    var status = this.state.status;\n\n    if (status === UNMOUNTED) {\n      return null;\n    }\n\n    var _this$props = this.props,\n        children = _this$props.children,\n        _in = _this$props.in,\n        _mountOnEnter = _this$props.mountOnEnter,\n        _unmountOnExit = _this$props.unmountOnExit,\n        _appear = _this$props.appear,\n        _enter = _this$props.enter,\n        _exit = _this$props.exit,\n        _timeout = _this$props.timeout,\n        _addEndListener = _this$props.addEndListener,\n        _onEnter = _this$props.onEnter,\n        _onEntering = _this$props.onEntering,\n        _onEntered = _this$props.onEntered,\n        _onExit = _this$props.onExit,\n        _onExiting = _this$props.onExiting,\n        _onExited = _this$props.onExited,\n        _nodeRef = _this$props.nodeRef,\n        childProps = _objectWithoutPropertiesLoose(_this$props, [\"children\", \"in\", \"mountOnEnter\", \"unmountOnExit\", \"appear\", \"enter\", \"exit\", \"timeout\", \"addEndListener\", \"onEnter\", \"onEntering\", \"onEntered\", \"onExit\", \"onExiting\", \"onExited\", \"nodeRef\"]);\n\n    return (\n      /*#__PURE__*/\n      // allows for nested Transitions\n      React.createElement(TransitionGroupContext.Provider, {\n        value: null\n      }, typeof children === 'function' ? children(status, childProps) : React.cloneElement(React.Children.only(children), childProps))\n    );\n  };\n\n  return Transition;\n}(React.Component);\n\nTransition.contextType = TransitionGroupContext;\nTransition.propTypes = process.env.NODE_ENV !== \"production\" ? {\n  /**\n   * A React reference to DOM element that need to transition:\n   * https://stackoverflow.com/a/51127130/4671932\n   *\n   *   - When `nodeRef` prop is used, `node` is not passed to callback functions\n   *      (e.g. `onEnter`) because user already has direct access to the node.\n   *   - When changing `key` prop of `Transition` in a `TransitionGroup` a new\n   *     `nodeRef` need to be provided to `Transition` with changed `key` prop\n   *     (see\n   *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).\n   */\n  nodeRef: PropTypes.shape({\n    current: typeof Element === 'undefined' ? PropTypes.any : function (propValue, key, componentName, location, propFullName, secret) {\n      var value = propValue[key];\n      return PropTypes.instanceOf(value && 'ownerDocument' in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);\n    }\n  }),\n\n  /**\n   * A `function` child can be used instead of a React element. This function is\n   * called with the current transition status (`'entering'`, `'entered'`,\n   * `'exiting'`, `'exited'`), which can be used to apply context\n   * specific props to a component.\n   *\n   * ```jsx\n   * <Transition in={this.state.in} timeout={150}>\n   *   {state => (\n   *     <MyComponent className={`fade fade-${state}`} />\n   *   )}\n   * </Transition>\n   * ```\n   */\n  children: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,\n\n  /**\n   * Show the component; triggers the enter or exit states\n   */\n  in: PropTypes.bool,\n\n  /**\n   * By default the child component is mounted immediately along with\n   * the parent `Transition` component. If you want to \"lazy mount\" the component on the\n   * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay\n   * mounted, even on \"exited\", unless you also specify `unmountOnExit`.\n   */\n  mountOnEnter: PropTypes.bool,\n\n  /**\n   * By default the child component stays mounted after it reaches the `'exited'` state.\n   * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.\n   */\n  unmountOnExit: PropTypes.bool,\n\n  /**\n   * By default the child component does not perform the enter transition when\n   * it first mounts, regardless of the value of `in`. If you want this\n   * behavior, set both `appear` and `in` to `true`.\n   *\n   * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop\n   * > only adds an additional enter transition. However, in the\n   * > `<CSSTransition>` component that first enter transition does result in\n   * > additional `.appear-*` classes, that way you can choose to style it\n   * > differently.\n   */\n  appear: PropTypes.bool,\n\n  /**\n   * Enable or disable enter transitions.\n   */\n  enter: PropTypes.bool,\n\n  /**\n   * Enable or disable exit transitions.\n   */\n  exit: PropTypes.bool,\n\n  /**\n   * The duration of the transition, in milliseconds.\n   * Required unless `addEndListener` is provided.\n   *\n   * You may specify a single timeout for all transitions:\n   *\n   * ```jsx\n   * timeout={500}\n   * ```\n   *\n   * or individually:\n   *\n   * ```jsx\n   * timeout={{\n   *  appear: 500,\n   *  enter: 300,\n   *  exit: 500,\n   * }}\n   * ```\n   *\n   * - `appear` defaults to the value of `enter`\n   * - `enter` defaults to `0`\n   * - `exit` defaults to `0`\n   *\n   * @type {number | { enter?: number, exit?: number, appear?: number }}\n   */\n  timeout: function timeout(props) {\n    var pt = timeoutsShape;\n    if (!props.addEndListener) pt = pt.isRequired;\n\n    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n      args[_key - 1] = arguments[_key];\n    }\n\n    return pt.apply(void 0, [props].concat(args));\n  },\n\n  /**\n   * Add a custom transition end trigger. Called with the transitioning\n   * DOM node and a `done` callback. Allows for more fine grained transition end\n   * logic. Timeouts are still used as a fallback if provided.\n   *\n   * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n   *\n   * ```jsx\n   * addEndListener={(node, done) => {\n   *   // use the css transitionend event to mark the finish of a transition\n   *   node.addEventListener('transitionend', done, false);\n   * }}\n   * ```\n   */\n  addEndListener: PropTypes.func,\n\n  /**\n   * Callback fired before the \"entering\" status is applied. An extra parameter\n   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n   *\n   * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n   *\n   * @type Function(node: HtmlElement, isAppearing: bool) -> void\n   */\n  onEnter: PropTypes.func,\n\n  /**\n   * Callback fired after the \"entering\" status is applied. An extra parameter\n   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n   *\n   * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n   *\n   * @type Function(node: HtmlElement, isAppearing: bool)\n   */\n  onEntering: PropTypes.func,\n\n  /**\n   * Callback fired after the \"entered\" status is applied. An extra parameter\n   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n   *\n   * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n   *\n   * @type Function(node: HtmlElement, isAppearing: bool) -> void\n   */\n  onEntered: PropTypes.func,\n\n  /**\n   * Callback fired before the \"exiting\" status is applied.\n   *\n   * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n   *\n   * @type Function(node: HtmlElement) -> void\n   */\n  onExit: PropTypes.func,\n\n  /**\n   * Callback fired after the \"exiting\" status is applied.\n   *\n   * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n   *\n   * @type Function(node: HtmlElement) -> void\n   */\n  onExiting: PropTypes.func,\n\n  /**\n   * Callback fired after the \"exited\" status is applied.\n   *\n   * **Note**: when `nodeRef` prop is passed, `node` is not passed\n   *\n   * @type Function(node: HtmlElement) -> void\n   */\n  onExited: PropTypes.func\n} : {}; // Name the function so it is clearer in the documentation\n\nfunction noop() {}\n\nTransition.defaultProps = {\n  in: false,\n  mountOnEnter: false,\n  unmountOnExit: false,\n  appear: false,\n  enter: true,\n  exit: true,\n  onEnter: noop,\n  onEntering: noop,\n  onEntered: noop,\n  onExit: noop,\n  onExiting: noop,\n  onExited: noop\n};\nTransition.UNMOUNTED = UNMOUNTED;\nTransition.EXITED = EXITED;\nTransition.ENTERING = ENTERING;\nTransition.ENTERED = ENTERED;\nTransition.EXITING = EXITING;\nexport default Transition;"],"names":["UNMOUNTED","EXITED","ENTERING","ENTERED","EXITING","Transition","_React$Component","_inheritsLoose","props","context","_this","parentGroup","appear","initialStatus","_ref","prevState","nextIn","_proto","prevProps","nextStatus","status","timeout","exit","enter","mounting","_this2","appearing","_ref2","ReactDOM","maybeNode","maybeAppearing","timeouts","enterTimeout","config","_this3","nextState","callback","_this4","active","event","handler","node","doesNotHaveTimeoutOrListener","_ref3","maybeNextCallback","_this$props","children","childProps","_objectWithoutPropertiesLoose","React","TransitionGroupContext","PropTypes","propValue","key","componentName","location","propFullName","secret","value","pt","timeoutsShape","_len","args","_key","noop","Transition$1"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library223.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      data-testid=\"base-label\"\n      {...props}\n      sx={{ fontFamily: \"proxima-nova\" }}\n      variant={`_labels.${variant}`}\n    >\n      {label}\n    </Label>\n  );\n};\n"],"names":["BaseLabel","props","variant","label","jsx","Label"],"mappings":";;AAMa,MAAAA,IAAY,CAACC,MAA0B;AAC5C,QAAA,EAAE,SAAAC,GAAS,OAAAC,EAAU,IAAAF;AAGzB,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACX,GAAGJ;AAAA,MACJ,IAAI,EAAE,YAAY,eAAe;AAAA,MACjC,SAAS,WAAWC,CAAO;AAAA,MAE1B,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}