@luscii-healthtech/web-ui 2.28.0 → 2.29.0

package/dist/components/ButtonV2/ButtonProps.type.d.ts

@@ -12,6 +12,7 @@ export interface BaseButtonProps extends React.HTMLAttributes<HTMLButtonElement>
     isDisabled?: boolean;
     className?: string;
 }
+export declare type NonPrimaryButtonProps = BaseButtonProps;
 /**
  * Extra properties that can be set when the variant of the button
  * supports the pending state
@@ -20,6 +21,7 @@ export interface BaseButtonProps extends React.HTMLAttributes<HTMLButtonElement>
 export interface ButtonWithPendingStateProps extends BaseButtonProps {
     isPending?: boolean;
 }
+export declare type PrimaryButtonProps = ButtonWithPendingStateProps;
 /**
  * All properties of BaseButtonProps and ButtonWithPendingStateProps,
  * plus other properties that are assigned internally by the button variants.

package/dist/components/Container/types/FlexContainerProps.type.d.ts

@@ -6,7 +6,11 @@ declare type FlexContainerBase = {
     position?: "static" | "fixed" | "absolute" | "relative" | "sticky";
     verticalSpacing?: Spacing;
     horizontalSpacing?: Spacing;
+    /**
+     * Applies the default padding (`"p-4"`) inside the container.
+     */
     hasPadding?: boolean;
+    backgroundColor?: string;
 };
 export declare type FlexContainerBaseProps = FlexContainerBase & {
     children: React.ReactNode;

package/dist/components/Divider/Divider.d.ts

@@ -1,2 +1,6 @@
-/// <reference types="react" />
-export declare const Divider: () => JSX.Element;
+import React from "react";
+declare type DividerProps = {
+    dark?: boolean;
+};
+export declare const Divider: React.FC<DividerProps>;
+export {};

package/dist/components/List/List.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ListProps, ListItemProps, OnAssetLoadErrorPayload } from "./List.types";
+import { ListItemProps, ListProps, OnAssetLoadErrorPayload } from "./List.types";
 import "./List.scss";
 export { ListProps, ListItemProps, OnAssetLoadErrorPayload };
-export declare const List: ({ title, headerButton, headerTransparent, items, onAssetLoadError, onDragEnd, emptyStateMessage, isLoading, }: ListProps) => JSX.Element;
+export declare const List: ({ title, headerButton, headerTransparent, items, onAssetLoadError, onDragEnd, emptyStateMessage, isLoading, dataTestId, }: ListProps) => JSX.Element;
 export default List;

package/dist/components/List/List.types.d.ts

@@ -31,4 +31,5 @@ export declare type ListProps = {
     onDragEnd?: (itemId: string | number, newIndex: number) => void;
     emptyStateMessage?: string;
     isLoading?: boolean;
+    dataTestId?: string;
 };

package/dist/components/Modal/ModalFooter.d.ts

@@ -1,6 +1,5 @@
 import React from "react";
