@eduzz/apps-toolbar-react - npm Package Compare versions

Comparing version 1.1.12 to 1.1.13

dist/App.js

@@ -8,16 +8,16 @@ "use strict";
 var theme_1 = require("./assets/theme");
-var chat_1 = (0, tslib_1.__importDefault)(require("./chat"));
-var Toolbar_1 = (0, tslib_1.__importDefault)(require("./components/Toolbar"));
-var Apps_1 = (0, tslib_1.__importDefault)(require("./components/Toolbar/Apps"));
-var CustomAction_1 = (0, tslib_1.__importDefault)(require("./components/Toolbar/CustomAction"));
-var IconMenu_1 = (0, tslib_1.__importDefault)(require("./components/Toolbar/IconMenu"));
-var User_1 = (0, tslib_1.__importDefault)(require("./components/Toolbar/User"));
-var Context_1 = (0, tslib_1.__importDefault)(require("./components/Toolbar/User/Menu/Context"));
-var Divider_1 = (0, tslib_1.__importDefault)(require("./components/Toolbar/User/Menu/Divider"));
-var Item_1 = (0, tslib_1.__importDefault)(require("./components/Toolbar/User/Menu/Item"));
-var context_1 = (0, tslib_1.__importDefault)(require("./context"));
-var globalStyles_1 = (0, tslib_1.__importDefault)(require("./globalStyles"));
-var nestedComponent_1 = (0, tslib_1.__importDefault)(require("./helpers/nestedComponent"));
+var chat_1 = tslib_1.__importDefault(require("./chat"));
+var Toolbar_1 = tslib_1.__importDefault(require("./components/Toolbar"));
+var Apps_1 = tslib_1.__importDefault(require("./components/Toolbar/Apps"));
+var CustomAction_1 = tslib_1.__importDefault(require("./components/Toolbar/CustomAction"));
+var IconMenu_1 = tslib_1.__importDefault(require("./components/Toolbar/IconMenu"));
+var User_1 = tslib_1.__importDefault(require("./components/Toolbar/User"));
+var Context_1 = tslib_1.__importDefault(require("./components/Toolbar/User/Menu/Context"));
+var Divider_1 = tslib_1.__importDefault(require("./components/Toolbar/User/Menu/Divider"));
+var Item_1 = tslib_1.__importDefault(require("./components/Toolbar/User/Menu/Item"));
+var context_1 = tslib_1.__importDefault(require("./context"));
+var globalStyles_1 = tslib_1.__importDefault(require("./globalStyles"));
+var nestedComponent_1 = tslib_1.__importDefault(require("./helpers/nestedComponent"));
 var App = (0, react_1.memo)(function (params) {
-    var user = params.user, disableChat = params.disableChat, rest = (0, tslib_1.__rest)(params, ["user", "disableChat"]);
+    var user = params.user, disableChat = params.disableChat, rest = tslib_1.__rest(params, ["user", "disableChat"]);
     var _a = (0, react_1.useState)(), config = _a[0], setConfig = _a[1];
@@ -32,4 +32,3 @@ (0, react_1.useEffect)(function () {
     (0, react_1.useEffect)(function () {
-        setConfig((0, tslib_1.__assign)((0, tslib_1.__assign)({}, params), { user: user, disableChat: disableChat })),
-            [params, user, disableChat];
+        setConfig(tslib_1.__assign(tslib_1.__assign({}, params), { user: user, disableChat: disableChat }));
     }, [disableChat, params, user]);
@@ -39,3 +38,3 @@ if (!config) {
     }
-    return ((0, jsx_runtime_1.jsx)(react_2.ThemeProvider, (0, tslib_1.__assign)({ theme: (user === null || user === void 0 ? void 0 : user.isClubeBlack) ? theme_1.blackTheme : theme_1.theme }, { children: (0, jsx_runtime_1.jsxs)(context_1.default.Provider, (0, tslib_1.__assign)({ value: config }, { children: [(0, jsx_runtime_1.jsx)(globalStyles_1.default, {}, void 0), (0, jsx_runtime_1.jsx)(Toolbar_1.default, (0, tslib_1.__assign)({}, rest), void 0)] }), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(react_2.ThemeProvider, tslib_1.__assign({ theme: (user === null || user === void 0 ? void 0 : user.isClubeBlack) ? theme_1.blackTheme : theme_1.theme }, { children: (0, jsx_runtime_1.jsxs)(context_1.default.Provider, tslib_1.__assign({ value: config }, { children: [(0, jsx_runtime_1.jsx)(globalStyles_1.default, {}), (0, jsx_runtime_1.jsx)(Toolbar_1.default, tslib_1.__assign({}, rest))] })) })));
 });
@@ -42,0 +41,0 @@ exports.default = (0, nestedComponent_1.default)(App, {

dist/assets/theme.js

@@ -35,2 +35,2 @@ "use strict";
 exports.theme = { colors: colors, unit: unit, spacing: spacing, trasitionDuration: trasitionDuration, breakpoints: breakpoints, shadow: shadow };
-exports.blackTheme = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, exports.theme), { colors: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, exports.theme.colors), { barBackground: '#272727' }) });
+exports.blackTheme = tslib_1.__assign(tslib_1.__assign({}, exports.theme), { colors: tslib_1.__assign(tslib_1.__assign({}, exports.theme.colors), { barBackground: '#272727' }) });

dist/components/EduzzLogo/index.js

@@ -6,8 +6,8 @@ "use strict";
 var react_1 = require("react");
-var styled_1 = (0, tslib_1.__importDefault)(require("@emotion/styled"));
+var styled_1 = tslib_1.__importDefault(require("@emotion/styled"));
 var EduzzLogo = (0, react_1.memo)(function (_a) {
-    var rest = (0, tslib_1.__rest)(_a, []);
-    return ((0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({}, rest, { children: [(0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'desktop' }, { children: (0, jsx_runtime_1.jsxs)("svg", (0, tslib_1.__assign)({ viewBox: '0 0 142 45', xmlns: 'http://www.w3.org/2000/svg' }, { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", (0, tslib_1.__assign)({ id: 'a' }, { children: (0, jsx_runtime_1.jsx)("path", { d: 'M105.3 144.5A22.5 22.5 0 1 1 82.8 122a22.514 22.514 0 0 1 22.5 22.5Z', transform: 'translate(-60.3 -122)' }, void 0) }), void 0) }, void 0), (0, jsx_runtime_1.jsx)("path", { d: 'M45 22.5A22.5 22.5 0 1 1 22.5 0 22.514 22.514 0 0 1 45 22.5Z', fill: '#ffcd33' }, void 0), (0, jsx_runtime_1.jsx)("g", (0, tslib_1.__assign)({ clipPath: 'url(#a)' }, { children: (0, jsx_runtime_1.jsx)("path", { d: 'M23.544 10.929a4.15 4.15 0 0 1-4.179 4.179H-7.072a4.179 4.179 0 1 1 0-8.357h26.438a4.2 4.2 0 0 1 4.178 4.178Zm-7.232 11.25a4.15 4.15 0 0 1-4.179 4.179h-26.356a4.179 4.179 0 1 1 0-8.357h26.437a4.133 4.133 0 0 1 4.098 4.178Zm7.232 11.171a4.15 4.15 0 0 1-4.179 4.179H-7.072a4.179 4.179 0 0 1 0-8.357h26.438a4.255 4.255 0 0 1 4.178 4.178Z', fill: '#fff' }, void 0) }), void 0), (0, jsx_runtime_1.jsx)("path", { d: 'M69.348 25.714c-.161 1.366-.562 1.768-1.929 1.768H56.892v.8c0 2.732 1.607 3.857 5.384 3.857a21.358 21.358 0 0 0 4.9-.562c1.205-.321 1.527 0 1.527 1.286v.482c0 1.205-.241 1.527-1.527 1.848a19.083 19.083 0 0 1-4.9.563c-6.348 0-9.321-2.411-9.321-8.116v-3.295q0-8.2 8.438-8.2c5.3 0 8.036 2.652 8.036 7.795-.001.649-.081 1.212-.081 1.774Zm-12.455-1.446h8.839V23.3c0-2.491-1.446-3.777-4.42-3.777-2.893 0-4.339 1.205-4.339 3.777Zm31.661 3.455c0 5.384-3.214 8.116-8.6 8.116-5.786 0-8.679-2.652-8.679-8.116v-3.214c0-5.464 2.652-8.277 7.955-8.277 2.652 0 4.5.8 5.545 2.491v-8.036c0-1.366.321-1.687 1.688-1.687h.482c1.366 0 1.688.321 1.688 1.688Zm-13.42-.08c0 3.214.964 4.5 4.741 4.5s4.821-1.366 4.821-4.5v-3.214c0-3.214-1.125-4.5-4.821-4.5s-4.741 1.366-4.741 4.5Zm19.607.8c0 2.571.964 3.7 4.339 3.7s4.259-1.125 4.259-3.7V18.321c0-1.366.321-1.688 1.688-1.688h.482c1.366 0 1.688.321 1.688 1.688v10.125c0 4.9-2.491 7.393-8.2 7.393-5.464 0-8.277-2.491-8.277-7.393V18.321c0-1.366.321-1.688 1.688-1.688h.482c1.366 0 1.688.321 1.688 1.688l.161 10.125Zm15.348-10.286c0-1.205.321-1.527 1.527-1.527h8.679c3.214 0 4.339 1.045 4.339 3.857 0 2.009-.562 3.054-2.893 4.5l-8.437 5.143c-.562.321-.8.643-.8 1.045 0 .482.4.643 1.205.643h9.4c1.205 0 1.527.321 1.527 1.527v.482c0 1.205-.321 1.527-1.527 1.527h-9.8q-4.339 0-4.339-3.857a5.1 5.1 0 0 1 2.893-4.5l8.357-5.143c.563-.4.884-.723.884-1.045 0-.4-.4-.643-1.205-.643h-8.364c-1.205 0-1.527-.321-1.527-1.527Zm16.714 0c0-1.205.321-1.527 1.527-1.527h8.679c3.214 0 4.339 1.045 4.339 3.857 0 2.009-.562 3.054-2.893 4.5l-8.437 5.143c-.562.321-.8.643-.8 1.045 0 .482.4.643 1.205.643h9.4c1.205 0 1.527.321 1.527 1.527v.482c0 1.205-.321 1.527-1.527 1.527h-9.8q-4.339 0-4.339-3.857a5.1 5.1 0 0 1 2.893-4.5l8.357-5.143c.562-.4.884-.723.884-1.045 0-.4-.4-.643-1.205-.643h-8.357c-1.205 0-1.527-.321-1.527-1.527l.08-.482Z', fill: '#fff' }, void 0)] }), void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'mobile' }, { children: (0, jsx_runtime_1.jsxs)("svg", (0, tslib_1.__assign)({ viewBox: '0 0 45 45', xmlns: 'http://www.w3.org/2000/svg' }, { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", (0, tslib_1.__assign)({ id: 'b' }, { children: (0, jsx_runtime_1.jsx)("path", { d: 'M105.3 144.5A22.5 22.5 0 1 1 82.8 122a22.514 22.514 0 0 1 22.5 22.5Z', transform: 'translate(-60.3 -122)' }, void 0) }), void 0) }, void 0), (0, jsx_runtime_1.jsx)("path", { d: 'M45 22.5A22.5 22.5 0 1 1 22.5 0 22.514 22.514 0 0 1 45 22.5Z', fill: '#ffcd33' }, void 0), (0, jsx_runtime_1.jsx)("g", (0, tslib_1.__assign)({ clipPath: 'url(#b)' }, { children: (0, jsx_runtime_1.jsx)("path", { d: 'M23.544 10.929a4.15 4.15 0 0 1-4.179 4.179H-7.072a4.179 4.179 0 1 1 0-8.357h26.438a4.2 4.2 0 0 1 4.178 4.178Zm-7.232 11.25a4.15 4.15 0 0 1-4.179 4.179h-26.356a4.179 4.179 0 1 1 0-8.357h26.437a4.133 4.133 0 0 1 4.098 4.178Zm7.232 11.171a4.15 4.15 0 0 1-4.179 4.179H-7.072a4.179 4.179 0 0 1 0-8.357h26.438a4.255 4.255 0 0 1 4.178 4.178Z', fill: '#fff' }, void 0) }), void 0)] }), void 0) }), void 0)] }), void 0));
+    var rest = tslib_1.__rest(_a, []);
+    return ((0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({}, rest, { children: [(0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'desktop' }, { children: (0, jsx_runtime_1.jsxs)("svg", tslib_1.__assign({ viewBox: '0 0 142 45', xmlns: 'http://www.w3.org/2000/svg' }, { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", tslib_1.__assign({ id: 'a' }, { children: (0, jsx_runtime_1.jsx)("path", { d: 'M105.3 144.5A22.5 22.5 0 1 1 82.8 122a22.514 22.514 0 0 1 22.5 22.5Z', transform: 'translate(-60.3 -122)' }) })) }), (0, jsx_runtime_1.jsx)("path", { d: 'M45 22.5A22.5 22.5 0 1 1 22.5 0 22.514 22.514 0 0 1 45 22.5Z', fill: '#ffcd33' }), (0, jsx_runtime_1.jsx)("g", tslib_1.__assign({ clipPath: 'url(#a)' }, { children: (0, jsx_runtime_1.jsx)("path", { d: 'M23.544 10.929a4.15 4.15 0 0 1-4.179 4.179H-7.072a4.179 4.179 0 1 1 0-8.357h26.438a4.2 4.2 0 0 1 4.178 4.178Zm-7.232 11.25a4.15 4.15 0 0 1-4.179 4.179h-26.356a4.179 4.179 0 1 1 0-8.357h26.437a4.133 4.133 0 0 1 4.098 4.178Zm7.232 11.171a4.15 4.15 0 0 1-4.179 4.179H-7.072a4.179 4.179 0 0 1 0-8.357h26.438a4.255 4.255 0 0 1 4.178 4.178Z', fill: '#fff' }) })), (0, jsx_runtime_1.jsx)("path", { d: 'M69.348 25.714c-.161 1.366-.562 1.768-1.929 1.768H56.892v.8c0 2.732 1.607 3.857 5.384 3.857a21.358 21.358 0 0 0 4.9-.562c1.205-.321 1.527 0 1.527 1.286v.482c0 1.205-.241 1.527-1.527 1.848a19.083 19.083 0 0 1-4.9.563c-6.348 0-9.321-2.411-9.321-8.116v-3.295q0-8.2 8.438-8.2c5.3 0 8.036 2.652 8.036 7.795-.001.649-.081 1.212-.081 1.774Zm-12.455-1.446h8.839V23.3c0-2.491-1.446-3.777-4.42-3.777-2.893 0-4.339 1.205-4.339 3.777Zm31.661 3.455c0 5.384-3.214 8.116-8.6 8.116-5.786 0-8.679-2.652-8.679-8.116v-3.214c0-5.464 2.652-8.277 7.955-8.277 2.652 0 4.5.8 5.545 2.491v-8.036c0-1.366.321-1.687 1.688-1.687h.482c1.366 0 1.688.321 1.688 1.688Zm-13.42-.08c0 3.214.964 4.5 4.741 4.5s4.821-1.366 4.821-4.5v-3.214c0-3.214-1.125-4.5-4.821-4.5s-4.741 1.366-4.741 4.5Zm19.607.8c0 2.571.964 3.7 4.339 3.7s4.259-1.125 4.259-3.7V18.321c0-1.366.321-1.688 1.688-1.688h.482c1.366 0 1.688.321 1.688 1.688v10.125c0 4.9-2.491 7.393-8.2 7.393-5.464 0-8.277-2.491-8.277-7.393V18.321c0-1.366.321-1.688 1.688-1.688h.482c1.366 0 1.688.321 1.688 1.688l.161 10.125Zm15.348-10.286c0-1.205.321-1.527 1.527-1.527h8.679c3.214 0 4.339 1.045 4.339 3.857 0 2.009-.562 3.054-2.893 4.5l-8.437 5.143c-.562.321-.8.643-.8 1.045 0 .482.4.643 1.205.643h9.4c1.205 0 1.527.321 1.527 1.527v.482c0 1.205-.321 1.527-1.527 1.527h-9.8q-4.339 0-4.339-3.857a5.1 5.1 0 0 1 2.893-4.5l8.357-5.143c.563-.4.884-.723.884-1.045 0-.4-.4-.643-1.205-.643h-8.364c-1.205 0-1.527-.321-1.527-1.527Zm16.714 0c0-1.205.321-1.527 1.527-1.527h8.679c3.214 0 4.339 1.045 4.339 3.857 0 2.009-.562 3.054-2.893 4.5l-8.437 5.143c-.562.321-.8.643-.8 1.045 0 .482.4.643 1.205.643h9.4c1.205 0 1.527.321 1.527 1.527v.482c0 1.205-.321 1.527-1.527 1.527h-9.8q-4.339 0-4.339-3.857a5.1 5.1 0 0 1 2.893-4.5l8.357-5.143c.562-.4.884-.723.884-1.045 0-.4-.4-.643-1.205-.643h-8.357c-1.205 0-1.527-.321-1.527-1.527l.08-.482Z', fill: '#fff' })] })) })), (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'mobile' }, { children: (0, jsx_runtime_1.jsxs)("svg", tslib_1.__assign({ viewBox: '0 0 45 45', xmlns: 'http://www.w3.org/2000/svg' }, { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", tslib_1.__assign({ id: 'b' }, { children: (0, jsx_runtime_1.jsx)("path", { d: 'M105.3 144.5A22.5 22.5 0 1 1 82.8 122a22.514 22.514 0 0 1 22.5 22.5Z', transform: 'translate(-60.3 -122)' }) })) }), (0, jsx_runtime_1.jsx)("path", { d: 'M45 22.5A22.5 22.5 0 1 1 22.5 0 22.514 22.514 0 0 1 45 22.5Z', fill: '#ffcd33' }), (0, jsx_runtime_1.jsx)("g", tslib_1.__assign({ clipPath: 'url(#b)' }, { children: (0, jsx_runtime_1.jsx)("path", { d: 'M23.544 10.929a4.15 4.15 0 0 1-4.179 4.179H-7.072a4.179 4.179 0 1 1 0-8.357h26.438a4.2 4.2 0 0 1 4.178 4.178Zm-7.232 11.25a4.15 4.15 0 0 1-4.179 4.179h-26.356a4.179 4.179 0 1 1 0-8.357h26.437a4.133 4.133 0 0 1 4.098 4.178Zm7.232 11.171a4.15 4.15 0 0 1-4.179 4.179H-7.072a4.179 4.179 0 0 1 0-8.357h26.438a4.255 4.255 0 0 1 4.178 4.178Z', fill: '#fff' }) }))] })) }))] })));
 });
