@onepercentio/one-ui 0.6.2 → 0.6.5

package/dist/components/InstantCounter/InstantCounter.stories.d.ts

@@ -1,41 +1,41 @@
-import React from 'react';
-declare const _default: {
-    component: React.ForwardRefExoticComponent<{
-        from?: number | undefined;
-        to: number;
-        framesPerSecond?: number | undefined;
-        durationInSeconds: number;
-        formatOptions?: import("react-intl").FormatNumberOptions | undefined;
-        autoStart?: boolean | undefined;
-    } & React.RefAttributes<{
-        start: () => void;
-    }>>;
-    title: string;
-};
-export default _default;
-export declare const InitialImplementation: {
-    (args: any): JSX.Element;
-    args: Partial<{
-        from?: number | undefined;
-        to: number;
-        framesPerSecond?: number | undefined;
-        durationInSeconds: number;
-        formatOptions?: import("react-intl").FormatNumberOptions | undefined;
-        autoStart?: boolean | undefined;
-    } & React.RefAttributes<{
-        start: () => void;
-    }>>;
-};
-export declare const SynergyTextAndCountdown: {
-    (args: any): JSX.Element[];
-    args: Partial<{
-        from?: number | undefined;
-        to: number;
-        framesPerSecond?: number | undefined;
-        durationInSeconds: number;
-        formatOptions?: import("react-intl").FormatNumberOptions | undefined;
-        autoStart?: boolean | undefined;
-    } & React.RefAttributes<{
-        start: () => void;
-    }>>;
-};
+import React from 'react';
+declare const _default: {
+    component: React.ForwardRefExoticComponent<{
+        from?: number | undefined;
+        to: number;
+        framesPerSecond?: number | undefined;
+        durationInSeconds: number;
+        formatOptions?: import("react-intl").FormatNumberOptions | undefined;
+        autoStart?: boolean | undefined;
+    } & React.RefAttributes<{
+        start: () => void;
+    }>>;
+    title: string;
+};
+export default _default;
+export declare const InitialImplementation: {
+    (args: any): JSX.Element;
+    args: Partial<{
+        from?: number | undefined;
+        to: number;
+        framesPerSecond?: number | undefined;
+        durationInSeconds: number;
+        formatOptions?: import("react-intl").FormatNumberOptions | undefined;
+        autoStart?: boolean | undefined;
+    } & React.RefAttributes<{
+        start: () => void;
+    }>>;
+};
+export declare const SynergyTextAndCountdown: {
+    (args: any): JSX.Element[];
+    args: Partial<{
+        from?: number | undefined;
+        to: number;
+        framesPerSecond?: number | undefined;
+        durationInSeconds: number;
+        formatOptions?: import("react-intl").FormatNumberOptions | undefined;
+        autoStart?: boolean | undefined;
+    } & React.RefAttributes<{
+        start: () => void;
+    }>>;
+};

package/dist/components/InstantCounter/InstantCounter.stories.js

