@luscii-healthtech/web-ui 35.0.1 → 35.2.0

package/dist/components/Icons/SmallArrowDownIcon.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/SmallArrowUpIcon.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/SmallUpsideDownTriangleIcon.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

@@ -76,9 +76,12 @@ export { default as RobotIcon } from "./RobotIcon";
 export { default as RocketIcon } from "./RocketIcon";
 export { default as SearchIcon } from "./SearchIcon";
 export { default as ShareIcon } from "./ShareIcon";
+export { default as SmallArrowDownIcon } from "./SmallArrowDownIcon";
+export { default as SmallArrowUpIcon } from "./SmallArrowUpIcon";
 export { default as SmallCircleIcon } from "./SmallCircleIcon";
 export { default as SmallDiamondIcon } from "./SmallDiamondIcon";
 export { default as SmallSquareIcon } from "./SmallSquareIcon";
+export { default as SmallUpsideDownTriangleIcon } from "./SmallUpsideDownTriangleIcon";
 export { default as StarIcon } from "./StarIcon";
 export { default as StopwatchIcon } from "./StopwatchIcon";
 export { default as TadaIcon } from "./TadaIcon";

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" | "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" | "GrayAlertIcon" | "GroupIcon" | "GroupOfThreeIcon" | "HamburgerIcon" | "HandshakeIcon" | "HeartIcon" | "HeartMinusIcon" | "HomeIcon" | "ImageIcon" | "InfoIcon" | "LifebuoyIcon" | "LightBulbIcon" | "LinkIcon" | "ListIcon" | "LockIcon" | "LogInIcon" | "LogOutIcon" | "MessageWithArrowIcon" | "MoreIcon" | "MouseIcon" | "NoteIcon" | "PageViewIcon" | "PaperclipIcon" | "PatientIcon" | "PencilIcon" | "PhoneIcon" | "PieChartIcon" | "PinIcon" | "PlusIcon" | "PrinterIcon" | "RedAlertIcon" | "RobotIcon" | "RocketIcon" | "SearchIcon" | "ShareIcon" | "SmallCircleIcon" | "SmallDiamondIcon" | "SmallSquareIcon" | "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" | "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" | "GrayAlertIcon" | "GroupIcon" | "GroupOfThreeIcon" | "HamburgerIcon" | "HandshakeIcon" | "HeartIcon" | "HeartMinusIcon" | "HomeIcon" | "ImageIcon" | "InfoIcon" | "LifebuoyIcon" | "LightBulbIcon" | "LinkIcon" | "ListIcon" | "LockIcon" | "LogInIcon" | "LogOutIcon" | "MessageWithArrowIcon" | "MoreIcon" | "MouseIcon" | "NoteIcon" | "PageViewIcon" | "PaperclipIcon" | "PatientIcon" | "PencilIcon" | "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;
     width?: FormFieldSize | [FormFieldSize, (FormFieldSize | undefined)?, (FormFieldSize | undefined)?, (FormFieldSize | undefined)?, (FormFieldSize | undefined)?] | undefined;
     isError?: boolean | undefined;
     isClearIconVisible?: boolean | undefined;

package/dist/index.development.js

@@ -26,7 +26,6 @@ var FlyOutMenuPrimitive = require('@radix-ui/react-dropdown-menu');
 var tailwindMerge = require('tailwind-merge');
 var ReactSelect = require('react-select');
 var groupBy = require('lodash/groupBy');
-require('@reach/router');
 var debounce = require('lodash.debounce');
 var RadixSwitch = require('@radix-ui/react-switch');
 var Quill = require('quill');