-exports.default = (0, styled_1.default)(EduzzLogo)(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n  line-height: 0;\n\n  .desktop {\n    ", " {\n      display: none;\n    }\n  }\n\n  .mobile {\n    display: none;\n\n    ", " {\n      display: block;\n    }\n  }\n"], ["\n  line-height: 0;\n\n  .desktop {\n    ", " {\n      display: none;\n    }\n  }\n\n  .mobile {\n    display: none;\n\n    ", " {\n      display: block;\n    }\n  }\n"])), function (_a) {
+exports.default = (0, styled_1.default)(EduzzLogo)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  line-height: 0;\n\n  .desktop {\n    ", " {\n      display: none;\n    }\n  }\n\n  .mobile {\n    display: none;\n\n    ", " {\n      display: block;\n    }\n  }\n"], ["\n  line-height: 0;\n\n  .desktop {\n    ", " {\n      display: none;\n    }\n  }\n\n  .mobile {\n    display: none;\n\n    ", " {\n      display: block;\n    }\n  }\n"])), function (_a) {
     var theme = _a.theme;
@@ -14,0 +14,0 @@ return theme.breakpoints.mobile;

dist/components/Icon/index.js

@@ -6,5 +6,5 @@ "use strict";
 var react_1 = require("react");
-var mapper_1 = (0, tslib_1.__importDefault)(require("./mapper"));
+var mapper_1 = tslib_1.__importDefault(require("./mapper"));
 var Icon = (0, react_1.memo)(function (_a) {
-    var name = _a.name, props = (0, tslib_1.__rest)(_a, ["name"]);
+    var name = _a.name, props = tslib_1.__rest(_a, ["name"]);
     var icon = (0, react_1.useMemo)(function () { return (0, mapper_1.default)(name); }, [name]);
@@ -21,6 +21,6 @@ var _b = (0, react_1.useMemo)(function () {
     if (icon.component) {
-        return (0, jsx_runtime_1.jsx)(react_1.Fragment, { children: icon.component() }, void 0);
+        return (0, jsx_runtime_1.jsx)(react_1.Fragment, { children: icon.component() });
     }
-    return ((0, jsx_runtime_1.jsx)("svg", (0, tslib_1.__assign)({}, props, { viewBox: viewBox }, { children: content }), void 0));
+    return ((0, jsx_runtime_1.jsx)("svg", tslib_1.__assign({}, props, { viewBox: viewBox }, { children: content })));
 });
 exports.default = Icon;

dist/components/Icon/mapper.js

@@ -5,4 +5,4 @@ "use strict";
 var jsx_runtime_1 = require("react/jsx-runtime");
-var orbitPages_1 = (0, tslib_1.__importDefault)(require("./svgs/orbitPages"));
-var safevideo_1 = (0, tslib_1.__importDefault)(require("./svgs/safevideo"));
+var orbitPages_1 = tslib_1.__importDefault(require("./svgs/orbitPages"));
+var safevideo_1 = tslib_1.__importDefault(require("./svgs/safevideo"));
 var icons = {
@@ -89,7 +89,7 @@ 'icon-orbita': {
         viewBox: '0 0 487.37 542',
-        component: function () { return (0, jsx_runtime_1.jsx)(safevideo_1.default, {}, void 0); }
+        component: function () { return (0, jsx_runtime_1.jsx)(safevideo_1.default, {}); }
     },
     'icon-orbit-pages': {
         viewBox: '0 0 70 70',
-        component: function () { return (0, jsx_runtime_1.jsx)(orbitPages_1.default, {}, void 0); }
+        component: function () { return (0, jsx_runtime_1.jsx)(orbitPages_1.default, {}); }
     },
@@ -96,0 +96,0 @@ 'icon-alumy': {

dist/components/Icon/svgs/orbitPages.js

@@ -7,4 +7,4 @@ "use strict";
 var OrbitPagesIcon = function () {
-    return ((0, jsx_runtime_1.jsxs)("svg", (0, tslib_1.__assign)({ viewBox: '0 0 70 70', xmlns: 'http://www.w3.org/2000/svg' }, { children: [(0, jsx_runtime_1.jsx)("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M33.7744 63C51.1714 63 65.2744 48.897 65.2744 31.5C65.2744 23.7688 62.4892 16.6881 57.8674 11.2066C54.3601 11.7095 49.9533 13.0568 45.3249 15.1516C45.3356 15.1592 45.3464 15.1668 45.3571 15.1745C44.9506 15.3462 44.5492 15.52 44.1531 15.6958C33.5115 20.764 22.011 29.6866 17.7167 41.3115C17.5435 41.8201 17.39 42.3184 17.2551 42.805C17.2447 42.7898 17.2343 42.7747 17.2239 42.7595C17.1475 43.0051 17.0742 43.2519 17.0043 43.4998C14.8879 51.495 15.7783 56.0226 17.4812 58.4643C22.235 61.343 27.8112 63 33.7744 63ZM5.58872 47.4866C0.193824 59.6463 4.01616 69.4995 15.2748 69.4995C-1.91161 69.4995 -3.19931 56.5529 4.52396 43.2127C3.07281 39.592 2.27445 35.6392 2.27445 31.5C2.27445 14.103 16.3775 0 33.7744 0C42.332 0 50.0925 3.41241 55.7695 8.95073C60.2271 8.26939 64.7442 8.09986 69.2747 8.49997C65.0724 8.49997 60.9733 8.99015 57.0419 9.82984C53.7511 10.025 48.0513 11.9078 41.5554 15.0894C34.9362 18.1655 29.3404 21.8376 25.2753 24.9993C20.841 28.2019 17.1097 31.5529 14.0496 34.9171C14.053 34.9369 14.0564 34.9566 14.0599 34.9764C10.7452 38.5774 7.94679 42.4459 6.0043 46.4998C5.83418 46.833 5.69744 47.1619 5.58872 47.4866ZM33.7744 51.5154C27.9818 51.5154 22.7639 49.0547 19.109 45.1215C20.4167 36.814 26.8273 25.4148 45.3994 15.2046C50.4789 18.8348 53.7899 24.7807 53.7899 31.5C53.7899 42.5542 44.8287 51.5154 33.7744 51.5154ZM41.3579 12.9711C39.019 12.0129 36.4584 11.4846 33.7744 11.4846C22.7529 11.4846 13.8121 20.3929 13.7593 31.402C16.0471 29.1294 18.5666 26.9698 21.2755 24.9998C27.53 19.9386 34.2935 15.8418 41.3579 12.9711Z', fill: '#7609F1' }, void 0), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("radialGradient", (0, tslib_1.__assign)({ id: 'paint0_radial', cx: '0', cy: '0', r: '1', gradientUnits: 'userSpaceOnUse', gradientTransform: 'translate(49 41) rotate(24.1022) scale(104.073 103.737)' }, { children: [(0, jsx_runtime_1.jsx)("stop", { stopColor: '#5505B2' }, void 0), (0, jsx_runtime_1.jsx)("stop", { offset: '1', stopColor: '#7708F5' }, void 0)] }), void 0) }, void 0)] }), void 0));
+    return ((0, jsx_runtime_1.jsxs)("svg", tslib_1.__assign({ viewBox: '0 0 70 70', xmlns: 'http://www.w3.org/2000/svg' }, { children: [(0, jsx_runtime_1.jsx)("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M33.7744 63C51.1714 63 65.2744 48.897 65.2744 31.5C65.2744 23.7688 62.4892 16.6881 57.8674 11.2066C54.3601 11.7095 49.9533 13.0568 45.3249 15.1516C45.3356 15.1592 45.3464 15.1668 45.3571 15.1745C44.9506 15.3462 44.5492 15.52 44.1531 15.6958C33.5115 20.764 22.011 29.6866 17.7167 41.3115C17.5435 41.8201 17.39 42.3184 17.2551 42.805C17.2447 42.7898 17.2343 42.7747 17.2239 42.7595C17.1475 43.0051 17.0742 43.2519 17.0043 43.4998C14.8879 51.495 15.7783 56.0226 17.4812 58.4643C22.235 61.343 27.8112 63 33.7744 63ZM5.58872 47.4866C0.193824 59.6463 4.01616 69.4995 15.2748 69.4995C-1.91161 69.4995 -3.19931 56.5529 4.52396 43.2127C3.07281 39.592 2.27445 35.6392 2.27445 31.5C2.27445 14.103 16.3775 0 33.7744 0C42.332 0 50.0925 3.41241 55.7695 8.95073C60.2271 8.26939 64.7442 8.09986 69.2747 8.49997C65.0724 8.49997 60.9733 8.99015 57.0419 9.82984C53.7511 10.025 48.0513 11.9078 41.5554 15.0894C34.9362 18.1655 29.3404 21.8376 25.2753 24.9993C20.841 28.2019 17.1097 31.5529 14.0496 34.9171C14.053 34.9369 14.0564 34.9566 14.0599 34.9764C10.7452 38.5774 7.94679 42.4459 6.0043 46.4998C5.83418 46.833 5.69744 47.1619 5.58872 47.4866ZM33.7744 51.5154C27.9818 51.5154 22.7639 49.0547 19.109 45.1215C20.4167 36.814 26.8273 25.4148 45.3994 15.2046C50.4789 18.8348 53.7899 24.7807 53.7899 31.5C53.7899 42.5542 44.8287 51.5154 33.7744 51.5154ZM41.3579 12.9711C39.019 12.0129 36.4584 11.4846 33.7744 11.4846C22.7529 11.4846 13.8121 20.3929 13.7593 31.402C16.0471 29.1294 18.5666 26.9698 21.2755 24.9998C27.53 19.9386 34.2935 15.8418 41.3579 12.9711Z', fill: '#7609F1' }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("radialGradient", tslib_1.__assign({ id: 'paint0_radial', cx: '0', cy: '0', r: '1', gradientUnits: 'userSpaceOnUse', gradientTransform: 'translate(49 41) rotate(24.1022) scale(104.073 103.737)' }, { children: [(0, jsx_runtime_1.jsx)("stop", { stopColor: '#5505B2' }), (0, jsx_runtime_1.jsx)("stop", { offset: '1', stopColor: '#7708F5' })] })) })] })));
 };
 exports.default = OrbitPagesIcon;

dist/components/Icon/svgs/safevideo.js

@@ -7,4 +7,4 @@ "use strict";
 var SafeVideoIcon = function () {
-    return ((0, jsx_runtime_1.jsxs)("svg", (0, tslib_1.__assign)({ xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 487.37 542' }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: '#e58000', d: 'M333.22,188.08s7.17-29.54,44.91-83.2c39.61-56.33,59.72-64.09,59.72-64.09L400.23,29,163.91,103.09c-.3-.56-7.35,74.08-7.35,112.78,0,72.19,8,124.41,8,124.41s21.25,21.46,60.88,37.59c63.86,26,107.71,24.41,107.71,24.41Z', transform: 'translate(-156.56 -29)' }, void 0), (0, jsx_runtime_1.jsx)("path", { fill: '#fbbb2e', d: 'M437.85,40.79s-20.55,6.46-63.19,67.09c-36.9,54.08-41.44,80.2-41.44,80.2L510.3,305.82S534,340.93,544.74,384c5.78,23.15,12.61,96.29,12.61,96.29s41.49-35.7,61-74.73c20.46-40.9,25.57-131.75,25.57-182,0-41.42-7.38-120.4-7.38-120.4Z', transform: 'translate(-156.56 -29)' }, void 0), (0, jsx_runtime_1.jsx)("path", { fill: '#faa400', d: 'M164.59,340.28s46.14,31.33,81.93,44.67c40,14.88,86.66,17.33,86.66,17.33L510.3,305.82s11.37,9.27,31.38,58.23c22.67,55.48,15.67,116.22,15.67,116.22S510.13,517.39,482.78,532c-28.44,15.2-82.55,39-82.55,39s-105.44-41.4-166.51-98.56C173.19,415.79,164.59,340.28,164.59,340.28Z', transform: 'translate(-156.56 -29)' }, void 0), (0, jsx_runtime_1.jsx)("path", { style: { isolation: 'isolate' }, opacity: '0.05', d: 'M333.22,187.48s65.17-83.3,199.3-117C505.09,61.88,458,47.1,437.89,40.79,412.74,51.33,347.47,135.2,333.22,187.48Z', transform: 'translate(-156.56 -29)' }, void 0), (0, jsx_runtime_1.jsx)("path", { opacity: '0.08', style: { isolation: 'isolate' }, d: 'M510.43,305.5S534.35,411.1,475,536c26.14-11.83,65.4-42.86,82.32-55.77C564.45,416.76,541.76,344,510.43,305.5Z', transform: 'translate(-156.56 -29)' }, void 0), (0, jsx_runtime_1.jsx)("path", { opacity: '0.07', style: { isolation: 'isolate' }, d: 'M333.5,402S225.36,356.74,156.78,236.63c-.22,29.47,4.55,81.79,7.81,103.65C212.25,374.88,268.63,400.38,333.5,402Z', transform: 'translate(-156.56 -29)' }, void 0)] }), void 0));
+    return ((0, jsx_runtime_1.jsxs)("svg", tslib_1.__assign({ xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 487.37 542' }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: '#e58000', d: 'M333.22,188.08s7.17-29.54,44.91-83.2c39.61-56.33,59.72-64.09,59.72-64.09L400.23,29,163.91,103.09c-.3-.56-7.35,74.08-7.35,112.78,0,72.19,8,124.41,8,124.41s21.25,21.46,60.88,37.59c63.86,26,107.71,24.41,107.71,24.41Z', transform: 'translate(-156.56 -29)' }), (0, jsx_runtime_1.jsx)("path", { fill: '#fbbb2e', d: 'M437.85,40.79s-20.55,6.46-63.19,67.09c-36.9,54.08-41.44,80.2-41.44,80.2L510.3,305.82S534,340.93,544.74,384c5.78,23.15,12.61,96.29,12.61,96.29s41.49-35.7,61-74.73c20.46-40.9,25.57-131.75,25.57-182,0-41.42-7.38-120.4-7.38-120.4Z', transform: 'translate(-156.56 -29)' }), (0, jsx_runtime_1.jsx)("path", { fill: '#faa400', d: 'M164.59,340.28s46.14,31.33,81.93,44.67c40,14.88,86.66,17.33,86.66,17.33L510.3,305.82s11.37,9.27,31.38,58.23c22.67,55.48,15.67,116.22,15.67,116.22S510.13,517.39,482.78,532c-28.44,15.2-82.55,39-82.55,39s-105.44-41.4-166.51-98.56C173.19,415.79,164.59,340.28,164.59,340.28Z', transform: 'translate(-156.56 -29)' }), (0, jsx_runtime_1.jsx)("path", { style: { isolation: 'isolate' }, opacity: '0.05', d: 'M333.22,187.48s65.17-83.3,199.3-117C505.09,61.88,458,47.1,437.89,40.79,412.74,51.33,347.47,135.2,333.22,187.48Z', transform: 'translate(-156.56 -29)' }), (0, jsx_runtime_1.jsx)("path", { opacity: '0.08', style: { isolation: 'isolate' }, d: 'M510.43,305.5S534.35,411.1,475,536c26.14-11.83,65.4-42.86,82.32-55.77C564.45,416.76,541.76,344,510.43,305.5Z', transform: 'translate(-156.56 -29)' }), (0, jsx_runtime_1.jsx)("path", { opacity: '0.07', style: { isolation: 'isolate' }, d: 'M333.5,402S225.36,356.74,156.78,236.63c-.22,29.47,4.55,81.79,7.81,103.65C212.25,374.88,268.63,400.38,333.5,402Z', transform: 'translate(-156.56 -29)' })] })));
 };
 exports.default = SafeVideoIcon;

dist/components/Toolbar/Apps/Advanced/index.js

@@ -6,9 +6,9 @@ "use strict";
 var react_1 = require("react");
-var Cancel_1 = (0, tslib_1.__importDefault)(require("@eduzz/houston-icons/Cancel"));
+var Cancel_1 = tslib_1.__importDefault(require("@eduzz/houston-icons/Cancel"));
 var context_1 = require("../../../../context");
-var className_1 = (0, tslib_1.__importDefault)(require("../../../../helpers/className"));
+var className_1 = tslib_1.__importDefault(require("../../../../helpers/className"));
 var url_1 = require("../../../../helpers/url");
-var Icon_1 = (0, tslib_1.__importDefault)(require("../../../Icon"));
+var Icon_1 = tslib_1.__importDefault(require("../../../Icon"));
 var context_2 = require("../context");
-var styles_1 = (0, tslib_1.__importDefault)(require("./styles"));
+var styles_1 = tslib_1.__importDefault(require("./styles"));
 var AppsAdvanced = (0, react_1.memo)(function (_a) {
@@ -25,7 +25,11 @@ var className = _a.className;
     }, [application, setOpenedAdvanced]);
-    return ((0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: (0, className_1.default)('eduzz-toolbar-advanced-apps', className, advanced && '--active') }, { children: [(0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: 'eduzz-toolbar-advanced-apps-header' }, { children: [(0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'eduzz-toolbar-advanced-apps-title' }, { children: "Lista de Apps" }), void 0), (0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: 'eduzz-toolbar-advanced-apps-button-close', onClick: handleClickClose }, { children: ["Esc ", (0, jsx_runtime_1.jsx)(Cancel_1.default, {}, void 0)] }), void 0)] }), void 0), (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'eduzz-toolbar-advanced-apps-list-apps' }, { children: applications === null || applications === void 0 ? void 0 : applications.map(function (app) {
+    (0, react_1.useEffect)(function () {
+        document.body.style.overflow = advanced ? 'hidden' : null;
+        return function () { return (document.body.style.overflow = null); };
+    }, [advanced]);
+    return ((0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: (0, className_1.default)('eduzz-toolbar-advanced-apps', className, advanced && '--active') }, { children: [(0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: 'eduzz-toolbar-advanced-apps-header' }, { children: [(0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'eduzz-toolbar-advanced-apps-title' }, { children: "Lista de Apps" })), (0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: 'eduzz-toolbar-advanced-apps-button-close', onClick: handleClickClose }, { children: ["Esc ", (0, jsx_runtime_1.jsx)(Cancel_1.default, {})] }))] })), (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'eduzz-toolbar-advanced-apps-list-apps' }, { children: applications === null || applications === void 0 ? void 0 : applications.map(function (app) {
                     var isActive = app.application === application;
-                    return ((0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: (0, className_1.default)('eduzz-toolbar-advanced-apps-list-apps-item', isActive && '--active') }, { children: (0, jsx_runtime_1.jsxs)("a", (0, tslib_1.__assign)({ href: (0, url_1.buildUrl)(app.application, application), rel: 'noopener noreferrer', target: '_blank', onClick: function () { return handleClickApplication(app.application); } }, { children: [(0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'eduzz-toolbar-icon' }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: app.icon }, void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'eduzz-toolbar-label' }, { children: app.label }), void 0), (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'eduzz-toolbar-description' }, { children: app.description }), void 0)] }), app.application) }), app.application));
-                }) }), void 0)] }), void 0));
+                    return ((0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: (0, className_1.default)('eduzz-toolbar-advanced-apps-list-apps-item', isActive && '--active') }, { children: (0, jsx_runtime_1.jsxs)("a", tslib_1.__assign({ href: (0, url_1.buildUrl)(app.application, application), rel: 'noopener noreferrer', target: '_blank', onClick: function () { return handleClickApplication(app.application); } }, { children: [(0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'eduzz-toolbar-icon' }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: app.icon }) })), (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'eduzz-toolbar-label' }, { children: app.label })), (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'eduzz-toolbar-description' }, { children: app.description }))] }), app.application) }), app.application));
+                }) }))] })));
 });
 exports.default = (0, styles_1.default)(AppsAdvanced);

