@onepercentio/one-ui 0.1.2

package/dist/components/Table/Table.stories.js

@@ -0,0 +1,84 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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.Paginable = void 0;
+const react_1 = __importStar(require("react"));
+const OneUIProvider_1 = __importDefault(require("../../context/OneUIProvider"));
+const Button_1 = __importDefault(require("../Button"));
+const Table_1 = __importDefault(require("./Table"));
+exports.default = {
+    component: Table_1.default,
+    title: "Table",
+};
+const Paginable = (args) => {
+    const [page, setPage] = (0, react_1.useState)(1);
+    return (react_1.default.createElement(OneUIProvider_1.default, { config: {
+            component: {
+                table: {
+                    controls: {
+                        NextPage: () => react_1.default.createElement(Button_1.default, { variant: "outline" }, ">"),
+                        PrevPage: () => react_1.default.createElement(Button_1.default, { variant: "outline" }, "<"),
+                    },
+                },
+            },
+        } },
+        react_1.default.createElement("div", { style: { backgroundColor: "lightgray" } },
+            react_1.default.createElement(Table_1.default, Object.assign({}, args, { paginable: {
+                    currentPage: page,
+                    totalItems: args.items.length,
+                    togglePage: setPage,
+                } })))));
+};
+exports.Paginable = Paginable;
+function PreffixObj(preffix) {
+    return {
+        label1: preffix + " example 1",
+        label2: preffix + " example 2",
+        label3: preffix + " example 3",
+        label4: preffix + " example 4'",
+    };
+}
+function Group(page) {
+    return [
+        PreffixObj(page + " First"),
+        PreffixObj(page + " Second"),
+        PreffixObj(page + " Third"),
+        PreffixObj(page + " Fourth"),
+        PreffixObj(page + " Fifth"),
+    ];
+}
+exports.Paginable.args = {
+    heading: {
+        label1: "Label 1",
+        label2: "Label 2",
+        label3: "Label 3",
+    },
+    order: ["label2", "label1", "label3", "label4"],
+    items: [...Group(1), ...Group(2), ...Group(3)],
+    paginable: {
+        currentPage: 1,
+        totalItems: 100,
+    },
+};
+//# sourceMappingURL=Table.stories.js.map

package/dist/components/Table/Table.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.stories.js","sourceRoot":"","sources":["../../../src/components/Table/Table.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,gFAAwD;AACxD,uDAA+B;AAC/B,oDAA4C;AAE5C,kBAAe;IACb,SAAS,EAAE,eAAK;IAChB,KAAK,EAAE,OAAO;CACf,CAAC;AAEK,MAAM,SAAS,GAAG,CAAC,IAAS,EAAE,EAAE;IACrC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,8BAAC,uBAAa,IACZ,MAAM,EAAE;YACN,SAAS,EAAE;gBACT,KAAK,EAAE;oBACL,QAAQ,EAAE;wBACR,QAAQ,EAAE,GAAG,EAAE,CAAC,8BAAC,gBAAM,IAAC,OAAO,EAAC,SAAS,IAAE,GAAG,CAAU;wBACxD,QAAQ,EAAE,GAAG,EAAE,CAAC,8BAAC,gBAAM,IAAC,OAAO,EAAC,SAAS,IAAE,GAAG,CAAU;qBACzD;iBACF;aACF;SACF;QAED,uCAAK,KAAK,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE;YAC1C,8BAAC,eAAK,oBACA,IAAI,IACR,SAAS,EAAE;oBACT,WAAW,EAAE,IAAI;oBACjB,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;oBAC7B,UAAU,EAAE,OAAO;iBACpB,IACD,CACE,CACQ,CACjB,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,SAAS,aA4BpB;AAEF,SAAS,UAAU,CAAC,OAAe;IACjC,OAAO;QACL,MAAM,EAAE,OAAO,GAAG,YAAY;QAC9B,MAAM,EAAE,OAAO,GAAG,YAAY;QAC9B,MAAM,EAAE,OAAO,GAAG,YAAY;QAC9B,MAAM,EAAE,OAAO,GAAG,aAAa;KAChC,CAAC;AACJ,CAAC;AAED,SAAS,KAAK,CAAC,IAAY;IACzB,OAAO;QACL,UAAU,CAAC,IAAI,GAAG,QAAQ,CAAC;QAC3B,UAAU,CAAC,IAAI,GAAG,SAAS,CAAC;QAC5B,UAAU,CAAC,IAAI,GAAG,QAAQ,CAAC;QAC3B,UAAU,CAAC,IAAI,GAAG,SAAS,CAAC;QAC5B,UAAU,CAAC,IAAI,GAAG,QAAQ,CAAC;KAC5B,CAAC;AACJ,CAAC;AAED,iBAAS,CAAC,IAAI,GAAG;IACf,OAAO,EAAE;QACP,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;KAClB;IACD,KAAK,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC;IAC/C,KAAK,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IAC9C,SAAS,EAAE;QACT,WAAW,EAAE,CAAC;QACd,UAAU,EAAE,GAAG;KAChB;CAQF,CAAC"}

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

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