@@ -1,61 +1,61 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SynergyTextAndCountdown = exports.InitialImplementation = void 0;
-const react_1 = __importDefault(require("react"));
-const react_intl_1 = require("react-intl");
-const storybookUtils_1 = require("../../storybookUtils");
-const Text_1 = __importStar(require("../Text/Text"));
-const InstantCounter_1 = __importDefault(require("./InstantCounter"));
-exports.default = {
-    component: InstantCounter_1.default,
-    title: "Instant Counter"
-};
-const InitialImplementation = (args) => react_1.default.createElement(react_intl_1.IntlProvider, { locale: 'pt-br' },
-    react_1.default.createElement(InstantCounter_1.default, Object.assign({}, args)));
-exports.InitialImplementation = InitialImplementation;
-const SynergyTextAndCountdown = (args) => {
-    const variants = (0, storybookUtils_1.extractAllPossibilitiesFromEnumProp)(Text_1._Text, "type");
-    return variants.map((type) => {
-        return (react_1.default.createElement(react_intl_1.IntlProvider, { locale: "pt-br" },
-            react_1.default.createElement(storybookUtils_1.SideBySideContainer, { exampleName: `Checkbox com text type=${type}` },
-                react_1.default.createElement(Text_1.default, { type: type },
-                    react_1.default.createElement(InstantCounter_1.default, Object.assign({}, args))))));
-    });
-};
-exports.SynergyTextAndCountdown = SynergyTextAndCountdown;
-exports.InitialImplementation.args = {
-    framesPerSecond: 60,
-    durationInSeconds: 2,
-    formatOptions: {
-        maximumFractionDigits: 0
-    },
-    to: 186124786
-};
-exports.SynergyTextAndCountdown.args = exports.InitialImplementation.args;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SynergyTextAndCountdown = exports.InitialImplementation = void 0;
+const react_1 = __importDefault(require("react"));
+const react_intl_1 = require("react-intl");
+const storybookUtils_1 = require("../../storybookUtils");
+const Text_1 = __importStar(require("../Text/Text"));
+const InstantCounter_1 = __importDefault(require("./InstantCounter"));
+exports.default = {
+    component: InstantCounter_1.default,
+    title: "Instant Counter"
+};
+const InitialImplementation = (args) => react_1.default.createElement(react_intl_1.IntlProvider, { locale: 'pt-br' },
+    react_1.default.createElement(InstantCounter_1.default, Object.assign({}, args)));
+exports.InitialImplementation = InitialImplementation;
+const SynergyTextAndCountdown = (args) => {
+    const variants = (0, storybookUtils_1.extractAllPossibilitiesFromEnumProp)(Text_1._Text, "type");
+    return variants.map((type) => {
+        return (react_1.default.createElement(react_intl_1.IntlProvider, { locale: "pt-br" },
+            react_1.default.createElement(storybookUtils_1.SideBySideContainer, { exampleName: `Checkbox com text type=${type}` },
+                react_1.default.createElement(Text_1.default, { type: type },
+                    react_1.default.createElement(InstantCounter_1.default, Object.assign({}, args))))));
+    });
+};
+exports.SynergyTextAndCountdown = SynergyTextAndCountdown;
+exports.InitialImplementation.args = {
+    framesPerSecond: 60,
+    durationInSeconds: 2,
+    formatOptions: {
+        maximumFractionDigits: 0
+    },
+    to: 186124786
+};
+exports.SynergyTextAndCountdown.args = exports.InitialImplementation.args;
 //# sourceMappingURL=InstantCounter.stories.js.map

package/dist/components/InstantCounter/InstantCounter.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/components/InstantCounter/InstantCounter.test.js