dist/components/Toolbar/Apps/Advanced/styles.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var styled_1 = (0, tslib_1.__importDefault)(require("@emotion/styled"));
+var styled_1 = tslib_1.__importDefault(require("@emotion/styled"));
 var theme_1 = require("../../../../assets/theme");
-exports.default = (function (Component) { return (0, styled_1.default)(Component)(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n  width: 100%;\n  height: calc(100vh - ", "px);\n  top: ", "px;\n  left: 0;\n  position: absolute;\n  background: white;\n  padding: ", "px;\n  overflow-y: scroll;\n  opacity: 0;\n  visibility: hidden;\n  user-select: none;\n  z-index: 1099;\n  transition: ", ";\n\n  ", " {\n    padding: ", "px;\n  }\n\n  &.--active {\n    opacity: 1;\n    visibility: visible;\n    user-select: auto;\n  }\n\n  .eduzz-toolbar-advanced-apps-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n\n    .eduzz-toolbar-advanced-apps-title {\n      color: #37474f;\n      font-weight: 500;\n    }\n\n    .eduzz-toolbar-advanced-apps-button-close {\n      color: ", ";\n      font-weight: 500;\n      display: flex;\n      align-items: center;\n      padding: ", "px ", "px;\n      border-radius: ", "px;\n      transition: ", ";\n      cursor: pointer;\n\n      &:hover {\n        background: rgba(0, 0, 0, 0.05);\n      }\n\n      span.houston-icon {\n        margin-left: ", "px;\n      }\n    }\n  }\n\n  .eduzz-toolbar-advanced-apps-list-apps {\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: row;\n    margin-top: ", "px;\n\n    .eduzz-toolbar-advanced-apps-list-apps-item {\n      width: calc(25% - ", "px);\n      transition: ", ";\n      border-radius: ", "px;\n      margin: ", "px;\n      cursor: pointer;\n      height: auto;\n\n      ", " {\n        width: calc(50% - ", "px);\n      }\n\n      ", " {\n        width: 100%;\n        margin: ", "px 0;\n        padding: ", "px ", "px;\n      }\n\n      &.--active {\n        background: rgba(0, 0, 0, 0.04);\n\n        a {\n          cursor: no-drop;\n\n          .eduzz-toolbar-label {\n            color: ", ";\n          }\n        }\n      }\n\n      &:hover {\n        background: rgba(0, 0, 0, 0.04);\n      }\n\n      a {\n        padding: ", "px;\n        display: block;\n        text-decoration: none;\n\n        ", " {\n          padding: ", "px 0;\n        }\n      }\n\n      .eduzz-toolbar-icon {\n        margin-bottom: ", "px;\n        text-align: center;\n\n        svg {\n          max-width: 80px;\n        }\n      }\n\n      .eduzz-toolbar-label {\n        margin-bottom: ", "px;\n        color: #37474f;\n        font-weight: 500;\n        font-size: 15px;\n      }\n\n      .eduzz-toolbar-description {\n        font-size: 14px;\n        color: #7c7c7c;\n      }\n    }\n  }\n"], ["\n  width: 100%;\n  height: calc(100vh - ", "px);\n  top: ", "px;\n  left: 0;\n  position: absolute;\n  background: white;\n  padding: ", "px;\n  overflow-y: scroll;\n  opacity: 0;\n  visibility: hidden;\n  user-select: none;\n  z-index: 1099;\n  transition: ", ";\n\n  ", " {\n    padding: ", "px;\n  }\n\n  &.--active {\n    opacity: 1;\n    visibility: visible;\n    user-select: auto;\n  }\n\n  .eduzz-toolbar-advanced-apps-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n\n    .eduzz-toolbar-advanced-apps-title {\n      color: #37474f;\n      font-weight: 500;\n    }\n\n    .eduzz-toolbar-advanced-apps-button-close {\n      color: ", ";\n      font-weight: 500;\n      display: flex;\n      align-items: center;\n      padding: ", "px ", "px;\n      border-radius: ", "px;\n      transition: ", ";\n      cursor: pointer;\n\n      &:hover {\n        background: rgba(0, 0, 0, 0.05);\n      }\n\n      span.houston-icon {\n        margin-left: ", "px;\n      }\n    }\n  }\n\n  .eduzz-toolbar-advanced-apps-list-apps {\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: row;\n    margin-top: ", "px;\n\n    .eduzz-toolbar-advanced-apps-list-apps-item {\n      width: calc(25% - ", "px);\n      transition: ", ";\n      border-radius: ", "px;\n      margin: ", "px;\n      cursor: pointer;\n      height: auto;\n\n      ", " {\n        width: calc(50% - ", "px);\n      }\n\n      ", " {\n        width: 100%;\n        margin: ", "px 0;\n        padding: ", "px ", "px;\n      }\n\n      &.--active {\n        background: rgba(0, 0, 0, 0.04);\n\n        a {\n          cursor: no-drop;\n\n          .eduzz-toolbar-label {\n            color: ", ";\n          }\n        }\n      }\n\n      &:hover {\n        background: rgba(0, 0, 0, 0.04);\n      }\n\n      a {\n        padding: ", "px;\n        display: block;\n        text-decoration: none;\n\n        ", " {\n          padding: ", "px 0;\n        }\n      }\n\n      .eduzz-toolbar-icon {\n        margin-bottom: ", "px;\n        text-align: center;\n\n        svg {\n          max-width: 80px;\n        }\n      }\n\n      .eduzz-toolbar-label {\n        margin-bottom: ", "px;\n        color: #37474f;\n        font-weight: 500;\n        font-size: 15px;\n      }\n\n      .eduzz-toolbar-description {\n        font-size: 14px;\n        color: #7c7c7c;\n      }\n    }\n  }\n"])), theme_1.TOOLBAR_HEIGHT, theme_1.TOOLBAR_HEIGHT, function (_a) {
+exports.default = (function (Component) { return (0, styled_1.default)(Component)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  width: 100%;\n  height: calc(100vh - ", "px);\n  top: ", "px;\n  left: 0;\n  position: absolute;\n  background: white;\n  padding: ", "px;\n  overflow-y: scroll;\n  opacity: 0;\n  visibility: hidden;\n  user-select: none;\n  z-index: 1099;\n  transition: ", ";\n\n  ", " {\n    padding: ", "px;\n  }\n\n  &.--active {\n    opacity: 1;\n    visibility: visible;\n    user-select: auto;\n  }\n\n  .eduzz-toolbar-advanced-apps-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n\n    .eduzz-toolbar-advanced-apps-title {\n      color: #37474f;\n      font-weight: 500;\n    }\n\n    .eduzz-toolbar-advanced-apps-button-close {\n      color: ", ";\n      font-weight: 500;\n      display: flex;\n      align-items: center;\n      padding: ", "px ", "px;\n      border-radius: ", "px;\n      transition: ", ";\n      cursor: pointer;\n\n      &:hover {\n        background: rgba(0, 0, 0, 0.05);\n      }\n\n      span.houston-icon {\n        margin-left: ", "px;\n      }\n    }\n  }\n\n  .eduzz-toolbar-advanced-apps-list-apps {\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: row;\n    margin-top: ", "px;\n\n    .eduzz-toolbar-advanced-apps-list-apps-item {\n      width: calc(25% - ", "px);\n      transition: ", ";\n      border-radius: ", "px;\n      margin: ", "px;\n      cursor: pointer;\n      height: auto;\n\n      ", " {\n        width: calc(50% - ", "px);\n      }\n\n      ", " {\n        width: 100%;\n        margin: ", "px 0;\n        padding: ", "px ", "px;\n      }\n\n      &.--active {\n        background: rgba(0, 0, 0, 0.04);\n\n        a {\n          cursor: no-drop;\n\n          .eduzz-toolbar-label {\n            color: ", ";\n          }\n        }\n      }\n\n      &:hover {\n        background: rgba(0, 0, 0, 0.04);\n      }\n\n      a {\n        padding: ", "px;\n        display: block;\n        text-decoration: none;\n\n        ", " {\n          padding: ", "px 0;\n        }\n      }\n\n      .eduzz-toolbar-icon {\n        margin-bottom: ", "px;\n        text-align: center;\n\n        svg {\n          max-width: 80px;\n        }\n      }\n\n      .eduzz-toolbar-label {\n        margin-bottom: ", "px;\n        color: #37474f;\n        font-weight: 500;\n        font-size: 15px;\n      }\n\n      .eduzz-toolbar-description {\n        font-size: 14px;\n        color: #7c7c7c;\n      }\n    }\n  }\n"], ["\n  width: 100%;\n  height: calc(100vh - ", "px);\n  top: ", "px;\n  left: 0;\n  position: absolute;\n  background: white;\n  padding: ", "px;\n  overflow-y: scroll;\n  opacity: 0;\n  visibility: hidden;\n  user-select: none;\n  z-index: 1099;\n  transition: ", ";\n\n  ", " {\n    padding: ", "px;\n  }\n\n  &.--active {\n    opacity: 1;\n    visibility: visible;\n    user-select: auto;\n  }\n\n  .eduzz-toolbar-advanced-apps-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n\n    .eduzz-toolbar-advanced-apps-title {\n      color: #37474f;\n      font-weight: 500;\n    }\n\n    .eduzz-toolbar-advanced-apps-button-close {\n      color: ", ";\n      font-weight: 500;\n      display: flex;\n      align-items: center;\n      padding: ", "px ", "px;\n      border-radius: ", "px;\n      transition: ", ";\n      cursor: pointer;\n\n      &:hover {\n        background: rgba(0, 0, 0, 0.05);\n      }\n\n      span.houston-icon {\n        margin-left: ", "px;\n      }\n    }\n  }\n\n  .eduzz-toolbar-advanced-apps-list-apps {\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: row;\n    margin-top: ", "px;\n\n    .eduzz-toolbar-advanced-apps-list-apps-item {\n      width: calc(25% - ", "px);\n      transition: ", ";\n      border-radius: ", "px;\n      margin: ", "px;\n      cursor: pointer;\n      height: auto;\n\n      ", " {\n        width: calc(50% - ", "px);\n      }\n\n      ", " {\n        width: 100%;\n        margin: ", "px 0;\n        padding: ", "px ", "px;\n      }\n\n      &.--active {\n        background: rgba(0, 0, 0, 0.04);\n\n        a {\n          cursor: no-drop;\n\n          .eduzz-toolbar-label {\n            color: ", ";\n          }\n        }\n      }\n\n      &:hover {\n        background: rgba(0, 0, 0, 0.04);\n      }\n\n      a {\n        padding: ", "px;\n        display: block;\n        text-decoration: none;\n\n        ", " {\n          padding: ", "px 0;\n        }\n      }\n\n      .eduzz-toolbar-icon {\n        margin-bottom: ", "px;\n        text-align: center;\n\n        svg {\n          max-width: 80px;\n        }\n      }\n\n      .eduzz-toolbar-label {\n        margin-bottom: ", "px;\n        color: #37474f;\n        font-weight: 500;\n        font-size: 15px;\n      }\n\n      .eduzz-toolbar-description {\n        font-size: 14px;\n        color: #7c7c7c;\n      }\n    }\n  }\n"])), theme_1.TOOLBAR_HEIGHT, theme_1.TOOLBAR_HEIGHT, function (_a) {
     var theme = _a.theme;
@@ -8,0 +8,0 @@ return theme.spacing(10);

dist/components/Toolbar/Apps/Dropdown/index.js

@@ -6,10 +6,10 @@ "use strict";
 var react_1 = require("react");
-var Expand_1 = (0, tslib_1.__importDefault)(require("@eduzz/houston-icons/Expand"));
+var Expand_1 = tslib_1.__importDefault(require("@eduzz/houston-icons/Expand"));
 var theme_1 = require("../../../../assets/theme");
 var context_1 = require("../../../../context");
-var className_1 = (0, tslib_1.__importDefault)(require("../../../../helpers/className"));
+var className_1 = tslib_1.__importDefault(require("../../../../helpers/className"));
 var url_1 = require("../../../../helpers/url");
-var Icon_1 = (0, tslib_1.__importDefault)(require("../../../Icon"));
+var Icon_1 = tslib_1.__importDefault(require("../../../Icon"));
 var context_2 = require("../context");
-var styles_1 = (0, tslib_1.__importDefault)(require("./styles"));
+var styles_1 = tslib_1.__importDefault(require("./styles"));
 var AppsDropdown = (0, react_1.memo)(function (_a) {
@@ -44,7 +44,7 @@ var className = _a.className;
     }, [dropdown, handleCalculatePosition]);
-    return ((0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: (0, className_1.default)('eduzz-toolbar-apps-dropdown', className, dropdown && '--opened'), style: position ? { top: position === null || position === void 0 ? void 0 : position.top, left: position === null || position === void 0 ? void 0 : position.right } : {} }, { children: [(0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'eduzz-toolbar-apps-dropdown-list-apps' }, { children: applications === null || applications === void 0 ? void 0 : applications.map(function (app) {
+    return ((0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: (0, className_1.default)('eduzz-toolbar-apps-dropdown', className, dropdown && '--opened'), style: position ? { top: position === null || position === void 0 ? void 0 : position.top, left: position === null || position === void 0 ? void 0 : position.right } : {} }, { children: [(0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'eduzz-toolbar-apps-dropdown-list-apps' }, { children: applications === null || applications === void 0 ? void 0 : applications.map(function (app) {
                     var isActive = app.application === application;
-                    return ((0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: (0, className_1.default)('eduzz-toolbar-apps-dropdown-item', isActive && '--active') }, { children: (0, jsx_runtime_1.jsxs)("a", (0, tslib_1.__assign)({ href: (0, url_1.buildUrl)(app.application, application), rel: 'noopener noreferrer', target: '_blank', onClick: function () { return handleClickApplication(app.application); } }, { children: [(0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'eduzz-toolbar-icon' }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: app.icon }, void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'eduzz-toolbar-label' }, { children: app.label }), void 0)] }), app.application) }), app.application));
-                }) }), void 0), (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'eduzz-toolbar-apps-dropdown-expand' }, { children: (0, jsx_runtime_1.jsxs)("span", (0, tslib_1.__assign)({ onClick: handleClickExpand }, { children: [(0, jsx_runtime_1.jsx)(Expand_1.default, {}, void 0), " Expandir"] }), void 0) }), void 0)] }), void 0));
+                    return ((0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: (0, className_1.default)('eduzz-toolbar-apps-dropdown-item', isActive && '--active') }, { children: (0, jsx_runtime_1.jsxs)("a", tslib_1.__assign({ href: (0, url_1.buildUrl)(app.application, application), rel: 'noopener noreferrer', target: '_blank', onClick: function () { return handleClickApplication(app.application); } }, { children: [(0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'eduzz-toolbar-icon' }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: app.icon }) })), (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'eduzz-toolbar-label' }, { children: app.label }))] }), app.application) }), app.application));
+                }) })), (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'eduzz-toolbar-apps-dropdown-expand' }, { children: (0, jsx_runtime_1.jsxs)("span", tslib_1.__assign({ onClick: handleClickExpand }, { children: [(0, jsx_runtime_1.jsx)(Expand_1.default, {}), " Expandir"] })) }))] })));
 });
 exports.default = (0, styles_1.default)(AppsDropdown);

