@luscii-healthtech/web-ui 35.11.0 → 35.12.1

package/dist/components/Icons/special-icons/FlagDeColoredIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from "../types/IconProps.type";
+declare const _default: (props: IconProps) => JSX.Element;
+export default _default;

package/dist/components/Icons/special-icons/FlagFrColoredIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from "../types/IconProps.type";
+declare const _default: (props: IconProps) => JSX.Element;
+export default _default;

package/dist/components/Icons/special-icons/FlagNlColoredIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from "../types/IconProps.type";
+declare const _default: (props: IconProps) => JSX.Element;
+export default _default;

package/dist/components/Icons/special-icons/FlagPtColoredIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from "../types/IconProps.type";
+declare const _default: (props: IconProps) => JSX.Element;
+export default _default;

package/dist/components/Icons/special-icons/FlagUkColoredIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from "../types/IconProps.type";
+declare const _default: (props: IconProps) => JSX.Element;
+export default _default;

package/dist/components/Icons/special-icons/index.d.ts

@@ -1,4 +1,9 @@
 export { default as ChartLineColoredIcon } from "./ChartLineColoredIcon";
+export { default as FlagDeColoredIcon } from "./FlagDeColoredIcon";
+export { default as FlagFrColoredIcon } from "./FlagFrColoredIcon";
+export { default as FlagNlColoredIcon } from "./FlagNlColoredIcon";
+export { default as FlagPtColoredIcon } from "./FlagPtColoredIcon";
+export { default as FlagUkColoredIcon } from "./FlagUkColoredIcon";
 export { default as GearColoredIcon } from "./GearColoredIcon";
 export { default as GroupColoredIcon } from "./GroupColoredIcon";
 export { default as StatusColoredIcon } from "./StatusColoredIcon";

package/dist/components/Input/StyledInput.d.ts