package/dist/components/Table/Table.test.js

@@ -0,0 +1,35 @@
+"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 _1 = __importDefault(require("."));
+const OneUIProvider_1 = __importDefault(require("../../context/OneUIProvider"));
+it("Should display the footer only when really pageable", () => {
+    const wrapper = (0, react_2.render)(react_1.default.createElement(OneUIProvider_1.default, { config: {
+            component: {
+                table: {
+                    controls: {},
+                },
+            },
+        } },
+        react_1.default.createElement(_1.default, { heading: {}, order: ["id"], items: [
+                {
+                    id: "0",
+                },
+                {
+                    id: "1",
+                },
+                {
+                    id: "2",
+                },
+            ], paginable: {
+                currentPage: 1,
+                togglePage: jest.fn(),
+                totalItems: 3,
+            } })));
+    expect(wrapper.queryByTestId("controls")).toBeNull();
+});
+//# sourceMappingURL=Table.test.js.map

package/dist/components/Table/Table.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.test.js","sourceRoot":"","sources":["../../../src/components/Table/Table.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAChD,yCAAsB;AACtB,gFAAwD;AAExD,EAAE,CAAC,qDAAqD,EAAE,GAAG,EAAE;IAC7D,MAAM,OAAO,GAAG,IAAA,cAAM,EACpB,8BAAC,uBAAa,IACZ,MAAM,EAAE;YACN,SAAS,EAAE;gBACT,KAAK,EAAE;oBACL,QAAQ,EAAE,EAAE;iBACb;aACF;SACF;QAED,8BAAC,UAAK,IACJ,OAAO,EAAE,EAAE,EACX,KAAK,EAAE,CAAC,IAAI,CAAC,EACb,KAAK,EAAE;gBACL;oBACE,EAAE,EAAE,GAAG;iBACR;gBACD;oBACE,EAAE,EAAE,GAAG;iBACR;gBACD;oBACE,EAAE,EAAE,GAAG;iBACR;aACF,EACD,SAAS,EAAE;gBACT,WAAW,EAAE,CAAC;gBACd,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE;gBACrB,UAAU,EAAE,CAAC;aACd,GACD,CACY,CACjB,CAAC;IAEF,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;AACvD,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+export { default } from './Table';

package/dist/components/Table/index.js

@@ -0,0 +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 Table_1 = require("./Table");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Table_1).default; } });
+//# sourceMappingURL=index.js.map

package/dist/components/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAAkC;AAAzB,iHAAA,OAAO,OAAA"}

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Show tabs for toggling between options
+ **/
+export default function Tabs<O extends string>({ options, selected, onSelect }: {
+    options: Readonly<{
+        id: O;
+        label: string;
+    }[]>;
+    selected?: O;
+    onSelect: (option: O) => void;
+}): JSX.Element;

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,45 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 });
+const react_1 = __importStar(require("react"));
+const Tabs_module_scss_1 = __importDefault(require("./Tabs.module.scss"));
+/**
+ * Show tabs for toggling between options
+ **/
+function Tabs({ options, selected, onSelect }) {
+    const selectedRef = (0, react_1.useRef)(null);
+    const guideRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        guideRef.current.style['opacity'] = selectedRef.current ? "1" : "0";
+        guideRef.current.style['width'] = selectedRef.current ? selectedRef.current.clientWidth + "px" : "initial";
+        guideRef.current.style['left'] = selectedRef.current ? selectedRef.current.offsetLeft + "px" : "initial";
+        guideRef.current.style['top'] = selectedRef.current ? selectedRef.current.offsetTop + selectedRef.current.clientHeight + "px" : "initial";
+    }, [selected]);
+    return react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: Tabs_module_scss_1.default.container },
+            options.map(o => react_1.default.createElement("p", { ref: selected === o.id ? selectedRef : undefined, onClick: () => onSelect(o.id), className: selected === o.id ? Tabs_module_scss_1.default.selected : "", key: o.id, "data-testid": "tab-option" }, o.label)),
+            react_1.default.createElement("div", { ref: guideRef, className: Tabs_module_scss_1.default.guide, "data-testid": "tab-guide" })));
+}
+exports.default = Tabs;
+//# sourceMappingURL=Tabs.js.map