dist/components/Toolbar/Apps/Dropdown/styles.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var styled_1 = (0, tslib_1.__importDefault)(require("@emotion/styled"));
+var styled_1 = tslib_1.__importDefault(require("@emotion/styled"));
 var theme_1 = require("../../../../assets/theme");
-exports.default = (function (Component) { return (0, styled_1.default)(Component)(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n  width: ", "px;\n  position: absolute;\n  padding: ", "px ", "px;\n  background: #fff;\n  box-shadow: ", ";\n  top: 0;\n  right: 0;\n  border-radius: 0 0 ", "px ", "px;\n  z-index: 1099;\n  transition: opacity ", ";\n  opacity: 0;\n  visibility: hidden;\n  user-select: none;\n  box-sizing: border-box;\n\n  ", " {\n    width: calc(100% - ", "px);\n    margin: 0 ", "px;\n    left: 0 !important;\n  }\n\n  &.--opened {\n    opacity: 1;\n    visibility: visible;\n    user-select: initial;\n  }\n\n  .eduzz-toolbar-apps-dropdown-list-apps {\n    display: flex;\n    flex-wrap: wrap;\n    justify-items: center;\n    box-sizing: border-box;\n\n    .eduzz-toolbar-apps-dropdown-item {\n      width: calc(33% - ", "px);\n      text-align: center;\n      transition: ", ";\n      border-radius: ", "px;\n      margin: ", "px;\n      text-decoration: none;\n      cursor: pointer;\n\n      a {\n        text-decoration: none;\n        padding: ", "px ", "px;\n        display: block;\n\n        .eduzz-toolbar-icon {\n          svg {\n            width: ", "px;\n          }\n        }\n\n        .eduzz-toolbar-label {\n          display: block;\n          font-size: 13px;\n          margin-top: ", "px;\n          color: ", ";\n          font-weight: 500;\n          line-height: 1;\n\n          &::selection {\n            background: none;\n          }\n        }\n      }\n\n      &.--active {\n        background: rgba(0, 0, 0, 0.04);\n\n        a {\n          cursor: no-drop;\n\n          .eduzz-toolbar-label {\n            color: ", ";\n          }\n        }\n      }\n\n      &:hover {\n        background: rgba(0, 0, 0, 0.04);\n      }\n    }\n  }\n\n  .eduzz-toolbar-apps-dropdown-expand {\n    text-align: center;\n\n    span:not(.houston-icon) {\n      display: flex;\n      align-items: center;\n      font-size: 13px;\n      cursor: pointer;\n      color: ", ";\n      justify-content: center;\n      transition: ", ";\n      border-radius: ", "px;\n      padding: ", "px 0;\n      font-weight: 500;\n\n      &:hover {\n        background: rgba(0, 0, 0, 0.04);\n      }\n\n      .houston-icon {\n        margin-right: ", "px;\n      }\n    }\n  }\n"], ["\n  width: ", "px;\n  position: absolute;\n  padding: ", "px ", "px;\n  background: #fff;\n  box-shadow: ", ";\n  top: 0;\n  right: 0;\n  border-radius: 0 0 ", "px ", "px;\n  z-index: 1099;\n  transition: opacity ", ";\n  opacity: 0;\n  visibility: hidden;\n  user-select: none;\n  box-sizing: border-box;\n\n  ", " {\n    width: calc(100% - ", "px);\n    margin: 0 ", "px;\n    left: 0 !important;\n  }\n\n  &.--opened {\n    opacity: 1;\n    visibility: visible;\n    user-select: initial;\n  }\n\n  .eduzz-toolbar-apps-dropdown-list-apps {\n    display: flex;\n    flex-wrap: wrap;\n    justify-items: center;\n    box-sizing: border-box;\n\n    .eduzz-toolbar-apps-dropdown-item {\n      width: calc(33% - ", "px);\n      text-align: center;\n      transition: ", ";\n      border-radius: ", "px;\n      margin: ", "px;\n      text-decoration: none;\n      cursor: pointer;\n\n      a {\n        text-decoration: none;\n        padding: ", "px ", "px;\n        display: block;\n\n        .eduzz-toolbar-icon {\n          svg {\n            width: ", "px;\n          }\n        }\n\n        .eduzz-toolbar-label {\n          display: block;\n          font-size: 13px;\n          margin-top: ", "px;\n          color: ", ";\n          font-weight: 500;\n          line-height: 1;\n\n          &::selection {\n            background: none;\n          }\n        }\n      }\n\n      &.--active {\n        background: rgba(0, 0, 0, 0.04);\n\n        a {\n          cursor: no-drop;\n\n          .eduzz-toolbar-label {\n            color: ", ";\n          }\n        }\n      }\n\n      &:hover {\n        background: rgba(0, 0, 0, 0.04);\n      }\n    }\n  }\n\n  .eduzz-toolbar-apps-dropdown-expand {\n    text-align: center;\n\n    span:not(.houston-icon) {\n      display: flex;\n      align-items: center;\n      font-size: 13px;\n      cursor: pointer;\n      color: ", ";\n      justify-content: center;\n      transition: ", ";\n      border-radius: ", "px;\n      padding: ", "px 0;\n      font-weight: 500;\n\n      &:hover {\n        background: rgba(0, 0, 0, 0.04);\n      }\n\n      .houston-icon {\n        margin-right: ", "px;\n      }\n    }\n  }\n"])), theme_1.DROPDOWN_WIDTH, function (_a) {
+exports.default = (function (Component) { return (0, styled_1.default)(Component)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  width: ", "px;\n  position: absolute;\n  padding: ", "px ", "px;\n  background: #fff;\n  box-shadow: ", ";\n  top: 0;\n  right: 0;\n  border-radius: 0 0 ", "px ", "px;\n  z-index: 1099;\n  transition: opacity ", ";\n  opacity: 0;\n  visibility: hidden;\n  user-select: none;\n  box-sizing: border-box;\n\n  ", " {\n    width: calc(100% - ", "px);\n    margin: 0 ", "px;\n    left: 0 !important;\n  }\n\n  &.--opened {\n    opacity: 1;\n    visibility: visible;\n    user-select: initial;\n  }\n\n  .eduzz-toolbar-apps-dropdown-list-apps {\n    display: flex;\n    flex-wrap: wrap;\n    justify-items: center;\n    box-sizing: border-box;\n\n    .eduzz-toolbar-apps-dropdown-item {\n      width: calc(33% - ", "px);\n      text-align: center;\n      transition: ", ";\n      border-radius: ", "px;\n      margin: ", "px;\n      text-decoration: none;\n      cursor: pointer;\n\n      a {\n        text-decoration: none;\n        padding: ", "px ", "px;\n        display: block;\n\n        .eduzz-toolbar-icon {\n          svg {\n            width: ", "px;\n          }\n        }\n\n        .eduzz-toolbar-label {\n          display: block;\n          font-size: 13px;\n          margin-top: ", "px;\n          color: ", ";\n          font-weight: 500;\n          line-height: 1;\n\n          &::selection {\n            background: none;\n          }\n        }\n      }\n\n      &.--active {\n        background: rgba(0, 0, 0, 0.04);\n\n        a {\n          cursor: no-drop;\n\n          .eduzz-toolbar-label {\n            color: ", ";\n          }\n        }\n      }\n\n      &:hover {\n        background: rgba(0, 0, 0, 0.04);\n      }\n    }\n  }\n\n  .eduzz-toolbar-apps-dropdown-expand {\n    text-align: center;\n\n    span:not(.houston-icon) {\n      display: flex;\n      align-items: center;\n      font-size: 13px;\n      cursor: pointer;\n      color: ", ";\n      justify-content: center;\n      transition: ", ";\n      border-radius: ", "px;\n      padding: ", "px 0;\n      font-weight: 500;\n\n      &:hover {\n        background: rgba(0, 0, 0, 0.04);\n      }\n\n      .houston-icon {\n        margin-right: ", "px;\n      }\n    }\n  }\n"], ["\n  width: ", "px;\n  position: absolute;\n  padding: ", "px ", "px;\n  background: #fff;\n  box-shadow: ", ";\n  top: 0;\n  right: 0;\n  border-radius: 0 0 ", "px ", "px;\n  z-index: 1099;\n  transition: opacity ", ";\n  opacity: 0;\n  visibility: hidden;\n  user-select: none;\n  box-sizing: border-box;\n\n  ", " {\n    width: calc(100% - ", "px);\n    margin: 0 ", "px;\n    left: 0 !important;\n  }\n\n  &.--opened {\n    opacity: 1;\n    visibility: visible;\n    user-select: initial;\n  }\n\n  .eduzz-toolbar-apps-dropdown-list-apps {\n    display: flex;\n    flex-wrap: wrap;\n    justify-items: center;\n    box-sizing: border-box;\n\n    .eduzz-toolbar-apps-dropdown-item {\n      width: calc(33% - ", "px);\n      text-align: center;\n      transition: ", ";\n      border-radius: ", "px;\n      margin: ", "px;\n      text-decoration: none;\n      cursor: pointer;\n\n      a {\n        text-decoration: none;\n        padding: ", "px ", "px;\n        display: block;\n\n        .eduzz-toolbar-icon {\n          svg {\n            width: ", "px;\n          }\n        }\n\n        .eduzz-toolbar-label {\n          display: block;\n          font-size: 13px;\n          margin-top: ", "px;\n          color: ", ";\n          font-weight: 500;\n          line-height: 1;\n\n          &::selection {\n            background: none;\n          }\n        }\n      }\n\n      &.--active {\n        background: rgba(0, 0, 0, 0.04);\n\n        a {\n          cursor: no-drop;\n\n          .eduzz-toolbar-label {\n            color: ", ";\n          }\n        }\n      }\n\n      &:hover {\n        background: rgba(0, 0, 0, 0.04);\n      }\n    }\n  }\n\n  .eduzz-toolbar-apps-dropdown-expand {\n    text-align: center;\n\n    span:not(.houston-icon) {\n      display: flex;\n      align-items: center;\n      font-size: 13px;\n      cursor: pointer;\n      color: ", ";\n      justify-content: center;\n      transition: ", ";\n      border-radius: ", "px;\n      padding: ", "px 0;\n      font-weight: 500;\n\n      &:hover {\n        background: rgba(0, 0, 0, 0.04);\n      }\n\n      .houston-icon {\n        margin-right: ", "px;\n      }\n    }\n  }\n"])), theme_1.DROPDOWN_WIDTH, function (_a) {
     var theme = _a.theme;
@@ -8,0 +8,0 @@ return theme.spacing(2);

dist/components/Toolbar/Apps/index.js

@@ -6,12 +6,12 @@ "use strict";
 var react_1 = require("react");
-var Apps_1 = (0, tslib_1.__importDefault)(require("@eduzz/houston-icons/Apps"));
+var Apps_1 = tslib_1.__importDefault(require("@eduzz/houston-icons/Apps"));
 var context_1 = require("../../../context");
-var className_1 = (0, tslib_1.__importDefault)(require("../../../helpers/className"));
+var className_1 = tslib_1.__importDefault(require("../../../helpers/className"));
 var useEscapeKey_1 = require("../../../hooks/useEscapeKey");
 var useOutside_1 = require("../../../hooks/useOutside");
-var Advanced_1 = (0, tslib_1.__importDefault)(require("./Advanced"));
-var applications_1 = (0, tslib_1.__importDefault)(require("./applications"));
-var context_2 = (0, tslib_1.__importDefault)(require("./context"));
-var Dropdown_1 = (0, tslib_1.__importDefault)(require("./Dropdown"));
-var styles_1 = (0, tslib_1.__importDefault)(require("./styles"));
+var Advanced_1 = tslib_1.__importDefault(require("./Advanced"));
+var applications_1 = tslib_1.__importDefault(require("./applications"));
+var context_2 = tslib_1.__importDefault(require("./context"));
+var Dropdown_1 = tslib_1.__importDefault(require("./Dropdown"));
+var styles_1 = tslib_1.__importDefault(require("./styles"));
 var Apps = (0, react_1.memo)(function (_a) {
@@ -47,5 +47,5 @@ var className = _a.className;
         if (app.beta && application !== app.application && !isSupport) {
-            return (0, tslib_1.__spreadArray)([], acc, true);
+            return tslib_1.__spreadArray([], acc, true);
         }
-        return (acc = (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], acc, true), [app], false));
+        return (acc = tslib_1.__spreadArray(tslib_1.__spreadArray([], acc, true), [app], false));
     }, []);
@@ -59,4 +59,4 @@ var opened = (0, react_1.useMemo)(function () { return ({
     (0, useEscapeKey_1.useEscapeKey)(handlePressEscapeKey);
-    return ((0, jsx_runtime_1.jsxs)(context_2.default.Provider, (0, tslib_1.__assign)({ value: { applications: listApplications, opened: opened, setOpenDropdown: setOpenDropdown, setOpenedAdvanced: setOpenedAdvanced } }, { children: [(0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ ref: wrapperDropdownRef, className: (0, className_1.default)('eduzz-toolbar-apps', className) }, { children: (0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: (0, className_1.default)('eduzz-toolbar-apps-button', isActiveButton && '--active'), onClick: handleClickOpenDropdown }, { children: [(0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'eduzz-toolbar-apps-icon' }, { children: (0, jsx_runtime_1.jsx)(Apps_1.default, { size: 24 }, void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'eduzz-toolbar-apps-label' }, { children: "Apps" }), void 0)] }), void 0) }), void 0), (0, jsx_runtime_1.jsx)(Dropdown_1.default, {}, void 0), (0, jsx_runtime_1.jsx)(Advanced_1.default, {}, void 0)] }), void 0));
+    return ((0, jsx_runtime_1.jsxs)(context_2.default.Provider, tslib_1.__assign({ value: { applications: listApplications, opened: opened, setOpenDropdown: setOpenDropdown, setOpenedAdvanced: setOpenedAdvanced } }, { children: [(0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ ref: wrapperDropdownRef, className: (0, className_1.default)('eduzz-toolbar-apps', className) }, { children: (0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: (0, className_1.default)('eduzz-toolbar-apps-button', isActiveButton && '--active'), onClick: handleClickOpenDropdown }, { children: [(0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'eduzz-toolbar-apps-icon' }, { children: (0, jsx_runtime_1.jsx)(Apps_1.default, { size: 24 }) })), (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'eduzz-toolbar-apps-label' }, { children: "Apps" }))] })) })), (0, jsx_runtime_1.jsx)(Dropdown_1.default, {}), (0, jsx_runtime_1.jsx)(Advanced_1.default, {})] })));
 });
 exports.default = (0, styles_1.default)(Apps);

