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

package/lib/sd-component-library212.js

@@ -1,68 +1,49 @@
 import { j as r } from "./sd-component-library195.js";
 import "./sd-component-library196.js";
-import { useHover as k } from "./sd-component-library4.js";
-import { isTouchScreen as S } from "./sd-component-library5.js";
-import { FlexItemsCenter as j, FlexCenter as v } from "./sd-component-library38.js";
-import { Box as n } from "./sd-component-library197.js";
-const z = "10px", e = "20px", B = "5px", F = ({
-  disabled: o,
-  containerSx: x,
-  showHoverCheckbox: c,
-  bg: s,
-  showBGColorWhenIdle: l,
-  disabledColor: p = "cl_grey",
-  color: d = "cl_blue",
-  children: h,
-  showInnerBox: m,
-  onClick: a,
-  borderWidth: u = "2px",
-  innerBoxSx: C
-}) => {
-  const { isHover: b, hoverCallbacks: f } = k(), i = b || !c || S(), t = o ? p : d;
-  return /* @__PURE__ */ r.jsxs(
-    j,
-    {
-      onClick: o ? void 0 : a,
-      sx: {
-        cursor: o ? "default" : "pointer",
-        gap: "10px",
-        ...x
-      },
-      ...f,
-      children: [
-        /* @__PURE__ */ r.jsx(n, { size: e, sx: { flexShrink: 0 }, children: /* @__PURE__ */ r.jsx(
-          v,
-          {
-            width: i ? e : B,
-            height: e,
-            bg: l && i ? "" : s,
-            sx: {
-              flexShrink: 0,
-              borderRadius: "3px",
-              borderWidth: u,
-              borderColor: t,
-              borderStyle: "solid",
-              transition: "width 0.1s ease-in"
-            },
-            children: m && /* @__PURE__ */ r.jsx(
-              n,
-              {
-                sx: {
-                  border: `calc(${z} / 2) solid`,
-                  borderColor: t,
-                  borderRadius: "2px",
-                  ...C
-                }
-              }
-            )
-          }
-        ) }),
-        h
-      ]
-    }
-  );
+import { Flex as x } from "./sd-component-library197.js";
+import { BaseTextV2 as c } from "./sd-component-library136.js";
+import { ResponsiveTextV2 as m } from "./sd-component-library148.js";
+const u = (t) => {
+  const {
+    label: o,
+    errorMessage: l,
+    labelMargin: s,
+    secondLabel: e,
+    secondLabelTextTransform: n,
+    labelSx: a,
+    labelColor: i = "cl_darkGrey"
+  } = t;
+  return o ? /* @__PURE__ */ r.jsxs(x, { sx: { cursor: "default" }, children: [
+    /* @__PURE__ */ r.jsx(
+      c,
+      {
+        color: l ? "cl_red" : i,
+        sx: {
+          fontSize: 12,
+          fontWeight: 600,
+          m: s,
+          letterSpacing: "1px",
+          textTransform: "uppercase",
+          ...a
+        },
+        children: o
+      }
+    ),
+    e && /* @__PURE__ */ r.jsx(
+      m,
+      {
+        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 {
-  F as CheckboxV2Container
+  u as SecondaryInputLabels
 };
 //# sourceMappingURL=sd-component-library212.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library212.js","sources":["../src/components/checkboxes/checkbox-v2/partials/checkbox-v2-container/checkbox-v2-container.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { useHover } from \"../../../../../core/custom-hooks\";\nimport { isTouchScreen } from \"../../../../../core/functions\";\nimport { FlexCenter, FlexItemsCenter } from \"../../../../containers\";\nimport { CheckboxV2ContainerProps as Props } from \"./interfaces\";\n\nconst innerBoxSize = \"10px\";\nconst outerBoxSize = \"20px\";\n\nconst shrankSize = \"5px\";\n\nexport const CheckboxV2Container: React.FC<Props> = ({\n  disabled,\n  containerSx,\n  showHoverCheckbox,\n  bg,\n  showBGColorWhenIdle,\n  disabledColor = \"cl_grey\",\n  color = \"cl_blue\",\n  children,\n  showInnerBox,\n  onClick,\n  borderWidth = \"2px\",\n  innerBoxSx,\n}) => {\n  const { isHover, hoverCallbacks } = useHover();\n  const isCheckboxExtended = isHover || !showHoverCheckbox || isTouchScreen();\n  const currentColor = disabled ? disabledColor : color;\n\n  return (\n    <FlexItemsCenter\n      onClick={disabled ? undefined : onClick}\n      sx={{\n        cursor: disabled ? \"default\" : \"pointer\",\n        gap: \"10px\",\n        ...containerSx,\n      }}\n      {...hoverCallbacks}\n    >\n      <Box size={outerBoxSize} sx={{ flexShrink: 0 }}>\n        <FlexCenter\n          width={isCheckboxExtended ? outerBoxSize : shrankSize}\n          height={outerBoxSize}\n          bg={showBGColorWhenIdle ? (isCheckboxExtended ? \"\" : bg) : bg}\n          sx={{\n            flexShrink: 0,\n            borderRadius: \"3px\",\n            borderWidth,\n            borderColor: currentColor,\n            borderStyle: \"solid\",\n            transition: \"width 0.1s ease-in\",\n          }}\n        >\n          {showInnerBox && (\n            <Box\n              sx={{\n                border: `calc(${innerBoxSize} / 2) solid`,\n                borderColor: currentColor,\n                borderRadius: \"2px\",\n                ...innerBoxSx,\n              }}\n            />\n          )}\n        </FlexCenter>\n      </Box>\n\n      {children}\n    </FlexItemsCenter>\n  );\n};\n"],"names":["innerBoxSize","outerBoxSize","shrankSize","CheckboxV2Container","disabled","containerSx","showHoverCheckbox","bg","showBGColorWhenIdle","disabledColor","color","children","showInnerBox","onClick","borderWidth","innerBoxSx","isHover","hoverCallbacks","useHover","isCheckboxExtended","isTouchScreen","currentColor","jsxs","FlexItemsCenter","jsx","Box","FlexCenter"],"mappings":";;;;;;AASA,MAAMA,IAAe,QACfC,IAAe,QAEfC,IAAa,OAENC,IAAuC,CAAC;AAAA,EACnD,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,IAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC;AACF,MAAM;AACJ,QAAM,EAAE,SAAAC,GAAS,gBAAAC,EAAe,IAAIC,EAAS,GACvCC,IAAqBH,KAAW,CAACV,KAAqBc,EAAc,GACpEC,IAAejB,IAAWK,IAAgBC;AAG9C,SAAAY,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASnB,IAAW,SAAYS;AAAA,MAChC,IAAI;AAAA,QACF,QAAQT,IAAW,YAAY;AAAA,QAC/B,KAAK;AAAA,QACL,GAAGC;AAAA,MACL;AAAA,MACC,GAAGY;AAAA,MAEJ,UAAA;AAAA,QAAAO,gBAAAA,MAACC,KAAI,MAAMxB,GAAc,IAAI,EAAE,YAAY,KACzC,UAAAuB,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAOP,IAAqBlB,IAAeC;AAAA,YAC3C,QAAQD;AAAA,YACR,IAAIO,KAAuBW,IAAqB,KAAWZ;AAAA,YAC3D,IAAI;AAAA,cACF,YAAY;AAAA,cACZ,cAAc;AAAA,cACd,aAAAO;AAAA,cACA,aAAaO;AAAA,cACb,aAAa;AAAA,cACb,YAAY;AAAA,YACd;AAAA,YAEC,UACCT,KAAAY,gBAAAA,EAAA;AAAA,cAACC;AAAAA,cAAA;AAAA,gBACC,IAAI;AAAA,kBACF,QAAQ,QAAQzB,CAAY;AAAA,kBAC5B,aAAaqB;AAAA,kBACb,cAAc;AAAA,kBACd,GAAGN;AAAA,gBACL;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA,GAGN;AAAA,QAECJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library212.js","sources":["../src/components/inputs/secondary-text-input/partials/secondary-input-labels/secondary-input-labels.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Flex } from \"rebass\";\n\nimport { BaseTextV2, ResponsiveTextV2 } from \"../../../../texts\";\nimport { SecondaryInputLabelsProps as Props } from \"./interfaces\";\n\nexport const SecondaryInputLabels: React.FC<Props> = (props) => {\n  const {\n    label,\n    errorMessage,\n    labelMargin,\n    secondLabel,\n    secondLabelTextTransform,\n    labelSx,\n    labelColor = \"cl_darkGrey\",\n  } = props;\n\n  if (!label) return null;\n\n  return (\n    <Flex sx={{ cursor: \"default\" }}>\n      <BaseTextV2\n        color={errorMessage ? \"cl_red\" : labelColor}\n        sx={{\n          fontSize: 12,\n          fontWeight: 600,\n          m: labelMargin,\n          letterSpacing: \"1px\",\n          textTransform: \"uppercase\",\n          ...labelSx,\n        }}\n      >\n        {label}\n      </BaseTextV2>\n\n      {secondLabel && (\n        <ResponsiveTextV2\n          letterSpacing=\"1px\"\n          ml={secondLabel.ml || \"3px\"}\n          color={secondLabel.color || \"cl_grey\"}\n          fontSizeWeight={secondLabel.fontSizeWeight || [[10, \"semi-bold\"]]}\n          textTransform={secondLabelTextTransform}\n          {...secondLabel}\n        >\n          {secondLabel.text}\n        </ResponsiveTextV2>\n      )}\n    </Flex>\n  );\n};\n"],"names":["SecondaryInputLabels","props","label","errorMessage","labelMargin","secondLabel","secondLabelTextTransform","labelSx","labelColor","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,EACX,IAAAP;AAEJ,SAAKC,2BAGFO,GAAK,EAAA,IAAI,EAAE,QAAQ,UAClB,GAAA,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAOR,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,KACCK,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,eAAc;AAAA,QACd,IAAIP,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-library213.js

@@ -1,22 +1,19 @@
-import { j as i } from "./sd-component-library195.js";
-import "./sd-component-library196.js";
-import { Box as s } from "./sd-component-library197.js";
-const p = ({
-  color: r = "cl_lightGrey",
-  sx: t,
-  ...o
-}) => /* @__PURE__ */ i.jsx(
-  s,
-  {
-    sx: {
-      bg: r,
-      ...o,
-      ...t
-    },
-    "data-test": "divider"
-  }
-);
+import { j as r } from "./sd-component-library195.js";
+import { Label as l } from "./sd-component-library204.js";
+const n = (a) => {
+  const { variant: t, label: e } = a;
+  return /* @__PURE__ */ r.jsx(
+    l,
+    {
+      ...a,
+      sx: { fontFamily: "proxima-nova" },
+      variant: `_labels.${t}`,
+      "data-test": "base-label",
+      children: e
+    }
+  );
+};
 export {
-  p as Divider
+  n as BaseLabel
 };
 //# sourceMappingURL=sd-component-library213.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library213.js","sources":["../src/components/dividers/divider/divider.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { DividerProps as Props } from \"./interfaces\";\n\n/**\n * Base divider component. Other divider components should be built from this.\n */\nexport const Divider: React.FC<Props> = ({\n  color = \"cl_lightGrey\",\n  sx,\n  ...props\n}) => {\n  return (\n    <Box\n      sx={{\n        bg: color,\n        ...props,\n        ...sx,\n      }}\n      data-test=\"divider\"\n    />\n  );\n};\n"],"names":["Divider","color","sx","props","jsx","Box"],"mappings":";;;AASO,MAAMA,IAA2B,CAAC;AAAA,EACvC,OAAAC,IAAQ;AAAA,EACR,IAAAC;AAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,IAAI;AAAA,MACF,IAAIJ;AAAA,MACJ,GAAGE;AAAA,MACH,GAAGD;AAAA,IACL;AAAA,IACA,aAAU;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"sd-component-library213.js","sources":["../src/components/labels/base-label/base-label.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Label } from \"@rebass/forms\";\n\nimport { BaseLabelProps } from \"./interfaces\";\n\nexport const BaseLabel = (props: BaseLabelProps) => {\n  const { variant, label } = props;\n\n  return (\n    <Label\n      {...props}\n      sx={{ fontFamily: \"proxima-nova\" }}\n      variant={`_labels.${variant}`}\n      data-test=\"base-label\"\n    >\n      {label}\n    </Label>\n  );\n};\n"],"names":["BaseLabel","props","variant","label","jsx","Label"],"mappings":";;AAMa,MAAAA,IAAY,CAACC,MAA0B;AAC5C,QAAA,EAAE,SAAAC,GAAS,OAAAC,EAAU,IAAAF;AAGzB,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,IAAI,EAAE,YAAY,eAAe;AAAA,MACjC,SAAS,WAAWC,CAAO;AAAA,MAC3B,aAAU;AAAA,MAET,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library214.js

@@ -1,13 +1,29 @@
-import i from "./sd-component-library292.js";
-function u(r, e, t) {
-  return e = i(e), e in r ? Object.defineProperty(r, e, {
-    value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : r[e] = t, r;
-}
+import { j as n } from "./sd-component-library195.js";
+import { ResponsiveTextV2 as p } from "./sd-component-library148.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
+    }
+  );
+};
 export {
-  u as default
+  c as ActionBox
 };
 //# sourceMappingURL=sd-component-library214.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library214.js","sources":["../node_modules/@babel/runtime/helpers/esm/defineProperty.js"],"sourcesContent":["import toPropertyKey from \"./toPropertyKey.js\";\nexport default function _defineProperty(obj, key, value) {\n  key = toPropertyKey(key);\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n  return obj;\n}"],"names":["_defineProperty","obj","key","value","toPropertyKey"],"mappings":";AACe,SAASA,EAAgBC,GAAKC,GAAKC,GAAO;AACvD,SAAAD,IAAME,EAAcF,CAAG,GACnBA,KAAOD,IACT,OAAO,eAAeA,GAAKC,GAAK;AAAA,IAC9B,OAAOC;AAAA,IACP,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,UAAU;AAAA,EAChB,CAAK,IAEDF,EAAIC,CAAG,IAAIC,GAENF;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library214.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;"}

package/lib/sd-component-library215.js

@@ -1,13 +1,68 @@
-var u = function(n) {
-  var t = /* @__PURE__ */ new WeakMap();
-  return function(e) {
-    if (t.has(e))
-      return t.get(e);
-    var a = n(e);
-    return t.set(e, a), a;
-  };
+import { j as o } from "./sd-component-library195.js";
+import "./sd-component-library196.js";
+import { Box as d } from "./sd-component-library197.js";
+import { BoldText as t } from "./sd-component-library161.js";
+import { FlexCenter as m } from "./sd-component-library38.js";
+const h = "80px", j = (i) => {
+  const {
+    questionText: n,
+    children: r,
+    containerSx: x,
+    iconContainerSx: p,
+    questionTextFontSize: s = 24,
+    iconFontSize: a = 40,
+    questionMarginBottom: c = "30px",
+    showIcon: e = !1,
+    ...l
+  } = i;
+  return /* @__PURE__ */ o.jsxs(
+    d,
+    {
+      sx: {
+        width: "270px",
+        position: "relative",
+        borderRadius: "5px",
+        boxShadow: "0px 0px 10px #9BA2B433",
+        px: "40px",
+        pb: "40px",
+        pt: e ? "70px" : "40px",
+        bg: "cl_white",
+        ...x
+      },
+      ...l,
+      children: [
+        /* @__PURE__ */ o.jsx(
+          t,
+          {
+            fontSize: s,
+            textAlign: "center",
+            mb: c,
+            children: n
+          }
+        ),
+        r,
+        e && /* @__PURE__ */ o.jsx(
+          m,
+          {
+            size: h,
+            bg: "white",
+            sx: {
+              position: "absolute",
+              left: "50%",
+              top: 0,
+              boxShadow: "0px 0px 10px #9BA2B433",
+              borderRadius: "50%",
+              transform: "translate(-50%, -50%)",
+              ...p
+            },
+            children: /* @__PURE__ */ o.jsx(t, { fontSize: a, color: "cl_purple", children: "?" })
+          }
+        )
+      ]
+    }
+  );
 };
 export {
-  u as default
+  j as BaseFeedbackContainer
 };
 //# sourceMappingURL=sd-component-library215.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library215.js","sources":["../node_modules/@emotion/weak-memoize/dist/weak-memoize.browser.esm.js"],"sourcesContent":["var weakMemoize = function weakMemoize(func) {\n  // $FlowFixMe flow doesn't include all non-primitive types as allowed for weakmaps\n  var cache = new WeakMap();\n  return function (arg) {\n    if (cache.has(arg)) {\n      // $FlowFixMe\n      return cache.get(arg);\n    }\n\n    var ret = func(arg);\n    cache.set(arg, ret);\n    return ret;\n  };\n};\n\nexport default weakMemoize;\n"],"names":["weakMemoize","func","cache","arg","ret"],"mappings":"AAAG,IAACA,IAAc,SAAqBC,GAAM;AAE3C,MAAIC,IAAQ,oBAAI;AAChB,SAAO,SAAUC,GAAK;AACpB,QAAID,EAAM,IAAIC,CAAG;AAEf,aAAOD,EAAM,IAAIC,CAAG;AAGtB,QAAIC,IAAMH,EAAKE,CAAG;AAClB,WAAAD,EAAM,IAAIC,GAAKC,CAAG,GACXA;AAAA,EACX;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library215.js","sources":["../src/components/feedback/base-feedback-container/base-feedback-container.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { FlexCenter } from \"../../containers\";\nimport { BoldText } from \"../../texts\";\nimport { BaseFeedbackBlockProps as Props } from \"./interfaces\";\n\nconst iconSize = \"80px\";\n\nexport const BaseFeedbackContainer: React.FC<Props> = (props) => {\n  const {\n    questionText,\n    children,\n    containerSx,\n    iconContainerSx,\n    questionTextFontSize = 24,\n    iconFontSize = 40,\n    questionMarginBottom = \"30px\",\n    showIcon = false,\n    ...hoverCallbacks\n  } = props;\n\n  return (\n    <Box\n      sx={{\n        width: \"270px\",\n        position: \"relative\",\n        borderRadius: \"5px\",\n        boxShadow: \"0px 0px 10px #9BA2B433\",\n        px: \"40px\",\n        pb: \"40px\",\n        pt: showIcon ? \"70px\" : \"40px\",\n        bg: \"cl_white\",\n        ...containerSx,\n      }}\n      {...hoverCallbacks}\n    >\n      <BoldText\n        fontSize={questionTextFontSize}\n        textAlign=\"center\"\n        mb={questionMarginBottom}\n      >\n        {questionText}\n      </BoldText>\n\n      {children}\n\n      {showIcon && (\n        <FlexCenter\n          size={iconSize}\n          bg=\"white\"\n          sx={{\n            position: \"absolute\",\n            left: \"50%\",\n            top: 0,\n            boxShadow: \"0px 0px 10px #9BA2B433\",\n            borderRadius: \"50%\",\n            transform: \"translate(-50%, -50%)\",\n            ...iconContainerSx,\n          }}\n        >\n          <BoldText fontSize={iconFontSize} color=\"cl_purple\">\n            ?\n          </BoldText>\n        </FlexCenter>\n      )}\n    </Box>\n  );\n};\n"],"names":["iconSize","BaseFeedbackContainer","props","questionText","children","containerSx","iconContainerSx","questionTextFontSize","iconFontSize","questionMarginBottom","showIcon","hoverCallbacks","jsxs","Box","jsx","BoldText","FlexCenter"],"mappings":";;;;;AAQA,MAAMA,IAAW,QAEJC,IAAyC,CAACC,MAAU;AACzD,QAAA;AAAA,IACJ,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,sBAAAC,IAAuB;AAAA,IACvB,cAAAC,IAAe;AAAA,IACf,sBAAAC,IAAuB;AAAA,IACvB,UAAAC,IAAW;AAAA,IACX,GAAGC;AAAA,EACD,IAAAT;AAGF,SAAAU,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,OAAO;AAAA,QACP,UAAU;AAAA,QACV,cAAc;AAAA,QACd,WAAW;AAAA,QACX,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAIH,IAAW,SAAS;AAAA,QACxB,IAAI;AAAA,QACJ,GAAGL;AAAA,MACL;AAAA,MACC,GAAGM;AAAA,MAEJ,UAAA;AAAA,QAAAG,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAUR;AAAA,YACV,WAAU;AAAA,YACV,IAAIE;AAAA,YAEH,UAAAN;AAAA,UAAA;AAAA,QACH;AAAA,QAECC;AAAA,QAEAM,KACCI,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAMhB;AAAA,YACN,IAAG;AAAA,YACH,IAAI;AAAA,cACF,UAAU;AAAA,cACV,MAAM;AAAA,cACN,KAAK;AAAA,cACL,WAAW;AAAA,cACX,cAAc;AAAA,cACd,WAAW;AAAA,cACX,GAAGM;AAAA,YACL;AAAA,YAEA,gCAACS,GAAS,EAAA,UAAUP,GAAc,OAAM,aAAY,UAEpD,KAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/lib/sd-component-library216.js

@@ -1,53 +1,26 @@
-import { createContext as O, forwardRef as C, createElement as s, Fragment as S } from "react";
-import T from "./sd-component-library317.js";
-import { getRegisteredStyles as p, insertStyles as w } from "./sd-component-library320.js";
-import { serializeStyles as c } from "./sd-component-library217.js";
-var x = Object.prototype.hasOwnProperty, y = /* @__PURE__ */ O(
-  // we're doing this to avoid preconstruct's dead code elimination in this one case
-  // because this module is primarily intended for the browser and node
-  // but it's also required in react native and similar environments sometimes
-  // and we could have a special build just for that
-  // but this is much easier and the native packages
-  // might use a different theme context in the future anyway
-  typeof HTMLElement < "u" ? T() : null
-), D = /* @__PURE__ */ O({});
-y.Provider;
-var L = function(r) {
-  var e = function(m, n) {
-    return /* @__PURE__ */ s(y.Consumer, null, function(l) {
-      return r(m, l, n);
-    });
-  };
-  return /* @__PURE__ */ C(e);
-}, d = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", N = "__EMOTION_LABEL_PLEASE_DO_NOT_USE__", h = function() {
-  return null;
-}, _ = function(r, e, i, m) {
-  var n = i === null ? e.css : e.css(i);
-  typeof n == "string" && r.registered[n] !== void 0 && (n = r.registered[n]);
-  var l = e[d], E = [n], u = "";
-  typeof e.className == "string" ? u = p(r.registered, E, e.className) : e.className != null && (u = e.className + " ");
-  var o = c(E);
-  if (process.env.NODE_ENV !== "production" && o.name.indexOf("-") === -1) {
-    var v = e[N];
-    v && (o = c([o, "label:" + v + ";"]));
-  }
-  w(r, o, typeof l == "string"), u += r.key + "-" + o.name;
-  var f = {};
-  for (var a in e)
-    x.call(e, a) && a !== "css" && a !== d && (process.env.NODE_ENV === "production" || a !== N) && (f[a] = e[a]);
-  f.ref = m, f.className = u;
-  var P = /* @__PURE__ */ s(l, f), g = /* @__PURE__ */ s(h, null);
-  return /* @__PURE__ */ s(S, null, g, P);
-}, b = /* @__PURE__ */ L(function(t, r, e) {
-  return typeof t.css == "function" ? /* @__PURE__ */ s(D.Consumer, null, function(i) {
-    return _(r, t, i, e);
-  }) : _(r, t, null, e);
-});
-process.env.NODE_ENV !== "production" && (b.displayName = "EmotionCssPropInternal");
+import { j as r } from "./sd-component-library195.js";
+import { Button as c } from "./sd-component-library29.js";
+const _ = (o) => {
+  const { active: e, disabled: l } = o;
+  return /* @__PURE__ */ r.jsx(
+    c,
+    {
+      width: ["100%"],
+      variant: "_booleanAction",
+      bg: e ? "cl_purple" : void 0,
+      color: e ? "cl_white" : l ? "cl_grey" : void 0,
+      hoverBg: l ? e ? "cl_purple" : "cl_white" : "cl_blue",
+      borderColor: l ? "cl_grey" : e ? "cl_purple" : void 0,
+      hoverBorderColor: e ? "cl_blue" : void 0,
+      hoverColor: l && !e ? "cl_grey" : "cl_white",
+      fill: e ? "cl_white" : l ? "cl_grey" : "cl_blue",
+      hoverFill: l && !e ? "cl_grey" : "cl_white",
+      borderWidth: "2px",
+      ...o
+    }
+  );
+};
 export {
-  b as E,
-  D as T,
-  x as h,
-  L as w
+  _ as BaseFeedbackButton
 };
 //# sourceMappingURL=sd-component-library216.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library216.js","sources":["../node_modules/@emotion/core/dist/emotion-element-04d85134.browser.esm.js"],"sourcesContent":["import '@babel/runtime/helpers/inheritsLoose';\nimport { createContext, forwardRef, createElement, Fragment } from 'react';\nimport createCache from '@emotion/cache';\nimport { getRegisteredStyles, insertStyles } from '@emotion/utils';\nimport { serializeStyles } from '@emotion/serialize';\n\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\n\nvar EmotionCacheContext = /*#__PURE__*/createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case\n// because this module is primarily intended for the browser and node\n// but it's also required in react native and similar environments sometimes\n// and we could have a special build just for that\n// but this is much easier and the native packages\n// might use a different theme context in the future anyway\ntypeof HTMLElement !== 'undefined' ? createCache() : null);\nvar ThemeContext = /*#__PURE__*/createContext({});\nvar CacheProvider = EmotionCacheContext.Provider;\n\nvar withEmotionCache = function withEmotionCache(func) {\n  var render = function render(props, ref) {\n    return /*#__PURE__*/createElement(EmotionCacheContext.Consumer, null, function (cache) {\n      return func(props, cache, ref);\n    });\n  }; // $FlowFixMe\n\n\n  return /*#__PURE__*/forwardRef(render);\n};\n\n// thus we only need to replace what is a valid character for JS, but not for CSS\n\nvar sanitizeIdentifier = function sanitizeIdentifier(identifier) {\n  return identifier.replace(/\\$/g, '-');\n};\n\nvar typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';\nvar labelPropName = '__EMOTION_LABEL_PLEASE_DO_NOT_USE__';\nvar createEmotionProps = function createEmotionProps(type, props) {\n  if (process.env.NODE_ENV !== 'production' && typeof props.css === 'string' && // check if there is a css declaration\n  props.css.indexOf(':') !== -1) {\n    throw new Error(\"Strings are not allowed as css prop values, please wrap it in a css template literal from '@emotion/css' like this: css`\" + props.css + \"`\");\n  }\n\n  var newProps = {};\n\n  for (var key in props) {\n    if (hasOwnProperty.call(props, key)) {\n      newProps[key] = props[key];\n    }\n  }\n\n  newProps[typePropName] = type; // TODO: check if this still works with all of those different JSX functions\n\n  if (process.env.NODE_ENV !== 'production') {\n    var error = new Error();\n\n    if (error.stack) {\n      // chrome\n      var match = error.stack.match(/at (?:Object\\.|Module\\.|)(?:jsx|createEmotionProps).*\\n\\s+at (?:Object\\.|)([A-Z][A-Za-z$]+) /);\n\n      if (!match) {\n        // safari and firefox\n        match = error.stack.match(/.*\\n([A-Z][A-Za-z$]+)@/);\n      }\n\n      if (match) {\n        newProps[labelPropName] = sanitizeIdentifier(match[1]);\n      }\n    }\n  }\n\n  return newProps;\n};\n\nvar Noop = function Noop() {\n  return null;\n};\n\nvar render = function render(cache, props, theme, ref) {\n  var cssProp = theme === null ? props.css : props.css(theme); // so that using `css` from `emotion` and passing the result to the css prop works\n  // not passing the registered cache to serializeStyles because it would\n  // make certain babel optimisations not possible\n\n  if (typeof cssProp === 'string' && cache.registered[cssProp] !== undefined) {\n    cssProp = cache.registered[cssProp];\n  }\n\n  var type = props[typePropName];\n  var registeredStyles = [cssProp];\n  var className = '';\n\n  if (typeof props.className === 'string') {\n    className = getRegisteredStyles(cache.registered, registeredStyles, props.className);\n  } else if (props.className != null) {\n    className = props.className + \" \";\n  }\n\n  var serialized = serializeStyles(registeredStyles);\n\n  if (process.env.NODE_ENV !== 'production' && serialized.name.indexOf('-') === -1) {\n    var labelFromStack = props[labelPropName];\n\n    if (labelFromStack) {\n      serialized = serializeStyles([serialized, 'label:' + labelFromStack + ';']);\n    }\n  }\n\n  var rules = insertStyles(cache, serialized, typeof type === 'string');\n  className += cache.key + \"-\" + serialized.name;\n  var newProps = {};\n\n  for (var key in props) {\n    if (hasOwnProperty.call(props, key) && key !== 'css' && key !== typePropName && (process.env.NODE_ENV === 'production' || key !== labelPropName)) {\n      newProps[key] = props[key];\n    }\n  }\n\n  newProps.ref = ref;\n  newProps.className = className;\n  var ele = /*#__PURE__*/createElement(type, newProps);\n  var possiblyStyleElement = /*#__PURE__*/createElement(Noop, null);\n\n\n  return /*#__PURE__*/createElement(Fragment, null, possiblyStyleElement, ele);\n}; // eslint-disable-next-line no-undef\n\n\nvar Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {\n  if (typeof props.css === 'function') {\n    return /*#__PURE__*/createElement(ThemeContext.Consumer, null, function (theme) {\n      return render(cache, props, theme, ref);\n    });\n  }\n\n  return render(cache, props, null, ref);\n});\n\nif (process.env.NODE_ENV !== 'production') {\n  Emotion.displayName = 'EmotionCssPropInternal';\n}\n\nexport { CacheProvider as C, Emotion as E, ThemeContext as T, createEmotionProps as c, hasOwnProperty as h, withEmotionCache as w };\n"],"names":["hasOwnProperty","EmotionCacheContext","createContext","createCache","ThemeContext","withEmotionCache","func","render","props","ref","createElement","cache","forwardRef","typePropName","labelPropName","Noop","theme","cssProp","type","registeredStyles","className","getRegisteredStyles","serialized","serializeStyles","labelFromStack","insertStyles","newProps","key","ele","possiblyStyleElement","Fragment","Emotion"],"mappings":";;;;AAMG,IAACA,IAAiB,OAAO,UAAU,gBAElCC,IAAmC,gBAAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMvC,OAAO,cAAgB,MAAcC,EAAa,IAAG;AAAI,GACrDC,IAA4B,gBAAAF,EAAc,EAAE;AAC5BD,EAAoB;AAErC,IAACI,IAAmB,SAA0BC,GAAM;AACrD,MAAIC,IAAS,SAAgBC,GAAOC,GAAK;AACvC,WAAoB,gBAAAC,EAAcT,EAAoB,UAAU,MAAM,SAAUU,GAAO;AACrF,aAAOL,EAAKE,GAAOG,GAAOF,CAAG;AAAA,IACnC,CAAK;AAAA,EACL;AAGE,SAAoB,gBAAAG,EAAWL,CAAM;AACvC,GAQIM,IAAe,sCACfC,IAAgB,uCAsChBC,IAAO,WAAgB;AACzB,SAAO;AACT,GAEIR,IAAS,SAAgBI,GAAOH,GAAOQ,GAAOP,GAAK;AACrD,MAAIQ,IAAUD,MAAU,OAAOR,EAAM,MAAMA,EAAM,IAAIQ,CAAK;AAI1D,EAAI,OAAOC,KAAY,YAAYN,EAAM,WAAWM,CAAO,MAAM,WAC/DA,IAAUN,EAAM,WAAWM,CAAO;AAGpC,MAAIC,IAAOV,EAAMK,CAAY,GACzBM,IAAmB,CAACF,CAAO,GAC3BG,IAAY;AAEhB,EAAI,OAAOZ,EAAM,aAAc,WAC7BY,IAAYC,EAAoBV,EAAM,YAAYQ,GAAkBX,EAAM,SAAS,IAC1EA,EAAM,aAAa,SAC5BY,IAAYZ,EAAM,YAAY;AAGhC,MAAIc,IAAaC,EAAgBJ,CAAgB;AAEjD,MAAI,QAAQ,IAAI,aAAa,gBAAgBG,EAAW,KAAK,QAAQ,GAAG,MAAM,IAAI;AAChF,QAAIE,IAAiBhB,EAAMM,CAAa;AAExC,IAAIU,MACFF,IAAaC,EAAgB,CAACD,GAAY,WAAWE,IAAiB,GAAG,CAAC;AAAA,EAE7E;AAEW,EAAAC,EAAad,GAAOW,GAAY,OAAOJ,KAAS,QAAQ,GACpEE,KAAaT,EAAM,MAAM,MAAMW,EAAW;AAC1C,MAAII,IAAW,CAAA;AAEf,WAASC,KAAOnB;AACd,IAAIR,EAAe,KAAKQ,GAAOmB,CAAG,KAAKA,MAAQ,SAASA,MAAQd,MAAiB,QAAQ,IAAI,aAAa,gBAAgBc,MAAQb,OAChIY,EAASC,CAAG,IAAInB,EAAMmB,CAAG;AAI7B,EAAAD,EAAS,MAAMjB,GACfiB,EAAS,YAAYN;AACrB,MAAIQ,IAAmB,gBAAAlB,EAAcQ,GAAMQ,CAAQ,GAC/CG,IAAoC,gBAAAnB,EAAcK,GAAM,IAAI;AAGhE,SAAoB,gBAAAL,EAAcoB,GAAU,MAAMD,GAAsBD,CAAG;AAC7E,GAGIG,IAAyB,gBAAA1B,EAAiB,SAAUG,GAAOG,GAAOF,GAAK;AACzE,SAAI,OAAOD,EAAM,OAAQ,aACH,gBAAAE,EAAcN,EAAa,UAAU,MAAM,SAAUY,GAAO;AAC9E,WAAOT,EAAOI,GAAOH,GAAOQ,GAAOP,CAAG;AAAA,EAC5C,CAAK,IAGIF,EAAOI,GAAOH,GAAO,MAAMC,CAAG;AACvC,CAAC;AAEG,QAAQ,IAAI,aAAa,iBAC3BsB,EAAQ,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library216.js","sources":["../src/components/feedback/base-feedback-button/base-feedback-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button } from \"../../buttons\";\nimport { BaseFeedbackButtonProps as Props } from \"./interfaces\";\n\nexport const BaseFeedbackButton: React.FC<Props> = (props) => {\n  const { active, disabled } = props;\n  return (\n    <Button\n      width={[\"100%\"]}\n      variant=\"_booleanAction\"\n      bg={active ? \"cl_purple\" : undefined}\n      color={active ? \"cl_white\" : disabled ? \"cl_grey\" : undefined}\n      hoverBg={disabled ? (active ? \"cl_purple\" : \"cl_white\") : \"cl_blue\"}\n      borderColor={disabled ? \"cl_grey\" : active ? \"cl_purple\" : undefined}\n      hoverBorderColor={active ? \"cl_blue\" : undefined}\n      hoverColor={disabled && !active ? \"cl_grey\" : \"cl_white\"}\n      fill={active ? \"cl_white\" : disabled ? \"cl_grey\" : \"cl_blue\"}\n      hoverFill={disabled && !active ? \"cl_grey\" : \"cl_white\"}\n      borderWidth=\"2px\"\n      {...props}\n    />\n  );\n};\n"],"names":["BaseFeedbackButton","props","active","disabled","jsx","Button"],"mappings":";;AAKa,MAAAA,IAAsC,CAACC,MAAU;AACtD,QAAA,EAAE,QAAAC,GAAQ,UAAAC,EAAa,IAAAF;AAE3B,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO,CAAC,MAAM;AAAA,MACd,SAAQ;AAAA,MACR,IAAIH,IAAS,cAAc;AAAA,MAC3B,OAAOA,IAAS,aAAaC,IAAW,YAAY;AAAA,MACpD,SAASA,IAAYD,IAAS,cAAc,aAAc;AAAA,MAC1D,aAAaC,IAAW,YAAYD,IAAS,cAAc;AAAA,MAC3D,kBAAkBA,IAAS,YAAY;AAAA,MACvC,YAAYC,KAAY,CAACD,IAAS,YAAY;AAAA,MAC9C,MAAMA,IAAS,aAAaC,IAAW,YAAY;AAAA,MACnD,WAAWA,KAAY,CAACD,IAAS,YAAY;AAAA,MAC7C,aAAY;AAAA,MACX,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/lib/sd-component-library217.js

@@ -1,167 +1,5 @@
-import C from "./sd-component-library321.js";
-import D from "./sd-component-library322.js";
-import A from "./sd-component-library312.js";
-var N = `You have illegal escape sequence in your template literal, most likely inside content's property value.
-Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
-You can read more about this here:
-https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`, x = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).", R = /[A-Z]|^ms/g, g = /_EMO_([^_]+?)_([^]*?)_EMO_/g, v = function(n) {
-  return n.charCodeAt(1) === 45;
-}, b = function(n) {
-  return n != null && typeof n != "boolean";
-}, E = A(function(a) {
-  return v(a) ? a : a.replace(R, "-$&").toLowerCase();
-}), d = function(n, e) {
-  switch (n) {
-    case "animation":
-    case "animationName":
-      if (typeof e == "string")
-        return e.replace(g, function(o, s, r) {
-          return c = {
-            name: s,
-            styles: r,
-            next: c
-          }, s;
-        });
-  }
-  return D[n] !== 1 && !v(n) && typeof e == "number" && e !== 0 ? e + "px" : e;
-};
-if (process.env.NODE_ENV !== "production") {
-  var I = /(attr|calc|counters?|url)\(/, j = ["normal", "none", "counter", "open-quote", "close-quote", "no-open-quote", "no-close-quote", "initial", "inherit", "unset"], M = d, q = /^-ms-/, L = /-(.)/g, O = {};
-  d = function(n, e) {
-    n === "content" && (typeof e != "string" || j.indexOf(e) === -1 && !I.test(e) && (e.charAt(0) !== e.charAt(e.length - 1) || e.charAt(0) !== '"' && e.charAt(0) !== "'")) && console.error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\"" + e + "\"'`");
-    var o = M(n, e);
-    return o !== "" && !v(n) && n.indexOf("-") !== -1 && O[n] === void 0 && (O[n] = !0, console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + n.replace(q, "ms-").replace(L, function(s, r) {
-      return r.toUpperCase();
-    }) + "?")), o;
-  };
-}
-var w = !0;
-function p(a, n, e, o) {
-  if (e == null)
-    return "";
-  if (e.__emotion_styles !== void 0) {
-    if (process.env.NODE_ENV !== "production" && e.toString() === "NO_COMPONENT_SELECTOR")
-      throw new Error("Component selectors can only be used in conjunction with babel-plugin-emotion.");
-    return e;
-  }
-  switch (typeof e) {
-    case "boolean":
-      return "";
-    case "object": {
-      if (e.anim === 1)
-        return c = {
-          name: e.name,
-          styles: e.styles,
-          next: c
-        }, e.name;
-      if (e.styles !== void 0) {
-        var s = e.next;
-        if (s !== void 0)
-          for (; s !== void 0; )
-            c = {
-              name: s.name,
-              styles: s.styles,
-              next: c
-            }, s = s.next;
-        var r = e.styles + ";";
-        return process.env.NODE_ENV !== "production" && e.map !== void 0 && (r += e.map), r;
-      }
-      return Y(a, n, e);
-    }
-    case "function": {
-      if (a !== void 0) {
-        var t = c, i = e(a);
-        return c = t, p(a, n, i, o);
-      } else
-        process.env.NODE_ENV !== "production" && console.error("Functions that are interpolated in css calls will be stringified.\nIf you want to have a css call based on props, create a function that returns a css call like this\nlet dynamicStyle = (props) => css`color: ${props.color}`\nIt can be called directly with props or interpolated in a styled call like this\nlet SomeComponent = styled('div')`${dynamicStyle}`");
-      break;
-    }
-    case "string":
-      if (process.env.NODE_ENV !== "production") {
-        var u = [], f = e.replace(g, function(m, h, V) {
-          var y = "animation" + u.length;
-          return u.push("const " + y + " = keyframes`" + V.replace(/^@keyframes animation-\w+/, "") + "`"), "${" + y + "}";
-        });
-        u.length && console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n" + [].concat(u, ["`" + f + "`"]).join(`
-`) + `
-
-You should wrap it with \`css\` like this:
-
-` + ("css`" + f + "`"));
-      }
-      break;
-  }
-  if (n == null)
-    return e;
-  var l = n[e];
-  return process.env.NODE_ENV !== "production" && o && w && l !== void 0 && (console.error("Interpolating a className from css`` is not recommended and will cause problems with composition.\nInterpolating a className from css`` will be completely unsupported in a future major version of Emotion"), w = !1), l !== void 0 && !o ? l : e;
-}
-function Y(a, n, e) {
-  var o = "";
-  if (Array.isArray(e))
-    for (var s = 0; s < e.length; s++)
-      o += p(a, n, e[s], !1);
-  else
-    for (var r in e) {
-      var t = e[r];
-      if (typeof t != "object")
-        n != null && n[t] !== void 0 ? o += r + "{" + n[t] + "}" : b(t) && (o += E(r) + ":" + d(r, t) + ";");
-      else {
-        if (r === "NO_COMPONENT_SELECTOR" && process.env.NODE_ENV !== "production")
-          throw new Error("Component selectors can only be used in conjunction with babel-plugin-emotion.");
-        if (Array.isArray(t) && typeof t[0] == "string" && (n == null || n[t[0]] === void 0))
-          for (var i = 0; i < t.length; i++)
-            b(t[i]) && (o += E(r) + ":" + d(r, t[i]) + ";");
-        else {
-          var u = p(a, n, t, !1);
-          switch (r) {
-            case "animation":
-            case "animationName": {
-              o += E(r) + ":" + u + ";";
-              break;
-            }
-            default:
-              process.env.NODE_ENV !== "production" && r === "undefined" && console.error(x), o += r + "{" + u + "}";
-          }
-        }
-      }
-    }
-  return o;
-}
-var _ = /label:\s*([^\s;\n{]+)\s*;/g, S;
-process.env.NODE_ENV !== "production" && (S = /\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//);
-var c, F = function(n, e, o) {
-  if (n.length === 1 && typeof n[0] == "object" && n[0] !== null && n[0].styles !== void 0)
-    return n[0];
-  var s = !0, r = "";
-  c = void 0;
-  var t = n[0];
-  t == null || t.raw === void 0 ? (s = !1, r += p(o, e, t, !1)) : (process.env.NODE_ENV !== "production" && t[0] === void 0 && console.error(N), r += t[0]);
-  for (var i = 1; i < n.length; i++)
-    r += p(o, e, n[i], r.charCodeAt(r.length - 1) === 46), s && (process.env.NODE_ENV !== "production" && t[i] === void 0 && console.error(N), r += t[i]);
-  var u;
-  process.env.NODE_ENV !== "production" && (r = r.replace(S, function(h) {
-    return u = h, "";
-  })), _.lastIndex = 0;
-  for (var f = "", l; (l = _.exec(r)) !== null; )
-    f += "-" + // $FlowFixMe we know it's not null
-    l[1];
-  var m = C(r) + f;
-  return process.env.NODE_ENV !== "production" ? {
-    name: m,
-    styles: r,
-    map: u,
-    next: c,
-    toString: function() {
-      return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-    }
-  } : {
-    name: m,
-    styles: r,
-    next: c
-  };
-};
+var e = { exports: {} };
 export {
-  F as serializeStyles
+  e as __module
 };
 //# sourceMappingURL=sd-component-library217.js.map