package/dist/components/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AACjD,0EAAwC;AAExC;;IAEI;AACJ,SAAwB,IAAI,CAAmB,EAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAGxB;IAC/C,MAAM,WAAW,GAAG,IAAA,cAAM,EAAuB,IAAI,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;QACrE,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;QAC5G,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;QAC1G,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,GAAG,WAAW,CAAC,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAC/I,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,OAAO;QACH,uCAAK,SAAS,EAAE,0BAAM,CAAC,SAAS;YAC3B,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,qCAAG,GAAG,EAAE,QAAQ,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,QAAQ,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,0BAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,iBAAc,YAAY,IAAE,CAAC,CAAC,KAAK,CAAK,CAAC;YAC7M,uCAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAM,CAAC,KAAK,iBAAc,WAAW,GAAE,CACpE,CACP,CAAC;AACR,CAAC;AAlBD,uBAkBC"}

package/dist/components/Tabs/Tabs.module.scss

@@ -0,0 +1,22 @@
+@import "../../assets/styles/index.scss";
+
+.container {
+  overflow-x: auto;
+  display: flex;
+  position: relative;
+  align-items: flex-start;
+  p {
+    cursor: pointer;
+    margin: 1em 2em;
+    &.selected {
+      font-weight: bold;
+    }
+  }
+}
+
+.guide {
+  height: 0.1em;
+  background-color: $digitalBlue;
+  position: absolute;
+  transition: left $fast, width $fast, top $fast;
+}

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

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

package/dist/components/Tabs/Tabs.test.js

@@ -0,0 +1,39 @@
+"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 Tabs_1 = __importDefault(require("./Tabs"));
+const MOCK_OPTIONS = [
+    {
+        id: "A",
+        label: "A small text",
+    },
+    {
+        id: "B",
+        label: "Big Text Here With some more text",
+    },
+    {
+        id: "C",
+        label: "Chiquito",
+    },
+];
+it("Should at least render :)", () => {
+    (0, react_2.render)(react_1.default.createElement(Tabs_1.default, { options: MOCK_OPTIONS, onSelect: (o) => { } }));
+});
+it("Should move guide to the bottom of p tag with same width and position", () => {
+    jest
+        .spyOn(HTMLElement.prototype, "clientWidth", "get")
+        .mockImplementation(function () {
+        return this.textContent.length;
+    });
+    const wrapper = (0, react_2.render)(react_1.default.createElement(Tabs_1.default, { options: MOCK_OPTIONS, selected: "A", onSelect: () => { } }));
+    const options = wrapper.getAllByTestId("tab-option");
+    expect(options).toHaveLength(3);
+    const firstEl = options[0];
+    const guideEl = wrapper.getByTestId("tab-guide");
+    expect(`${firstEl.clientWidth}px`).toEqual(guideEl.style.width);
+});
+//# sourceMappingURL=Tabs.test.js.map

package/dist/components/Tabs/Tabs.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.test.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAChD,kDAA+B;AAE/B,MAAM,YAAY,GAAG;IACnB;QACE,EAAE,EAAE,GAAG;QACP,KAAK,EAAE,cAAc;KACtB;IACD;QACE,EAAE,EAAE,GAAG;QACP,KAAK,EAAE,mCAAmC;KAC3C;IACD;QACE,EAAE,EAAE,GAAG;QACP,KAAK,EAAE,UAAU;KAClB;CACO,CAAC;AAEX,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACnC,IAAA,cAAM,EAAC,8BAAC,cAAS,IAAC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,GAAE,CAAC,GAAI,CAAC,CAAC;AACpE,CAAC,CAAC,CAAC;AACH,EAAE,CAAC,uEAAuE,EAAE,GAAG,EAAE;IAC/E,IAAI;SACD,KAAK,CAAC,WAAW,CAAC,SAAS,EAAE,aAAa,EAAE,KAAK,CAAC;SAClD,kBAAkB,CAAC;QAClB,OAAO,IAAI,CAAC,WAAY,CAAC,MAAM,CAAC;IAClC,CAAC,CAAC,CAAC;IACL,MAAM,OAAO,GAAG,IAAA,cAAM,EACpB,8BAAC,cAAS,IAAC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CACxE,CAAC;IACF,MAAM,OAAO,GAAG,OAAO,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;IACrD,MAAM,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IAEhC,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;IAC3B,MAAM,OAAO,GAAG,OAAO,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IAEjD,MAAM,CAAC,GAAG,OAAO,CAAC,WAAW,IAAI,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;AAClE,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+export { default } from './Tabs';