dist/components/Toolbar/Apps/styles.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var styled_1 = (0, tslib_1.__importDefault)(require("@emotion/styled"));
+var styled_1 = tslib_1.__importDefault(require("@emotion/styled"));
 var theme_1 = require("../../../assets/theme");
-exports.default = (function (Component) { return (0, styled_1.default)(Component)(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n  width: auto;\n  position: relative;\n  box-sizing: border-box;\n\n  .eduzz-toolbar-apps-button {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    padding: 0 ", "px;\n    transition: ", ";\n    height: ", "px;\n\n    &:hover,\n    &.--active {\n      background: rgba(0, 0, 0, 0.15);\n    }\n\n    .eduzz-toolbar-apps-icon {\n      line-height: 0;\n    }\n\n    .eduzz-toolbar-apps-label {\n      font-size: 14px;\n      margin-left: ", "px;\n      font-weight: 500;\n\n      &::selection {\n        background: transparent;\n      }\n\n      ", " {\n        display: none;\n      }\n    }\n  }\n"], ["\n  width: auto;\n  position: relative;\n  box-sizing: border-box;\n\n  .eduzz-toolbar-apps-button {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    padding: 0 ", "px;\n    transition: ", ";\n    height: ", "px;\n\n    &:hover,\n    &.--active {\n      background: rgba(0, 0, 0, 0.15);\n    }\n\n    .eduzz-toolbar-apps-icon {\n      line-height: 0;\n    }\n\n    .eduzz-toolbar-apps-label {\n      font-size: 14px;\n      margin-left: ", "px;\n      font-weight: 500;\n\n      &::selection {\n        background: transparent;\n      }\n\n      ", " {\n        display: none;\n      }\n    }\n  }\n"])), function (_a) {
+exports.default = (function (Component) { return (0, styled_1.default)(Component)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  width: auto;\n  position: relative;\n  box-sizing: border-box;\n\n  .eduzz-toolbar-apps-button {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    padding: 0 ", "px;\n    transition: ", ";\n    height: ", "px;\n\n    &:hover,\n    &.--active {\n      background: rgba(0, 0, 0, 0.15);\n    }\n\n    .eduzz-toolbar-apps-icon {\n      line-height: 0;\n    }\n\n    .eduzz-toolbar-apps-label {\n      font-size: 14px;\n      margin-left: ", "px;\n      font-weight: 500;\n\n      &::selection {\n        background: transparent;\n      }\n\n      ", " {\n        display: none;\n      }\n    }\n  }\n"], ["\n  width: auto;\n  position: relative;\n  box-sizing: border-box;\n\n  .eduzz-toolbar-apps-button {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    padding: 0 ", "px;\n    transition: ", ";\n    height: ", "px;\n\n    &:hover,\n    &.--active {\n      background: rgba(0, 0, 0, 0.15);\n    }\n\n    .eduzz-toolbar-apps-icon {\n      line-height: 0;\n    }\n\n    .eduzz-toolbar-apps-label {\n      font-size: 14px;\n      margin-left: ", "px;\n      font-weight: 500;\n\n      &::selection {\n        background: transparent;\n      }\n\n      ", " {\n        display: none;\n      }\n    }\n  }\n"])), function (_a) {
     var theme = _a.theme;
@@ -8,0 +8,0 @@ return theme.spacing(3);

dist/components/Toolbar/Belt/index.js

@@ -6,6 +6,6 @@ "use strict";
 var react_1 = require("react");
-var styled_1 = (0, tslib_1.__importDefault)(require("@emotion/styled"));
+var styled_1 = tslib_1.__importDefault(require("@emotion/styled"));
 var context_1 = require("../../../context");
-var className_1 = (0, tslib_1.__importDefault)(require("../../../helpers/className"));
-var Icon_1 = (0, tslib_1.__importDefault)(require("../../Icon"));
+var className_1 = tslib_1.__importDefault(require("../../../helpers/className"));
+var Icon_1 = tslib_1.__importDefault(require("../../Icon"));
 var supportedBelts = ['white', 'red', 'orange', 'green', 'black', 'golden'];
@@ -35,5 +35,5 @@ var Belt = (0, react_1.memo)(function (_a) {
     }
-    return ((0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: (0, className_1.default)(className, beltClass) }, { children: (0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: 'eduzz-toolbar-badge' }, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { className: 'eduzz-toolbar-icon-elite', name: 'icon-elite' }, void 0), (0, jsx_runtime_1.jsx)("span", { children: beltColor }, void 0)] }), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: (0, className_1.default)(className, beltClass) }, { children: (0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: 'eduzz-toolbar-badge' }, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { className: 'eduzz-toolbar-icon-elite', name: 'icon-elite' }), (0, jsx_runtime_1.jsx)("span", { children: beltColor })] })) })));
 });
