react-restyle-components 0.1.28 → 0.1.31

package/lib/esm/core-components/atoms/input/input.component.test.js

@@ -1,13 +1,31 @@
 /* eslint-disable testing-library/render-result-naming-convention */
-import React from 'react';
-import { render } from '@core-utils';
-import { Input } from './input.component';
-it('render Input correctly without error', () => {
-    const input = render(React.createElement(Input, { className: "h-1 relative top-1 border-red-600 border-b-0 dummy", title: 'input', hasError: false, value: '', inputStyle: " border-b-0 invisible ", onChange: () => jest.fn() }));
-    expect(input).toMatchSnapshot();
+import React from "react";
+import { render } from "@core-utils";
+import { Input } from "./input.component";
+it("render Input correctly without error", () => {
+  const input = render(
+    React.createElement(Input, {
+      className: "h-1 relative top-1 border-red-600 border-b-0 dummy",
+      title: "input",
+      hasError: false,
+      value: "",
+      inputStyle: " border-b-0 invisible ",
+      onChange: () => jest.fn(),
+    })
+  );
+  expect(input).toMatchSnapshot();
 });
-it('render Input correctly with error', () => {
-    const input = render(React.createElement(Input, { className: "h-1 relative top-1 border-red-600 border-b-0 dummy", title: 'input', hasError: true, value: '', inputStyle: " border-b-0 invisible ", onChange: () => jest.fn() }));
-    expect(input).toMatchSnapshot();
+it("render Input correctly with error", () => {
+  const input = render(
+    React.createElement(Input, {
+      className: "h-1 relative top-1 border-red-600 border-b-0 dummy",
+      title: "input",
+      hasError: true,
+      value: "",
+      inputStyle: " border-b-0 invisible ",
+      onChange: () => jest.fn(),
+    })
+  );
+  expect(input).toMatchSnapshot();
 });
-//# sourceMappingURL=input.component.test.js.map
+//# sourceMappingURL=input.component.test.js.map

package/lib/esm/core-components/atoms/input/input.stories.js

@@ -1,10 +1,17 @@
-import React from 'react';
-import { Input } from './input.component';
+import React from "react";
+import { Input } from "./input.component";
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 export default {
-    title: 'Atoms/Input',
-    component: Input,
+  title: "Atoms/Input",
+  component: Input,
 };
 // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
-export const Primary = () => (React.createElement(Input, { className: "mt-4", title: "Enter your Pan Number", hasError: true, value: "", onChange: (panNumber) => console.log({ panNumber }) }));
-//# sourceMappingURL=input.stories.js.map
+export const Primary = () =>
+  React.createElement(Input, {
+    className: "mt-4",
+    title: "Enter your Pan Number",
+    hasError: true,
+    value: "",
+    onChange: (panNumber) => console.log({ panNumber }),
+  });
+//# sourceMappingURL=input.stories.js.map

package/lib/esm/core-components/atoms/input/input.styles.css

@@ -0,0 +1,35 @@
+.-z-1 {
+  z-index: -1;
+}
+
+.origin-0 {
+  transform-origin: 0%;
+}
+
+input:focus ~ label,
+input:not(:placeholder-shown) ~ label,
+textarea:focus ~ label,
+textarea:not(:placeholder-shown) ~ label,
+select:focus ~ label,
+select:not([value=""]):valid ~ label {
+  /* @apply transform; scale-75; -translate-y-6; */
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))
+    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
+    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  --tw-scale-x: 0.75;
+  --tw-scale-y: 0.75;
+  --tw-translate-y: -1.5rem;
+}
+
+input:focus ~ label,
+select:focus ~ label {
+  /* @apply text-black; left-0; */
+  --tw-text-opacity: 1;
+  color: "#696969";
+  left: 0px;
+}

package/lib/esm/core-components/atoms/input-dropdown/input-dropdown.component.js

@@ -1,38 +1,97 @@
-import React, { useState, useEffect, useRef } from 'react';
-import UpArrow from '../../../library/assets/svg/UpArrow.svg';
-import DownArrow from '../../../library/assets/svg/DownArrow.svg';
-export const InputDropdown = ({ items, className, hasError, title, onChange, }) => {
-    const [isOpen, setIsOpen] = useState(false);
-    const [value, setValue] = useState('');
-    const useOutsideAlerter = (ref) => {
-        useEffect(() => {
-            function handleClickOutside(event) {
-                if (ref.current &&
-                    !ref.current.contains(event.target) &&
-                    isOpen &&
-                    isOpen)
-                    setIsOpen(!isOpen);
-            }
-            document.addEventListener('mousedown', handleClickOutside);
-            return () => {
-                document.removeEventListener('mousedown', handleClickOutside);
-            };
-        }, [ref]);
-    };
-    const wrapperRef = useRef(null);
-    useOutsideAlerter(wrapperRef);
-    return (React.createElement("div", { className: `${className} relative` },
-        React.createElement("div", { className: "flex flex-row items-center " },
-            React.createElement("input", { type: "text", name: "name", placeholder: title, value: value, className: " text-gray-dark-secondary pt-3 pb-2  w-full px-0 mt-0 bg-transparent border-gray-secondary border-0 border-b appearance-none focus:outline-none focus:ring-0 font-nunitoSansRegular text-md", onClick: () => {
-                    setIsOpen(!isOpen);
-                }, onChange: (event) => onChange && onChange(event.target.value) }),
-            !isOpen && React.createElement("img", { src: UpArrow, className: "absolute h-4 w-4 right-0" }),
-            isOpen && React.createElement("img", { src: DownArrow, className: "absolute h-4 w-4 right-0" })),
-        isOpen && (React.createElement("div", { className: "z-10  w-full absolute text-base list-none bg-white rounded divide-y divide-gray-100 shadow dark:bg-gray-700", ref: wrapperRef },
-            React.createElement("ul", { className: "py-1" }, items.map((item, index) => (React.createElement("li", { key: index, className: "block py-2 px-4 text-md  hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200   font-nunitoSansRegular", onClick: () => {
-                    setValue(item);
-                    setIsOpen(!isOpen);
-                } }, item)))))),
-        hasError && (React.createElement("span", { className: "text-primaryCharcoal text-4xs", id: "error" }, `${title} is required`))));
+import React, { useState, useEffect, useRef } from "react";
+import UpArrow from "@assets/svg/UpArrow.svg";
+import DownArrow from "@assets/svg/DownArrow.svg";
+export const InputDropdown = ({
+  items,
+  className,
+  hasError,
+  title,
+  onChange,
+}) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const [value, setValue] = useState("");
+  const useOutsideAlerter = (ref) => {
+    useEffect(() => {
+      function handleClickOutside(event) {
+        if (
+          ref.current &&
+          !ref.current.contains(event.target) &&
+          isOpen &&
+          isOpen
+        )
+          setIsOpen(!isOpen);
+      }
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => {
+        document.removeEventListener("mousedown", handleClickOutside);
+      };
+    }, [ref]);
+  };
+  const wrapperRef = useRef(null);
+  useOutsideAlerter(wrapperRef);
+  return React.createElement(
+    "div",
+    { className: `${className} relative` },
+    React.createElement(
+      "div",
+      { className: "flex flex-row items-center " },
+      React.createElement("input", {
+        type: "text",
+        name: "name",
+        placeholder: title,
+        value: value,
+        className:
+          " text-gray-dark-secondary pt-3 pb-2  w-full px-0 mt-0 bg-transparent border-gray-secondary border-0 border-b appearance-none focus:outline-none focus:ring-0 font-nunitoSansRegular text-md",
+        onClick: () => {
+          setIsOpen(!isOpen);
+        },
+        onChange: (event) => onChange && onChange(event.target.value),
+      }),
+      !isOpen &&
+        React.createElement("img", {
+          src: UpArrow,
+          className: "absolute h-4 w-4 right-0",
+        }),
+      isOpen &&
+        React.createElement("img", {
+          src: DownArrow,
+          className: "absolute h-4 w-4 right-0",
+        })
+    ),
+    isOpen &&
+      React.createElement(
+        "div",
+        {
+          className:
+            "z-10  w-full absolute text-base list-none bg-white rounded divide-y divide-gray-100 shadow dark:bg-gray-700",
+          ref: wrapperRef,
+        },
+        React.createElement(
+          "ul",
+          { className: "py-1" },
+          items.map((item, index) =>
+            React.createElement(
+              "li",
+              {
+                key: index,
+                className:
+                  "block py-2 px-4 text-md  hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200   font-nunitoSansRegular",
+                onClick: () => {
+                  setValue(item);
+                  setIsOpen(!isOpen);
+                },
+              },
+              item
+            )
+          )
+        )
+      ),
+    hasError &&
+      React.createElement(
+        "span",
+        { className: "text-primaryCharcoal text-4xs", id: "error" },
+        `${title} is required`
+      )
+  );
 };
-//# sourceMappingURL=input-dropdown.component.js.map
+//# sourceMappingURL=input-dropdown.component.js.map

package/lib/esm/core-components/atoms/input-dropdown/input-dropdown.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-dropdown.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/input-dropdown/input-dropdown.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AACzD,OAAO,OAAO,MAAM,yCAAyC,CAAC;AAC9D,OAAO,SAAS,MAAM,2CAA2C,CAAC;AASlE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,KAAK,EACL,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,GACW,EAAE,EAAE;IACvB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACrD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAE/C,MAAM,iBAAiB,GAAG,CAAC,GAAG,EAAE,EAAE;QAChC,SAAS,CAAC,GAAG,EAAE;YACb,SAAS,kBAAkB,CAAC,KAAK;gBAC/B,IACE,GAAG,CAAC,OAAO;oBACX,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;oBACnC,MAAM;oBACN,MAAM;oBAEN,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;YACvB,CAAC;YACD,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;YAC3D,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;YAChE,CAAC,CAAC;QACJ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACZ,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAChC,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAC9B,OAAO,CACL,6BAAK,SAAS,EAAE,GAAG,SAAS,WAAW;QACrC,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,+BACE,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,KAAK,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,6LAA6L,EACvM,OAAO,EAAE,GAAG,EAAE;oBACZ,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;gBACrB,CAAC,EACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAC7D;YACD,CAAC,MAAM,IAAI,6BAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAC,0BAA0B,GAAG;YACrE,MAAM,IAAI,6BAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAC,0BAA0B,GAAG,CACnE;QACL,MAAM,IAAI,CACT,6BACE,SAAS,EAAC,6GAA6G,EACvH,GAAG,EAAE,UAAU;YAEf,4BAAI,SAAS,EAAC,MAAM,IACjB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,4BACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,+GAA+G,EACzH,OAAO,EAAE,GAAG,EAAE;oBACZ,QAAQ,CAAC,IAAI,CAAC,CAAC;oBACf,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;gBACrB,CAAC,IAEA,IAAI,CACF,CACN,CAAC,CACC,CACD,CACP;QAEA,QAAQ,IAAI,CACX,8BAAM,SAAS,EAAC,+BAA+B,EAAC,EAAE,EAAC,OAAO,IACvD,GAAG,KAAK,cAAc,CAClB,CACR,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"input-dropdown.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/input-dropdown/input-dropdown.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AACzD,OAAO,OAAO,MAAM,yBAAyB,CAAC;AAC9C,OAAO,SAAS,MAAM,2BAA2B,CAAC;AASlD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,KAAK,EACL,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,GACW,EAAE,EAAE;IACvB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACrD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAE/C,MAAM,iBAAiB,GAAG,CAAC,GAAG,EAAE,EAAE;QAChC,SAAS,CAAC,GAAG,EAAE;YACb,SAAS,kBAAkB,CAAC,KAAK;gBAC/B,IACE,GAAG,CAAC,OAAO;oBACX,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;oBACnC,MAAM;oBACN,MAAM;oBAEN,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;YACvB,CAAC;YACD,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;YAC3D,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;YAChE,CAAC,CAAC;QACJ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACZ,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAChC,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAC9B,OAAO,CACL,6BAAK,SAAS,EAAE,GAAG,SAAS,WAAW;QACrC,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,+BACE,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,KAAK,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,6LAA6L,EACvM,OAAO,EAAE,GAAG,EAAE;oBACZ,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;gBACrB,CAAC,EACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAC7D;YACD,CAAC,MAAM,IAAI,6BAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAC,0BAA0B,GAAG;YACrE,MAAM,IAAI,6BAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAC,0BAA0B,GAAG,CACnE;QACL,MAAM,IAAI,CACT,6BACE,SAAS,EAAC,6GAA6G,EACvH,GAAG,EAAE,UAAU;YAEf,4BAAI,SAAS,EAAC,MAAM,IACjB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,4BACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,+GAA+G,EACzH,OAAO,EAAE,GAAG,EAAE;oBACZ,QAAQ,CAAC,IAAI,CAAC,CAAC;oBACf,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;gBACrB,CAAC,IAEA,IAAI,CACF,CACN,CAAC,CACC,CACD,CACP;QAEA,QAAQ,IAAI,CACX,8BAAM,SAAS,EAAC,+BAA+B,EAAC,EAAE,EAAC,OAAO,IACvD,GAAG,KAAK,cAAc,CAClB,CACR,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/esm/core-components/atoms/input-dropdown/input-dropdown.component.test.js

@@ -1,9 +1,16 @@
 /* eslint-disable testing-library/render-result-naming-convention */
-import React from 'react';
-import { render } from '@core-utils';
-import { InputDropdown } from './input-dropdown.component';
-it('render InputDropdown correctly', () => {
-    const inputDropDown = render(React.createElement(InputDropdown, { title: "Source of funds", items: ['Bank account', 'UPI', 'Credit Card'], hasError: true, onChange: () => jest.fn() }));
-    expect(inputDropDown).toMatchSnapshot();
+import React from "react";
+import { render } from "@core-utils";
+import { InputDropdown } from "./input-dropdown.component";
+it("render InputDropdown correctly", () => {
+  const inputDropDown = render(
+    React.createElement(InputDropdown, {
+      title: "Source of funds",
+      items: ["Bank account", "UPI", "Credit Card"],
+      hasError: true,
+      onChange: () => jest.fn(),
+    })
+  );
+  expect(inputDropDown).toMatchSnapshot();
 });
-//# sourceMappingURL=input-dropdown.component.test.js.map
+//# sourceMappingURL=input-dropdown.component.test.js.map

package/lib/esm/core-components/atoms/input-dropdown/input-dropdown.stories.js

@@ -1,10 +1,15 @@
-import React from 'react';
-import { InputDropdown } from './input-dropdown.component';
+import React from "react";
+import { InputDropdown } from "./input-dropdown.component";
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 export default {
-    title: 'Atoms/InputDropdown',
-    component: InputDropdown,
+  title: "Atoms/InputDropdown",
+  component: InputDropdown,
 };
 // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
-export const Primary = () => (React.createElement(InputDropdown, { title: "Source of funds", items: ['Bank account', 'UPI', 'Credit Card'], hasError: true }));
-//# sourceMappingURL=input-dropdown.stories.js.map
+export const Primary = () =>
+  React.createElement(InputDropdown, {
+    title: "Source of funds",
+    items: ["Bank account", "UPI", "Credit Card"],
+    hasError: true,
+  });
+//# sourceMappingURL=input-dropdown.stories.js.map

package/lib/esm/core-components/atoms/loader/loader.component.js

@@ -1,16 +1,48 @@
-import React from 'react';
-import { Container, Row, Spinner } from 'reactstrap';
-export const Loader = () => (React.createElement(Container, { fluid: true, className: "vh-50 d-flex" },
-    React.createElement(Row, { className: "justify-content-center align-self-center w-100 text-center" },
-        React.createElement(Spinner, { color: "primary" }))));
+import React from "react";
+import { Container, Row, Spinner } from "reactstrap";
+export const Loader = () =>
+  React.createElement(
+    Container,
+    { fluid: true, className: "vh-50 d-flex" },
+    React.createElement(
+      Row,
+      {
+        className: "justify-content-center align-self-center w-100 text-center",
+      },
+      React.createElement(Spinner, { color: "primary" })
+    )
+  );
 export const ModalLoader = () => {
-    return (React.createElement(React.Fragment, null,
-        React.createElement(React.Fragment, null,
-            React.createElement("div", { className: "justify-center items-center flex overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none" },
-                React.createElement("div", { className: "relative  mx-auto " },
-                    React.createElement("div", { className: "border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-white outline-none focus:outline-none" },
-                        React.createElement("div", { className: "relative p-2 flex-auto flex flex-col items-center" },
-                            React.createElement("style", null, `
+  return React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      React.Fragment,
+      null,
+      React.createElement(
+        "div",
+        {
+          className:
+            "justify-center items-center flex overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none",
+        },
+        React.createElement(
+          "div",
+          { className: "relative  mx-auto " },
+          React.createElement(
+            "div",
+            {
+              className:
+                "border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-white outline-none focus:outline-none",
+            },
+            React.createElement(
+              "div",
+              {
+                className: "relative p-2 flex-auto flex flex-col items-center",
+              },
+              React.createElement(
+                "style",
+                null,
+                `
     .spinner .background {
       fill: #555;
     }
@@ -42,12 +74,40 @@ export const ModalLoader = () => {
         transform: rotate(360deg);
       }
     }
-    `),
-                            React.createElement("svg", { className: "spinner", width: "100", height: "100", viewBox: "0 0 100 100" },
-                                React.createElement("circle", { className: "background", cx: "0", cy: "0" }),
-                                React.createElement("path", { className: "line", d: "M 37.5,50 C 37.5,43.096441 43.096441,37.5 50,37.5 C 56.903559,37.5 62.5,43.096441 62.5,50 C 62.5,56.903559 56.903559,62.5 50,62.5 C 43.096441,62.5 37.5,56.903559 37.5,50" })),
-                            ' ',
-                            React.createElement("span", { style: { marginTop: -15 } }, "loading ..."))))),
-            React.createElement("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" }))));
+    `
+              ),
+              React.createElement(
+                "svg",
+                {
+                  className: "spinner",
+                  width: "100",
+                  height: "100",
+                  viewBox: "0 0 100 100",
+                },
+                React.createElement("circle", {
+                  className: "background",
+                  cx: "0",
+                  cy: "0",
+                }),
+                React.createElement("path", {
+                  className: "line",
+                  d: "M 37.5,50 C 37.5,43.096441 43.096441,37.5 50,37.5 C 56.903559,37.5 62.5,43.096441 62.5,50 C 62.5,56.903559 56.903559,62.5 50,62.5 C 43.096441,62.5 37.5,56.903559 37.5,50",
+                })
+              ),
+              " ",
+              React.createElement(
+                "span",
+                { style: { marginTop: -15 } },
+                "loading ..."
+              )
+            )
+          )
+        )
+      ),
+      React.createElement("div", {
+        className: "opacity-25 fixed inset-0 z-40 bg-black",
+      })
+    )
+  );
 };
-//# sourceMappingURL=loader.component.js.map
+//# sourceMappingURL=loader.component.js.map

package/lib/esm/core-components/atoms/loader/loader.component.test.js

@@ -1,9 +1,9 @@
 /* eslint-disable testing-library/render-result-naming-convention */
-import React from 'react';
-import { render } from '@core-utils';
-import { Loader } from './loader.component';
-it('render XB_Loader correctly', () => {
-    const loader = render(React.createElement(Loader, null));
-    expect(loader).toMatchSnapshot();
+import React from "react";
+import { render } from "@core-utils";
+import { Loader } from "./loader.component";
+it("render XB_Loader correctly", () => {
+  const loader = render(React.createElement(Loader, null));
+  expect(loader).toMatchSnapshot();
 });
-//# sourceMappingURL=loader.component.test.js.map
+//# sourceMappingURL=loader.component.test.js.map

package/lib/esm/core-components/atoms/loader/loader.stories.js

@@ -1,11 +1,15 @@
-import React from 'react';
-import { Loader } from './loader.component';
+import React from "react";
+import { Loader } from "./loader.component";
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 export default {
-    title: 'Atoms/Loader',
-    component: Loader,
+  title: "Atoms/Loader",
+  component: Loader,
 };
 // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
-export const Primary = () => (React.createElement("div", { className: "flex flex-row" },
-    React.createElement(Loader, null)));
-//# sourceMappingURL=loader.stories.js.map
+export const Primary = () =>
+  React.createElement(
+    "div",
+    { className: "flex flex-row" },
+    React.createElement(Loader, null)
+  );
+//# sourceMappingURL=loader.stories.js.map

package/lib/esm/core-components/atoms/radio/radio.component.js

@@ -1,8 +1,14 @@
-import React from 'react';
-import { ReactComponent as CheckedRadio } from '../../../library/assets/svg/checkedRadio.svg';
-import { ReactComponent as UncheckRadio } from '../../../library/assets/svg/uncheckRadio.svg';
+import React from "react";
+import { ReactComponent as CheckedRadio } from "@assets/svg/checkedRadio.svg";
+import { ReactComponent as UncheckRadio } from "@assets/svg/uncheckRadio.svg";
 export const Radio = ({ className, checked, onChange }) => {
-    const width = 20;
-    return (React.createElement("div", { className: `${className} flex flex-row mr-2`, onClick: onChange }, checked ? (React.createElement(CheckedRadio, { width: width, height: width })) : (React.createElement(UncheckRadio, { width: width, height: width }))));
+  const width = 20;
+  return React.createElement(
+    "div",
+    { className: `${className} flex flex-row mr-2`, onClick: onChange },
+    checked
+      ? React.createElement(CheckedRadio, { width: width, height: width })
+      : React.createElement(UncheckRadio, { width: width, height: width })
+  );
 };
-//# sourceMappingURL=radio.component.js.map
+//# sourceMappingURL=radio.component.js.map

package/lib/esm/core-components/atoms/radio/radio.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/radio/radio.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,cAAc,IAAI,YAAY,EAAC,MAAM,8CAA8C,CAAC;AAC5F,OAAO,EAAC,cAAc,IAAI,YAAY,EAAC,MAAM,8CAA8C,CAAC;AAQ5F,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAa,EAAE,EAAE;IAClE,MAAM,KAAK,GAAG,EAAE,CAAC;IACjB,OAAO,CACL,6BAAK,SAAS,EAAE,GAAG,SAAS,qBAAqB,EAAE,OAAO,EAAE,QAAQ,IACjE,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAI,CAC9C,CAAC,CAAC,CAAC,CACF,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAI,CAC9C,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"radio.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/radio/radio.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,cAAc,IAAI,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAC5E,OAAO,EAAC,cAAc,IAAI,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAQ5E,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAa,EAAE,EAAE;IAClE,MAAM,KAAK,GAAG,EAAE,CAAC;IACjB,OAAO,CACL,6BAAK,SAAS,EAAE,GAAG,SAAS,qBAAqB,EAAE,OAAO,EAAE,QAAQ,IACjE,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAI,CAC9C,CAAC,CAAC,CAAC,CACF,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAI,CAC9C,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/esm/core-components/atoms/radio/radio.component.test.js

@@ -1,9 +1,11 @@
 /* eslint-disable testing-library/render-result-naming-convention */
-import React from 'react';
-import { render } from '@core-utils';
-import { Radio } from './radio.component';
-it('render XB_Radio correctly', () => {
-    const radio = render(React.createElement(Radio, { checked: true, onChange: () => jest.fn() }));
-    expect(radio).toMatchSnapshot();
+import React from "react";
+import { render } from "@core-utils";
+import { Radio } from "./radio.component";
+it("render XB_Radio correctly", () => {
+  const radio = render(
+    React.createElement(Radio, { checked: true, onChange: () => jest.fn() })
+  );
+  expect(radio).toMatchSnapshot();
 });
-//# sourceMappingURL=radio.component.test.js.map
+//# sourceMappingURL=radio.component.test.js.map

package/lib/esm/core-components/atoms/radio/radio.stories.js

@@ -1,13 +1,20 @@
-import React from 'react';
-import { Radio } from './radio.component';
+import React from "react";
+import { Radio } from "./radio.component";
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 export default {
-    title: 'Atoms/Radio',
-    component: Radio,
+  title: "Atoms/Radio",
+  component: Radio,
 };
 // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
-export const Primary = () => (React.createElement(React.Fragment, null,
-    React.createElement("div", { className: "flex flex-row" },
-        React.createElement(Radio, { checked: true, onChange: () => { } }),
-        React.createElement("span", null, "Married"))));
-//# sourceMappingURL=radio.stories.js.map
+export const Primary = () =>
+  React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "div",
+      { className: "flex flex-row" },
+      React.createElement(Radio, { checked: true, onChange: () => {} }),
+      React.createElement("span", null, "Married")
+    )
+  );
+//# sourceMappingURL=radio.stories.js.map