@selfdecode/sd-component-library 4.0.73-vite6 → 4.0.73-vite8

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library307.js","sources":["../node_modules/@emotion/styled/dist/styled.browser.esm.js"],"sourcesContent":["import styled from '@emotion/styled-base';\n\nvar tags = ['a', 'abbr', 'address', 'area', 'article', 'aside', 'audio', 'b', 'base', 'bdi', 'bdo', 'big', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'cite', 'code', 'col', 'colgroup', 'data', 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'div', 'dl', 'dt', 'em', 'embed', 'fieldset', 'figcaption', 'figure', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'iframe', 'img', 'input', 'ins', 'kbd', 'keygen', 'label', 'legend', 'li', 'link', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meta', 'meter', 'nav', 'noscript', 'object', 'ol', 'optgroup', 'option', 'output', 'p', 'param', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'script', 'section', 'select', 'small', 'source', 'span', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'textarea', 'tfoot', 'th', 'thead', 'time', 'title', 'tr', 'track', 'u', 'ul', 'var', 'video', 'wbr', // SVG\n'circle', 'clipPath', 'defs', 'ellipse', 'foreignObject', 'g', 'image', 'line', 'linearGradient', 'mask', 'path', 'pattern', 'polygon', 'polyline', 'radialGradient', 'rect', 'stop', 'svg', 'text', 'tspan'];\n\nvar newStyled = styled.bind();\ntags.forEach(function (tagName) {\n  newStyled[tagName] = newStyled(tagName);\n});\n\nexport default newStyled;\n"],"names":["tags","newStyled","styled","tagName"],"mappings":";AAEA,IAAIA,IAAO;AAAA,EAAC;AAAA,EAAK;AAAA,EAAQ;AAAA,EAAW;AAAA,EAAQ;AAAA,EAAW;AAAA,EAAS;AAAA,EAAS;AAAA,EAAK;AAAA,EAAQ;AAAA,EAAO;AAAA,EAAO;AAAA,EAAO;AAAA,EAAc;AAAA,EAAQ;AAAA,EAAM;AAAA,EAAU;AAAA,EAAU;AAAA,EAAW;AAAA,EAAQ;AAAA,EAAQ;AAAA,EAAO;AAAA,EAAY;AAAA,EAAQ;AAAA,EAAY;AAAA,EAAM;AAAA,EAAO;AAAA,EAAW;AAAA,EAAO;AAAA,EAAU;AAAA,EAAO;AAAA,EAAM;AAAA,EAAM;AAAA,EAAM;AAAA,EAAS;AAAA,EAAY;AAAA,EAAc;AAAA,EAAU;AAAA,EAAU;AAAA,EAAQ;AAAA,EAAM;AAAA,EAAM;AAAA,EAAM;AAAA,EAAM;AAAA,EAAM;AAAA,EAAM;AAAA,EAAQ;AAAA,EAAU;AAAA,EAAU;AAAA,EAAM;AAAA,EAAQ;AAAA,EAAK;AAAA,EAAU;AAAA,EAAO;AAAA,EAAS;AAAA,EAAO;AAAA,EAAO;AAAA,EAAU;AAAA,EAAS;AAAA,EAAU;AAAA,EAAM;AAAA,EAAQ;AAAA,EAAQ;AAAA,EAAO;AAAA,EAAQ;AAAA,EAAW;AAAA,EAAQ;AAAA,EAAY;AAAA,EAAQ;AAAA,EAAS;AAAA,EAAO;AAAA,EAAY;AAAA,EAAU;AAAA,EAAM;AAAA,EAAY;AAAA,EAAU;AAAA,EAAU;AAAA,EAAK;AAAA,EAAS;AAAA,EAAW;AAAA,EAAO;AAAA,EAAY;AAAA,EAAK;AAAA,EAAM;AAAA,EAAM;AAAA,EAAQ;AAAA,EAAK;AAAA,EAAQ;AAAA,EAAU;AAAA,EAAW;AAAA,EAAU;AAAA,EAAS;AAAA,EAAU;AAAA,EAAQ;AAAA,EAAU;AAAA,EAAS;AAAA,EAAO;AAAA,EAAW;AAAA,EAAO;AAAA,EAAS;AAAA,EAAS;AAAA,EAAM;AAAA,EAAY;AAAA,EAAS;AAAA,EAAM;AAAA,EAAS;AAAA,EAAQ;AAAA,EAAS;AAAA,EAAM;AAAA,EAAS;AAAA,EAAK;AAAA,EAAM;AAAA,EAAO;AAAA,EAAS;AAAA;AAAA,EAC77B;AAAA,EAAU;AAAA,EAAY;AAAA,EAAQ;AAAA,EAAW;AAAA,EAAiB;AAAA,EAAK;AAAA,EAAS;AAAA,EAAQ;AAAA,EAAkB;AAAA,EAAQ;AAAA,EAAQ;AAAA,EAAW;AAAA,EAAW;AAAA,EAAY;AAAA,EAAkB;AAAA,EAAQ;AAAA,EAAQ;AAAA,EAAO;AAAA,EAAQ;AAAO,GAExMC,IAAYC,EAAO,KAAO;AAC9BF,EAAK,QAAQ,SAAUG,GAAS;AAC9B,EAAAF,EAAUE,CAAO,IAAIF,EAAUE,CAAO;AACxC,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library307.js","sources":["../src/components/inputs/date-inputs/base-date-range-input/partials/base-date-range-input-mobile/base-date-range-input-mobile.tsx"],"sourcesContent":["import React from \"react\";\nimport { DateRangePicker } from \"react-date-range\";\n\nimport { Box } from \"rebass\";\n\nimport { OutsideClickBox } from \"../../../../../boxes\";\nimport { PrimaryTextButton } from \"../../../../../buttons\";\nimport { FrFrContainer } from \"../../../../../containers\";\nimport { ResponsiveTextV2 } from \"../../../../../texts/responsive-text-v2\";\nimport { getCalendarProps } from \"../../utils\";\nimport { ApplyButton } from \"../apply-button\";\nimport { SelectedRangeText } from \"../selected-range-text\";\nimport { BaseDateRangeInputMobileProps as Props } from \"./interfaces\";\n\nexport const BaseDateRangeInputMobile = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => {\n    const { zIndex, customOptionSelected, handleCancel, getStaticRanges } =\n      props;\n\n    const onClickOutside = (event?: React.MouseEvent<HTMLDivElement>) => {\n      event?.preventDefault();\n      handleCancel();\n    };\n\n    return (\n      <Box\n        sx={{\n          position: \"fixed\",\n          top: 0,\n          left: 0,\n          width: \"100vw\",\n          height: \"100vh\",\n          overflowY: \"auto\",\n          py: \"30px\",\n          bg: \"#434A5499\",\n        }}\n        data-test=\"calendar-wrapper\"\n      >\n        <OutsideClickBox\n          onClickOutside={onClickOutside}\n          sx={{\n            borderStyle: \"solid\",\n            borderWidth: \"1px\",\n            borderColor: \"cl_lightGrey\",\n            minWidth: \"352px\",\n            width: \"max-content\",\n            backgroundColor: \"#fff\",\n            m: \"auto\",\n            borderRadius: \"4px\",\n            zIndex,\n            \".rdrDateRangePickerWrapper\": {\n              width: \"100%\",\n              flexDirection: \"column\",\n            },\n            \".rdrDefinedRangesWrapper\": {\n              width: \"100%\",\n            },\n            \".rdrCalendarWrapper\": {\n              display: customOptionSelected ? \"inline-flex\" : \"none\",\n            },\n            \".rdrInputRanges\": {\n              display: \"none\",\n            },\n            \".rdrStaticRanges:before\": {\n              fontSize: \"16px\",\n              fontFamily: \"proxima-nova\",\n              color: \"#9BA2B4\",\n              fontWeight: \"300\",\n              p: \"10px 20px\",\n            },\n            \".rdrStaticRange\": {\n              fontSize: \"16px\",\n              fontFamily: \"proxima-nova\",\n              color: \"#434A54\",\n              borderBottomWidth: \"0\",\n            },\n          }}\n        >\n          <ResponsiveTextV2 fontSizeWeight={[12, \"semi-bold\"]} ref={ref}>\n            <DateRangePicker\n              {...getCalendarProps(props)}\n              direction=\"vertical\"\n              staticRanges={getStaticRanges(true)}\n            />\n          </ResponsiveTextV2>\n\n          <SelectedRangeText {...props} isMobile />\n\n          <FrFrContainer p=\"10px 20px\">\n            <PrimaryTextButton\n              onClick={handleCancel}\n              height=\"42px\"\n              color=\"cl_darkGrey\"\n              padding=\"0\"\n            >\n              Cancel\n            </PrimaryTextButton>\n\n            <ApplyButton {...props} />\n          </FrFrContainer>\n        </OutsideClickBox>\n      </Box>\n    );\n  }\n);\n"],"names":["BaseDateRangeInputMobile","React","props","ref","zIndex","customOptionSelected","handleCancel","getStaticRanges","onClickOutside","event","jsx","Box","jsxs","OutsideClickBox","ResponsiveTextV2","DateRangePicker","getCalendarProps","SelectedRangeText","FrFrContainer","PrimaryTextButton","ApplyButton"],"mappings":";;;;;;;;;;;;;AAcO,MAAMA,IAA2BC,EAAM;AAAA,EAC5C,CAACC,GAAOC,MAAQ;AACd,UAAM,EAAE,QAAAC,GAAQ,sBAAAC,GAAsB,cAAAC,GAAc,iBAAAC,MAClDL,GAEIM,IAAiB,CAACC,MAA6C;AACnE,MAAAA,KAAA,QAAAA,EAAO,kBACMH;IAAA;AAIb,WAAAI,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,UAAU;AAAA,UACV,KAAK;AAAA,UACL,MAAM;AAAA,UACN,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,IAAI;AAAA,UACJ,IAAI;AAAA,QACN;AAAA,QACA,aAAU;AAAA,QAEV,UAAAC,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,gBAAAL;AAAA,YACA,IAAI;AAAA,cACF,aAAa;AAAA,cACb,aAAa;AAAA,cACb,aAAa;AAAA,cACb,UAAU;AAAA,cACV,OAAO;AAAA,cACP,iBAAiB;AAAA,cACjB,GAAG;AAAA,cACH,cAAc;AAAA,cACd,QAAAJ;AAAA,cACA,8BAA8B;AAAA,gBAC5B,OAAO;AAAA,gBACP,eAAe;AAAA,cACjB;AAAA,cACA,4BAA4B;AAAA,gBAC1B,OAAO;AAAA,cACT;AAAA,cACA,uBAAuB;AAAA,gBACrB,SAASC,IAAuB,gBAAgB;AAAA,cAClD;AAAA,cACA,mBAAmB;AAAA,gBACjB,SAAS;AAAA,cACX;AAAA,cACA,2BAA2B;AAAA,gBACzB,UAAU;AAAA,gBACV,YAAY;AAAA,gBACZ,OAAO;AAAA,gBACP,YAAY;AAAA,gBACZ,GAAG;AAAA,cACL;AAAA,cACA,mBAAmB;AAAA,gBACjB,UAAU;AAAA,gBACV,YAAY;AAAA,gBACZ,OAAO;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,YAEA,UAAA;AAAA,cAAAK,gBAAAA,MAACI,KAAiB,gBAAgB,CAAC,IAAI,WAAW,GAAG,KAAAX,GACnD,UAAAO,gBAAAA,EAAA;AAAA,gBAACK,EAAA;AAAA,gBAAA;AAAA,kBACE,GAAGC,EAAiBd,CAAK;AAAA,kBAC1B,WAAU;AAAA,kBACV,cAAcK,EAAgB,EAAI;AAAA,gBAAA;AAAA,cAAA,GAEtC;AAAA,cAECG,gBAAAA,EAAA,IAAAO,GAAA,EAAmB,GAAGf,GAAO,UAAQ,GAAC,CAAA;AAAA,cAEvCU,gBAAAA,EAAAA,KAACM,GAAc,EAAA,GAAE,aACf,UAAA;AAAA,gBAAAR,gBAAAA,EAAA;AAAA,kBAACS;AAAA,kBAAA;AAAA,oBACC,SAASb;AAAA,oBACT,QAAO;AAAA,oBACP,OAAM;AAAA,oBACN,SAAQ;AAAA,oBACT,UAAA;AAAA,kBAAA;AAAA,gBAED;AAAA,gBAEAI,gBAAAA,EAAAA,IAACU,GAAa,EAAA,GAAGlB,GAAO;AAAA,cAAA,GAC1B;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/lib/sd-component-library308.js

@@ -1,95 +1,111 @@
-import A from "./sd-component-library205.js";
-import { createElement as y, Fragment as L } from "react";
-import Y from "./sd-component-library324.js";
-import { w as z, T as U } from "./sd-component-library207.js";
-import { getRegisteredStyles as q, insertStyles as I } from "./sd-component-library330.js";
-import { serializeStyles as J } from "./sd-component-library208.js";
-var B = Y, G = function(e) {
-  return e !== "theme" && e !== "innerRef";
-}, N = function(e) {
-  return typeof e == "string" && // 96 is one less than the char code
-  // for "a" so this is checking that
-  // it's a lowercase character
-  e.charCodeAt(0) > 96 ? B : G;
-};
-function b(o, e) {
-  var r = Object.keys(o);
-  if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(o);
-    e && (n = n.filter(function(l) {
-      return Object.getOwnPropertyDescriptor(o, l).enumerable;
-    })), r.push.apply(r, n);
-  }
-  return r;
-}
-function K(o) {
-  for (var e = 1; e < arguments.length; e++) {
-    var r = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? b(Object(r), !0).forEach(function(n) {
-      A(o, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(r)) : b(Object(r)).forEach(function(n) {
-      Object.defineProperty(o, n, Object.getOwnPropertyDescriptor(r, n));
-    });
-  }
-  return o;
-}
-var C = `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`, M = function() {
-  return null;
-}, $ = function o(e, r) {
-  if (process.env.NODE_ENV !== "production" && e === void 0)
-    throw new Error(`You are trying to create a styled element with an undefined component.
-You may have forgotten to import it.`);
-  var n, l, d;
-  r !== void 0 && (n = r.label, d = r.target, l = e.__emotion_forwardProp && r.shouldForwardProp ? function(a) {
-    return e.__emotion_forwardProp(a) && // $FlowFixMe
-    r.shouldForwardProp(a);
-  } : r.shouldForwardProp);
-  var h = e.__emotion_real === e, u = h && e.__emotion_base || e;
-  typeof l != "function" && h && (l = e.__emotion_forwardProp);
-  var w = l || N(u), O = !w("as");
-  return function() {
-    var a = arguments, s = h && e.__emotion_styles !== void 0 ? e.__emotion_styles.slice(0) : [];
-    if (n !== void 0 && s.push("label:" + n + ";"), a[0] == null || a[0].raw === void 0)
-      s.push.apply(s, a);
-    else {
-      process.env.NODE_ENV !== "production" && a[0][0] === void 0 && console.error(C), s.push(a[0][0]);
-      for (var j = a.length, c = 1; c < j; c++)
-        process.env.NODE_ENV !== "production" && a[0][c] === void 0 && console.error(C), s.push(a[c], a[0][c]);
-    }
-    var i = z(function(t, f, D) {
-      return /* @__PURE__ */ y(U.Consumer, null, function(R) {
-        var P = O && t.as || u, m = "", E = [], p = t;
-        if (t.theme == null) {
-          p = {};
-          for (var g in t)
-            p[g] = t[g];
-          p.theme = R;
+import { j as t } from "./sd-component-library195.js";
+import "./sd-component-library296.js";
+import "./sd-component-library196.js";
+import { getCalendarProps as d } from "./sd-component-library306.js";
+import { Box as l } from "./sd-component-library197.js";
+import { TenSb as x } from "./sd-component-library150.js";
+import { __exports as s } from "./sd-component-library299.js";
+import { PrimaryTextButton as m } from "./sd-component-library24.js";
+import { SelectedRangeText as c } from "./sd-component-library660.js";
+import { ApplyButton as f } from "./sd-component-library661.js";
+import { GridContainerV2 as g } from "./sd-component-library41.js";
+const k = (e) => {
+  const {
+    selectedRange: o,
+    zIndex: n,
+    getStaticRanges: i,
+    handleCancel: a,
+    quickSelectionLabel: p,
+    alignCalendar: r
+  } = e;
+  return /* @__PURE__ */ t.jsxs(
+    l,
+    {
+      sx: {
+        overflowX: "auto",
+        borderStyle: "solid",
+        borderWidth: "1px",
+        minWidth: "max-content",
+        borderColor: "cl_lightGrey",
+        position: "absolute",
+        maxWidth: "max-content",
+        width: "max-content",
+        top: 0,
+        left: r === "left" ? "0" : r === "right" ? "unset" : void 0,
+        right: r === "right" ? "0" : r === "left" ? "unset" : void 0,
+        margin: "auto",
+        backgroundColor: "#fff",
+        zIndex: n,
+        ".rdrDateRangePickerWrapper": {
+          width: "unset",
+          flexDirection: "row"
+        },
+        ".rdrDefinedRangesWrapper": {
+          width: "226px"
+        },
+        ".rdrCalendarWrapper": {
+          display: "inline-flex"
+        },
+        ".rdrInputRanges": {
+          display: "none"
+        },
+        ".rdrStaticRanges:before": {
+          content: p,
+          fontSize: "14px",
+          fontFamily: "proxima-nova",
+          color: "#9BA2B4",
+          fontWeight: "300",
+          p: "10px 20px"
+        },
+        ".rdrStaticRange": {
+          fontSize: "14px",
+          fontFamily: "proxima-nova",
+          color: "#434A54",
+          borderBottomWidth: "1px"
         }
-        typeof t.className == "string" ? m = q(f.registered, E, t.className) : t.className != null && (m = t.className + " ");
-        var S = J(s.concat(E), f.registered, p);
-        I(f, S, typeof P == "string"), m += f.key + "-" + S.name, d !== void 0 && (m += " " + d);
-        var F = O && l === void 0 ? N(P) : w, v = {};
-        for (var _ in t)
-          O && _ === "as" || // $FlowFixMe
-          F(_) && (v[_] = t[_]);
-        v.className = m, v.ref = D || t.innerRef, process.env.NODE_ENV !== "production" && t.innerRef && console.error("`innerRef` is deprecated and will be removed in a future major version of Emotion, please use the `ref` prop instead" + (n === void 0 ? "" : " in the usage of `" + n + "`"));
-        var T = /* @__PURE__ */ y(P, v), V = /* @__PURE__ */ y(M, null);
-        return /* @__PURE__ */ y(L, null, V, T);
-      });
-    });
-    return i.displayName = n !== void 0 ? n : "Styled(" + (typeof u == "string" ? u : u.displayName || u.name || "Component") + ")", i.defaultProps = e.defaultProps, i.__emotion_real = i, i.__emotion_base = u, i.__emotion_styles = s, i.__emotion_forwardProp = l, Object.defineProperty(i, "toString", {
-      value: function() {
-        return d === void 0 && process.env.NODE_ENV !== "production" ? "NO_COMPONENT_SELECTOR" : "." + d;
-      }
-    }), i.withComponent = function(t, f) {
-      return o(t, f !== void 0 ? K({}, r || {}, {}, f) : r).apply(void 0, s);
-    }, i;
-  };
+      },
+      "data-test": "calendar-wrapper",
+      children: [
+        /* @__PURE__ */ t.jsx(x, { children: /* @__PURE__ */ t.jsx(
+          s.DateRangePicker,
+          {
+            ...d(e),
+            direction: "horizontal",
+            staticRanges: i()
+          }
+        ) }),
+        /* @__PURE__ */ t.jsxs(
+          g,
+          {
+            sx: {
+              gridTemplateColumns: "max-content 1fr max-content",
+              gap: "30px",
+              p: "10px",
+              borderTopWidth: "1px",
+              borderTopStyle: "solid",
+              borderTopColor: "#CCD0DB"
+            },
+            children: [
+              /* @__PURE__ */ t.jsx(
+                m,
+                {
+                  onClick: a,
+                  height: "42px",
+                  color: "cl_darkGrey",
+                  padding: "0 0 0 10px",
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ t.jsx(c, { selectedRange: o }),
+              /* @__PURE__ */ t.jsx(f, { ...e })
+            ]
+          }
+        )
+      ]
+    }
+  );
 };
 export {
-  $ as default
+  k as BaseDateRangeInputDesktop
 };
 //# sourceMappingURL=sd-component-library308.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library308.js","sources":["../node_modules/@emotion/styled-base/dist/styled-base.browser.esm.js"],"sourcesContent":["import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';\nimport { createElement, Fragment } from 'react';\nimport isPropValid from '@emotion/is-prop-valid';\nimport { withEmotionCache, ThemeContext } from '@emotion/core';\nimport { getRegisteredStyles, insertStyles } from '@emotion/utils';\nimport { serializeStyles } from '@emotion/serialize';\n\nvar testOmitPropsOnStringTag = isPropValid;\n\nvar testOmitPropsOnComponent = function testOmitPropsOnComponent(key) {\n  return key !== 'theme' && key !== 'innerRef';\n};\n\nvar getDefaultShouldForwardProp = function getDefaultShouldForwardProp(tag) {\n  return typeof tag === 'string' && // 96 is one less than the char code\n  // for \"a\" so this is checking that\n  // it's a lowercase character\n  tag.charCodeAt(0) > 96 ? testOmitPropsOnStringTag : testOmitPropsOnComponent;\n};\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\nvar ILLEGAL_ESCAPE_SEQUENCE_ERROR = \"You have illegal escape sequence in your template literal, most likely inside content's property value.\\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \\\"content: '\\\\00d7';\\\" should become \\\"content: '\\\\\\\\00d7';\\\".\\nYou can read more about this here:\\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences\";\n\nvar Noop = function Noop() {\n  return null;\n};\n\nvar createStyled = function createStyled(tag, options) {\n  if (process.env.NODE_ENV !== 'production') {\n    if (tag === undefined) {\n      throw new Error('You are trying to create a styled element with an undefined component.\\nYou may have forgotten to import it.');\n    }\n  }\n\n  var identifierName;\n  var shouldForwardProp;\n  var targetClassName;\n\n  if (options !== undefined) {\n    identifierName = options.label;\n    targetClassName = options.target;\n    shouldForwardProp = tag.__emotion_forwardProp && options.shouldForwardProp ? function (propName) {\n      return tag.__emotion_forwardProp(propName) && // $FlowFixMe\n      options.shouldForwardProp(propName);\n    } : options.shouldForwardProp;\n  }\n\n  var isReal = tag.__emotion_real === tag;\n  var baseTag = isReal && tag.__emotion_base || tag;\n\n  if (typeof shouldForwardProp !== 'function' && isReal) {\n    shouldForwardProp = tag.__emotion_forwardProp;\n  }\n\n  var defaultShouldForwardProp = shouldForwardProp || getDefaultShouldForwardProp(baseTag);\n  var shouldUseAs = !defaultShouldForwardProp('as');\n  return function () {\n    var args = arguments;\n    var styles = isReal && tag.__emotion_styles !== undefined ? tag.__emotion_styles.slice(0) : [];\n\n    if (identifierName !== undefined) {\n      styles.push(\"label:\" + identifierName + \";\");\n    }\n\n    if (args[0] == null || args[0].raw === undefined) {\n      styles.push.apply(styles, args);\n    } else {\n      if (process.env.NODE_ENV !== 'production' && args[0][0] === undefined) {\n        console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);\n      }\n\n      styles.push(args[0][0]);\n      var len = args.length;\n      var i = 1;\n\n      for (; i < len; i++) {\n        if (process.env.NODE_ENV !== 'production' && args[0][i] === undefined) {\n          console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);\n        }\n\n        styles.push(args[i], args[0][i]);\n      }\n    } // $FlowFixMe: we need to cast StatelessFunctionalComponent to our PrivateStyledComponent class\n\n\n    var Styled = withEmotionCache(function (props, context, ref) {\n      return /*#__PURE__*/createElement(ThemeContext.Consumer, null, function (theme) {\n        var finalTag = shouldUseAs && props.as || baseTag;\n        var className = '';\n        var classInterpolations = [];\n        var mergedProps = props;\n\n        if (props.theme == null) {\n          mergedProps = {};\n\n          for (var key in props) {\n            mergedProps[key] = props[key];\n          }\n\n          mergedProps.theme = theme;\n        }\n\n        if (typeof props.className === 'string') {\n          className = getRegisteredStyles(context.registered, classInterpolations, props.className);\n        } else if (props.className != null) {\n          className = props.className + \" \";\n        }\n\n        var serialized = serializeStyles(styles.concat(classInterpolations), context.registered, mergedProps);\n        var rules = insertStyles(context, serialized, typeof finalTag === 'string');\n        className += context.key + \"-\" + serialized.name;\n\n        if (targetClassName !== undefined) {\n          className += \" \" + targetClassName;\n        }\n\n        var finalShouldForwardProp = shouldUseAs && shouldForwardProp === undefined ? getDefaultShouldForwardProp(finalTag) : defaultShouldForwardProp;\n        var newProps = {};\n\n        for (var _key in props) {\n          if (shouldUseAs && _key === 'as') continue;\n\n          if ( // $FlowFixMe\n          finalShouldForwardProp(_key)) {\n            newProps[_key] = props[_key];\n          }\n        }\n\n        newProps.className = className;\n        newProps.ref = ref || props.innerRef;\n\n        if (process.env.NODE_ENV !== 'production' && props.innerRef) {\n          console.error('`innerRef` is deprecated and will be removed in a future major version of Emotion, please use the `ref` prop instead' + (identifierName === undefined ? '' : \" in the usage of `\" + identifierName + \"`\"));\n        }\n\n        var ele = /*#__PURE__*/createElement(finalTag, newProps);\n        var possiblyStyleElement = /*#__PURE__*/createElement(Noop, null);\n\n\n        return /*#__PURE__*/createElement(Fragment, null, possiblyStyleElement, ele);\n      });\n    });\n    Styled.displayName = identifierName !== undefined ? identifierName : \"Styled(\" + (typeof baseTag === 'string' ? baseTag : baseTag.displayName || baseTag.name || 'Component') + \")\";\n    Styled.defaultProps = tag.defaultProps;\n    Styled.__emotion_real = Styled;\n    Styled.__emotion_base = baseTag;\n    Styled.__emotion_styles = styles;\n    Styled.__emotion_forwardProp = shouldForwardProp;\n    Object.defineProperty(Styled, 'toString', {\n      value: function value() {\n        if (targetClassName === undefined && process.env.NODE_ENV !== 'production') {\n          return 'NO_COMPONENT_SELECTOR';\n        } // $FlowFixMe: coerce undefined to string\n\n\n        return \".\" + targetClassName;\n      }\n    });\n\n    Styled.withComponent = function (nextTag, nextOptions) {\n      return createStyled(nextTag, nextOptions !== undefined ? _objectSpread({}, options || {}, {}, nextOptions) : options).apply(void 0, styles);\n    };\n\n    return Styled;\n  };\n};\n\nexport default createStyled;\n"],"names":["testOmitPropsOnStringTag","isPropValid","testOmitPropsOnComponent","key","getDefaultShouldForwardProp","tag","ownKeys","object","enumerableOnly","keys","symbols","sym","_objectSpread","target","i","source","_defineProperty","ILLEGAL_ESCAPE_SEQUENCE_ERROR","Noop","createStyled","options","identifierName","shouldForwardProp","targetClassName","propName","isReal","baseTag","defaultShouldForwardProp","shouldUseAs","args","styles","len","Styled","withEmotionCache","props","context","ref","createElement","ThemeContext","theme","finalTag","className","classInterpolations","mergedProps","getRegisteredStyles","serialized","serializeStyles","insertStyles","finalShouldForwardProp","newProps","_key","ele","possiblyStyleElement","Fragment","nextTag","nextOptions"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library308.js","sources":["../src/components/inputs/date-inputs/base-date-range-input/partials/base-date-range-input-desktop/base-date-range-input-desktop.tsx"],"sourcesContent":["import React from \"react\";\nimport { DateRangePicker } from \"react-date-range\";\n\nimport { Box } from \"rebass\";\n\nimport { PrimaryTextButton } from \"../../../../../buttons\";\nimport { Grid } from \"../../../../../containers\";\nimport { TenSb } from \"../../../../../texts/ten-sb\";\nimport { getCalendarProps } from \"../../utils\";\nimport { ApplyButton } from \"../apply-button\";\nimport { SelectedRangeText } from \"../selected-range-text\";\nimport { BaseDateRangeInputDesktopProps as Props } from \"./interfaces\";\n\nexport const BaseDateRangeInputDesktop: React.FC<Props> = (props) => {\n  const {\n    selectedRange,\n    zIndex,\n    getStaticRanges,\n    handleCancel,\n    quickSelectionLabel,\n    alignCalendar,\n  } = props;\n  return (\n    <Box\n      sx={{\n        overflowX: \"auto\",\n        borderStyle: \"solid\",\n        borderWidth: \"1px\",\n        minWidth: \"max-content\",\n        borderColor: \"cl_lightGrey\",\n        position: \"absolute\",\n        maxWidth: \"max-content\",\n        width: \"max-content\",\n        top: 0,\n        left:\n          alignCalendar === \"left\"\n            ? \"0\"\n            : alignCalendar === \"right\"\n            ? \"unset\"\n            : undefined,\n        right:\n          alignCalendar === \"right\"\n            ? \"0\"\n            : alignCalendar === \"left\"\n            ? \"unset\"\n            : undefined,\n        margin: \"auto\",\n        backgroundColor: \"#fff\",\n        zIndex,\n        \".rdrDateRangePickerWrapper\": {\n          width: \"unset\",\n          flexDirection: \"row\",\n        },\n        \".rdrDefinedRangesWrapper\": {\n          width: \"226px\",\n        },\n        \".rdrCalendarWrapper\": {\n          display: \"inline-flex\",\n        },\n        \".rdrInputRanges\": {\n          display: \"none\",\n        },\n        \".rdrStaticRanges:before\": {\n          content: quickSelectionLabel,\n          fontSize: \"14px\",\n          fontFamily: \"proxima-nova\",\n          color: \"#9BA2B4\",\n          fontWeight: \"300\",\n          p: \"10px 20px\",\n        },\n        \".rdrStaticRange\": {\n          fontSize: \"14px\",\n          fontFamily: \"proxima-nova\",\n          color: \"#434A54\",\n          borderBottomWidth: \"1px\",\n        },\n      }}\n      data-test=\"calendar-wrapper\"\n    >\n      <TenSb>\n        <DateRangePicker\n          {...getCalendarProps(props)}\n          direction=\"horizontal\"\n          staticRanges={getStaticRanges()}\n        />\n      </TenSb>\n\n      <Grid\n        sx={{\n          gridTemplateColumns: \"max-content 1fr max-content\",\n          gap: \"30px\",\n          p: \"10px\",\n          borderTopWidth: \"1px\",\n          borderTopStyle: \"solid\",\n          borderTopColor: \"#CCD0DB\",\n        }}\n      >\n        <PrimaryTextButton\n          onClick={handleCancel}\n          height=\"42px\"\n          color=\"cl_darkGrey\"\n          padding=\"0 0 0 10px\"\n        >\n          Cancel\n        </PrimaryTextButton>\n\n        <SelectedRangeText selectedRange={selectedRange} />\n\n        <ApplyButton {...props} />\n      </Grid>\n    </Box>\n  );\n};\n"],"names":["BaseDateRangeInputDesktop","props","selectedRange","zIndex","getStaticRanges","handleCancel","quickSelectionLabel","alignCalendar","jsxs","Box","jsx","TenSb","DateRangePicker","getCalendarProps","Grid","PrimaryTextButton","SelectedRangeText","ApplyButton"],"mappings":";;;;;;;;;;;AAaa,MAAAA,IAA6C,CAACC,MAAU;AAC7D,QAAA;AAAA,IACJ,eAAAC;AAAA,IACA,QAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,eAAAC;AAAA,EACE,IAAAN;AAEF,SAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,WAAW;AAAA,QACX,aAAa;AAAA,QACb,aAAa;AAAA,QACb,UAAU;AAAA,QACV,aAAa;AAAA,QACb,UAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO;AAAA,QACP,KAAK;AAAA,QACL,MACEF,MAAkB,SACd,MACAA,MAAkB,UAClB,UACA;AAAA,QACN,OACEA,MAAkB,UACd,MACAA,MAAkB,SAClB,UACA;AAAA,QACN,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,QAAAJ;AAAA,QACA,8BAA8B;AAAA,UAC5B,OAAO;AAAA,UACP,eAAe;AAAA,QACjB;AAAA,QACA,4BAA4B;AAAA,UAC1B,OAAO;AAAA,QACT;AAAA,QACA,uBAAuB;AAAA,UACrB,SAAS;AAAA,QACX;AAAA,QACA,mBAAmB;AAAA,UACjB,SAAS;AAAA,QACX;AAAA,QACA,2BAA2B;AAAA,UACzB,SAASG;AAAA,UACT,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,YAAY;AAAA,UACZ,GAAG;AAAA,QACL;AAAA,QACA,mBAAmB;AAAA,UACjB,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,mBAAmB;AAAA,QACrB;AAAA,MACF;AAAA,MACA,aAAU;AAAA,MAEV,UAAA;AAAA,QAAAI,gBAAAA,MAACC,GACC,EAAA,UAAAD,gBAAAA,EAAA;AAAA,UAACE,EAAA;AAAA,UAAA;AAAA,YACE,GAAGC,EAAiBZ,CAAK;AAAA,YAC1B,WAAU;AAAA,YACV,cAAcG,EAAgB;AAAA,UAAA;AAAA,QAAA,GAElC;AAAA,QAEAI,gBAAAA,EAAA;AAAA,UAACM;AAAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,qBAAqB;AAAA,cACrB,KAAK;AAAA,cACL,GAAG;AAAA,cACH,gBAAgB;AAAA,cAChB,gBAAgB;AAAA,cAChB,gBAAgB;AAAA,YAClB;AAAA,YAEA,UAAA;AAAA,cAAAJ,gBAAAA,EAAA;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,SAASV;AAAA,kBACT,QAAO;AAAA,kBACP,OAAM;AAAA,kBACN,SAAQ;AAAA,kBACT,UAAA;AAAA,gBAAA;AAAA,cAED;AAAA,cAEAK,gBAAAA,MAACM,KAAkB,eAAAd,GAA8B;AAAA,cAEjDQ,gBAAAA,EAAAA,IAACO,GAAa,EAAA,GAAGhB,GAAO;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library309.js

@@ -1,115 +1,6 @@
-import { createStyleFunction as h, createParser as y } from "./sd-component-library310.js";
-import { compose as Yr, get as qr, system as Er } from "./sd-component-library310.js";
-import { layout as o } from "./sd-component-library311.js";
-import { color as x } from "./sd-component-library312.js";
-import { typography as a } from "./sd-component-library313.js";
-import { flexbox as r } from "./sd-component-library314.js";
-import { grid as e } from "./sd-component-library315.js";
-import { border as t } from "./sd-component-library316.js";
-import { background as n } from "./sd-component-library317.js";
-import { position as l } from "./sd-component-library318.js";
-import { margin as Kr, padding as Mr, space as Nr } from "./sd-component-library319.js";
-import { shadow as Qr, shadow as Ur, shadow as Zr } from "./sd-component-library320.js";
-import { buttonStyle as _r, colorStyle as ro, textStyle as oo, variant as eo } from "./sd-component-library321.js";
-var I = o.width, T = o.height, j = o.minWidth, H = o.minHeight, F = o.maxWidth, P = o.maxHeight, B = o.size, D = o.verticalAlign, L = o.display, V = o.overflow, X = o.overflowX, Y = o.overflowY, q = x.opacity, E = a.fontSize, J = a.fontFamily, K = a.fontWeight, M = a.lineHeight, N = a.textAlign, O = a.fontStyle, Q = a.letterSpacing, U = r.alignItems, Z = r.alignContent, $ = r.justifyItems, _ = r.justifyContent, rr = r.flexWrap, or = r.flexDirection, er = r.flex, tr = r.flexGrow, ir = r.flexShrink, ar = r.flexBasis, lr = r.justifySelf, dr = r.alignSelf, nr = r.order, gr = e.gridGap, sr = e.gridColumnGap, mr = e.gridRowGap, pr = e.gridColumn, fr = e.gridRow, ur = e.gridAutoFlow, br = e.gridAutoColumns, cr = e.gridAutoRows, hr = e.gridTemplateColumns, yr = e.gridTemplateRows, xr = e.gridTemplateAreas, wr = e.gridArea, Sr = t.borderWidth, vr = t.borderStyle, Ar = t.borderColor, Cr = t.borderTop, Rr = t.borderRight, kr = t.borderBottom, Wr = t.borderLeft, zr = t.borderRadius, Gr = n.backgroundImage, Ir = n.backgroundSize, Tr = n.backgroundPosition, jr = n.backgroundRepeat, Hr = l.zIndex, Fr = l.top, Pr = l.right, Br = l.bottom, Dr = l.left, Lr = function(i) {
-  var g = i.prop, m = i.cssProperty, s = i.alias, p = i.key, f = i.transformValue, u = i.scale, b = i.properties, d = {};
-  d[g] = h({
-    properties: b,
-    property: m || g,
-    scale: p,
-    defaultScale: u,
-    transform: f
-  }), s && (d[s] = d[g]);
-  var c = y(d);
-  return c;
-};
+import * as t from "react";
+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 {
-  Z as alignContent,
-  U as alignItems,
-  dr as alignSelf,
-  n as background,
-  Gr as backgroundImage,
-  Tr as backgroundPosition,
-  jr as backgroundRepeat,
-  Ir as backgroundSize,
-  t as border,
-  kr as borderBottom,
-  Ar as borderColor,
-  Wr as borderLeft,
-  zr as borderRadius,
-  Rr as borderRight,
-  vr as borderStyle,
-  Cr as borderTop,
-  Sr as borderWidth,
-  t as borders,
-  Br as bottom,
-  Qr as boxShadow,
-  _r as buttonStyle,
-  x as color,
-  ro as colorStyle,
-  Yr as compose,
-  y as createParser,
-  h as createStyleFunction,
-  L as display,
-  er as flex,
-  ar as flexBasis,
-  or as flexDirection,
-  tr as flexGrow,
-  ir as flexShrink,
-  rr as flexWrap,
-  r as flexbox,
-  J as fontFamily,
-  E as fontSize,
-  O as fontStyle,
-  K as fontWeight,
-  qr as get,
-  e as grid,
-  wr as gridArea,
-  br as gridAutoColumns,
-  ur as gridAutoFlow,
-  cr as gridAutoRows,
-  pr as gridColumn,
-  sr as gridColumnGap,
-  gr as gridGap,
-  fr as gridRow,
-  mr as gridRowGap,
-  xr as gridTemplateAreas,
-  hr as gridTemplateColumns,
-  yr as gridTemplateRows,
-  T as height,
-  _ as justifyContent,
-  $ as justifyItems,
-  lr as justifySelf,
-  o as layout,
-  Dr as left,
-  Q as letterSpacing,
-  M as lineHeight,
-  Kr as margin,
-  P as maxHeight,
-  F as maxWidth,
-  H as minHeight,
-  j as minWidth,
-  q as opacity,
-  nr as order,
-  V as overflow,
-  X as overflowX,
-  Y as overflowY,
-  Mr as padding,
-  l as position,
-  Pr as right,
-  Ur as shadow,
-  B as size,
-  Nr as space,
-  Lr as style,
-  Er as system,
-  N as textAlign,
-  Zr as textShadow,
-  oo as textStyle,
-  Fr as top,
-  a as typography,
-  eo as variant,
-  D as verticalAlign,
-  I as width,
-  Hr as zIndex
+  a as ReactComponent
 };
 //# sourceMappingURL=sd-component-library309.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library309.js","sources":["../node_modules/styled-system/dist/index.esm.js"],"sourcesContent":["import { createStyleFunction, createParser } from '@styled-system/core'; // v4 api shims\n\nimport layout from '@styled-system/layout';\nimport color from '@styled-system/color';\nimport typography from '@styled-system/typography';\nimport flexbox from '@styled-system/flexbox';\nimport grid from '@styled-system/grid';\nimport border from '@styled-system/border';\nimport background from '@styled-system/background';\nimport position from '@styled-system/position';\nexport { get, createParser, createStyleFunction, compose, system } from '@styled-system/core';\nexport { margin, padding, space } from '@styled-system/space';\nexport { color } from '@styled-system/color';\nexport { layout } from '@styled-system/layout';\nexport { typography } from '@styled-system/typography';\nexport { flexbox } from '@styled-system/flexbox';\nexport { border } from '@styled-system/border';\nexport { background } from '@styled-system/background';\nexport { position } from '@styled-system/position';\nexport { grid } from '@styled-system/grid';\nexport { shadow } from '@styled-system/shadow';\nexport { default as boxShadow, default as textShadow } from '@styled-system/shadow';\nexport { variant, buttonStyle, textStyle, colorStyle } from '@styled-system/variant';\nvar width = layout.width,\n    height = layout.height,\n    minWidth = layout.minWidth,\n    minHeight = layout.minHeight,\n    maxWidth = layout.maxWidth,\n    maxHeight = layout.maxHeight,\n    size = layout.size,\n    verticalAlign = layout.verticalAlign,\n    display = layout.display,\n    overflow = layout.overflow,\n    overflowX = layout.overflowX,\n    overflowY = layout.overflowY;\nvar opacity = color.opacity;\nvar fontSize = typography.fontSize,\n    fontFamily = typography.fontFamily,\n    fontWeight = typography.fontWeight,\n    lineHeight = typography.lineHeight,\n    textAlign = typography.textAlign,\n    fontStyle = typography.fontStyle,\n    letterSpacing = typography.letterSpacing;\nvar alignItems = flexbox.alignItems,\n    alignContent = flexbox.alignContent,\n    justifyItems = flexbox.justifyItems,\n    justifyContent = flexbox.justifyContent,\n    flexWrap = flexbox.flexWrap,\n    flexDirection = flexbox.flexDirection,\n    flex = flexbox.flex,\n    flexGrow = flexbox.flexGrow,\n    flexShrink = flexbox.flexShrink,\n    flexBasis = flexbox.flexBasis,\n    justifySelf = flexbox.justifySelf,\n    alignSelf = flexbox.alignSelf,\n    order = flexbox.order;\nvar gridGap = grid.gridGap,\n    gridColumnGap = grid.gridColumnGap,\n    gridRowGap = grid.gridRowGap,\n    gridColumn = grid.gridColumn,\n    gridRow = grid.gridRow,\n    gridAutoFlow = grid.gridAutoFlow,\n    gridAutoColumns = grid.gridAutoColumns,\n    gridAutoRows = grid.gridAutoRows,\n    gridTemplateColumns = grid.gridTemplateColumns,\n    gridTemplateRows = grid.gridTemplateRows,\n    gridTemplateAreas = grid.gridTemplateAreas,\n    gridArea = grid.gridArea;\nvar borderWidth = border.borderWidth,\n    borderStyle = border.borderStyle,\n    borderColor = border.borderColor,\n    borderTop = border.borderTop,\n    borderRight = border.borderRight,\n    borderBottom = border.borderBottom,\n    borderLeft = border.borderLeft,\n    borderRadius = border.borderRadius;\nvar backgroundImage = background.backgroundImage,\n    backgroundSize = background.backgroundSize,\n    backgroundPosition = background.backgroundPosition,\n    backgroundRepeat = background.backgroundRepeat;\nvar zIndex = position.zIndex,\n    top = position.top,\n    right = position.right,\n    bottom = position.bottom,\n    left = position.left;\nexport { default as borders } from '@styled-system/border';\nexport { width, height, minWidth, minHeight, maxWidth, maxHeight, size, verticalAlign, display, overflow, overflowX, overflowY // color\n, opacity // typography\n, fontSize, fontFamily, fontWeight, lineHeight, textAlign, fontStyle, letterSpacing // flexbox\n, alignItems, alignContent, justifyItems, justifyContent, flexWrap, flexDirection, flex, flexGrow, flexShrink, flexBasis, justifySelf, alignSelf, order // grid\n, gridGap, gridColumnGap, gridRowGap, gridColumn, gridRow, gridAutoFlow, gridAutoColumns, gridAutoRows, gridTemplateColumns, gridTemplateRows, gridTemplateAreas, gridArea // border\n, borderWidth, borderStyle, borderColor, borderTop, borderRight, borderBottom, borderLeft, borderRadius // background\n, backgroundImage, backgroundSize, backgroundPosition, backgroundRepeat // position\n, zIndex, top, right, bottom, left }; // v4 style API shim\n\nexport var style = function style(_ref) {\n  var prop = _ref.prop,\n      cssProperty = _ref.cssProperty,\n      alias = _ref.alias,\n      key = _ref.key,\n      transformValue = _ref.transformValue,\n      scale = _ref.scale,\n      properties = _ref.properties;\n  var config = {};\n  config[prop] = createStyleFunction({\n    properties: properties,\n    property: cssProperty || prop,\n    scale: key,\n    defaultScale: scale,\n    transform: transformValue\n  });\n  if (alias) config[alias] = config[prop];\n  var parse = createParser(config);\n  return parse;\n};\n"],"names":["width","layout","height","minWidth","minHeight","maxWidth","maxHeight","size","verticalAlign","display","overflow","overflowX","overflowY","opacity","color","fontSize","typography","fontFamily","fontWeight","lineHeight","textAlign","fontStyle","letterSpacing","alignItems","flexbox","alignContent","justifyItems","justifyContent","flexWrap","flexDirection","flex","flexGrow","flexShrink","flexBasis","justifySelf","alignSelf","order","gridGap","grid","gridColumnGap","gridRowGap","gridColumn","gridRow","gridAutoFlow","gridAutoColumns","gridAutoRows","gridTemplateColumns","gridTemplateRows","gridTemplateAreas","gridArea","borderWidth","border","borderStyle","borderColor","borderTop","borderRight","borderBottom","borderLeft","borderRadius","backgroundImage","background","backgroundSize","backgroundPosition","backgroundRepeat","zIndex","position","top","right","bottom","left","style","_ref","prop","cssProperty","alias","key","transformValue","scale","properties","config","createStyleFunction","parse","createParser"],"mappings":";;;;;;;;;;;;;AAuBG,IAACA,IAAQC,EAAO,OACfC,IAASD,EAAO,QAChBE,IAAWF,EAAO,UAClBG,IAAYH,EAAO,WACnBI,IAAWJ,EAAO,UAClBK,IAAYL,EAAO,WACnBM,IAAON,EAAO,MACdO,IAAgBP,EAAO,eACvBQ,IAAUR,EAAO,SACjBS,IAAWT,EAAO,UAClBU,IAAYV,EAAO,WACnBW,IAAYX,EAAO,WACnBY,IAAUC,EAAM,SAChBC,IAAWC,EAAW,UACtBC,IAAaD,EAAW,YACxBE,IAAaF,EAAW,YACxBG,IAAaH,EAAW,YACxBI,IAAYJ,EAAW,WACvBK,IAAYL,EAAW,WACvBM,IAAgBN,EAAW,eAC3BO,IAAaC,EAAQ,YACrBC,IAAeD,EAAQ,cACvBE,IAAeF,EAAQ,cACvBG,IAAiBH,EAAQ,gBACzBI,KAAWJ,EAAQ,UACnBK,KAAgBL,EAAQ,eACxBM,KAAON,EAAQ,MACfO,KAAWP,EAAQ,UACnBQ,KAAaR,EAAQ,YACrBS,KAAYT,EAAQ,WACpBU,KAAcV,EAAQ,aACtBW,KAAYX,EAAQ,WACpBY,KAAQZ,EAAQ,OAChBa,KAAUC,EAAK,SACfC,KAAgBD,EAAK,eACrBE,KAAaF,EAAK,YAClBG,KAAaH,EAAK,YAClBI,KAAUJ,EAAK,SACfK,KAAeL,EAAK,cACpBM,KAAkBN,EAAK,iBACvBO,KAAeP,EAAK,cACpBQ,KAAsBR,EAAK,qBAC3BS,KAAmBT,EAAK,kBACxBU,KAAoBV,EAAK,mBACzBW,KAAWX,EAAK,UAChBY,KAAcC,EAAO,aACrBC,KAAcD,EAAO,aACrBE,KAAcF,EAAO,aACrBG,KAAYH,EAAO,WACnBI,KAAcJ,EAAO,aACrBK,KAAeL,EAAO,cACtBM,KAAaN,EAAO,YACpBO,KAAeP,EAAO,cACtBQ,KAAkBC,EAAW,iBAC7BC,KAAiBD,EAAW,gBAC5BE,KAAqBF,EAAW,oBAChCG,KAAmBH,EAAW,kBAC9BI,KAASC,EAAS,QAClBC,KAAMD,EAAS,KACfE,KAAQF,EAAS,OACjBG,KAASH,EAAS,QAClBI,KAAOJ,EAAS,MAWTK,KAAQ,SAAeC,GAAM;AACtC,MAAIC,IAAOD,EAAK,MACZE,IAAcF,EAAK,aACnBG,IAAQH,EAAK,OACbI,IAAMJ,EAAK,KACXK,IAAiBL,EAAK,gBACtBM,IAAQN,EAAK,OACbO,IAAaP,EAAK,YAClBQ,IAAS,CAAA;AACb,EAAAA,EAAOP,CAAI,IAAIQ,EAAoB;AAAA,IACjC,YAAYF;AAAA,IACZ,UAAUL,KAAeD;AAAA,IACzB,OAAOG;AAAA,IACP,cAAcE;AAAA,IACd,WAAWD;AAAA,EACf,CAAG,GACGF,MAAOK,EAAOL,CAAK,IAAIK,EAAOP,CAAI;AACtC,MAAIS,IAAQC,EAAaH,CAAM;AAC/B,SAAOE;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library309.js","sources":["../src/components/inputs/search-input/presentational/assets/x.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMCAxMCI+CiAgPHBhdGggZD0iTTEwMDM3LjUsMTA1NS40OGwtMSwxLjAyLTQtMy45Ny00LDMuOTctMS0xLjAyLDQtMy45OC00LTMuOTgsMS0xLjAyLDQsMy45Nyw0LTMuOTcsMSwxLjAyLTQsMy45OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDAyNy41IC0xMDQ2LjUpIi8+Cjwvc3ZnPgo=\""],"names":["SvgX","props","React"],"mappings":";AACK,MAACA,IAAO,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,aAAa,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,mGAAmG,WAAW,+BAA+B,CAAC;"}

package/lib/sd-component-library31.js

@@ -1,7 +1,7 @@
 import { j as i } from "./sd-component-library195.js";
 import { useRef as p, useState as x, useCallback as C, useEffect as b } from "react";
 import { debounce as R } from "lodash-es";
-import { Card as w } from "./sd-component-library198.js";
+import { Card as w } from "./sd-component-library196.js";
 const z = (o) => {
   const {
     width: d = ["max-content"],