-exports.default = (0, styled_1.default)(Belt)(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n  color: white;\n  display: flex;\n  align-items: center;\n  position: relative;\n  padding: ", "px ", "px;\n  border-radius: 20px;\n  margin: 0 ", "px;\n\n  ", " {\n    display: none;\n  }\n\n  &.none {\n    display: none;\n  }\n\n  &.white {\n    background-color: ", ";\n    color: ", ";\n\n    & > .eduzz-toolbar-badge {\n      color: ", ";\n\n      & > svg > path {\n        fill: ", ";\n      }\n    }\n  }\n\n  &.red {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.orange {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.green {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.black {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.golden {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  .eduzz-toolbar-badge {\n    color: white;\n    display: flex;\n    align-items: center;\n\n    & > span {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      max-width: 250px;\n      font-size: 14px;\n\n      ", " {\n        display: none;\n      }\n    }\n  }\n\n  .eduzz-toolbar-icon-elite {\n    height: 16px;\n    min-width: 32px;\n    margin-right: 4px;\n  }\n\n  .eduzz-toolbar-icon-avatar {\n    width: 30px;\n    height: 30px;\n  }\n"], ["\n  color: white;\n  display: flex;\n  align-items: center;\n  position: relative;\n  padding: ", "px ", "px;\n  border-radius: 20px;\n  margin: 0 ", "px;\n\n  ", " {\n    display: none;\n  }\n\n  &.none {\n    display: none;\n  }\n\n  &.white {\n    background-color: ", ";\n    color: ", ";\n\n    & > .eduzz-toolbar-badge {\n      color: ", ";\n\n      & > svg > path {\n        fill: ", ";\n      }\n    }\n  }\n\n  &.red {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.orange {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.green {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.black {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.golden {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  .eduzz-toolbar-badge {\n    color: white;\n    display: flex;\n    align-items: center;\n\n    & > span {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      max-width: 250px;\n      font-size: 14px;\n\n      ", " {\n        display: none;\n      }\n    }\n  }\n\n  .eduzz-toolbar-icon-elite {\n    height: 16px;\n    min-width: 32px;\n    margin-right: 4px;\n  }\n\n  .eduzz-toolbar-icon-avatar {\n    width: 30px;\n    height: 30px;\n  }\n"])), function (_a) {
+exports.default = (0, styled_1.default)(Belt)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  color: white;\n  display: flex;\n  align-items: center;\n  position: relative;\n  padding: ", "px ", "px;\n  border-radius: 20px;\n  margin: 0 ", "px;\n\n  ", " {\n    display: none;\n  }\n\n  &.none {\n    display: none;\n  }\n\n  &.white {\n    background-color: ", ";\n    color: ", ";\n\n    & > .eduzz-toolbar-badge {\n      color: ", ";\n\n      & > svg > path {\n        fill: ", ";\n      }\n    }\n  }\n\n  &.red {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.orange {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.green {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.black {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.golden {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  .eduzz-toolbar-badge {\n    color: white;\n    display: flex;\n    align-items: center;\n\n    & > span {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      max-width: 250px;\n      font-size: 14px;\n\n      ", " {\n        display: none;\n      }\n    }\n  }\n\n  .eduzz-toolbar-icon-elite {\n    height: 16px;\n    min-width: 32px;\n    margin-right: 4px;\n  }\n\n  .eduzz-toolbar-icon-avatar {\n    width: 30px;\n    height: 30px;\n  }\n"], ["\n  color: white;\n  display: flex;\n  align-items: center;\n  position: relative;\n  padding: ", "px ", "px;\n  border-radius: 20px;\n  margin: 0 ", "px;\n\n  ", " {\n    display: none;\n  }\n\n  &.none {\n    display: none;\n  }\n\n  &.white {\n    background-color: ", ";\n    color: ", ";\n\n    & > .eduzz-toolbar-badge {\n      color: ", ";\n\n      & > svg > path {\n        fill: ", ";\n      }\n    }\n  }\n\n  &.red {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.orange {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.green {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.black {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.golden {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  .eduzz-toolbar-badge {\n    color: white;\n    display: flex;\n    align-items: center;\n\n    & > span {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      max-width: 250px;\n      font-size: 14px;\n\n      ", " {\n        display: none;\n      }\n    }\n  }\n\n  .eduzz-toolbar-icon-elite {\n    height: 16px;\n    min-width: 32px;\n    margin-right: 4px;\n  }\n\n  .eduzz-toolbar-icon-avatar {\n    width: 30px;\n    height: 30px;\n  }\n"])), function (_a) {
     var theme = _a.theme;
@@ -40,0 +40,0 @@ return theme.spacing(1.5);

dist/components/Toolbar/CustomAction/index.js

@@ -6,10 +6,10 @@ "use strict";
 var react_1 = require("react");
-var styled_1 = (0, tslib_1.__importDefault)(require("@emotion/styled"));
+var styled_1 = tslib_1.__importDefault(require("@emotion/styled"));
 var theme_1 = require("../../../assets/theme");
-var className_1 = (0, tslib_1.__importDefault)(require("../../../helpers/className"));
+var className_1 = tslib_1.__importDefault(require("../../../helpers/className"));
 var CustomAction = (0, react_1.memo)(function (params) {
-    var className = params.className, active = params.active, icon = params.icon, label = params.label, rest = (0, tslib_1.__rest)(params, ["className", "active", "icon", "label"]);
-    return ((0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: (0, className_1.default)('eduzz-toolbar-action', className) }, rest, { children: (0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: (0, className_1.default)('eduzz-toolbar-action-button', active && '--active', icon && '--has-icon') }, { children: [icon && (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'eduzz-toolbar-action-icon' }, { children: icon }), void 0), label && (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'eduzz-toolbar-action-label' }, { children: label }), void 0)] }), void 0) }), void 0));
+    var className = params.className, active = params.active, icon = params.icon, label = params.label, rest = tslib_1.__rest(params, ["className", "active", "icon", "label"]);
+    return ((0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: (0, className_1.default)('eduzz-toolbar-action', className) }, rest, { children: (0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: (0, className_1.default)('eduzz-toolbar-action-button', active && '--active', icon && '--has-icon') }, { children: [icon && (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'eduzz-toolbar-action-icon' }, { children: icon })), label && (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'eduzz-toolbar-action-label' }, { children: label }))] })) })));
 });
-exports.default = (0, styled_1.default)(CustomAction)(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n  position: relative;\n\n  .eduzz-toolbar-action-button {\n    display: flex;\n    align-items: center;\n    padding: 0 ", "px;\n    transition: ", ";\n    height: ", "px;\n    cursor: pointer;\n\n    ", " {\n      padding: 0 ", "px;\n    }\n\n    &:hover,\n    &.--active {\n      background: rgba(0, 0, 0, 0.15);\n    }\n\n    &.--has-icon {\n      .eduzz-toolbar-action-label {\n        margin-left: ", "px;\n\n        ", " {\n          display: none;\n        }\n      }\n    }\n\n    .eduzz-toolbar-action-icon {\n      line-height: 0;\n    }\n\n    .eduzz-toolbar-action-label {\n      font-size: 14px;\n\n      &::selection {\n        background: transparent;\n      }\n    }\n  }\n"], ["\n  position: relative;\n\n  .eduzz-toolbar-action-button {\n    display: flex;\n    align-items: center;\n    padding: 0 ", "px;\n    transition: ", ";\n    height: ", "px;\n    cursor: pointer;\n\n    ", " {\n      padding: 0 ", "px;\n    }\n\n    &:hover,\n    &.--active {\n      background: rgba(0, 0, 0, 0.15);\n    }\n\n    &.--has-icon {\n      .eduzz-toolbar-action-label {\n        margin-left: ", "px;\n\n        ", " {\n          display: none;\n        }\n      }\n    }\n\n    .eduzz-toolbar-action-icon {\n      line-height: 0;\n    }\n\n    .eduzz-toolbar-action-label {\n      font-size: 14px;\n\n      &::selection {\n        background: transparent;\n      }\n    }\n  }\n"])), function (_a) {
+exports.default = (0, styled_1.default)(CustomAction)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  position: relative;\n\n  .eduzz-toolbar-action-button {\n    display: flex;\n    align-items: center;\n    padding: 0 ", "px;\n    transition: ", ";\n    height: ", "px;\n    cursor: pointer;\n\n    ", " {\n      padding: 0 ", "px;\n    }\n\n    &:hover,\n    &.--active {\n      background: rgba(0, 0, 0, 0.15);\n    }\n\n    &.--has-icon {\n      .eduzz-toolbar-action-label {\n        margin-left: ", "px;\n\n        ", " {\n          display: none;\n        }\n      }\n    }\n\n    .eduzz-toolbar-action-icon {\n      line-height: 0;\n    }\n\n    .eduzz-toolbar-action-label {\n      font-size: 14px;\n\n      &::selection {\n        background: transparent;\n      }\n    }\n  }\n"], ["\n  position: relative;\n\n  .eduzz-toolbar-action-button {\n    display: flex;\n    align-items: center;\n    padding: 0 ", "px;\n    transition: ", ";\n    height: ", "px;\n    cursor: pointer;\n\n    ", " {\n      padding: 0 ", "px;\n    }\n\n    &:hover,\n    &.--active {\n      background: rgba(0, 0, 0, 0.15);\n    }\n\n    &.--has-icon {\n      .eduzz-toolbar-action-label {\n        margin-left: ", "px;\n\n        ", " {\n          display: none;\n        }\n      }\n    }\n\n    .eduzz-toolbar-action-icon {\n      line-height: 0;\n    }\n\n    .eduzz-toolbar-action-label {\n      font-size: 14px;\n\n      &::selection {\n        background: transparent;\n      }\n    }\n  }\n"])), function (_a) {
     var theme = _a.theme;
@@ -16,0 +16,0 @@ return theme.spacing(3);

dist/components/Toolbar/index.js

@@ -5,10 +5,10 @@ "use strict";
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = (0, tslib_1.__importStar)(require("react"));
+var react_1 = tslib_1.__importStar(require("react"));
 var react_2 = require("@emotion/react");
-var DragAndDrop_1 = (0, tslib_1.__importDefault)(require("@eduzz/houston-icons/DragAndDrop"));
+var DragAndDrop_1 = tslib_1.__importDefault(require("@eduzz/houston-icons/DragAndDrop"));
 var context_1 = require("../../context");
-var className_1 = (0, tslib_1.__importDefault)(require("../../helpers/className"));
-var EduzzLogo_1 = (0, tslib_1.__importDefault)(require("../EduzzLogo"));
-var IconMenu_1 = (0, tslib_1.__importDefault)(require("./IconMenu"));
-var styles_1 = (0, tslib_1.__importDefault)(require("./styles"));
+var className_1 = tslib_1.__importDefault(require("../../helpers/className"));
+var EduzzLogo_1 = tslib_1.__importDefault(require("../EduzzLogo"));
+var IconMenu_1 = tslib_1.__importDefault(require("./IconMenu"));
+var styles_1 = tslib_1.__importDefault(require("./styles"));
 var Toolbar = (0, react_1.memo)(function (_a) {
@@ -58,4 +58,4 @@ var _b;
     var handleClickContainer = (0, react_1.useCallback)(function () { return (contentClicked.clicked = true); }, [contentClicked]);
-    return ((0, jsx_runtime_1.jsxs)("header", (0, tslib_1.__assign)({ className: (0, className_1.default)('eduzz-toolbar', className, (user === null || user === void 0 ? void 0 : user.isSupport) && '--support'), onClick: handleClickContainer }, { children: [(0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: 'eduzz-toolbar-start' }, { children: [iconMenuProps && Object.keys(iconMenuProps).length > 0 && ((0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: (0, className_1.default)('eduzz-toolbar-icon-menu', (iconMenuProps === null || iconMenuProps === void 0 ? void 0 : iconMenuProps.persist) && '--persist') }, iconMenuProps, { children: (_b = iconMenuProps.icon) !== null && _b !== void 0 ? _b : (0, jsx_runtime_1.jsx)(DragAndDrop_1.default, { size: 24 }, void 0) }), void 0)), (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'eduzz-toolbar-logo' }, { children: (0, jsx_runtime_1.jsx)(EduzzLogo_1.default, {}, void 0) }), void 0), (user === null || user === void 0 ? void 0 : user.isSupport) && (0, jsx_runtime_1.jsx)("span", (0, tslib_1.__assign)({ className: 'eduzz-toolbar-support' }, { children: "SUPORTE" }), void 0)] }), void 0), (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'eduzz-toolbar-quick-access' }, { children: children }), void 0)] }), void 0));
+    return ((0, jsx_runtime_1.jsxs)("header", tslib_1.__assign({ className: (0, className_1.default)('eduzz-toolbar', className, (user === null || user === void 0 ? void 0 : user.isSupport) && '--support'), onClick: handleClickContainer }, { children: [(0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: 'eduzz-toolbar-start' }, { children: [iconMenuProps && Object.keys(iconMenuProps).length > 0 && ((0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: (0, className_1.default)('eduzz-toolbar-icon-menu', (iconMenuProps === null || iconMenuProps === void 0 ? void 0 : iconMenuProps.persist) && '--persist') }, iconMenuProps, { children: (_b = iconMenuProps.icon) !== null && _b !== void 0 ? _b : (0, jsx_runtime_1.jsx)(DragAndDrop_1.default, { size: 24 }) }))), (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'eduzz-toolbar-logo' }, { children: (0, jsx_runtime_1.jsx)(EduzzLogo_1.default, {}) })), (user === null || user === void 0 ? void 0 : user.isSupport) && (0, jsx_runtime_1.jsx)("span", tslib_1.__assign({ className: 'eduzz-toolbar-support' }, { children: "SUPORTE" }))] })), (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'eduzz-toolbar-quick-access' }, { children: children }))] })));
 });
 exports.default = (0, styles_1.default)(Toolbar);

dist/components/Toolbar/styles.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var styled_1 = (0, tslib_1.__importDefault)(require("@emotion/styled"));
+var styled_1 = tslib_1.__importDefault(require("@emotion/styled"));
 var theme_1 = require("../../assets/theme");