package/dist/components/Tabs/index.js

@@ -0,0 +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 Tabs_1 = require("./Tabs");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Tabs_1).default; } });
+//# sourceMappingURL=index.js.map

package/dist/components/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":";;;;;;AAAA,+BAAiC;AAAxB,gHAAA,OAAO,OAAA"}

package/dist/components/Text/Text.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+/**
+ * A component to hold all text variantions
+ **/
+export default function Text({ type, children, className, ...otherProps }: React.PropsWithChildren<{
+    className?: string;
+    type: "title" | "description" | "error" | "caption" | "highlightTitle" | "highlight" | "subtitle" | "boldTitle" | "link" | "boldTitleBig" | "content";
+} & React.HTMLAttributes<HTMLParagraphElement>>): JSX.Element;

package/dist/components/Text/Text.js

@@ -0,0 +1,27 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 Text_module_scss_1 = __importDefault(require("./Text.module.scss"));
+/**
+ * A component to hold all text variantions
+ **/
+function Text(_a) {
+    var { type, children, className = "" } = _a, otherProps = __rest(_a, ["type", "children", "className"]);
+    return (react_1.default.createElement("p", Object.assign({ className: `${Text_module_scss_1.default.text} ${Text_module_scss_1.default[type]} ${className} ${otherProps.onClick ? Text_module_scss_1.default.iteractible : ""}` }, otherProps), children));
+}
+exports.default = Text;
+//# sourceMappingURL=Text.js.map

package/dist/components/Text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,0EAAwC;AAExC;;IAEI;AACJ,SAAwB,IAAI,CAAC,EAqB5B;QArB4B,EAC3B,IAAI,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,OAkBf,EAjBI,UAAU,cAJc,iCAK5B,CADc;IAkBb,OAAO,CACL,mDACE,SAAS,EAAE,GAAG,0BAAM,CAAC,IAAI,IAAI,0BAAM,CAAC,IAAI,CAAC,IAAI,SAAS,IACpD,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,0BAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAC5C,EAAE,IACE,UAAU,GAEb,QAAQ,CACP,CACL,CAAC;AACJ,CAAC;AAhCD,uBAgCC"}

package/dist/components/Text/Text.module.scss

