@eduzz/apps-toolbar-react
Advanced tools
Comparing version 1.1.26 to 1.1.27
@@ -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) { |
@@ -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; |
{ | ||
"name": "@eduzz/apps-toolbar-react", | ||
"version": "1.1.26", | ||
"version": "1.1.27", | ||
"private": false, | ||
@@ -5,0 +5,0 @@ "author": "Eduzz Team", |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
128682
1904