@@ -1,50 +1,50 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@testing-library/react");
-const InstantCounter_1 = __importDefault(require("./InstantCounter"));
-const react_intl_1 = require("react-intl");
-function renderScreen(props) {
-    return (0, react_2.render)(react_1.default.createElement(react_intl_1.IntlProvider, { locale: "pt-br" },
-        react_1.default.createElement(InstantCounter_1.default, Object.assign({}, props))));
-}
-it("Should count based on number of frames and time to final count", () => __awaiter(void 0, void 0, void 0, function* () {
-    const wrapper = renderScreen({
-        to: 1000000,
-        framesPerSecond: 2,
-        durationInSeconds: 2,
-        formatOptions: {
-            minimumIntegerDigits: 7,
-        },
-    });
-    yield wrapper.findByText("0.000.000");
-    yield wrapper.findByText("0.250.000");
-    yield wrapper.findByText("0.500.000");
-    yield wrapper.findByText("0.750.000");
-    yield wrapper.findByText("1.000.000");
-}));
-it("Should work for these cenarios", () => __awaiter(void 0, void 0, void 0, function* () {
-    const wrapper = renderScreen({
-        to: 245997444,
-        durationInSeconds: 2,
-        formatOptions: {
-            minimumIntegerDigits: 9,
-        },
-    });
-    yield wrapper.findByText("245.997.444", {}, {
-        timeout: 5000,
-    });
-}));
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const InstantCounter_1 = __importDefault(require("./InstantCounter"));
+const react_intl_1 = require("react-intl");
+function renderScreen(props) {
+    return (0, react_2.render)(react_1.default.createElement(react_intl_1.IntlProvider, { locale: "pt-br" },
+        react_1.default.createElement(InstantCounter_1.default, Object.assign({}, props))));
+}
+it("Should count based on number of frames and time to final count", () => __awaiter(void 0, void 0, void 0, function* () {
+    const wrapper = renderScreen({
+        to: 1000000,
+        framesPerSecond: 2,
+        durationInSeconds: 2,
+        formatOptions: {
+            minimumIntegerDigits: 7,
+        },
+    });
+    yield wrapper.findByText("0.000.000");
+    yield wrapper.findByText("0.250.000");
+    yield wrapper.findByText("0.500.000");
+    yield wrapper.findByText("0.750.000");
+    yield wrapper.findByText("1.000.000");
+}));
+it("Should work for these cenarios", () => __awaiter(void 0, void 0, void 0, function* () {
+    const wrapper = renderScreen({
+        to: 245997444,
+        durationInSeconds: 2,
+        formatOptions: {
+            minimumIntegerDigits: 9,
+        },
+    });
+    yield wrapper.findByText("245.997.444", {}, {
+        timeout: 5000,
+    });
+}));
 //# sourceMappingURL=InstantCounter.test.js.map

package/dist/components/InstantCounter/index.d.ts

@@ -1 +1 @@
-export { default } from './InstantCounter';
+export { default } from './InstantCounter';

package/dist/components/InstantCounter/index.js

@@ -1,9 +1,9 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var InstantCounter_1 = require("./InstantCounter");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(InstantCounter_1).default; } });
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var InstantCounter_1 = require("./InstantCounter");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(InstantCounter_1).default; } });
 //# sourceMappingURL=index.js.map

package/dist/components/LinkToId/LinkToId.d.ts

@@ -1,10 +1,10 @@
-import { PropsWithChildren } from "react";
-export declare function scrollToId(id: OnepercentUtility.PageSections, shouldScrollToCenter?: boolean): void;
-/**
- * This component creates an iteractive element and on click, routes to the specified id
- **/
-export default function LinkToId({ children, id, link, scrollToCenter, }: PropsWithChildren<{
-    id?: OnepercentUtility.PageSections;
-    link?: string;
-    scrollToCenter?: boolean;
-}>): JSX.Element;
+import { PropsWithChildren } from "react";
+export declare function scrollToId(id: OnepercentUtility.PageSections, shouldScrollToCenter?: boolean): void;
+/**
+ * This component creates an iteractive element and on click, routes to the specified id
+ **/
+export default function LinkToId({ children, id, link, scrollToCenter, }: PropsWithChildren<{
+    id?: OnepercentUtility.PageSections;
+    link?: string;
+    scrollToCenter?: boolean;
+}>): JSX.Element;

package/dist/components/LinkToId/LinkToId.js

