alicia-design-system 1.77.3 → 1.77.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -61,7 +61,7 @@ const NavItem = ({ id, label, route, icon, colors, isActive, onClick, hasSubMenu
|
|
|
61
61
|
color: (_j = colors.menuItemHoverTextColor) !== null && _j !== void 0 ? _j : '#13100D',
|
|
62
62
|
border: `${!hasSubMenu ? (0, polished_1.rem)(1) : 0} solid ${isActive ? (_k = colors.menuItemTextColor) !== null && _k !== void 0 ? _k : 'transparent' : (_l = colors.menuItemHoverBackgroundColor) !== null && _l !== void 0 ? _l : 'transparent'}`,
|
|
63
63
|
}
|
|
64
|
-
}, onClick: () => { onClick(hasSubMenu ? id : route !== null && route !== void 0 ? route : ""); } }, { children: (0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ w: "100%", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ alignItems: "center" }, { children: [!hasSubMenu && icon && ((0, jsx_runtime_1.jsx)(react_1.Icon, { height: (0, polished_1.rem)(20), width: (0, polished_1.rem)(20), as: icon })), (0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ pl: icon ? (0, polished_1.rem)(12) : 0, fontSize: (0, polished_1.rem)(
|
|
64
|
+
}, onClick: () => { onClick(hasSubMenu ? id : route !== null && route !== void 0 ? route : ""); } }, { children: (0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ w: "100%", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsxs)(react_1.Flex, Object.assign({ alignItems: "center" }, { children: [!hasSubMenu && icon && ((0, jsx_runtime_1.jsx)(react_1.Icon, { height: (0, polished_1.rem)(20), width: (0, polished_1.rem)(20), as: icon })), (0, jsx_runtime_1.jsx)(react_1.Text, Object.assign({ pl: icon ? (0, polished_1.rem)(12) : 0, fontSize: (0, polished_1.rem)(16), lineHeight: (0, polished_1.rem)(20) }, { children: label }))] })), hasSubMenu && ((0, jsx_runtime_1.jsx)(react_1.Flex, Object.assign({ ml: (0, polished_1.rem)(12), mt: (0, polished_1.rem)(2) }, { children: isOpen ? (0, jsx_runtime_1.jsx)(icons_1.ChevronUpIcon, {}) : (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIcon, {}) })))] })) })));
|
|
65
65
|
};
|
|
66
66
|
var NavItemTypeEnum;
|
|
67
67
|
(function (NavItemTypeEnum) {
|
|
@@ -57,7 +57,7 @@ const NavItem = ({ id, label, route, icon, colors, isActive, onClick, hasSubMenu
|
|
|
57
57
|
color: (_j = colors.menuItemHoverTextColor) !== null && _j !== void 0 ? _j : '#13100D',
|
|
58
58
|
border: `${!hasSubMenu ? rem(1) : 0} solid ${isActive ? (_k = colors.menuItemTextColor) !== null && _k !== void 0 ? _k : 'transparent' : (_l = colors.menuItemHoverBackgroundColor) !== null && _l !== void 0 ? _l : 'transparent'}`,
|
|
59
59
|
}
|
|
60
|
-
}, onClick: () => { onClick(hasSubMenu ? id : route !== null && route !== void 0 ? route : ""); } }, { children: _jsxs(Flex, Object.assign({ w: "100%", alignItems: "center" }, { children: [_jsxs(Flex, Object.assign({ alignItems: "center" }, { children: [!hasSubMenu && icon && (_jsx(Icon, { height: rem(20), width: rem(20), as: icon })), _jsx(Text, Object.assign({ pl: icon ? rem(12) : 0, fontSize: rem(
|
|
60
|
+
}, onClick: () => { onClick(hasSubMenu ? id : route !== null && route !== void 0 ? route : ""); } }, { children: _jsxs(Flex, Object.assign({ w: "100%", alignItems: "center" }, { children: [_jsxs(Flex, Object.assign({ alignItems: "center" }, { children: [!hasSubMenu && icon && (_jsx(Icon, { height: rem(20), width: rem(20), as: icon })), _jsx(Text, Object.assign({ pl: icon ? rem(12) : 0, fontSize: rem(16), lineHeight: rem(20) }, { children: label }))] })), hasSubMenu && (_jsx(Flex, Object.assign({ ml: rem(12), mt: rem(2) }, { children: isOpen ? _jsx(ChevronUpIcon, {}) : _jsx(ChevronDownIcon, {}) })))] })) })));
|
|
61
61
|
};
|
|
62
62
|
var NavItemTypeEnum;
|
|
63
63
|
(function (NavItemTypeEnum) {
|