-exports.default = (function (Component) { return (0, styled_1.default)(Component)(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n  font-family: 'Open Sans', Roboto, Arial, sans-serif;\n  background-color: ", ";\n  color: ", ";\n  position: relative;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: ", "px;\n  display: flex;\n  justify-content: space-between;\n  z-index: 101;\n  transition: ", ";\n\n  .eduzz-toolbar-start {\n    display: flex;\n    align-items: center;\n    padding-left: ", "px;\n\n    .eduzz-toolbar-icon-menu {\n      margin-right: ", "px;\n      line-height: 0;\n      cursor: pointer;\n      display: none;\n\n      &.--persist {\n        display: block;\n      }\n\n      ", " {\n        display: block;\n      }\n    }\n\n    .eduzz-toolbar-logo {\n      width: auto;\n      display: flex;\n      align-items: center;\n\n      ", " {\n        width: 44px;\n        min-width: 40px;\n      }\n\n      svg {\n        width: 86px;\n\n        ", " {\n          width: 32px;\n        }\n      }\n    }\n\n    .eduzz-toolbar-support {\n      font-size: 12px;\n      font-weight: 600;\n      color: ", ";\n      position: relative;\n      top: 2px;\n      margin-left: 16px;\n\n      ", " {\n        display: none;\n      }\n    }\n  }\n\n  .eduzz-toolbar-quick-access {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n"], ["\n  font-family: 'Open Sans', Roboto, Arial, sans-serif;\n  background-color: ", ";\n  color: ", ";\n  position: relative;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: ", "px;\n  display: flex;\n  justify-content: space-between;\n  z-index: 101;\n  transition: ", ";\n\n  .eduzz-toolbar-start {\n    display: flex;\n    align-items: center;\n    padding-left: ", "px;\n\n    .eduzz-toolbar-icon-menu {\n      margin-right: ", "px;\n      line-height: 0;\n      cursor: pointer;\n      display: none;\n\n      &.--persist {\n        display: block;\n      }\n\n      ", " {\n        display: block;\n      }\n    }\n\n    .eduzz-toolbar-logo {\n      width: auto;\n      display: flex;\n      align-items: center;\n\n      ", " {\n        width: 44px;\n        min-width: 40px;\n      }\n\n      svg {\n        width: 86px;\n\n        ", " {\n          width: 32px;\n        }\n      }\n    }\n\n    .eduzz-toolbar-support {\n      font-size: 12px;\n      font-weight: 600;\n      color: ", ";\n      position: relative;\n      top: 2px;\n      margin-left: 16px;\n\n      ", " {\n        display: none;\n      }\n    }\n  }\n\n  .eduzz-toolbar-quick-access {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n"])), function (_a) {
+exports.default = (function (Component) { return (0, styled_1.default)(Component)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  font-family: 'Open Sans', Roboto, Arial, sans-serif;\n  background-color: ", ";\n  color: ", ";\n  position: relative;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: ", "px;\n  display: flex;\n  justify-content: space-between;\n  z-index: 101;\n  transition: ", ";\n\n  .eduzz-toolbar-start {\n    display: flex;\n    align-items: center;\n    padding-left: ", "px;\n\n    .eduzz-toolbar-icon-menu {\n      margin-right: ", "px;\n      line-height: 0;\n      cursor: pointer;\n      display: none;\n\n      &.--persist {\n        display: block;\n      }\n\n      ", " {\n        display: block;\n      }\n    }\n\n    .eduzz-toolbar-logo {\n      width: auto;\n      display: flex;\n      align-items: center;\n\n      ", " {\n        width: 44px;\n        min-width: 40px;\n      }\n\n      svg {\n        width: 86px;\n\n        ", " {\n          width: 32px;\n        }\n      }\n    }\n\n    .eduzz-toolbar-support {\n      font-size: 12px;\n      font-weight: 600;\n      color: ", ";\n      position: relative;\n      top: 2px;\n      margin-left: 16px;\n\n      ", " {\n        display: none;\n      }\n    }\n  }\n\n  .eduzz-toolbar-quick-access {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n"], ["\n  font-family: 'Open Sans', Roboto, Arial, sans-serif;\n  background-color: ", ";\n  color: ", ";\n  position: relative;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: ", "px;\n  display: flex;\n  justify-content: space-between;\n  z-index: 101;\n  transition: ", ";\n\n  .eduzz-toolbar-start {\n    display: flex;\n    align-items: center;\n    padding-left: ", "px;\n\n    .eduzz-toolbar-icon-menu {\n      margin-right: ", "px;\n      line-height: 0;\n      cursor: pointer;\n      display: none;\n\n      &.--persist {\n        display: block;\n      }\n\n      ", " {\n        display: block;\n      }\n    }\n\n    .eduzz-toolbar-logo {\n      width: auto;\n      display: flex;\n      align-items: center;\n\n      ", " {\n        width: 44px;\n        min-width: 40px;\n      }\n\n      svg {\n        width: 86px;\n\n        ", " {\n          width: 32px;\n        }\n      }\n    }\n\n    .eduzz-toolbar-support {\n      font-size: 12px;\n      font-weight: 600;\n      color: ", ";\n      position: relative;\n      top: 2px;\n      margin-left: 16px;\n\n      ", " {\n        display: none;\n      }\n    }\n  }\n\n  .eduzz-toolbar-quick-access {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n"])), function (_a) {
     var theme = _a.theme;
@@ -8,0 +8,0 @@ return theme.colors.barBackground;

dist/components/Toolbar/User/Avatar/index.js

@@ -6,5 +6,5 @@ "use strict";
 var react_1 = require("react");
-var styled_1 = (0, tslib_1.__importDefault)(require("@emotion/styled"));
+var styled_1 = tslib_1.__importDefault(require("@emotion/styled"));
 var context_1 = require("../../../../context");
-var className_1 = (0, tslib_1.__importDefault)(require("../../../../helpers/className"));
+var className_1 = tslib_1.__importDefault(require("../../../../helpers/className"));
 var UserAvatar = (0, react_1.memo)(function (_a) {
@@ -20,5 +20,5 @@ var _b, _c;
     }); }, [className, hasAvatarImage, user === null || user === void 0 ? void 0 : user.avatar]);
-    return (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({}, params, { children: !hasAvatarImage && firstLetter }), void 0);
+    return (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({}, params, { children: !hasAvatarImage && firstLetter }));
 });
-exports.default = (0, styled_1.default)(UserAvatar)(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n  width: ", "px;\n  height: ", "px;\n  border-radius: 100%;\n  background: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ", ";\n  font-weight: 600;\n  margin-right: ", "px;\n  font-size: 14px;\n  line-height: 0;\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n\n  &::selection {\n    background: none;\n  }\n"], ["\n  width: ", "px;\n  height: ", "px;\n  border-radius: 100%;\n  background: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ", ";\n  font-weight: 600;\n  margin-right: ", "px;\n  font-size: 14px;\n  line-height: 0;\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n\n  &::selection {\n    background: none;\n  }\n"])), function (_a) {
+exports.default = (0, styled_1.default)(UserAvatar)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  width: ", "px;\n  height: ", "px;\n  border-radius: 100%;\n  background: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ", ";\n  font-weight: 600;\n  margin-right: ", "px;\n  font-size: 14px;\n  line-height: 0;\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n\n  &::selection {\n    background: none;\n  }\n"], ["\n  width: ", "px;\n  height: ", "px;\n  border-radius: 100%;\n  background: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ", ";\n  font-weight: 600;\n  margin-right: ", "px;\n  font-size: 14px;\n  line-height: 0;\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n\n  &::selection {\n    background: none;\n  }\n"])), function (_a) {
     var theme = _a.theme;
@@ -25,0 +25,0 @@ return theme.spacing(7.5);

dist/components/Toolbar/User/index.js

@@ -6,14 +6,14 @@ "use strict";
 var react_1 = require("react");
-var styled_1 = (0, tslib_1.__importDefault)(require("@emotion/styled"));
-var ChevronDown_1 = (0, tslib_1.__importDefault)(require("@eduzz/houston-icons/ChevronDown"));
+var styled_1 = tslib_1.__importDefault(require("@emotion/styled"));
+var ChevronDown_1 = tslib_1.__importDefault(require("@eduzz/houston-icons/ChevronDown"));
 var theme_1 = require("../../../assets/theme");
 var context_1 = require("../../../context");
-var className_1 = (0, tslib_1.__importDefault)(require("../../../helpers/className"));
-var truncateText_1 = (0, tslib_1.__importDefault)(require("../../../helpers/truncateText"));
+var className_1 = tslib_1.__importDefault(require("../../../helpers/className"));
+var truncateText_1 = tslib_1.__importDefault(require("../../../helpers/truncateText"));
 var useEscapeKey_1 = require("../../../hooks/useEscapeKey");
 var useOutside_1 = require("../../../hooks/useOutside");
-var Belt_1 = (0, tslib_1.__importDefault)(require("../Belt"));
-var Avatar_1 = (0, tslib_1.__importDefault)(require("./Avatar"));
-var context_2 = (0, tslib_1.__importDefault)(require("./context"));
-var Menu_1 = (0, tslib_1.__importDefault)(require("./Menu"));
+var Belt_1 = tslib_1.__importDefault(require("../Belt"));
+var Avatar_1 = tslib_1.__importDefault(require("./Avatar"));
+var context_2 = tslib_1.__importDefault(require("./context"));
+var Menu_1 = tslib_1.__importDefault(require("./Menu"));
 var User = (0, react_1.memo)(function (_a) {
@@ -41,5 +41,5 @@ var className = _a.className, children = _a.children;
     }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Belt_1.default, {}, void 0), (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ ref: wrapperMenuUser, className: (0, className_1.default)('eduzz-toolbar-user', dropdown && '--active', hasMenu && '--has-menu', className) }, { children: (0, jsx_runtime_1.jsxs)(context_2.default.Provider, (0, tslib_1.__assign)({ value: { dropdown: dropdown, handleClickOutside: handleClickOutside } }, { children: [(0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: (0, className_1.default)('eduzz-toolbar-user-label', dropdown && '--active'), onClick: handleClickOpenDropdown }, { children: [(0, jsx_runtime_1.jsx)(Avatar_1.default, {}, void 0), (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'eduzz-toolbar-user-name' }, { children: (0, truncateText_1.default)(user === null || user === void 0 ? void 0 : user.name) }), void 0), hasMenu && ((0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: (0, className_1.default)('eduzz-toolbar-user-menu-arrow', dropdown && '--open') }, { children: (0, jsx_runtime_1.jsx)(ChevronDown_1.default, { size: 18 }, void 0) }), void 0))] }), void 0), (0, jsx_runtime_1.jsx)(Menu_1.default, { children: children }, void 0)] }), void 0) }), void 0)] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Belt_1.default, {}), (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ ref: wrapperMenuUser, className: (0, className_1.default)('eduzz-toolbar-user', dropdown && '--active', hasMenu && '--has-menu', className) }, { children: (0, jsx_runtime_1.jsxs)(context_2.default.Provider, tslib_1.__assign({ value: { dropdown: dropdown, handleClickOutside: handleClickOutside } }, { children: [(0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ className: (0, className_1.default)('eduzz-toolbar-user-label', dropdown && '--active'), onClick: handleClickOpenDropdown }, { children: [(0, jsx_runtime_1.jsx)(Avatar_1.default, {}), (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'eduzz-toolbar-user-name' }, { children: (0, truncateText_1.default)(user === null || user === void 0 ? void 0 : user.name) })), hasMenu && ((0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: (0, className_1.default)('eduzz-toolbar-user-menu-arrow', dropdown && '--open') }, { children: (0, jsx_runtime_1.jsx)(ChevronDown_1.default, { size: 18 }) })))] })), (0, jsx_runtime_1.jsx)(Menu_1.default, { children: children })] })) }))] }));
 });
-exports.default = (0, styled_1.default)(User)(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n  position: relative;\n  z-index: 1100;\n\n  &.--has-menu {\n    cursor: pointer;\n\n    &:hover,\n    &.--active {\n      background: rgba(0, 0, 0, 0.15);\n    }\n\n    &:focus {\n      background: none;\n    }\n  }\n\n  .eduzz-toolbar-user-label {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 ", "px;\n    height: ", "px;\n\n    ", " {\n      padding: 0 ", "px;\n    }\n\n    .eduzz-toolbar-user-name {\n      font-size: 14px;\n      font-weight: 500;\n\n      ", " {\n        display: none;\n      }\n\n      &::selection {\n        background: none;\n      }\n    }\n\n    .eduzz-toolbar-user-menu-arrow {\n      margin-left: ", "px;\n      transition: ", ";\n\n      ", " {\n        display: none;\n      }\n\n      &.--open {\n        transform: rotate(-180deg);\n      }\n\n      span.houston-icon {\n        line-height: 0;\n        position: relative;\n        top: 2px;\n      }\n    }\n  }\n"], ["\n  position: relative;\n  z-index: 1100;\n\n  &.--has-menu {\n    cursor: pointer;\n\n    &:hover,\n    &.--active {\n      background: rgba(0, 0, 0, 0.15);\n    }\n\n    &:focus {\n      background: none;\n    }\n  }\n\n  .eduzz-toolbar-user-label {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 ", "px;\n    height: ", "px;\n\n    ", " {\n      padding: 0 ", "px;\n    }\n\n    .eduzz-toolbar-user-name {\n      font-size: 14px;\n      font-weight: 500;\n\n      ", " {\n        display: none;\n      }\n\n      &::selection {\n        background: none;\n      }\n    }\n\n    .eduzz-toolbar-user-menu-arrow {\n      margin-left: ", "px;\n      transition: ", ";\n\n      ", " {\n        display: none;\n      }\n\n      &.--open {\n        transform: rotate(-180deg);\n      }\n\n      span.houston-icon {\n        line-height: 0;\n        position: relative;\n        top: 2px;\n      }\n    }\n  }\n"])), function (_a) {
+exports.default = (0, styled_1.default)(User)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  position: relative;\n  z-index: 1100;\n\n  &.--has-menu {\n    cursor: pointer;\n\n    &:hover,\n    &.--active {\n      background: rgba(0, 0, 0, 0.15);\n    }\n\n    &:focus {\n      background: none;\n    }\n  }\n\n  .eduzz-toolbar-user-label {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 ", "px;\n    height: ", "px;\n\n    ", " {\n      padding: 0 ", "px;\n    }\n\n    .eduzz-toolbar-user-name {\n      font-size: 14px;\n      font-weight: 500;\n\n      ", " {\n        display: none;\n      }\n\n      &::selection {\n        background: none;\n      }\n    }\n\n    .eduzz-toolbar-user-menu-arrow {\n      margin-left: ", "px;\n      transition: ", ";\n\n      ", " {\n        display: none;\n      }\n\n      &.--open {\n        transform: rotate(-180deg);\n      }\n\n      span.houston-icon {\n        line-height: 0;\n        position: relative;\n        top: 2px;\n      }\n    }\n  }\n"], ["\n  position: relative;\n  z-index: 1100;\n\n  &.--has-menu {\n    cursor: pointer;\n\n    &:hover,\n    &.--active {\n      background: rgba(0, 0, 0, 0.15);\n    }\n\n    &:focus {\n      background: none;\n    }\n  }\n\n  .eduzz-toolbar-user-label {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 ", "px;\n    height: ", "px;\n\n    ", " {\n      padding: 0 ", "px;\n    }\n\n    .eduzz-toolbar-user-name {\n      font-size: 14px;\n      font-weight: 500;\n\n      ", " {\n        display: none;\n      }\n\n      &::selection {\n        background: none;\n      }\n    }\n\n    .eduzz-toolbar-user-menu-arrow {\n      margin-left: ", "px;\n      transition: ", ";\n\n      ", " {\n        display: none;\n      }\n\n      &.--open {\n        transform: rotate(-180deg);\n      }\n\n      span.houston-icon {\n        line-height: 0;\n        position: relative;\n        top: 2px;\n      }\n    }\n  }\n"])), function (_a) {
     var theme = _a.theme;
@@ -46,0 +46,0 @@ return theme.spacing(3);

dist/components/Toolbar/User/Menu/Context/index.js

@@ -6,9 +6,9 @@ "use strict";
 var react_1 = require("react");
-var styled_1 = (0, tslib_1.__importDefault)(require("@emotion/styled"));
-var className_1 = (0, tslib_1.__importDefault)(require("../../../../../helpers/className"));
+var styled_1 = tslib_1.__importDefault(require("@emotion/styled"));
+var className_1 = tslib_1.__importDefault(require("../../../../../helpers/className"));
 var UserMenuContext = (0, react_1.memo)(function (params) {
     var className = params.className, children = params.children;
-    return (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: (0, className_1.default)('eduzz-toolbar-user-menu-context', className) }, { children: children }), void 0);
+    return (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: (0, className_1.default)('eduzz-toolbar-user-menu-context', className) }, { children: children }));
 });
-exports.default = (0, styled_1.default)(UserMenuContext)(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n  color: ", ";\n  font-weight: 600;\n  font-size: 14px;\n  padding: ", "px;\n  line-height: 1.2;\n  cursor: default;\n"], ["\n  color: ", ";\n  font-weight: 600;\n  font-size: 14px;\n  padding: ", "px;\n  line-height: 1.2;\n  cursor: default;\n"])), function (_a) {
+exports.default = (0, styled_1.default)(UserMenuContext)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  color: ", ";\n  font-weight: 600;\n  font-size: 14px;\n  padding: ", "px;\n  line-height: 1.2;\n  cursor: default;\n"], ["\n  color: ", ";\n  font-weight: 600;\n  font-size: 14px;\n  padding: ", "px;\n  line-height: 1.2;\n  cursor: default;\n"])), function (_a) {
     var theme = _a.theme;
@@ -15,0 +15,0 @@ return theme.colors.text;

dist/components/Toolbar/User/Menu/Divider/index.js

@@ -6,9 +6,9 @@ "use strict";
 var react_1 = require("react");
-var styled_1 = (0, tslib_1.__importDefault)(require("@emotion/styled"));
-var className_1 = (0, tslib_1.__importDefault)(require("../../../../../helpers/className"));
+var styled_1 = tslib_1.__importDefault(require("@emotion/styled"));
+var className_1 = tslib_1.__importDefault(require("../../../../../helpers/className"));
 var UserMenuDivider = (0, react_1.memo)(function (_a) {
     var className = _a.className;
-    return (0, jsx_runtime_1.jsx)("div", { className: (0, className_1.default)('eduzz-toolbar-user-menu-divider', className) }, void 0);
+    return (0, jsx_runtime_1.jsx)("div", { className: (0, className_1.default)('eduzz-toolbar-user-menu-divider', className) });
 });
-exports.default = (0, styled_1.default)(UserMenuDivider)(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n  margin: ", "px 0;\n  width: calc(100% - ", "px);\n  height: 1px;\n  background: #eceff1;\n"], ["\n  margin: ", "px 0;\n  width: calc(100% - ", "px);\n  height: 1px;\n  background: #eceff1;\n"])), function (_a) {
+exports.default = (0, styled_1.default)(UserMenuDivider)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  margin: ", "px 0;\n  width: calc(100% - ", "px);\n  height: 1px;\n  background: #eceff1;\n"], ["\n  margin: ", "px 0;\n  width: calc(100% - ", "px);\n  height: 1px;\n  background: #eceff1;\n"])), function (_a) {
     var theme = _a.theme;
@@ -15,0 +15,0 @@ return theme.spacing();

dist/components/Toolbar/User/Menu/index.js

@@ -6,5 +6,5 @@ "use strict";
 var react_1 = require("react");
-var styled_1 = (0, tslib_1.__importDefault)(require("@emotion/styled"));
+var styled_1 = tslib_1.__importDefault(require("@emotion/styled"));
 var theme_1 = require("../../../../assets/theme");
-var className_1 = (0, tslib_1.__importDefault)(require("../../../../helpers/className"));
+var className_1 = tslib_1.__importDefault(require("../../../../helpers/className"));
 var context_1 = require("../context");
@@ -29,5 +29,5 @@ var UserMenu = (0, react_1.memo)(function (_a) {
     }, [element, handleCalculatePosition]);
-    return ((0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: (0, className_1.default)('eduzz-toolbar-user-menu', element && '--active', className), style: position ? { top: position === null || position === void 0 ? void 0 : position.top, right: position === null || position === void 0 ? void 0 : position.right } : {} }, { children: children }), void 0));
+    return ((0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: (0, className_1.default)('eduzz-toolbar-user-menu', element && '--active', className), style: position ? { top: position === null || position === void 0 ? void 0 : position.top, right: position === null || position === void 0 ? void 0 : position.right } : {} }, { children: children })));
 });