@@ -285,7 +284,7 @@ const SvgChartBarsIcon = (props) => React__namespace.default.createElement(
   Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props),
   React__namespace.default.createElement("path", { fill: "currentColor", d: "M4 19h4.337v-8H4v8Zm5.836 0h4.328V5H9.835v14Zm5.827 0H20v-6h-4.337v6ZM2.5 18.692v-7.384c0-.497.177-.923.531-1.277A1.74 1.74 0 0 1 4.308 9.5h4.029V5.308c0-.497.177-.923.53-1.277a1.74 1.74 0 0 1 1.277-.531h3.712c.497 0 .922.177 1.276.531.354.354.531.78.531 1.277V11.5h4.03c.496 0 .922.177 1.276.531.354.354.531.78.531 1.277v5.384c0 .497-.177.923-.531 1.277a1.74 1.74 0 0 1-1.277.531H4.308a1.74 1.74 0 0 1-1.277-.531 1.74 1.74 0 0 1-.531-1.277Z" })
 );
-var ChartIcon = IconWrapper(SvgChartBarsIcon);
+var ChartBarsIcon = IconWrapper(SvgChartBarsIcon);
 
 const SvgChartLineAndBarsIcon = (props) => React__namespace.default.createElement(
   "svg",
@@ -673,7 +672,7 @@ const SvgPencilIcon = (props) => React__namespace.default.createElement(
   Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props),
   React__namespace.default.createElement("path", { fill: "currentColor", d: "M5 19h1.261L16.498 8.763l-1.261-1.261L5 17.738V19Zm-.596 1.5a.875.875 0 0 1-.644-.26.875.875 0 0 1-.26-.644v-1.733a1.8 1.8 0 0 1 .527-1.275L16.69 3.931a1.7 1.7 0 0 1 .501-.319 1.5 1.5 0 0 1 .575-.112c.2 0 .395.036.583.107.188.07.354.184.499.34l1.221 1.236c.155.145.266.311.332.5.066.188.099.377.099.565 0 .201-.034.393-.103.576-.069.183-.178.35-.328.501L7.411 19.973a1.801 1.801 0 0 1-1.274.527H4.403ZM15.856 8.144l-.62-.642 1.262 1.261-.642-.62Z" })
 );
-var EditIcon = IconWrapper(SvgPencilIcon);
+var PencilIcon = IconWrapper(SvgPencilIcon);
 
 const SvgPhoneIcon = (props) => React__namespace.default.createElement(
   "svg",
@@ -701,14 +700,14 @@ const SvgPlusIcon = (props) => React__namespace.default.createElement(
   Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props),
   React__namespace.default.createElement("path", { fill: "currentColor", d: "M11.25 12.75h-5a.726.726 0 0 1-.534-.216A.726.726 0 0 1 5.5 12c0-.213.072-.391.216-.535a.726.726 0 0 1 .534-.215h5v-5c0-.213.072-.39.216-.534A.726.726 0 0 1 12 5.5c.213 0 .391.072.535.216a.726.726 0 0 1 .215.534v5h5c.212 0 .39.072.534.216A.726.726 0 0 1 18.5 12a.726.726 0 0 1-.216.535.726.726 0 0 1-.534.215h-5v5c0 .212-.072.39-.216.534A.726.726 0 0 1 12 18.5a.725.725 0 0 1-.535-.216.726.726 0 0 1-.215-.534v-5Z" })
 );
