@luscii-healthtech/web-ui 27.0.1 → 27.1.1

package/dist/components/AccordionList/AccordionList.d.ts

@@ -30,18 +30,18 @@ export interface AccordionListProps extends Omit<AccordionProps, "items"> {
 export type AccordionListItemProps<T = ListItemProps> = Omit<AccordionItemProps, "title" | "content"> & {
     listItems: T[];
     draggableListType?: "default";
-    title: string;
+    title: React.ReactNode;
 };
 export type DraggableAccordionListItemProps = Omit<AccordionItemProps, "title" | "content"> & {
     draggableListType: "draggable";
     listItems: DraggableListProps["items"];
-    title: string;
+    title: React.ReactNode;
 };
 export type SortableAccordionListItemProps = Omit<AccordionItemProps, "title" | "content"> & {
     draggableListType: "sortable";
     draggableIdentifier: string;
     listItems: SortableListProps["items"];
-    title: string;
+    title: React.ReactNode;
 };
 export type AccordionItem = AccordionListItemProps | DraggableAccordionListItemProps | SortableAccordionListItemProps;
 interface StaticComponents {

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

@@ -5,7 +5,7 @@ import { IconProps } from "../Icons/types/IconProps.type";
 import { TitleProps } from "../Title/Title";
 export type BaseListItemProps = {
     itemId: string | number;
-    title: string;
+    title: React.ReactNode;
     subtitle?: string;
     icon?: React.FunctionComponent<IconProps> | string;
     accessories?: JSX.Element[];

package/dist/components/Button/Button.d.ts

@@ -3,6 +3,8 @@ import { BUTTON_ROLES, ButtonProps } from "./Button.types";
 /**
  * TODO: We have to probably use [ButtonV2.tsx](../../components/ButtonV2/ButtonV2.tsx)
  * to replace this component at some point.
+ *
+ * @deprecated use PrimaryButton, SecondaryButton or TertiaryButton instead
  */
 declare function Button(props: ButtonProps): JSX.Element;
 export default Button;

package/dist/components/Icons/AmberAlertIcon.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/RedAlertIcon.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/index.d.ts

@@ -1,5 +1,6 @@
 export * from "./special-icons";
 export { default as AlarmClockIcon } from "./AlarmClockIcon";
+export { default as AmberAlertIcon } from "./AmberAlertIcon";
 export { default as BellIconSlashed } from "./BellIconSlashed";
 export { default as BellIcon } from "./BellIcon";
 export { default as BluetoothIcon } from "./BluetoothIcon";
@@ -65,6 +66,7 @@ export { default as PieChartIcon } from "./PieChartIcon";
 export { default as PinIcon } from "./PinIcon";
 export { default as PlusIcon } from "./PlusIcon";
 export { default as PrinterIcon } from "./PrinterIcon";
+export { default as RedAlertIcon } from "./RedAlertIcon";
 export { default as RobotIcon } from "./RobotIcon";
 export { default as RocketIcon } from "./RocketIcon";
 export { default as SearchIcon } from "./SearchIcon";

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

@@ -6,7 +6,7 @@ export declare const StyledInput: React.ForwardRefExoticComponent<Omit<Omit<Reac
     type?: AllowedTextInputTypes | undefined;
     suffix?: string | undefined;
     prefix?: string | undefined;
-    icon?: "AlarmClockIcon" | "BellIconSlashed" | "BellIcon" | "BluetoothIcon" | "BrushIcon" | "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" | "ForwardIcon" | "GroupIcon" | "GroupOfThreeIcon" | "HamburgerIcon" | "HandshakeIcon" | "HeartIcon" | "HomeIcon" | "ImageIcon" | "InfoIcon" | "LifebuoyIcon" | "LightBulbIcon" | "LinkIcon" | "ListIcon" | "LockIcon" | "LogInIcon" | "LogOutIcon" | "MessageWithArrowIcon" | "MoreIcon" | "MouseIcon" | "NoteIcon" | "PageViewIcon" | "PatientIcon" | "PencilIcon" | "PhoneIcon" | "PieChartIcon" | "PinIcon" | "PlusIcon" | "PrinterIcon" | "RobotIcon" | "RocketIcon" | "SearchIcon" | "ShareIcon" | "SmallCircleIcon" | "SmallDiamondIcon" | "SmallSquareIcon" | "StarIcon" | "TrashBinIcon" | "TreeIcon" | "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?: "AlarmClockIcon" | "AmberAlertIcon" | "BellIconSlashed" | "BellIcon" | "BluetoothIcon" | "BrushIcon" | "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" | "ForwardIcon" | "GroupIcon" | "GroupOfThreeIcon" | "HamburgerIcon" | "HandshakeIcon" | "HeartIcon" | "HomeIcon" | "ImageIcon" | "InfoIcon" | "LifebuoyIcon" | "LightBulbIcon" | "LinkIcon" | "ListIcon" | "LockIcon" | "LogInIcon" | "LogOutIcon" | "MessageWithArrowIcon" | "MoreIcon" | "MouseIcon" | "NoteIcon" | "PageViewIcon" | "PatientIcon" | "PencilIcon" | "PhoneIcon" | "PieChartIcon" | "PinIcon" | "PlusIcon" | "PrinterIcon" | "RedAlertIcon" | "RobotIcon" | "RocketIcon" | "SearchIcon" | "ShareIcon" | "SmallCircleIcon" | "SmallDiamondIcon" | "SmallSquareIcon" | "StarIcon" | "TrashBinIcon" | "TreeIcon" | "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;
     width?: FormFieldWidth | undefined;
     isError?: boolean | undefined;
     isClearIconVisible?: boolean | undefined;

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

@@ -21,9 +21,9 @@ export declare const allowedColors: {
     readonly base: "ui-text-slate-800";
     readonly "slate-500": "ui-text-slate-500";
     readonly "slate-200": "ui-text-slate-200";
-    readonly red: "ui-text-red-700";
-    readonly green: "ui-text-green-700";
-    readonly amber: "ui-text-yellow-700";
+    readonly red: "ui-text-red-800";
+    readonly green: "ui-text-green-800";
+    readonly amber: "ui-text-yellow-800";
     readonly white: "ui-text-white";
     readonly "blue-800": "ui-text-primary";
     readonly current: "ui-text-current";

package/dist/index.development.js

@@ -199,6 +199,13 @@ const SvgAlarmClockIcon = (props) => React__namespace.default.createElement(
 );
 var AlarmClockIcon = IconWrapper(SvgAlarmClockIcon);
 
+const SvgAmberAlertIcon = (props) => React__namespace.default.createElement(
+  "svg",
+  Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 12 12" }, props),
+  React__namespace.default.createElement("rect", { width: 10, height: 10, x: 1, y: 1, stroke: "currentColor", strokeWidth: 2, rx: 5 })
+);
+var AmberAlertIcon = IconWrapper(SvgAmberAlertIcon);
+
 const SvgBellIconSlashed = (props) => React__namespace.default.createElement(
   "svg",
   Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props),
@@ -657,6 +664,13 @@ const SvgPrinterIcon = (props) => React__namespace.default.createElement(
 );
 var PrintIcon = IconWrapper(SvgPrinterIcon);
 
+const SvgRedAlertIcon = (props) => React__namespace.default.createElement(
+  "svg",
+  Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 12 12" }, props),
+  React__namespace.default.createElement("rect", { width: 12, height: 12, fill: "currentColor", rx: 3 })
+);
+var RedAlertIcon = IconWrapper(SvgRedAlertIcon);
+
 const SvgRobotIcon = (props) => React__namespace.default.createElement(
   "svg",
   Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props),
@@ -735,6 +749,7 @@ var Icons = /*#__PURE__*/Object.freeze({
     AddIcon: AddIcon,
     AlarmClockIcon: AlarmClockIcon,
     AlertsIcon: BellIcon,
+    AmberAlertIcon: AmberAlertIcon,
     BellIcon: BellIcon,
     BellIconSlashed: BellIconSlashed,
     BluetoothIcon: BluetoothIcon,
@@ -816,6 +831,7 @@ var Icons = /*#__PURE__*/Object.freeze({
     PlusIcon: AddIcon,
     PrintIcon: PrintIcon,
     PrinterIcon: PrintIcon,
+    RedAlertIcon: RedAlertIcon,
     RightArrowIcon: RightArrowIcon,
     RobotIcon: RobotIcon,
     RocketIcon: RocketIcon,
@@ -877,9 +893,9 @@ const allowedColors = {
   base: "ui-text-slate-800",
   "slate-500": "ui-text-slate-500",
   "slate-200": "ui-text-slate-200",
-  red: "ui-text-red-700",
-  green: "ui-text-green-700",
-  amber: "ui-text-yellow-700",
+  red: "ui-text-red-800",
+  green: "ui-text-green-800",
+  amber: "ui-text-yellow-800",
   white: "ui-text-white",
   "blue-800": "ui-text-primary",
   current: "ui-text-current"
@@ -1236,7 +1252,7 @@ const BaseListItem = React__namespace.default.forwardRef(({ itemId, title, toolt
     React__namespace.default.createElement(
       "div",
       { className: "ui-py-4" },
-      React__namespace.default.createElement(Text, { type: isSelected ? "strong" : "base", text: title }),
+      typeof title === "string" ? React__namespace.default.createElement(Text, { type: isSelected ? "strong" : "base" }, title) : title,
       subtitle && React__namespace.default.createElement(Text, { text: subtitle, type: "sm", color: "slate-500" })
     ),
     React__namespace.default.createElement("div", { className: "ui-flex-grow" }),
@@ -6031,6 +6047,7 @@ exports.AccordionTemporary = Accordion;
 exports.AddIcon = AddIcon;
 exports.AlarmClockIcon = AlarmClockIcon;
 exports.AlertsIcon = BellIcon;
+exports.AmberAlertIcon = AmberAlertIcon;
 exports.Avatar = Avatar;
 exports.Badge = Badge;
 exports.BellIcon = BellIcon;
@@ -6164,6 +6181,7 @@ exports.Radio = Radio;
 exports.RadioGroup = RadioGroup;
 exports.RadioGroupV2 = RadioGroupV2;
 exports.RadioV2 = RadioV2;
+exports.RedAlertIcon = RedAlertIcon;
 exports.RightArrowIcon = RightArrowIcon;
 exports.RobotIcon = RobotIcon;
 exports.RocketIcon = RocketIcon;