-exports.default = (0, styled_1.default)(UserMenu)(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n  width: ", "px;\n  top: ", "px;\n  position: absolute;\n  right: ", "px;\n  box-shadow: ", ";\n  padding: ", "px;\n  transition: opacity ", ";\n  box-sizing: border-box;\n  visibility: hidden;\n  opacity: 0;\n  user-select: none;\n  background: white;\n  border-radius: 0 0 ", "px ", "px;\n\n  &.--active {\n    visibility: visible;\n    opacity: 1;\n    user-select: auto;\n  }\n"], ["\n  width: ", "px;\n  top: ", "px;\n  position: absolute;\n  right: ", "px;\n  box-shadow: ", ";\n  padding: ", "px;\n  transition: opacity ", ";\n  box-sizing: border-box;\n  visibility: hidden;\n  opacity: 0;\n  user-select: none;\n  background: white;\n  border-radius: 0 0 ", "px ", "px;\n\n  &.--active {\n    visibility: visible;\n    opacity: 1;\n    user-select: auto;\n  }\n"])), theme_1.MENU_WIDTH, theme_1.TOOLBAR_HEIGHT, function (_a) {
+exports.default = (0, styled_1.default)(UserMenu)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  width: ", "px;\n  top: ", "px;\n  position: absolute;\n  right: ", "px;\n  box-shadow: ", ";\n  padding: ", "px;\n  transition: opacity ", ";\n  box-sizing: border-box;\n  visibility: hidden;\n  opacity: 0;\n  user-select: none;\n  background: white;\n  border-radius: 0 0 ", "px ", "px;\n\n  &.--active {\n    visibility: visible;\n    opacity: 1;\n    user-select: auto;\n  }\n"], ["\n  width: ", "px;\n  top: ", "px;\n  position: absolute;\n  right: ", "px;\n  box-shadow: ", ";\n  padding: ", "px;\n  transition: opacity ", ";\n  box-sizing: border-box;\n  visibility: hidden;\n  opacity: 0;\n  user-select: none;\n  background: white;\n  border-radius: 0 0 ", "px ", "px;\n\n  &.--active {\n    visibility: visible;\n    opacity: 1;\n    user-select: auto;\n  }\n"])), theme_1.MENU_WIDTH, theme_1.TOOLBAR_HEIGHT, function (_a) {
     var theme = _a.theme;
@@ -34,0 +34,0 @@ return theme.spacing(2);

dist/components/Toolbar/User/Menu/Item/index.js

@@ -6,5 +6,5 @@ "use strict";
 var react_1 = require("react");
-var styled_1 = (0, tslib_1.__importDefault)(require("@emotion/styled"));
+var styled_1 = tslib_1.__importDefault(require("@emotion/styled"));
 var context_1 = require("../../../../../context");
-var className_1 = (0, tslib_1.__importDefault)(require("../../../../../helpers/className"));
+var className_1 = tslib_1.__importDefault(require("../../../../../helpers/className"));
 var context_2 = require("../../context");
@@ -22,5 +22,5 @@ var UserMenuItem = (0, react_1.memo)(function (params) {
     }, [disabled, handleClickOutside, onClick, user]);
-    return ((0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ onClick: function (e) { return handleClickItem(e); }, className: (0, className_1.default)('eduzz-toolbar-user-menu-item', disabled && '--disabled', className) }, { children: [icon && (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'eduzz-toolbar-user-menu-item-icon' }, { children: icon }), void 0), children] }), void 0));
+    return ((0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({ onClick: function (e) { return handleClickItem(e); }, className: (0, className_1.default)('eduzz-toolbar-user-menu-item', disabled && '--disabled', className) }, { children: [icon && (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: 'eduzz-toolbar-user-menu-item-icon' }, { children: icon })), children] })));
 });
-exports.default = (0, styled_1.default)(UserMenuItem)(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n  color: ", ";\n  font-weight: 400;\n  font-size: 14px;\n  padding: ", "px;\n  border-radius: ", "px;\n  transition: ", ";\n  display: flex;\n  align-items: center;\n  line-height: 1.2;\n  position: relative;\n\n  &:not(.--disabled):hover {\n    background: rgba(0, 0, 0, 0.04);\n    color: ", ";\n  }\n\n  &.--disabled {\n    color: #b0bec5;\n    cursor: no-drop;\n  }\n\n  & .eduzz-toolbar-user-menu-item-icon {\n    line-height: 0;\n    margin-right: ", "px;\n    font-size: 18px;\n\n    span,\n    i {\n      font-size: 18px;\n    }\n\n    img {\n      width: 28px;\n      height: 28px;\n    }\n  }\n"], ["\n  color: ", ";\n  font-weight: 400;\n  font-size: 14px;\n  padding: ", "px;\n  border-radius: ", "px;\n  transition: ", ";\n  display: flex;\n  align-items: center;\n  line-height: 1.2;\n  position: relative;\n\n  &:not(.--disabled):hover {\n    background: rgba(0, 0, 0, 0.04);\n    color: ", ";\n  }\n\n  &.--disabled {\n    color: #b0bec5;\n    cursor: no-drop;\n  }\n\n  & .eduzz-toolbar-user-menu-item-icon {\n    line-height: 0;\n    margin-right: ", "px;\n    font-size: 18px;\n\n    span,\n    i {\n      font-size: 18px;\n    }\n\n    img {\n      width: 28px;\n      height: 28px;\n    }\n  }\n"])), function (_a) {
+exports.default = (0, styled_1.default)(UserMenuItem)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  color: ", ";\n  font-weight: 400;\n  font-size: 14px;\n  padding: ", "px;\n  border-radius: ", "px;\n  transition: ", ";\n  display: flex;\n  align-items: center;\n  line-height: 1.2;\n  position: relative;\n\n  &:not(.--disabled):hover {\n    background: rgba(0, 0, 0, 0.04);\n    color: ", ";\n  }\n\n  &.--disabled {\n    color: #b0bec5;\n    cursor: no-drop;\n  }\n\n  & .eduzz-toolbar-user-menu-item-icon {\n    line-height: 0;\n    margin-right: ", "px;\n    font-size: 18px;\n\n    span,\n    i {\n      font-size: 18px;\n    }\n\n    img {\n      width: 28px;\n      height: 28px;\n    }\n  }\n"], ["\n  color: ", ";\n  font-weight: 400;\n  font-size: 14px;\n  padding: ", "px;\n  border-radius: ", "px;\n  transition: ", ";\n  display: flex;\n  align-items: center;\n  line-height: 1.2;\n  position: relative;\n\n  &:not(.--disabled):hover {\n    background: rgba(0, 0, 0, 0.04);\n    color: ", ";\n  }\n\n  &.--disabled {\n    color: #b0bec5;\n    cursor: no-drop;\n  }\n\n  & .eduzz-toolbar-user-menu-item-icon {\n    line-height: 0;\n    margin-right: ", "px;\n    font-size: 18px;\n\n    span,\n    i {\n      font-size: 18px;\n    }\n\n    img {\n      width: 28px;\n      height: 28px;\n    }\n  }\n"])), function (_a) {
     var theme = _a.theme;
@@ -27,0 +27,0 @@ return theme.colors.text;

dist/globalStyles.js

@@ -8,5 +8,5 @@ "use strict";
 var GlobalStyles = (0, react_1.memo)(function () {
-    return ((0, jsx_runtime_1.jsx)(react_2.Global, { styles: (0, react_2.css)(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n        * {\n          box-sizing: border-box;\n        }\n\n        body {\n          margin: 0;\n        }\n\n        .lhc_container--delete {\n          animation: eduzzToolbarFadeOut;\n          animation-duration: 500ms;\n          animation-fill-mode: both;\n        }\n\n        .lhc_container--fix-position {\n          left: auto;\n        }\n      "], ["\n        * {\n          box-sizing: border-box;\n        }\n\n        body {\n          margin: 0;\n        }\n\n        .lhc_container--delete {\n          animation: eduzzToolbarFadeOut;\n          animation-duration: 500ms;\n          animation-fill-mode: both;\n        }\n\n        .lhc_container--fix-position {\n          left: auto;\n        }\n      "]))) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(react_2.Global, { styles: (0, react_2.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n        * {\n          box-sizing: border-box;\n        }\n\n        body {\n          margin: 0;\n        }\n\n        .lhc_container--delete {\n          animation: eduzzToolbarFadeOut;\n          animation-duration: 500ms;\n          animation-fill-mode: both;\n        }\n\n        .lhc_container--fix-position {\n          left: auto;\n        }\n      "], ["\n        * {\n          box-sizing: border-box;\n        }\n\n        body {\n          margin: 0;\n        }\n\n        .lhc_container--delete {\n          animation: eduzzToolbarFadeOut;\n          animation-duration: 500ms;\n          animation-fill-mode: both;\n        }\n\n        .lhc_container--fix-position {\n          left: auto;\n        }\n      "]))) }));
 });
 exports.default = GlobalStyles;
 var templateObject_1;

dist/helpers/truncateText.js

@@ -5,3 +5,3 @@ "use strict";
 function truncateText(value, config) {
-    var options = (0, tslib_1.__assign)({ count: 16, end: '...' }, config);
+    var options = tslib_1.__assign({ count: 16, end: '...' }, config);
     var count = options.count, end = options.end, upper = options.upper, lower = options.lower;
@@ -8,0 +8,0 @@ if (!value) {

dist/index.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var App_1 = (0, tslib_1.__importDefault)(require("./App"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_dom_1 = tslib_1.__importDefault(require("react-dom"));
+var App_1 = tslib_1.__importDefault(require("./App"));
+var Apps = App_1.default.Apps, User = App_1.default.User, MenuItem = App_1.default.UserMenuItem, IconMenu = App_1.default.IconMenu, Divider = App_1.default.UserMenuDivider;
+function DevApp() {
+    function toggleMobileMenu() {
+        console.log('toggle menu');
+    }
+    var params = {
+        application: 'blinket',
+        disableChat: true,
+        user: {
+            id: 1,
+            name: 'EDUZZ TECNOLOGIA E DESENVOLVIMENTO',
+            email: '[e-mail]',
+            belt: 'Red Belt'
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)(App_1.default, tslib_1.__assign({}, params, { children: [(0, jsx_runtime_1.jsx)(IconMenu, { onClick: toggleMobileMenu }), (0, jsx_runtime_1.jsx)(Apps, {}), (0, jsx_runtime_1.jsxs)(User, { children: [(0, jsx_runtime_1.jsx)(MenuItem, { children: "Meus Dados" }), (0, jsx_runtime_1.jsx)(MenuItem, { children: "Minhas Compras" }), (0, jsx_runtime_1.jsx)(Divider, {}), (0, jsx_runtime_1.jsx)(MenuItem, { children: "Sair" })] })] })), new Array(150).fill('a').map(function (_, index) { return ((0, jsx_runtime_1.jsxs)("p", { children: [index, ". linha"] }, index)); })] }));
+}
+react_dom_1.default.render((0, jsx_runtime_1.jsx)(DevApp, {}), document.getElementById('root'));
 exports.default = App_1.default;

package.json

 {
   "name": "@eduzz/apps-toolbar-react",
-  "version": "1.1.12",
+  "version": "1.1.13",
   "private": false,
@@ -14,46 +14,48 @@ "author": "Eduzz Team",
   "scripts": {
+    "prestart": "node ./scripts/dev.js",
     "start": "react-scripts start",
-    "clean": "sh ./scripts/clean.sh",
-    "build": "yarn clean && tsc -p .",
+    "prebuild": "yarn clean",
+    "build": "tsc -p .",
     "lint": "yarn eslint \"./src/**/*.ts\" \"./src/**/*.tsx\"",
     "preprepare": "concurrently -r \"yarn lint\"",
     "prepare": "yarn husky install && npm run build",
-    "postpublish": "yarn clean"
+    "clean": "sh ./scripts/clean.sh"
   },
   "dependencies": {
     "@eduzz/houston-icons": "^0.42.3",
-    "@emotion/react": "11.8.1",
-    "@emotion/styled": "11.8.1",
-    "react": "17.0.2"
+    "@emotion/react": "^11",
+    "@emotion/styled": "^11",
+    "react": "^17"
   },
   "devDependencies": {
     "@eduzz/eslint-config-houston": "0.42.3",
-    "@types/node": "17.0.19",
-    "@types/react": "17.0.39",
-    "@types/react-dom": "17.0.11",
-    "@typescript-eslint/eslint-plugin": "5.12.0",
-    "@typescript-eslint/parser": "5.12.0",
-    "concurrently": "7.0.0",
-    "eslint": "8.9.0",
-    "eslint-config-prettier": "8.4.0",
+    "@types/babel__core": "7.1.19",
+    "@types/node": "17.0.23",
+    "@types/react": "17.0.0",
+    "@types/react-dom": "17.0.0",
+    "@typescript-eslint/eslint-plugin": "5.18.0",
+    "@typescript-eslint/parser": "5.18.0",
+    "concurrently": "7.1.0",
+    "eslint": "8.12.0",
+    "eslint-config-prettier": "8.5.0",
     "eslint-plugin-eslint-plugin": "4.1.0",
-    "eslint-plugin-import": "2.25.4",
+    "eslint-plugin-import": "2.26.0",
     "eslint-plugin-prettier": "4.0.0",
-    "eslint-plugin-react": "7.28.0",
-    "eslint-plugin-react-hooks": "4.3.0",
+    "eslint-plugin-react": "7.29.4",
+    "eslint-plugin-react-hooks": "4.4.0",
     "eslint-plugin-react-native": "4.0.0",
-    "eslint-plugin-sonarjs": "0.12.0",
+    "eslint-plugin-sonarjs": "0.13.0",
     "eslint-plugin-unused-imports": "2.0.0",
-    "husky": "^7.0.4",
-    "prettier": "2.5.1",
-    "react-dom": "17.0.2",
+    "husky": "7.0.4",
+    "prettier": "2.6.2",
+    "react-dom": "17.0.0",
     "react-scripts": "5.0.0",
-    "typescript": "4.5.5"
+    "typescript": "4.6.3"
   },
   "peerDependencies": {
-    "@emotion/react": "^11.5.0",
-    "@emotion/styled": "^11.3.0",
-    "@types/react": "^16.8.6 || ^17.0.0",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0"
+    "@emotion/react": "^11",
+    "@emotion/styled": "^11",
+    "@types/react": "^16 || ^17",
+    "react": "^17",
+    "react-dom": "^17"
   },
@@ -60,0 +62,0 @@ "browserslist": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

126686

increased by0.02%

Lines of code

1888

increased by1.23%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Dev dependency count

23

increased by4.55%

Dependency changes

• + Added@emotion/react@11.13.3(transitive)

• + Added@emotion/styled@11.13.0(transitive)

• + Added@emotion/use-insertion-effect-with-fallbacks@1.1.0(transitive)

• - Removed@emotion/react@11.8.1(transitive)

• - Removed@emotion/styled@11.8.1(transitive)

• - Removed@emotion/weak-memoize@0.2.5(transitive)

• Updated@emotion/react@^11

• Updated@emotion/styled@^11

• Updatedreact@^17