@luscii-healthtech/web-ui 11.0.1 → 11.1.0
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.
- package/dist/components/NavMenu/types/NavMenuHeaderProps.type.d.ts +6 -0
- package/dist/index.development.js +3 -2
- package/dist/index.development.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/web-ui-tailwind.css +4 -0
- package/dist/web-ui.esm.js +1 -1
- package/dist/web-ui.esm.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
export interface NavMenuHeaderProps {
|
|
2
3
|
text: string;
|
|
4
|
+
/**
|
|
5
|
+
* Optional content to be displayed underneath the header text, matching the left spacing and a 4px top padding
|
|
6
|
+
* against the header text.
|
|
7
|
+
*/
|
|
8
|
+
belowHeader?: JSX.Element;
|
|
3
9
|
visible?: boolean;
|
|
4
10
|
onClick?: () => void;
|
|
5
11
|
}
|
|
@@ -3774,7 +3774,7 @@ const NavMenuItem = (props) => {
|
|
|
3774
3774
|
};
|
|
3775
3775
|
|
|
3776
3776
|
const NavMenuHeader = (props) => {
|
|
3777
|
-
const { text, visible = true, onClick } = props;
|
|
3777
|
+
const { text, visible = true, onClick, belowHeader } = props;
|
|
3778
3778
|
if (!visible) {
|
|
3779
3779
|
return React__namespace.default.createElement("div", { "data-test-id": "separator", className: "ui-mb-1 ui-border-b ui-border-slate-600" });
|
|
3780
3780
|
}
|
|
@@ -3787,7 +3787,8 @@ const NavMenuHeader = (props) => {
|
|
|
3787
3787
|
{ onClick: onClickHandler, className: classNames__default.default({
|
|
3788
3788
|
"ui-cursor-pointer": onClick
|
|
3789
3789
|
}), role: "link" },
|
|
3790
|
-
React__namespace.default.createElement(Text, { text, type: "xl-strong", color: "white", className: "ui-max-w-55 ui-break-normal ui-pl-4 ui-pt-6", clampLines: true })
|
|
3790
|
+
React__namespace.default.createElement(Text, { text, type: "xl-strong", color: "white", className: "ui-max-w-55 ui-break-normal ui-pl-4 ui-pt-6", clampLines: true }),
|
|
3791
|
+
belowHeader && React__namespace.default.createElement("div", { className: "ui-pl-4 ui-pt-1" }, belowHeader)
|
|
3791
3792
|
),
|
|
3792
3793
|
React__namespace.default.createElement("div", { "data-test-id": "separator", className: "ui-mb-1 ui-mt-5 ui-border-b ui-border-slate-600" })
|
|
3793
3794
|
);
|