@@ -0,0 +1,77 @@
+@import "../../assets/styles/index.scss";
+
+.title {
+  font-weight: 300;
+  font-size: 22px;
+  line-height: 33px;
+}
+.boldTitle {
+  font-family: $secondaryFontFamily;
+  font-size: 24px;
+  font-weight: bolder;
+  line-height: 26px;
+}
+.boldTitleBig {
+  font-family: $secondaryFontFamily;
+  font-size: 28px;
+  font-weight: bolder;
+  line-height: 33.8px;
+}
+.content {
+  font-size: 16px;
+  line-height: 24px;
+  font-family: $mainFontFamily;
+}
+.icon.description {
+  font-size: 14px;
+  line-height: 21px;
+  color: $darkestGray;
+}
+.text.error,
+.text.caption {
+  font-size: 12px;
+  line-height: 18px;
+}
+.text.error {
+  color: $warningRed;
+}
+.text {
+  margin: 0px;
+  font-family: $mainFontFamily;
+  white-space: pre-wrap;
+  color: $textDefaultColor;
+}
+.highlightTitle {
+  font-family: $secondaryFontFamily;
+  font-size: 24px;
+  font-weight: bolder;
+  line-height: 29px;
+  color: $sunsetPink;
+}
+.subtitle {
+  font-family: $secondaryFontFamily;
+  font-size: 20px;
+  font-weight: 800;
+  line-height: 22px;
+  color: $gray;
+}
+.link {
+  font-family: $mainFontFamily;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 18px;
+}
+.iteractible {
+  cursor: pointer;
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+.highlight {
+  font-family: $secondaryFontFamily;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 20px;
+  color: $sunsetPink;
+}

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

@@ -0,0 +1,7 @@
+import C from "./Text";
+declare const _default: {
+    component: typeof C;
+    title: string;
+};
+export default _default;
+export declare const TodasVariacoes: () => JSX.Element[];

package/dist/components/Text/Text.stories.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TodasVariacoes = void 0;
+const react_1 = __importDefault(require("react"));
+const storybookUtils_1 = require("../../storybookUtils");
+const Text_1 = __importDefault(require("./Text"));
+exports.default = {
+    component: Text_1.default,
+    title: "Variantes de texto",
+};
+const TodasVariacoes = () => {
+    const variantes = (0, storybookUtils_1.extractAllPossibilitiesFromEnumProp)(Text_1.default, "type");
+    return variantes.map((a) => (react_1.default.createElement(storybookUtils_1.SideBySideContainer, { exampleName: a },
+        react_1.default.createElement(Text_1.default, { type: a }, "Texto do exemplo"))));
+};
+exports.TodasVariacoes = TodasVariacoes;
+//# sourceMappingURL=Text.stories.js.map

package/dist/components/Text/Text.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.stories.js","sourceRoot":"","sources":["../../../src/components/Text/Text.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,yDAG8B;AAC9B,kDAAuB;AAEvB,kBAAe;IACb,SAAS,EAAE,cAAC;IACZ,KAAK,EAAE,oBAAoB;CAC5B,CAAC;AAEK,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,SAAS,GAAG,IAAA,oDAAmC,EAAC,cAAC,EAAE,MAAM,CAAC,CAAC;IAEjE,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAC1B,8BAAC,oCAAmB,IAAC,WAAW,EAAE,CAAC;QACjC,8BAAC,cAAC,IAAC,IAAI,EAAE,CAAQ,uBAAsB,CACnB,CACvB,CAAC,CAAC;AACL,CAAC,CAAC;AARW,QAAA,cAAc,kBAQzB"}

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

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

package/dist/components/Text/Text.test.js

@@ -0,0 +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 Text_1 = __importDefault(require("./Text"));
+it("Should at least render :)", () => {
+    (0, react_2.render)(react_1.default.createElement(Text_1.default, { type: "boldTitle" }));
+});
+//# sourceMappingURL=Text.test.js.map

package/dist/components/Text/Text.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.test.js","sourceRoot":"","sources":["../../../src/components/Text/Text.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAEhD,kDAA+B;AAE/B,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACnC,IAAA,cAAM,EAAC,8BAAC,cAAS,IAAC,IAAI,EAAC,WAAW,GAAG,CAAC,CAAC;AACzC,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+export { default } from './Text';

package/dist/components/Text/index.js

@@ -0,0 +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 Text_1 = require("./Text");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Text_1).default; } });
+//# sourceMappingURL=index.js.map

package/dist/components/Text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Text/index.tsx"],"names":[],"mappings":";;;;;;AAAA,+BAAiC;AAAxB,gHAAA,OAAO,OAAA"}

package/dist/components/Transition/Transition.d.ts

@@ -0,0 +1,47 @@
+import React from "react";
+export declare type TransitionTypeDefinitions = {
+    transitionType?: TransitionAnimationTypes.SLIDE | TransitionAnimationTypes.POP_FROM_CLICK_ORIGIN | TransitionAnimationTypes.FADE;
+} | {
+    transitionType?: TransitionAnimationTypes.POP_FROM_ELEMENT_ID;
+    elementId: string;
+} | {
+    transitionType?: TransitionAnimationTypes.CUSTOM;
+    config: ReturnType<typeof TransitionClasses>;
+};
+export declare type TransitionProps = {
+    step: number;
+    className?: string;
+    contentStyle?: React.CSSProperties;
+    contentClassName?: string;
+    children: (React.ReactElement | undefined)[];
+    onDiscardStep?: (discardedKey: React.Key) => void;
+    lockTransitionWidth?: boolean;
+} & TransitionTypeDefinitions;
+declare function TransitionClasses(type: NonNullable<Exclude<TransitionProps["transitionType"], TransitionAnimationTypes.CUSTOM>>): {
+    /**
+     * Applied to the element that was not visible and is now entering the screen
+     */
+    backward: {
+        elementEntering: string;
+        elementExiting: string;
+    };
+    /**
+     * Applied to the element that was visible and now is exiting the screen
+     */
+    forward: {
+        elementEntering: string;
+        elementExiting: string;
+    };
+};
+/**
+ * Handles the transition between multiple children and recycling of elements
+ **/
+export default function Transition({ step, contentStyle, contentClassName, children, className, onDiscardStep, lockTransitionWidth, ...props }: TransitionProps): JSX.Element;
+export declare enum TransitionAnimationTypes {
+    SLIDE = 0,
+    POP_FROM_CLICK_ORIGIN = 1,
+    POP_FROM_ELEMENT_ID = 2,
+    FADE = 3,
+    CUSTOM = 4
+}
+export {};