-var AddIcon = IconWrapper(SvgPlusIcon);
+var PlusIcon = IconWrapper(SvgPlusIcon);
 
 const SvgPrinterIcon = (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),
   React__namespace.default.createElement("path", { fill: "currentColor", d: "M8.308 20.5a1.74 1.74 0 0 1-1.277-.531 1.74 1.74 0 0 1-.53-1.277V16.5H4.595a1.74 1.74 0 0 1-1.276-.531 1.74 1.74 0 0 1-.531-1.277v-3.884c0-.709.242-1.302.726-1.782.483-.479 1.075-.718 1.774-.718h13.423c.708 0 1.302.24 1.78.718.48.48.72 1.073.72 1.782v3.884c0 .497-.177.923-.532 1.277a1.74 1.74 0 0 1-1.276.531H17.5v2.192c0 .497-.177.923-.531 1.277a1.74 1.74 0 0 1-1.277.531H8.308ZM4.596 15H6.5c.013-.486.194-.902.545-1.249a1.73 1.73 0 0 1 1.263-.52h7.384c.492 0 .913.173 1.263.52.35.347.532.763.545 1.249h1.904a.3.3 0 0 0 .221-.087.3.3 0 0 0 .087-.22v-3.885a.968.968 0 0 0-.288-.713.968.968 0 0 0-.712-.287H5.289a.968.968 0 0 0-.713.287.967.967 0 0 0-.287.713v3.884a.3.3 0 0 0 .086.221.3.3 0 0 0 .221.087ZM16 8.308V5.615a.3.3 0 0 0-.086-.22.3.3 0 0 0-.222-.087H8.308a.3.3 0 0 0-.221.086.3.3 0 0 0-.087.221v2.693H6.5V5.615c0-.497.177-.922.531-1.276a1.74 1.74 0 0 1 1.277-.531h7.384c.497 0 .923.177 1.277.53.354.355.531.78.531 1.277v2.693H16Zm1.808 4c.283 0 .52-.096.712-.288a.968.968 0 0 0 .288-.712.967.967 0 0 0-.288-.713.967.967 0 0 0-.712-.287.968.968 0 0 0-.713.287.968.968 0 0 0-.287.713c0 .283.096.52.287.712.192.192.43.288.713.288ZM16 18.692V15.04a.3.3 0 0 0-.086-.222.3.3 0 0 0-.222-.086H8.308a.3.3 0 0 0-.221.086.3.3 0 0 0-.087.222v3.653a.3.3 0 0 0 .087.221.3.3 0 0 0 .22.087h7.385a.3.3 0 0 0 .222-.087.3.3 0 0 0 .086-.22ZM4.596 9.808H4.29h15.423H4.596Z" })
 );
-var PrintIcon = IconWrapper(SvgPrinterIcon);
+var PrinterIcon = IconWrapper(SvgPrinterIcon);
 
 const SvgRedAlertIcon = (props) => React__namespace.default.createElement(
   "svg",
@@ -745,6 +744,20 @@ const SvgShareIcon = (props) => React__namespace.default.createElement(
 );
 var ShareIcon = IconWrapper(SvgShareIcon);
 
+const SvgSmallArrowDownIcon = (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),
+  React__namespace.default.createElement("path", { fill: "currentColor", d: "M16.245 12.235h1.689c.945 0 1.423 1.247.754 1.974l-5.938 6.453a.999.999 0 0 1-1.498 0L5.315 14.21c-.67-.727-.202-1.974.743-1.974h1.69v-7.08C7.747 4.518 8.224 4 8.808 4h6.373c.585 0 1.063.52 1.063 1.154v7.081Z" })
+);
+var SmallArrowDownIcon = IconWrapper(SvgSmallArrowDownIcon);
+
+const SvgSmallArrowUpIcon = (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),
+  React__namespace.default.createElement("path", { fill: "currentColor", d: "M7.755 11.765H6.066c-.945 0-1.423-1.247-.754-1.974l5.938-6.453a1 1 0 0 1 1.498 0l5.937 6.453c.67.727.202 1.974-.743 1.974h-1.69v7.08c0 .636-.477 1.155-1.061 1.155H8.817c-.584 0-1.062-.52-1.062-1.154v-7.081Z" })
+);
+var SmallArrowUpIcon = IconWrapper(SvgSmallArrowUpIcon);
+
 const SvgSmallCircleIcon = (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),
@@ -769,6 +782,13 @@ const SvgSmallSquareIcon = (props) => React__namespace.default.createElement(
 );
 var SmallSquareIcon = IconWrapper(SvgSmallSquareIcon);
 
+const SvgSmallUpsideDownTriangleIcon = (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),
+  React__namespace.default.createElement("path", { fill: "currentColor", d: "M3.913 8.06C3.08 6.728 4.037 5 5.609 5h12.783c1.57 0 2.528 1.728 1.695 3.06l-6.391 10.226a2 2 0 0 1-3.392 0L3.912 8.06Z" })
+);
+var SmallUpsideDownTriangleIcon = IconWrapper(SvgSmallUpsideDownTriangleIcon);
+
 const SvgStarIcon = (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),