@@ -1,33 +1,33 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.scrollToId = void 0;
-const react_1 = __importDefault(require("react"));
-const LinkToId_module_scss_1 = __importDefault(require("./LinkToId.module.scss"));
-function scrollToId(id, shouldScrollToCenter = false) {
-    const el = document.getElementById(id);
-    if (el) {
-        const elStyles = window.getComputedStyle(el);
-        const padding = Number(elStyles.paddingTop.replace(/[^0-9]+/g, ""));
-        const elementPosition = el.offsetTop;
-        const elementHeight = el.clientHeight;
-        window.scrollTo({
-            behavior: "smooth",
-            //Go to element, scroll half the screen height scrollback half the element height
-            top: shouldScrollToCenter
-                ? elementPosition + elementHeight / 2 - window.innerHeight / 2
-                : elementPosition + padding,
-        });
-    }
-}
-exports.scrollToId = scrollToId;
-/**
- * This component creates an iteractive element and on click, routes to the specified id
- **/
-function LinkToId({ children, id, link, scrollToCenter = false, }) {
-    return link ? (react_1.default.createElement("span", { className: LinkToId_module_scss_1.default.root, onClick: () => window.open(link, "_blank") }, children)) : (react_1.default.createElement("span", { className: LinkToId_module_scss_1.default.root, onClick: () => scrollToId(id, scrollToCenter) }, children));
-}
-exports.default = LinkToId;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.scrollToId = void 0;
+const react_1 = __importDefault(require("react"));
+const LinkToId_module_scss_1 = __importDefault(require("./LinkToId.module.scss"));
+function scrollToId(id, shouldScrollToCenter = false) {
+    const el = document.getElementById(id);
+    if (el) {
+        const elStyles = window.getComputedStyle(el);
+        const padding = Number(elStyles.paddingTop.replace(/[^0-9]+/g, ""));
+        const elementPosition = el.offsetTop;
+        const elementHeight = el.clientHeight;
+        window.scrollTo({
+            behavior: "smooth",
+            //Go to element, scroll half the screen height scrollback half the element height
+            top: shouldScrollToCenter
+                ? elementPosition + elementHeight / 2 - window.innerHeight / 2
+                : elementPosition + padding,
+        });
+    }
+}
+exports.scrollToId = scrollToId;
+/**
+ * This component creates an iteractive element and on click, routes to the specified id
+ **/
+function LinkToId({ children, id, link, scrollToCenter = false, }) {
+    return link ? (react_1.default.createElement("span", { className: LinkToId_module_scss_1.default.root, onClick: () => window.open(link, "_blank") }, children)) : (react_1.default.createElement("span", { className: LinkToId_module_scss_1.default.root, onClick: () => scrollToId(id, scrollToCenter) }, children));
+}
+exports.default = LinkToId;
 //# sourceMappingURL=LinkToId.js.map

package/dist/components/LinkToId/LinkToId.stories.d.ts

@@ -1,7 +1,7 @@
-import LinkToId from "./LinkToId";
-declare const _default: {
-    title: string;
-    component: typeof LinkToId;
-};
-export default _default;
-export declare const InitialImplementation: (args: any) => JSX.Element;
+import LinkToId from "./LinkToId";
+declare const _default: {
+    title: string;
+    component: typeof LinkToId;
+};
+export default _default;
+export declare const InitialImplementation: (args: any) => JSX.Element;

package/dist/components/LinkToId/LinkToId.stories.js

@@ -1,15 +1,15 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InitialImplementation = void 0;
-const react_1 = __importDefault(require("react"));
-const LinkToId_1 = __importDefault(require("./LinkToId"));
-exports.default = {
-    title: 'Link To Id',
-    component: LinkToId_1.default,
-};
-const InitialImplementation = (args) => (react_1.default.createElement(LinkToId_1.default, Object.assign({}, args)));
-exports.InitialImplementation = InitialImplementation;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InitialImplementation = void 0;
+const react_1 = __importDefault(require("react"));
+const LinkToId_1 = __importDefault(require("./LinkToId"));
+exports.default = {
+    title: 'Link To Id',
+    component: LinkToId_1.default,
+};
+const InitialImplementation = (args) => (react_1.default.createElement(LinkToId_1.default, Object.assign({}, args)));
+exports.InitialImplementation = InitialImplementation;
 //# sourceMappingURL=LinkToId.stories.js.map

package/dist/components/LinkToId/LinkToId.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/components/LinkToId/LinkToId.test.js

@@ -1,12 +1,12 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@testing-library/react");
-const LinkToId_1 = __importDefault(require("./LinkToId"));
-it('Should at least render :)', () => {
-    (0, react_2.render)(react_1.default.createElement(LinkToId_1.default, null));
-});
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const LinkToId_1 = __importDefault(require("./LinkToId"));
+it('Should at least render :)', () => {
+    (0, react_2.render)(react_1.default.createElement(LinkToId_1.default, null));
+});
 //# sourceMappingURL=LinkToId.test.js.map

