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

Comparing version 1.1.26 to 1.1.27

dist/components/Toolbar/Belt/index.js

@@ -36,3 +36,3 @@ "use strict";
 });
-exports.default = (0, styled_1.default)(Belt, { label: 'eduzz-toolbar-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    padding: ", "px;\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: 150px;\n      font-size: 14px;\n      margin-left: 4px;\n\n      ", " {\n        max-width: 75px;\n      }\n\n      ", " {\n        display: none;\n      }\n    }\n  }\n\n  .eduzz-toolbar-icon-elite {\n    height: 16px;\n    min-width: 32px;\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    padding: ", "px;\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: 150px;\n      font-size: 14px;\n      margin-left: 4px;\n\n      ", " {\n        max-width: 75px;\n      }\n\n      ", " {\n        display: none;\n      }\n    }\n  }\n\n  .eduzz-toolbar-icon-elite {\n    height: 16px;\n    min-width: 32px;\n  }\n\n  .eduzz-toolbar-icon-avatar {\n    width: 30px;\n    height: 30px;\n  }\n"])), function (_a) {
+exports.default = (0, styled_1.default)(Belt, { label: 'eduzz-toolbar-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: 150px;\n      font-size: 14px;\n      margin-left: 4px;\n\n      ", " {\n        max-width: 75px;\n      }\n\n      ", " {\n        display: none;\n      }\n    }\n  }\n\n  .eduzz-toolbar-icon-elite {\n    height: 16px;\n    min-width: 32px;\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: 150px;\n      font-size: 14px;\n      margin-left: 4px;\n\n      ", " {\n        max-width: 75px;\n      }\n\n      ", " {\n        display: none;\n      }\n    }\n  }\n\n  .eduzz-toolbar-icon-elite {\n    height: 16px;\n    min-width: 32px;\n  }\n\n  .eduzz-toolbar-icon-avatar {\n    width: 30px;\n    height: 30px;\n  }\n"])), function (_a) {
     var theme = _a.theme;
@@ -48,8 +48,5 @@ return theme.spacing(1.5);
     var theme = _a.theme;
-    return theme.breakpoints.mobile;
+    return theme.breakpoints.tablet;
 }, function (_a) {
     var theme = _a.theme;
-    return theme.spacing(1.5);
-}, function (_a) {
-    var theme = _a.theme;
     return theme.colors.belts.white;
@@ -56,0 +53,0 @@ }, function (_a) {

dist/index.js

@@ -7,3 +7,3 @@ "use strict";
 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, Action = App_1.default.Action;
+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() {
@@ -23,5 +23,5 @@ function toggleMobileMenu() {
     };
-    return ((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)(Action, { label: 'fernando' }), (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" })] })] })));
+    return ((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" })] })] })));
 }
 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.26",
+  "version": "1.1.27",
   "private": false,
@@ -5,0 +5,0 @@ "author": "Eduzz Team",

No alert changes

Worsened metrics

Total package byte prevSize

128682

decreased by-0.13%

Lines of code

1904

decreased by-0.16%

No dependency changes