@@ -795,7 +815,7 @@ const SvgTrashBinIcon = (props) => React__namespace.default.createElement(
   Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props),
   React__namespace.default.createElement("path", { fill: "currentColor", d: "M7.308 20.5c-.499 0-.925-.177-1.278-.53a1.742 1.742 0 0 1-.53-1.278V6h-.25a.726.726 0 0 1-.535-.215.726.726 0 0 1-.215-.535.73.73 0 0 1 .215-.535.726.726 0 0 1 .535-.215H9c0-.245.086-.453.259-.626a.853.853 0 0 1 .626-.259h4.23a.85.85 0 0 1 .626.26A.852.852 0 0 1 15 4.5h3.75a.73.73 0 0 1 .535.215.726.726 0 0 1 .215.535.726.726 0 0 1-.215.535.726.726 0 0 1-.535.215h-.25v12.692c0 .499-.177.925-.53 1.278-.353.353-.779.53-1.278.53H7.308ZM17 6H7v12.692a.3.3 0 0 0 .087.221.3.3 0 0 0 .22.087h9.385a.3.3 0 0 0 .221-.087.3.3 0 0 0 .087-.22V6ZM9.404 17h1.5V8h-1.5v9Zm3.692 0h1.5V8h-1.5v9Z" })
 );
-var DeleteIcon = IconWrapper(SvgTrashBinIcon);
+var TrashBinIcon = IconWrapper(SvgTrashBinIcon);
 
 const SvgTreeIcon = (props) => React__namespace.default.createElement(
   "svg",
@@ -814,7 +834,7 @@ var UnassignedIcon = IconWrapper(SvgUnassignedIcon);
 var Icons = /*#__PURE__*/Object.freeze({
     __proto__: null,
     AbsentIcon: AbsentIcon,
-    AddIcon: AddIcon,
+    AddIcon: PlusIcon,
     AlarmClockIcon: AlarmClockIcon,
     AlertsIcon: BellIcon,
     AmberAlertIcon: AmberAlertIcon,
@@ -826,8 +846,8 @@ var Icons = /*#__PURE__*/Object.freeze({
     CalendarDayIcon: CalendarDayIcon,
     CalendarMonthIcon: CalendarMonthIcon,
     CalendarRepeatIcon: CalendarRepeatIcon,
-    ChartBarsIcon: ChartIcon,
-    ChartIcon: ChartIcon,
+    ChartBarsIcon: ChartBarsIcon,
+    ChartIcon: ChartBarsIcon,
     ChartLineAndBarsIcon: ChartLineAndBarsIcon,
     ChartLineColoredIcon: ChartLineColoredIcon,
     ChatBoxIcon: ChatBubbleIcon,
@@ -845,13 +865,13 @@ var Icons = /*#__PURE__*/Object.freeze({
     CrossInCircleIcon: CrossInCircleIcon,
     CrossInFilledCircleIcon: CrossInFilledCircleIcon,
     DatabaseIcon: DatabaseIcon,
-    DeleteIcon: DeleteIcon,
+    DeleteIcon: TrashBinIcon,
     DownArrowIcon: ChevronDownIcon,
     DownloadIcon: DownloadIcon,
     DragIcon: DragIndicatorIcon,
     DragIndicatorIcon: DragIndicatorIcon,
     EarthIcon: EarthIcon,
-    EditIcon: EditIcon,
+    EditIcon: PencilIcon,
     EmailIcon: EmailIcon,
     EmptyIcon: EmptyIcon,
     ExclamationMarkIcon: ExclamationMarkIcon,
@@ -896,13 +916,13 @@ var Icons = /*#__PURE__*/Object.freeze({
     PageViewIcon: PageViewIcon,
     PaperclipIcon: PaperclipIcon,
     PatientIcon: PatientIcon,
-    PencilIcon: EditIcon,
+    PencilIcon: PencilIcon,
     PhoneIcon: PhoneIcon,
     PieChartIcon: PieChartIcon,
     PinIcon: PinIcon,
-    PlusIcon: AddIcon,
-    PrintIcon: PrintIcon,
-    PrinterIcon: PrintIcon,
+    PlusIcon: PlusIcon,
+    PrintIcon: PrinterIcon,
+    PrinterIcon: PrinterIcon,
     RedAlertIcon: RedAlertIcon,
     RightArrowIcon: RightArrowIcon,
     RobotIcon: RobotIcon,
@@ -910,15 +930,18 @@ var Icons = /*#__PURE__*/Object.freeze({
     SearchIcon: SearchIcon,
     SettingsIcon: CogwheelIcon,
     ShareIcon: ShareIcon,
+    SmallArrowDownIcon: SmallArrowDownIcon,
+    SmallArrowUpIcon: SmallArrowUpIcon,
     SmallCircleIcon: SmallCircleIcon,
     SmallDiamondIcon: SmallDiamondIcon,
     SmallSquareIcon: SmallSquareIcon,
+    SmallUpsideDownTriangleIcon: SmallUpsideDownTriangleIcon,
     SpaceRocketIcon: RocketIcon,
     StarIcon: StarIcon,
     StatusColoredIcon: StatusColoredIcon,
     StopwatchIcon: StopwatchIcon,
     TadaIcon: TadaIcon,
-    TrashBinIcon: DeleteIcon,
+    TrashBinIcon: TrashBinIcon,
     TreeIcon: TreeIcon,
     UnassignedIcon: UnassignedIcon,
     WarningIcon: ExclamationMarkIcon
@@ -4431,18 +4454,6 @@ Page.propTypes = {
   navLayoutProps: PropTypes__default.default.object
 };
 
-const BUTTON_ROLES = {
-  PRIMARY: "primary",
-  SECONDARY: "secondary",
-  SECONDARY_DARK: "secondaryDark",
-  TERTIARY: "tertiary",
-  QUATERNARY: "quaternary",
-  NEGATIVE: "negative",
-  TEXT: "text",
-  LINK: "link",
-  ICON: "icon"
-};
-
 const Step = ({ title, stepNumber, active, localization }) => {
   const barColor = active ? "ui-bg-primary" : "ui-bg-slate-200";
   return React__namespace.default.createElement(
@@ -4660,8 +4671,8 @@ const PageHeader = ({ navigation, breadcrumbs, dataTestId, accessories, isPollin
 
 const CRUDPage = ({ submitButtonProps, cancelButtonProps, className, children, isLoading, isSubmitting, dataTestId = "page", title, header, steps, isMobileFriendly, belowHeader }) => {
   const mergedClasses = classNames__default.default("cweb-crud-page", "ui-w-full ui-mb-0 ui-mx-auto ui-pb-8", className);
-  const submitButton = submitButtonProps && React__namespace.default.createElement(PrimaryButton, Object.assign({ "data-test-id": "submit-button", key: "submit-button", role: BUTTON_ROLES.PRIMARY, isPending: isSubmitting }, submitButtonProps));
-  const cancelButton = cancelButtonProps && React__namespace.default.createElement(TertiaryButton, Object.assign({ "data-test-id": "cancel-button", key: "cancel-button", role: BUTTON_ROLES.SECONDARY }, cancelButtonProps));
+  const submitButton = submitButtonProps && React__namespace.default.createElement(PrimaryButton, Object.assign({ "data-test-id": "submit-button", key: "submit-button", role: "primary", isPending: isSubmitting }, submitButtonProps));
+  const cancelButton = cancelButtonProps && React__namespace.default.createElement(TertiaryButton, Object.assign({ "data-test-id": "cancel-button", key: "cancel-button", role: "secondary" }, cancelButtonProps));
   if (isLoading) {
     return React__namespace.default.createElement(
       "div",
@@ -6551,7 +6562,7 @@ Object.defineProperty(exports, 'Toaster', {
 exports.AbsentIcon = AbsentIcon;
 exports.AccordionList = AccordionList;
 exports.AccordionTemporary = Accordion;
-exports.AddIcon = AddIcon;
+exports.AddIcon = PlusIcon;
 exports.AlarmClockIcon = AlarmClockIcon;
 exports.AlertsIcon = BellIcon;
 exports.AmberAlertIcon = AmberAlertIcon;
@@ -6572,8 +6583,8 @@ exports.CalendarRepeatIcon = CalendarRepeatIcon;
 exports.Card = Card;
 exports.Carousel = Carousel;
 exports.CenteredHero = CenteredHero;
-exports.ChartBarsIcon = ChartIcon;
-exports.ChartIcon = ChartIcon;
+exports.ChartBarsIcon = ChartBarsIcon;
+exports.ChartIcon = ChartBarsIcon;
 exports.ChartLineAndBarsIcon = ChartLineAndBarsIcon;
 exports.ChartLineColoredIcon = ChartLineColoredIcon;
 exports.ChatBoxIcon = ChatBubbleIcon;
@@ -6599,7 +6610,7 @@ exports.CrossInFilledCircleIcon = CrossInFilledCircleIcon;
 exports.DatabaseIcon = DatabaseIcon;
 exports.DatePicker = DatePicker;
 exports.DatePickerV2 = DatePicker;
-exports.DeleteIcon = DeleteIcon;
+exports.DeleteIcon = TrashBinIcon;
 exports.Divider = Divider;
 exports.DownArrowIcon = ChevronDownIcon;
 exports.DownloadIcon = DownloadIcon;
@@ -6609,7 +6620,7 @@ exports.DragIndicatorIcon = DragIndicatorIcon;
 exports.Dropdown = Dropdown;
 exports.Dropzone = Dropzone;
 exports.EarthIcon = EarthIcon;
-exports.EditIcon = EditIcon;
+exports.EditIcon = PencilIcon;
 exports.EmailIcon = EmailIcon;
 exports.EmptyIcon = EmptyIcon;
 exports.EmptyListMessage = EmptyListMessage;
@@ -6680,15 +6691,15 @@ exports.PageViewIcon = PageViewIcon;
 exports.PaginationMenu = PaginationMenu;
 exports.PaperclipIcon = PaperclipIcon;
 exports.PatientIcon = PatientIcon;
-exports.PencilIcon = EditIcon;
+exports.PencilIcon = PencilIcon;
 exports.PhoneIcon = PhoneIcon;
 exports.PieChartIcon = PieChartIcon;
 exports.PinIcon = PinIcon;
-exports.PlusIcon = AddIcon;
+exports.PlusIcon = PlusIcon;
 exports.PreviewPhone = PreviewPhone;
 exports.PrimaryButton = PrimaryButton;
-exports.PrintIcon = PrintIcon;
-exports.PrinterIcon = PrintIcon;
+exports.PrintIcon = PrinterIcon;
+exports.PrinterIcon = PrinterIcon;
 exports.Radio = Radio;
 exports.RadioGroup = RadioGroup;
 exports.RadioGroupV2 = RadioGroupV2;
@@ -6708,9 +6719,12 @@ exports.SettingsIcon = CogwheelIcon;
 exports.SettingsMenuButton = SettingsMenuButton;
 exports.ShareIcon = ShareIcon;
 exports.Skeleton = Skeleton;
+exports.SmallArrowDownIcon = SmallArrowDownIcon;
+exports.SmallArrowUpIcon = SmallArrowUpIcon;
 exports.SmallCircleIcon = SmallCircleIcon;
 exports.SmallDiamondIcon = SmallDiamondIcon;
 exports.SmallSquareIcon = SmallSquareIcon;
+exports.SmallUpsideDownTriangleIcon = SmallUpsideDownTriangleIcon;
 exports.SpaceRocketIcon = RocketIcon;
 exports.Spinner = Spinner;
 exports.Stack = Stack;
@@ -6739,7 +6753,7 @@ exports.Timeline = Timeline;
 exports.TimelineCard = TimelineCard;
 exports.TimelineCardLayout = TimelineCardLayout;
 exports.Title = Title;
-exports.TrashBinIcon = DeleteIcon;
+exports.TrashBinIcon = TrashBinIcon;
 exports.TreeIcon = TreeIcon;
 exports.UList = UnorderedList;
 exports.UnassignedIcon = UnassignedIcon;