package/dist/components/LinkToId/index.d.ts

@@ -1 +1 @@
-export { default, scrollToId } from './LinkToId';
+export { default, scrollToId } from './LinkToId';

package/dist/components/LinkToId/index.js

@@ -1,10 +1,10 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.scrollToId = exports.default = void 0;
-var LinkToId_1 = require("./LinkToId");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(LinkToId_1).default; } });
-Object.defineProperty(exports, "scrollToId", { enumerable: true, get: function () { return LinkToId_1.scrollToId; } });
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.scrollToId = exports.default = void 0;
+var LinkToId_1 = require("./LinkToId");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(LinkToId_1).default; } });
+Object.defineProperty(exports, "scrollToId", { enumerable: true, get: function () { return LinkToId_1.scrollToId; } });
 //# sourceMappingURL=index.js.map

package/dist/components/Loader/Loader.d.ts

@@ -1,6 +1,6 @@
-/**
- * A simple loader
- **/
-export default function Loader({ className }: {
-    className?: string;
-}): JSX.Element;
+/**
+ * A simple loader
+ **/
+export default function Loader({ className }: {
+    className?: string;
+}): JSX.Element;

package/dist/components/Loader/Loader.js

@@ -1,18 +1,18 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const Loader_module_scss_1 = __importDefault(require("./Loader.module.scss"));
-/**
- * A simple loader
- **/
-function Loader({ className = "" }) {
-    return (react_1.default.createElement("span", { className: `${Loader_module_scss_1.default.indicator} ${className}` },
-        react_1.default.createElement("span", null),
-        react_1.default.createElement("span", null),
-        react_1.default.createElement("span", null)));
-}
-exports.default = Loader;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const Loader_module_scss_1 = __importDefault(require("./Loader.module.scss"));
+/**
+ * A simple loader
+ **/
+function Loader({ className = "" }) {
+    return (react_1.default.createElement("span", { className: `${Loader_module_scss_1.default.indicator} ${className}` },
+        react_1.default.createElement("span", null),
+        react_1.default.createElement("span", null),
+        react_1.default.createElement("span", null)));
+}
+exports.default = Loader;
 //# sourceMappingURL=Loader.js.map

package/dist/components/Loader/Loader.stories.d.ts

@@ -1,12 +1,12 @@
-import Loader from "./Loader";
-declare const _default: {
-    component: typeof Loader;
-    title: string;
-};
-export default _default;
-export declare const InitialImplementation: {
-    (args: any): JSX.Element;
-    args: Partial<{
-        className?: string | undefined;
-    }>;
-};
+import Loader from "./Loader";
+declare const _default: {
+    component: typeof Loader;
+    title: string;
+};
+export default _default;
+export declare const InitialImplementation: {
+    (args: any): JSX.Element;
+    args: Partial<{
+        className?: string | undefined;
+    }>;
+};

package/dist/components/Loader/Loader.stories.js

@@ -1,16 +1,16 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InitialImplementation = void 0;
-const react_1 = __importDefault(require("react"));
-const Loader_1 = __importDefault(require("./Loader"));
-exports.default = {
-    component: Loader_1.default,
-    title: "Loader"
-};
-const InitialImplementation = (args) => react_1.default.createElement(Loader_1.default, Object.assign({}, args));
-exports.InitialImplementation = InitialImplementation;
-exports.InitialImplementation.args = {};
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InitialImplementation = void 0;
+const react_1 = __importDefault(require("react"));
+const Loader_1 = __importDefault(require("./Loader"));
+exports.default = {
+    component: Loader_1.default,
+    title: "Loader"
+};
+const InitialImplementation = (args) => react_1.default.createElement(Loader_1.default, Object.assign({}, args));
+exports.InitialImplementation = InitialImplementation;
+exports.InitialImplementation.args = {};
 //# sourceMappingURL=Loader.stories.js.map

package/dist/components/Loader/index.d.ts

@@ -1 +1 @@
-export { default } from './Loader';
+export { default } from './Loader';