@selfdecode/sd-component-library 4.0.82 → 4.0.83

package/lib/components/accordions/sublist-accordion/interfaces.d.ts

@@ -1,5 +1,11 @@
 /// <reference types="react" />
 export interface SublistAccordionProps {
+    isOpen: boolean;
+    /**
+     * Callback function that is called when accordion changes state
+     * (open/closed).
+     */
+    onChange?: (isOpen: boolean) => void;
     /**
      * Text that will be shown when the accordion is closed.
      */
@@ -20,21 +26,8 @@ export interface SublistAccordionProps {
      * Left margin for accordion hidden content.
      */
     ml?: string | string[];
-    /**
-     * Callback function that is called when accordion changes state
-     * (open/closed).
-     */
-    onChange?: (isOpen: boolean) => void;
     /**
      * Optional text to override the default (x entries)
      */
     buttonText?: string;
-    /**
-     * Initial state of the accordion.
-     */
-    initialIsOpen?: boolean;
-    /**
-     * Make the component a controlled component.
-     */
-    isOpen?: boolean;
 }

package/lib/components/accordions/sublist-accordion/sublist-accordian.stories.d.ts

@@ -4,5 +4,4 @@ declare const meta: Meta<typeof SublistAccordion>;
 export default meta;
 declare type Story = StoryObj<typeof SublistAccordion>;
 export declare const Example: Story;
-export declare const Sublist: Story;
 export declare const SublistControlled: Story;

package/lib/sd-component-library112.js

@@ -3,7 +3,7 @@ import u, { useState as h, useMemo as f } from "react";
 import { Box as g } from "rebass";
 import { OutsideClickBox as b } from "./sd-component-library11.js";
 import { ReactComponent as j } from "./sd-component-library181.js";
-import { CustomOptionBox as C } from "./sd-component-library258.js";
+import { CustomOptionBox as C } from "./sd-component-library257.js";
 import { GridCenter as S } from "./sd-component-library42.js";
 import { EighteenRegular as d } from "./sd-component-library136.js";
 import { HorizontalDivider as _ } from "./sd-component-library49.js";

package/lib/sd-component-library113.js

@@ -3,7 +3,7 @@ import { useState as x } from "react";
 import { BaseLabel as f } from "./sd-component-library221.js";
 import { OutsideClickBox as u } from "./sd-component-library11.js";
 import { ReactComponent as h } from "./sd-component-library181.js";
-import { SecondaryCustomSelectorOptionsBox as S } from "./sd-component-library257.js";
+import { SecondaryCustomSelectorOptionsBox as S } from "./sd-component-library258.js";
 import { GridContainerV2 as g } from "./sd-component-library39.js";
 import { ResponsiveTextV2 as C } from "./sd-component-library144.js";
 import { FlexCenter as j } from "./sd-component-library35.js";

package/lib/sd-component-library115.js

@@ -5,7 +5,7 @@ import { ReactComponent as x } from "./sd-component-library181.js";
 import { ResponsiveTextV2 as f } from "./sd-component-library144.js";
 import { BaseTextV2 as u } from "./sd-component-library132.js";
 import { FlexCenter as h } from "./sd-component-library35.js";
-import { SecondaryCustomSelectorOptionsBox as g } from "./sd-component-library257.js";
+import { SecondaryCustomSelectorOptionsBox as g } from "./sd-component-library258.js";
 const k = ({
   width: l,
   options: r,

package/lib/sd-component-library124.js

@@ -1,6 +1,6 @@
 import { j as t } from "./sd-component-library190.js";
 import { IconButton as s } from "./sd-component-library22.js";
-import { ReactComponent as c } from "./sd-component-library198.js";
+import { ReactComponent as c } from "./sd-component-library194.js";
 import { EighteenBold as p } from "./sd-component-library135.js";
 import { GridCenter as g } from "./sd-component-library42.js";
 const C = ({

package/lib/sd-component-library15.js

@@ -1,5 +1,5 @@
 import { j as i } from "./sd-component-library190.js";
-import { renderUpToFiveCrumbs as o, renderMoreThanFiveCrumbs as m } from "./sd-component-library194.js";
+import { renderUpToFiveCrumbs as o, renderMoreThanFiveCrumbs as m } from "./sd-component-library195.js";
 import { GridCenter as d } from "./sd-component-library42.js";
 const h = ({
   textTransform: t,

package/lib/sd-component-library166.js

@@ -2,7 +2,7 @@ import { j as o } from "./sd-component-library190.js";
 import { useState as y, useRef as a } from "react";
 import { Box as z } from "rebass";
 import { useBreakPoints as B, useBodyScrollLock as C } from "./sd-component-library3.js";
-import E from "./sd-component-library249.js";
+import E from "./sd-component-library246.js";
 import { TooltipWithPointerMobile as M } from "./sd-component-library269.js";
 import { TooltipWithPointerHorizontal as V } from "./sd-component-library270.js";
 import { TooltipWithPointerVertical as D } from "./sd-component-library271.js";

package/lib/sd-component-library190.js

@@ -1,6 +1,6 @@
-import { __module as e } from "./sd-component-library195.js";
-import { __require as r } from "./sd-component-library196.js";
-import { __require as o } from "./sd-component-library197.js";
+import { __module as e } from "./sd-component-library202.js";
+import { __require as r } from "./sd-component-library203.js";
+import { __require as o } from "./sd-component-library204.js";
 process.env.NODE_ENV === "production" ? e.exports = r() : e.exports = o();
 var m = e.exports;
 export {

package/lib/sd-component-library194.js

@@ -1,60 +1,6 @@
-import { j as t } from "./sd-component-library190.js";
-import { Crumb as c } from "./sd-component-library16.js";
-const l = (s, h, p) => s.map(({ title: e, dontTranslate: r, onClick: u }, o) => /* @__PURE__ */ t.jsx(
-  c,
-  {
-    variant: h,
-    crumb: { title: e, dontTranslate: r },
-    isLast: o === s.length - 1,
-    textTransform: p,
-    onClick: u
-  },
-  e + o
-)), a = (s, h, p) => {
-  const e = [];
-  return s.slice(0, 2).forEach(({ title: r, dontTranslate: u, onClick: o }, m) => {
-    e.push(
-      /* @__PURE__ */ t.jsx(
-        c,
-        {
-          variant: h,
-          crumb: { title: r, dontTranslate: u },
-          isLast: !1,
-          textTransform: p,
-          onClick: o
-        },
-        r + m
-      )
-    );
-  }), e.push(
-    /* @__PURE__ */ t.jsx(
-      c,
-      {
-        variant: h,
-        crumb: { title: "..." },
-        isLast: !1,
-        textTransform: p
-      },
-      "..."
-    )
-  ), s.slice(s.length - 2, s.length).forEach(({ title: r, onClick: u, dontTranslate: o }, m) => {
-    e.push(
-      /* @__PURE__ */ t.jsx(
-        c,
-        {
-          variant: h,
-          crumb: { title: r, dontTranslate: o },
-          isLast: m === 1,
-          textTransform: p,
-          onClick: u
-        },
-        r + m
-      )
-    );
-  }), e;
-};
+import * as t from "react";
+const e = (a) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 9.984, height: 6.021, viewBox: "0 0 9.984 6.021", ...a }, /* @__PURE__ */ t.createElement("path", { id: "dropdown_arrow_up", d: "M1262.106,88.295l4.662-4.218a.336.336,0,0,1,.459,0l4.662,4.218a.266.266,0,0,1,0,.416l-.5,1.205a.327.327,0,0,1-.23.091.331.331,0,0,1-.23-.091L1267,86.359l-3.93,3.557a.338.338,0,0,1-.46,0l-.5-1.205a.265.265,0,0,1,0-.416Z", transform: "translate(-1262.005 -83.986)" }));
 export {
-  a as renderMoreThanFiveCrumbs,
-  l as renderUpToFiveCrumbs
+  e as ReactComponent
 };
 //# sourceMappingURL=sd-component-library194.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library194.js","sources":["../src/components/breadcrumbs/breadcrumb/functions.tsx"],"sourcesContent":["import React, { CSSProperties } from \"react\";\n\nimport { Crumb, CrumbType } from \"./crumb\";\n\nexport const renderUpToFiveCrumbs = (\n  crumbs: CrumbType[],\n  variant: string | undefined,\n  textTransform: CSSProperties[\"textTransform\"]\n) => {\n  return crumbs.map(({ title, dontTranslate, onClick }, index: number) => (\n    <Crumb\n      variant={variant}\n      crumb={{ title, dontTranslate }}\n      isLast={index === crumbs.length - 1}\n      key={title + index}\n      textTransform={textTransform}\n      onClick={onClick}\n    />\n  ));\n};\n\nexport const renderMoreThanFiveCrumbs = (\n  crumbs: CrumbType[],\n  variant: string | undefined,\n  textTransform: CSSProperties[\"textTransform\"]\n) => {\n  const elements: JSX.Element[] = [];\n\n  crumbs\n    .slice(0, 2)\n    .forEach(({ title, dontTranslate, onClick }, index: number): void => {\n      elements.push(\n        <Crumb\n          variant={variant}\n          crumb={{ title, dontTranslate }}\n          isLast={false}\n          key={title + index}\n          textTransform={textTransform}\n          onClick={onClick}\n        />\n      );\n    });\n  elements.push(\n    <Crumb\n      variant={variant}\n      crumb={{ title: \"...\" }}\n      isLast={false}\n      textTransform={textTransform}\n      key=\"...\"\n    />\n  );\n\n  crumbs\n    .slice(crumbs.length - 2, crumbs.length)\n    .forEach(({ title, onClick, dontTranslate }, index: number): void => {\n      elements.push(\n        <Crumb\n          variant={variant}\n          crumb={{ title, dontTranslate }}\n          isLast={index === 1}\n          key={title + index}\n          textTransform={textTransform}\n          onClick={onClick}\n        />\n      );\n    });\n  return elements;\n};\n"],"names":["renderUpToFiveCrumbs","crumbs","variant","textTransform","title","dontTranslate","onClick","index","jsx","Crumb","renderMoreThanFiveCrumbs","elements"],"mappings":";;AAIO,MAAMA,IAAuB,CAClCC,GACAC,GACAC,MAEOF,EAAO,IAAI,CAAC,EAAE,OAAAG,GAAO,eAAAC,GAAe,SAAAC,EAAA,GAAWC,MACpDC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAAP;AAAA,IACA,OAAO,EAAE,OAAAE,GAAO,eAAAC,EAAc;AAAA,IAC9B,QAAQE,MAAUN,EAAO,SAAS;AAAA,IAElC,eAAAE;AAAA,IACA,SAAAG;AAAA,EAAA;AAAA,EAFKF,IAAQG;AAAA,CAIhB,GAGUG,IAA2B,CACtCT,GACAC,GACAC,MACG;AACH,QAAMQ,IAA0B,CAAA;AAG7B,SAAAV,EAAA,MAAM,GAAG,CAAC,EACV,QAAQ,CAAC,EAAE,OAAAG,GAAO,eAAAC,GAAe,SAAAC,EAAQ,GAAGC,MAAwB;AAC1D,IAAAI,EAAA;AAAA,MACPH,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAP;AAAA,UACA,OAAO,EAAE,OAAAE,GAAO,eAAAC,EAAc;AAAA,UAC9B,QAAQ;AAAA,UAER,eAAAF;AAAA,UACA,SAAAG;AAAA,QAAA;AAAA,QAFKF,IAAQG;AAAA,MAGf;AAAA,IAAA;AAAA,EACF,CACD,GACMI,EAAA;AAAA,IACPH,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAAP;AAAA,QACA,OAAO,EAAE,OAAO,MAAM;AAAA,QACtB,QAAQ;AAAA,QACR,eAAAC;AAAA,MAAA;AAAA,MACI;AAAA,IACN;AAAA,EAAA,GAGFF,EACG,MAAMA,EAAO,SAAS,GAAGA,EAAO,MAAM,EACtC,QAAQ,CAAC,EAAE,OAAAG,GAAO,SAAAE,GAAS,eAAAD,EAAA,GAAiBE,MAAwB;AAC1D,IAAAI,EAAA;AAAA,MACPH,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAP;AAAA,UACA,OAAO,EAAE,OAAAE,GAAO,eAAAC,EAAc;AAAA,UAC9B,QAAQE,MAAU;AAAA,UAElB,eAAAJ;AAAA,UACA,SAAAG;AAAA,QAAA;AAAA,QAFKF,IAAQG;AAAA,MAGf;AAAA,IAAA;AAAA,EACF,CACD,GACII;AACT;"}
+{"version":3,"file":"sd-component-library194.js","sources":["../src/components/accordions/base-accordion/assets/dropdown_arrow_up.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Ljk4NCIgaGVpZ2h0PSI2LjAyMSIgdmlld0JveD0iMCAwIDkuOTg0IDYuMDIxIj4NCiAgPHBhdGggaWQ9ImRyb3Bkb3duX2Fycm93X3VwIiBkPSJNMTI2Mi4xMDYsODguMjk1bDQuNjYyLTQuMjE4YS4zMzYuMzM2LDAsMCwxLC40NTksMGw0LjY2Miw0LjIxOGEuMjY2LjI2NiwwLDAsMSwwLC40MTZsLS41LDEuMjA1YS4zMjcuMzI3LDAsMCwxLS4yMy4wOTEuMzMxLjMzMSwwLDAsMS0uMjMtLjA5MUwxMjY3LDg2LjM1OWwtMy45MywzLjU1N2EuMzM4LjMzOCwwLDAsMS0uNDYsMGwtLjUtMS4yMDVhLjI2NS4yNjUsMCwwLDEsMC0uNDE2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyNjIuMDA1IC04My45ODYpIi8+DQo8L3N2Zz4NCg==\""],"names":["SvgDropdownArrowUp","props","React"],"mappings":";AACK,MAACA,IAAqB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,OAAO,QAAQ,OAAO,SAAS,mBAAmB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,IAAI,qBAAqB,GAAG,8NAA8N,WAAW,+BAA8B,CAAE,CAAC;"}

package/lib/sd-component-library195.js

@@ -1,5 +1,60 @@
-var e = { exports: {} };
+import { j as t } from "./sd-component-library190.js";
+import { Crumb as c } from "./sd-component-library16.js";
+const l = (s, h, p) => s.map(({ title: e, dontTranslate: r, onClick: u }, o) => /* @__PURE__ */ t.jsx(
+  c,
+  {
+    variant: h,
+    crumb: { title: e, dontTranslate: r },
+    isLast: o === s.length - 1,
+    textTransform: p,
+    onClick: u
+  },
+  e + o
+)), a = (s, h, p) => {
+  const e = [];
+  return s.slice(0, 2).forEach(({ title: r, dontTranslate: u, onClick: o }, m) => {
+    e.push(
+      /* @__PURE__ */ t.jsx(
+        c,
+        {
+          variant: h,
+          crumb: { title: r, dontTranslate: u },
+          isLast: !1,
+          textTransform: p,
+          onClick: o
+        },
+        r + m
+      )
+    );
+  }), e.push(
+    /* @__PURE__ */ t.jsx(
+      c,
+      {
+        variant: h,
+        crumb: { title: "..." },
+        isLast: !1,
+        textTransform: p
+      },
+      "..."
+    )
+  ), s.slice(s.length - 2, s.length).forEach(({ title: r, onClick: u, dontTranslate: o }, m) => {
+    e.push(
+      /* @__PURE__ */ t.jsx(
+        c,
+        {
+          variant: h,
+          crumb: { title: r, dontTranslate: o },
+          isLast: m === 1,
+          textTransform: p,
+          onClick: u
+        },
+        r + m
+      )
+    );
+  }), e;
+};
 export {
-  e as __module
+  a as renderMoreThanFiveCrumbs,
+  l as renderUpToFiveCrumbs
 };
 //# sourceMappingURL=sd-component-library195.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library195.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library195.js","sources":["../src/components/breadcrumbs/breadcrumb/functions.tsx"],"sourcesContent":["import React, { CSSProperties } from \"react\";\n\nimport { Crumb, CrumbType } from \"./crumb\";\n\nexport const renderUpToFiveCrumbs = (\n  crumbs: CrumbType[],\n  variant: string | undefined,\n  textTransform: CSSProperties[\"textTransform\"]\n) => {\n  return crumbs.map(({ title, dontTranslate, onClick }, index: number) => (\n    <Crumb\n      variant={variant}\n      crumb={{ title, dontTranslate }}\n      isLast={index === crumbs.length - 1}\n      key={title + index}\n      textTransform={textTransform}\n      onClick={onClick}\n    />\n  ));\n};\n\nexport const renderMoreThanFiveCrumbs = (\n  crumbs: CrumbType[],\n  variant: string | undefined,\n  textTransform: CSSProperties[\"textTransform\"]\n) => {\n  const elements: JSX.Element[] = [];\n\n  crumbs\n    .slice(0, 2)\n    .forEach(({ title, dontTranslate, onClick }, index: number): void => {\n      elements.push(\n        <Crumb\n          variant={variant}\n          crumb={{ title, dontTranslate }}\n          isLast={false}\n          key={title + index}\n          textTransform={textTransform}\n          onClick={onClick}\n        />\n      );\n    });\n  elements.push(\n    <Crumb\n      variant={variant}\n      crumb={{ title: \"...\" }}\n      isLast={false}\n      textTransform={textTransform}\n      key=\"...\"\n    />\n  );\n\n  crumbs\n    .slice(crumbs.length - 2, crumbs.length)\n    .forEach(({ title, onClick, dontTranslate }, index: number): void => {\n      elements.push(\n        <Crumb\n          variant={variant}\n          crumb={{ title, dontTranslate }}\n          isLast={index === 1}\n          key={title + index}\n          textTransform={textTransform}\n          onClick={onClick}\n        />\n      );\n    });\n  return elements;\n};\n"],"names":["renderUpToFiveCrumbs","crumbs","variant","textTransform","title","dontTranslate","onClick","index","jsx","Crumb","renderMoreThanFiveCrumbs","elements"],"mappings":";;AAIO,MAAMA,IAAuB,CAClCC,GACAC,GACAC,MAEOF,EAAO,IAAI,CAAC,EAAE,OAAAG,GAAO,eAAAC,GAAe,SAAAC,EAAA,GAAWC,MACpDC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAAP;AAAA,IACA,OAAO,EAAE,OAAAE,GAAO,eAAAC,EAAc;AAAA,IAC9B,QAAQE,MAAUN,EAAO,SAAS;AAAA,IAElC,eAAAE;AAAA,IACA,SAAAG;AAAA,EAAA;AAAA,EAFKF,IAAQG;AAAA,CAIhB,GAGUG,IAA2B,CACtCT,GACAC,GACAC,MACG;AACH,QAAMQ,IAA0B,CAAA;AAG7B,SAAAV,EAAA,MAAM,GAAG,CAAC,EACV,QAAQ,CAAC,EAAE,OAAAG,GAAO,eAAAC,GAAe,SAAAC,EAAQ,GAAGC,MAAwB;AAC1D,IAAAI,EAAA;AAAA,MACPH,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAP;AAAA,UACA,OAAO,EAAE,OAAAE,GAAO,eAAAC,EAAc;AAAA,UAC9B,QAAQ;AAAA,UAER,eAAAF;AAAA,UACA,SAAAG;AAAA,QAAA;AAAA,QAFKF,IAAQG;AAAA,MAGf;AAAA,IAAA;AAAA,EACF,CACD,GACMI,EAAA;AAAA,IACPH,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAAP;AAAA,QACA,OAAO,EAAE,OAAO,MAAM;AAAA,QACtB,QAAQ;AAAA,QACR,eAAAC;AAAA,MAAA;AAAA,MACI;AAAA,IACN;AAAA,EAAA,GAGFF,EACG,MAAMA,EAAO,SAAS,GAAGA,EAAO,MAAM,EACtC,QAAQ,CAAC,EAAE,OAAAG,GAAO,SAAAE,GAAS,eAAAD,EAAA,GAAiBE,MAAwB;AAC1D,IAAAI,EAAA;AAAA,MACPH,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAP;AAAA,UACA,OAAO,EAAE,OAAAE,GAAO,eAAAC,EAAc;AAAA,UAC9B,QAAQE,MAAU;AAAA,UAElB,eAAAJ;AAAA,UACA,SAAAG;AAAA,QAAA;AAAA,QAFKF,IAAQG;AAAA,MAGf;AAAA,IAAA;AAAA,EACF,CACD,GACII;AACT;"}

package/lib/sd-component-library196.js

@@ -1,33 +1,28 @@
-import { __exports as t } from "./sd-component-library273.js";
-import R from "react";
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var p;
-function v() {
-  if (p)
-    return t;
-  p = 1;
-  var s = R, m = Symbol.for("react.element"), l = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, a = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function i(o, r, u) {
-    var e, n = {}, _ = null, f = null;
-    u !== void 0 && (_ = "" + u), r.key !== void 0 && (_ = "" + r.key), r.ref !== void 0 && (f = r.ref);
-    for (e in r)
-      c.call(r, e) && !d.hasOwnProperty(e) && (n[e] = r[e]);
-    if (o && o.defaultProps)
-      for (e in r = o.defaultProps, r)
-        n[e] === void 0 && (n[e] = r[e]);
-    return { $$typeof: m, type: o, key: _, ref: f, props: n, _owner: a.current };
-  }
-  return t.Fragment = l, t.jsx = i, t.jsxs = i, t;
-}
+import { j as o } from "./sd-component-library190.js";
+import { Box as m } from "rebass";
+import { ReactComponent as p } from "./sd-component-library175.js";
+const l = (t) => {
+  const { width: n, height: r, fill: e, stroke: i, icon: s } = t, a = s || p;
+  return /* @__PURE__ */ o.jsx(
+    m,
+    {
+      sx: {
+        width: n || 25,
+        height: r || 25,
+        fill: e || "purple",
+        stroke: i || "none",
+        animation: "rotation 2s infinite linear",
+        "@keyframes rotation ": {
+          from: { transform: "rotate(0deg)" },
+          to: { transform: "rotate(359deg)" }
+        }
+      },
+      "data-test": "loading-spinner",
+      children: /* @__PURE__ */ o.jsx(a, {})
+    }
+  );
+};
 export {
-  v as __require
+  l as LoadingSpinner
 };
 //# sourceMappingURL=sd-component-library196.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library196.js","sources":["../node_modules/react/cjs/react-jsx-runtime.production.min.js"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n"],"names":["f","require$$0","k","m","n","p","q","c","a","g","b","d","e","h","reactJsxRuntime_production_min"],"mappings":";;;;;;;;;;;;;;;;AASa,MAAIA,IAAEC,GAAiBC,IAAE,OAAO,IAAI,eAAe,GAAE,IAAE,OAAO,IAAI,gBAAgB,GAAEC,IAAE,OAAO,UAAU,gBAAeC,IAAEJ,EAAE,mDAAmD,mBAAkBK,IAAE,EAAC,KAAI,IAAG,KAAI,IAAG,QAAO,IAAG,UAAS,GAAE;AAClP,WAASC,EAAEC,GAAEC,GAAEC,GAAE;AAAC,QAAIC,GAAEC,IAAE,IAAGC,IAAE,MAAKC,IAAE;AAAK,IAASJ,MAAT,WAAaG,IAAE,KAAGH,IAAYD,EAAE,QAAX,WAAiBI,IAAE,KAAGJ,EAAE,MAAcA,EAAE,QAAX,WAAiBK,IAAEL,EAAE;AAAK,SAAIE,KAAKF;AAAE,MAAAL,EAAE,KAAKK,GAAEE,CAAC,KAAG,CAACL,EAAE,eAAeK,CAAC,MAAIC,EAAED,CAAC,IAAEF,EAAEE,CAAC;AAAG,QAAGH,KAAGA,EAAE;AAAa,WAAIG,KAAKF,IAAED,EAAE,cAAaC;AAAE,QAASG,EAAED,CAAC,MAAZ,WAAgBC,EAAED,CAAC,IAAEF,EAAEE,CAAC;AAAG,WAAM,EAAC,UAASR,GAAE,MAAKK,GAAE,KAAIK,GAAE,KAAIC,GAAE,OAAMF,GAAE,QAAOP,EAAE,QAAO;AAAA,EAAC;AAAC,SAAAU,aAAiB,GAAEA,EAAW,MAACR,GAAEQ,EAAA,OAAaR;;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library196.js","sources":["../src/components/animations/loading-spinner/loading-spinner.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { RescanIcon } from \"../../icons\";\nimport { LoadingSpinnerProps as Props } from \"./interfaces\";\n\nexport const LoadingSpinner: React.FC<Props> = (props) => {\n  const { width, height, fill, stroke, icon } = props;\n\n  const IconComponent = icon || RescanIcon;\n\n  return (\n    <Box\n      sx={{\n        width: width || 25,\n        height: height || 25,\n        fill: fill || \"purple\",\n        stroke: stroke || \"none\",\n        animation: \"rotation 2s infinite linear\",\n\n        \"@keyframes rotation \": {\n          from: { transform: \"rotate(0deg)\" },\n          to: { transform: \"rotate(359deg)\" },\n        },\n      }}\n      data-test=\"loading-spinner\"\n    >\n      <IconComponent />\n    </Box>\n  );\n};\n"],"names":["LoadingSpinner","props","width","height","fill","stroke","icon","IconComponent","RescanIcon","jsx","Box"],"mappings":";;;AAOa,MAAAA,IAAkC,CAACC,MAAU;AACxD,QAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,GAAM,QAAAC,GAAQ,MAAAC,EAAS,IAAAL,GAExCM,IAAgBD,KAAQE;AAG5B,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,OAAOR,KAAS;AAAA,QAChB,QAAQC,KAAU;AAAA,QAClB,MAAMC,KAAQ;AAAA,QACd,QAAQC,KAAU;AAAA,QAClB,WAAW;AAAA,QAEX,wBAAwB;AAAA,UACtB,MAAM,EAAE,WAAW,eAAe;AAAA,UAClC,IAAI,EAAE,WAAW,iBAAiB;AAAA,QACpC;AAAA,MACF;AAAA,MACA,aAAU;AAAA,MAEV,gCAACE,GAAc,EAAA;AAAA,IAAA;AAAA,EAAA;AAGrB;"}