@@ -4,7 +4,7 @@ import { FormFieldSize } from "../../types/general.types";
 export declare const StyledInput: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "width"> & {
     suffix?: string | undefined;
     prefix?: string | undefined;
-    icon?: "AbsentIcon" | "AlarmClockIcon" | "AmberAlertIcon" | "AssignedIcon" | "BellIconSlashed" | "BellIcon" | "BluetoothIcon" | "BrushIcon" | "CakeIcon" | "CalendarDayIcon" | "CalendarMonthIcon" | "CalendarRepeatIcon" | "ChartBarsIcon" | "ChartLineAndBarsIcon" | "ChatBubbleIcon" | "ChatBubbleWithTextIcon" | "CheckIcon" | "ChevronDoubleIcon" | "ChevronDownIcon" | "ChevronLeftIcon" | "ChevronRightIcon" | "ClockIcon" | "CogwheelIcon" | "CopyToClipboardIcon" | "CrossIcon" | "CrossInCircleIcon" | "CrossInFilledCircleIcon" | "DatabaseIcon" | "DownloadIcon" | "DragIndicatorIcon" | "EarthIcon" | "EmailIcon" | "EmptyIcon" | "ExclamationMarkIcon" | "ExportIcon" | "ExternalLinkIcon" | "EyeClosedIcon" | "EyeOpenIcon" | "FilterIcon" | "FireIcon" | "FirstAidKitIcon" | "FlagIcon" | "FolderIcon" | "ForwardIcon" | "GrayAlertIcon" | "GroupIcon" | "GroupOfThreeIcon" | "HamburgerIcon" | "HandshakeIcon" | "HeartIcon" | "HeartMinusIcon" | "HomeIcon" | "IdBadgeIcon" | "ImageIcon" | "InfoIcon" | "LifebuoyIcon" | "LightBulbIcon" | "LinkIcon" | "ListIcon" | "LockIcon" | "LogInIcon" | "LogOutIcon" | "MessageWithArrowIcon" | "MoreIcon" | "MouseIcon" | "NoteIcon" | "PageIcon" | "PageViewIcon" | "PaperclipIcon" | "PatientIcon" | "PencilIcon" | "PersonIcon" | "PhoneIcon" | "PieChartIcon" | "PinIcon" | "PlusIcon" | "PrinterIcon" | "RedAlertIcon" | "RobotIcon" | "RocketIcon" | "SearchIcon" | "ShareIcon" | "SmallArrowDownIcon" | "SmallArrowUpIcon" | "SmallCircleIcon" | "SmallDiamondIcon" | "SmallSquareIcon" | "SmallUpsideDownTriangleIcon" | "StarIcon" | "StopwatchIcon" | "TadaIcon" | "TrashBinIcon" | "TreeIcon" | "UnassignedIcon" | "AddIcon" | "AlertsIcon" | "ChartIcon" | "ChatBoxIcon" | "DeleteIcon" | "DragIcon" | "EditIcon" | "EyeIcon" | "EyeIconSlashed" | "GearIcon" | "MessagesIcon" | "NotesIcon" | "PrintIcon" | "SpaceRocketIcon" | "SettingsIcon" | "RightArrowIcon" | "DownArrowIcon" | "LeftArrowIcon" | "WarningIcon" | "ChartLineColoredIcon" | "GearColoredIcon" | "GroupColoredIcon" | "StatusColoredIcon" | React.FC<IconProps> | undefined;
+    icon?: "AbsentIcon" | "AlarmClockIcon" | "AmberAlertIcon" | "AssignedIcon" | "BellIconSlashed" | "BellIcon" | "BluetoothIcon" | "BrushIcon" | "CakeIcon" | "CalendarDayIcon" | "CalendarMonthIcon" | "CalendarRepeatIcon" | "ChartBarsIcon" | "ChartLineAndBarsIcon" | "ChatBubbleIcon" | "ChatBubbleWithTextIcon" | "CheckIcon" | "ChevronDoubleIcon" | "ChevronDownIcon" | "ChevronLeftIcon" | "ChevronRightIcon" | "ClockIcon" | "CogwheelIcon" | "CopyToClipboardIcon" | "CrossIcon" | "CrossInCircleIcon" | "CrossInFilledCircleIcon" | "DatabaseIcon" | "DownloadIcon" | "DragIndicatorIcon" | "EarthIcon" | "EmailIcon" | "EmptyIcon" | "ExclamationMarkIcon" | "ExportIcon" | "ExternalLinkIcon" | "EyeClosedIcon" | "EyeOpenIcon" | "FilterIcon" | "FireIcon" | "FirstAidKitIcon" | "FlagIcon" | "FolderIcon" | "ForwardIcon" | "GrayAlertIcon" | "GroupIcon" | "GroupOfThreeIcon" | "HamburgerIcon" | "HandshakeIcon" | "HeartIcon" | "HeartMinusIcon" | "HomeIcon" | "IdBadgeIcon" | "ImageIcon" | "InfoIcon" | "LifebuoyIcon" | "LightBulbIcon" | "LinkIcon" | "ListIcon" | "LockIcon" | "LogInIcon" | "LogOutIcon" | "MessageWithArrowIcon" | "MoreIcon" | "MouseIcon" | "NoteIcon" | "PageIcon" | "PageViewIcon" | "PaperclipIcon" | "PatientIcon" | "PencilIcon" | "PersonIcon" | "PhoneIcon" | "PieChartIcon" | "PinIcon" | "PlusIcon" | "PrinterIcon" | "RedAlertIcon" | "RobotIcon" | "RocketIcon" | "SearchIcon" | "ShareIcon" | "SmallArrowDownIcon" | "SmallArrowUpIcon" | "SmallCircleIcon" | "SmallDiamondIcon" | "SmallSquareIcon" | "SmallUpsideDownTriangleIcon" | "StarIcon" | "StopwatchIcon" | "TadaIcon" | "TrashBinIcon" | "TreeIcon" | "UnassignedIcon" | "AddIcon" | "AlertsIcon" | "ChartIcon" | "ChatBoxIcon" | "DeleteIcon" | "DragIcon" | "EditIcon" | "EyeIcon" | "EyeIconSlashed" | "GearIcon" | "MessagesIcon" | "NotesIcon" | "PrintIcon" | "SpaceRocketIcon" | "SettingsIcon" | "RightArrowIcon" | "DownArrowIcon" | "LeftArrowIcon" | "WarningIcon" | "ChartLineColoredIcon" | "FlagDeColoredIcon" | "FlagFrColoredIcon" | "FlagNlColoredIcon" | "FlagPtColoredIcon" | "FlagUkColoredIcon" | "GearColoredIcon" | "GroupColoredIcon" | "StatusColoredIcon" | React.FC<IconProps> | undefined;
     width?: FormFieldSize | [FormFieldSize, (FormFieldSize | undefined)?, (FormFieldSize | undefined)?, (FormFieldSize | undefined)?, (FormFieldSize | undefined)?] | undefined;
     isError?: boolean | undefined;
     isClearIconVisible?: boolean | undefined;

package/dist/components/ModalDialog/ModalDialog.d.ts

@@ -0,0 +1,74 @@
+import React, { ComponentProps, FC } from "react";
+import { Card } from "../Card/Card";
+import { Box } from "../Box/Box";
+import { Stack } from "../Stack/Stack";
+import { TertiaryButton } from "../ButtonV2/TertiaryButton";
+type Size = "s" | "m" | "l";
+type Props = Omit<React.ComponentPropsWithoutRef<"dialog">, "open" | "onClose"> & {
+    /**
+     * Triggers `showModal` or `close` on the internal `<dialog />` element when set.
+     *
+     * Note: the user is able to close the modal outside of this props control. This means a two-way binding with the modal needs to be establised.
+     *
+     * This should be done by implementing the ModalDialog's onClose prop so it updates the `open` prop accordingly.
+     *
+     * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#creating_a_modal_dialog
+     */
+    open: boolean;
+    /**
+     * Called when the internal dialog's `onClose` event is triggered.
+     *
+     * This callback is mandatory as the implementer should always take into account a `<dialog />` can be closed by the user.
+     *
+     * This callback should be used to update any application state (open) accordingly.
+     */
+    onClose: React.DialogHTMLAttributes<HTMLDialogElement>["onClose"];
+    /**
+     * Determines the max-width of the modal.
+     */
+    size?: Size;
+};
+type SubComponents = {
+    /**
+     * Represents the header of the ModalDialog. Applies consistent padding.
+     */
+    Header: typeof Header;
+    /**
+     * Default title presentation of the ModalDialog.
+     *
+     * To be placed inside of the ModalDialog's header.
+     */
+    Title: typeof Card.Title;
+    /**
+     * A control represeting the close button of the Dialog using a cross icon.
+     *
+     * To be placed inside of the ModalDialog's header.
+     */
+    CloseButton: typeof CloseButton;
+    /**
+     * Applies consistent padding and manages the scroll overflow of the ModalDialog's content,
+     * ensuring the Modal does not overflow the users' viewport vertically.
+     *
+     * To be placed inside of the ModalDialog's header.
+     */
+    Body: typeof Body;
+    /**
+     * Represents the footer of the ModalDialog.
+     * Applies consistent padding and a background color of type "background".
+     */
+    Footer: typeof Footer;
+    /**
+     * Groups together the primary actions of the Modal.
+     * These actions should be placed in the Footer of the Modal.
+     *
+     * To be placed inside of the ModalDialog's footer.
+     */
+    Actions: typeof Actions;
+};
+export declare const ModalDialog: FC<Props> & SubComponents;
+export declare const Body: FC<ComponentProps<typeof Box>>;
+export declare const Header: FC<ComponentProps<typeof Box>>;
+export declare const Footer: FC<ComponentProps<typeof Stack>>;
+export declare const CloseButton: FC<ComponentProps<typeof TertiaryButton>>;
+export declare const Actions: FC<ComponentProps<typeof Stack>>;
+export {};

package/dist/index.d.ts

@@ -107,3 +107,4 @@ export { HoverIndicatorControl } from "./components/HoverIndicatorControl/HoverI
 export { Collapse } from "./components/Collapse/Collapse";
 export { Skeleton } from "./components/Skeleton/Skeleton";
 export { DetailsDisclosure } from "./components/DetailsDisclosure/DetailsDisclosure";
+export { ModalDialog } from "./components/ModalDialog/ModalDialog";