-import { NonPrimaryButtonProps, PrimaryButtonProps } from "../..";
-import { BaseButtonProps } from "../ButtonV2/ButtonProps.type";
+import { BaseButtonProps, NonPrimaryButtonProps, PrimaryButtonProps } from "../ButtonV2/ButtonProps.type";
 export interface ModalFooterTrailingComponents {
     primaryButtonProps: PrimaryButtonProps;
     secondaryButtonProps?: NonPrimaryButtonProps;

package/dist/components/NavMenu/NavMenu.d.ts

@@ -1,9 +1,16 @@
 /// <reference types="react" />
-import { NavMenuItemProps } from "./NavMenuItem";
-export declare type NavMenuElement = NavMenuItemProps | {
-    type: "separator" | "spacer";
-};
+import { NavMenuFooterProps } from "./types/NavMenuFooterProps.type";
+import { NavMenuItemProps } from "./types/NavMenuItemProps.type";
+import { NavMenuHeaderProps } from "./types/NavMenuHeaderProps.type";
 export declare type NavMenuProps = {
-    items: NavMenuElement[];
+    roleItems: NavMenuItemProps[];
+    publicItems: NavMenuItemProps[];
+    authenticationItems: {
+        login: NavMenuItemProps;
+        logout: NavMenuItemProps;
+    };
+    isUserAuthenticated?: boolean;
+    navMenuHeaderProps: NavMenuHeaderProps;
+    navMenuFooterProps: NavMenuFooterProps;
 };
-export declare function NavMenu({ items }: NavMenuProps): JSX.Element;
+export declare function NavMenu(props: NavMenuProps): JSX.Element;

package/dist/components/NavMenu/NavMenuContent.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from "react";
 import { NavMenuProps } from "./NavMenu";
-export declare const NavMenuContent: ({ items }: NavMenuProps) => JSX.Element;
+export declare const NavMenuContent: React.FC<NavMenuProps>;

package/dist/components/NavMenu/NavMenuFooter.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { NavMenuFooterProps } from "./types/NavMenuFooterProps.type";
+export declare const NavMenuFooter: React.FC<NavMenuFooterProps>;

package/dist/components/NavMenu/NavMenuHeader.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { NavMenuHeaderProps } from "./types/NavMenuHeaderProps.type";
+export declare const NavMenuHeader: React.FC<NavMenuHeaderProps>;

package/dist/components/NavMenu/NavMenuItem.d.ts

@@ -1,15 +1,3 @@
 /// <reference types="react" />
-export interface NavMenuItemProps {
-    href?: string;
-    linkTo?: string;
-    title: string;
-    isSelected: boolean;
-    img: string;
-    imgOnHover: string;
-    dataTestId: string;
-    gtmEvent?: string;
-    isExternal?: boolean;
-    type?: "base";
-    track?: (event: string) => void;
-}
+import { NavMenuItemProps } from "./types/NavMenuItemProps.type";
 export declare const NavMenuItem: (props: NavMenuItemProps) => JSX.Element;

package/dist/components/NavMenu/types/NavMenuFooterProps.type.d.ts

@@ -0,0 +1,5 @@
+export interface NavMenuFooterProps {
+    text: string;
+    subtext?: string;
+    visible?: boolean;
+}

package/dist/components/NavMenu/types/NavMenuHeaderProps.type.d.ts

@@ -0,0 +1,5 @@
+export interface NavMenuHeaderProps {
+    text: string;
+    visible?: boolean;
+    onClick?: () => void;
+}

package/dist/components/NavMenu/types/NavMenuItemProps.type.d.ts

@@ -0,0 +1,12 @@
+export declare type NavMenuItemProps = {
+    href?: string;
+    linkTo?: string;
+    title: string;
+    isSelected: boolean;
+    img: string;
+    imgOnHover: string;
+    dataTestId: string;
+    gtmEvent?: string;
+    isExternal?: boolean;
+    track?: (event: string) => void;
+};

package/dist/components/Text/Text.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { RestPropped } from "../../types/general.types";
-import "./Text.scss";
+import "./Text.css";
 export declare type TextStyle = "sm" | "sm-strong" | "base" | "strong" | "lg" | "lg-strong" | "xl" | "xl-strong";
 export declare type TextColor = "base" | "slate-500" | "slate-200" | "white" | "blue-800" | "red" | "green" | "amber";
 export declare type TextHoverColor = "blue-900" | "white";
@@ -14,6 +14,12 @@ export interface TextProps extends RestPropped {
     className?: string;
     containsDangerousHtml?: boolean;
     truncate?: boolean;
+    /**
+     * When `true` will work together with the `truncate` props
+     * and allow a max of two lines when breaking text before applying
+     * elipsis. Defaults to "`false`"
+     */
+    clampLines?: boolean;
     "data-test-id"?: string;
 }
 export declare const Text: {

package/dist/index.d.ts

@@ -36,7 +36,7 @@ export { CheckboxList, CheckboxListProps, } from "./components/CheckboxList/Chec
 export { CheckboxListModal, CheckboxListModalProps, } from "./components/CheckBoxListModal/CheckboxListModal";
 export { MultiSelect } from "./components/MultiSelect/MultiSelect";
 export { NavLayout, NavMenuLayoutProps } from "./components/NavMenu/NavLayout";
-export { NavMenu, NavMenuElement } from "./components/NavMenu/NavMenu";
+export { NavMenu } from "./components/NavMenu/NavMenu";
 export { NotificationBanner, NotificationBannerColor, NotificationBannerLinkProps, } from "./components/NotificationBanner/NotificationBanner";
 export { default as Page } from "./components/Page/Page";
 export { default as CRUDPage } from "./components/Page/CRUDPage";

package/dist/web-ui-tailwind.css

@@ -1391,16 +1391,6 @@ video {
   margin-bottom: 0.25rem;
 }
 
-.my-2 {
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-
-.mx-2 {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}
-
 .my-4 {
   margin-top: 1rem;
   margin-bottom: 1rem;
@@ -1411,6 +1401,11 @@ video {
   margin-right: auto;
 }
 
+.-mx-1 {
+  margin-left: -0.25rem;
+  margin-right: -0.25rem;
+}
+
 .ml-0 {
   margin-left: 0;
 }
@@ -1471,6 +1466,10 @@ video {
   margin-left: 1rem;
 }
 
+.mt-5 {
+  margin-top: 1.25rem;
+}
+
 .mt-6 {
   margin-top: 1.5rem;
 }
@@ -1543,6 +1542,14 @@ video {
   max-height: 100vh;
 }
 
+.max-w-50 {
+  max-width: 12.5rem;
+}
+
+.max-w-55 {
+  max-width: 13.75rem;
+}
+
 .max-w-3xl {
   max-width: 48rem;
 }
@@ -1654,6 +1661,11 @@ video {
   padding-bottom: 0.25rem;
 }
 
+.px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+
 .py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
@@ -1709,14 +1721,18 @@ video {
   padding-right: 4.25rem;
 }
 
-.pl-1 {
-  padding-left: 0.25rem;
+.pb-1 {
+  padding-bottom: 0.25rem;
 }
 
 .pl-4 {
   padding-left: 1rem;
 }
 
+.pt-6 {
+  padding-top: 1.5rem;
+}
+
 .pr-6 {
   padding-right: 1.5rem;
 }
@@ -2113,6 +2129,12 @@ video {
   white-space: nowrap;
 }
 
+.break-normal {
+  word-wrap: normal;
+  overflow-wrap: normal;
+  word-break: normal;
+}
+
 .break-words {
   word-wrap: break-word;
   overflow-wrap: break-word;
@@ -2164,8 +2186,8 @@ video {
   width: 9rem;
 }
 
-.w-46 {
-  width: 11.5rem;
+.w-60 {
+  width: 15rem;
 }
 
 .w-80 {
@@ -2413,6 +2435,10 @@ video {
     flex-direction: row;
   }
 
+  .lg\:h-full {
+    height: 100%;
+  }
+
   .lg\:mb-0 {
     margin-bottom: 0;
   }