@luscii-healthtech/web-ui 2.44.4 → 2.45.0

package/dist/web-ui.esm.js

@@ -486,9 +486,11 @@ var FlexContainer = function FlexContainer(props) {
       "items-start": alignItems === "start",
       "items-center": alignItems === "center",
       "items-end": alignItems === "end",
+      "space-x-1": horizontalSpacing === "tiny",
       "space-x-2": horizontalSpacing === "small",
       "space-x-4": horizontalSpacing === "medium",
       "space-x-8": horizontalSpacing === "large",
+      "space-y-1": verticalSpacing === "tiny",
       "space-y-2": verticalSpacing === "small",
       "space-y-4": verticalSpacing === "medium",
       "space-y-8": verticalSpacing === "large",
@@ -2617,23 +2619,14 @@ var NotificationBanner = function NotificationBanner(props) {
   }, /*#__PURE__*/React__default.createElement("div", {
     className: classes
   }, props.icon && /*#__PURE__*/React__default.createElement(DynamicIcon, {
-    className: "w-6 h-6",
+    className: "w-6 h-6 mr-3",
     icon: props.icon
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "flex flex-col"
-  }, props.title && /*#__PURE__*/React__default.createElement(Text, {
-    className: classNames({
-      "ml-3": props.icon
-    }),
-    text: props.title,
-    "data-test-id": "notification-title",
-    type: "strong",
-    color: color
-  }), (props.text || props.linkProps) && /*#__PURE__*/React__default.createElement("div", {
+  }, props.children, (props.text || props.linkProps) && /*#__PURE__*/React__default.createElement("div", {
     className: "flex flex-row items-center"
   }, props.text && /*#__PURE__*/React__default.createElement(Text, {
     className: classNames({
-      "ml-3": props.icon,
       "mr-1": props.linkProps
     }),
     text: props.text,
@@ -7820,6 +7813,60 @@ var StatusColoredIcon = function StatusColoredIcon(props) {
   }));
 };
 
+
+
+var Icons = {
+  __proto__: null,
+  AddIcon: AddIcon,
+  AlertsIcon: AlertsIcon,
+  BellIcon: BellIcon,
+  ChartIcon: ChartIcon,
+  ChartLineColoredIcon: ChartLineColoredIcon,
+  ChatBoxIcon: ChatBoxIcon,
+  CheckIcon: CheckIcon,
+  ChevronDoubleIcon: ChevronDoubleIcon,
+  CrossIcon: CrossIcon,
+  DeleteIcon: DeleteIcon,
+  DownArrowIcon: DownArrowIcon,
+  DragIcon: DragIcon,
+  EditIcon: EditIcon,
+  EmptyStateDashboardIcon: EmptyStateDashboardIcon,
+  ExclamationMarkIcon: ExclamationMarkIcon,
+  EyeIcon: EyeIcon,
+  GearIcon: GearIcon,
+  GearColoredIcon: GearColoredIcon,
+  GroupIcon: GroupIcon,
+  GroupColoredIcon: GroupColoredIcon,
+  HeartIcon: HeartIcon,
+  LeftArrowIcon: LeftArrowIcon,
+  LinkIcon: LinkIcon,
+  LightBulbIcon: LightBulbIcon,
+  LockIcon: LockIcon,
+  MessagesIcon: MessagesIcon,
+  NotesIcon: NotesIcon,
+  PinIcon: PinIcon,
+  PrintIcon: PrintIcon,
+  RightArrowIcon: RightArrowIcon,
+  SmallCircleIcon: SmallCircleIcon,
+  SmallDiamondIcon: SmallDiamondIcon,
+  SmallSquareIcon: SmallSquareIcon,
+  SpaceRocketIcon: SpaceRocketIcon,
+  StarIcon: StarIcon,
+  HamburgerIcon: HamburgerIcon,
+  SearchIcon: SearchIcon,
+  SearchCancelIcon: SearchCancelIcon,
+  InfoIcon: InfoIcon,
+  StatusColoredIcon: StatusColoredIcon
+};
+
+var _excluded$r = ["name"];
+var Icon = function Icon(_ref) {
+  var name = _ref.name,
+      iconProps = _objectWithoutPropertiesLoose(_ref, _excluded$r);
+
+  return /*#__PURE__*/React__default.createElement(Icons[name], iconProps);
+};
+
 var FullPageModalHeader = function FullPageModalHeader(_ref) {
   var primaryButtonProps = _ref.primaryButtonProps,
       title = _ref.title;
@@ -7879,5 +7926,5 @@ var Card = function Card(_ref) {
   }), children);
 };
 
-export { AccordionList, AddIcon, AlertsIcon, Avatar, Badge, BellIcon, Breadcrumbs, CRUDPage, Card, Carousel, CenteredHero, ChartIcon, ChartLineColoredIcon, ChatBoxIcon, CheckIcon, Checkbox, CheckboxList, CheckboxListModal, ChevronDoubleIcon, ConfirmationDialog, CrossIcon, Datepicker as DatePicker, DeleteIcon, Divider, DownArrowIcon, DragIcon, Dropdown, EditIcon, EmptyListMessage, EmptyStateDashboardIcon, ErrorBlock, ExclamationMarkIcon, EyeIcon, FlexColumn, FlexRow, Form, FullPageModal, GearColoredIcon, GearIcon, GenericForm, GroupColoredIcon, GroupIcon, HamburgerIcon, HeartIcon, INPUT_TYPES, ImagePicker, InfoBlock, InfoField, InfoIcon, Input, LeftArrowIcon, LightBulbIcon, Line, LinkIcon, List, LoadingIndicator, LockIcon, Menu, MessagesIcon, Modal, MultiSelect, NavLayout, NavMenu, NotesIcon, NotificationBanner, Page, PageHeader, PaginationMenu, PinIcon, PreviewPhone, PrimaryButton, PrintIcon, Radio, RadioGroup, RadioGroupV2, RadioV2, RightArrowIcon, SearchCancelIcon, SearchIcon, SearchInput, SecondaryButton, Section, SectionItem, SectionItemWithContent, Select, SettingsMenuButton, SmallCircleIcon, SmallDiamondIcon, SmallSquareIcon, SpaceRocketIcon, Spinner, StarIcon, StatusColoredIcon, Steps, Switcher, TOASTER_TYPE_OPTIONS, TabLinks, Tabbar, Table, Tag, TagGroup, TertiaryButton, Text, Textarea as TextArea, TextEditor, TextEditorV2, TextLink, Timeline, Title, Toaster, ViewItem, toast };
+export { AccordionList, AddIcon, AlertsIcon, Avatar, Badge, BellIcon, Breadcrumbs, CRUDPage, Card, Carousel, CenteredHero, ChartIcon, ChartLineColoredIcon, ChatBoxIcon, CheckIcon, Checkbox, CheckboxList, CheckboxListModal, ChevronDoubleIcon, ConfirmationDialog, CrossIcon, Datepicker as DatePicker, DeleteIcon, Divider, DownArrowIcon, DragIcon, Dropdown, EditIcon, EmptyListMessage, EmptyStateDashboardIcon, ErrorBlock, ExclamationMarkIcon, EyeIcon, FlexColumn, FlexRow, Form, FullPageModal, GearColoredIcon, GearIcon, GenericForm, GroupColoredIcon, GroupIcon, HamburgerIcon, HeartIcon, INPUT_TYPES, Icon, ImagePicker, InfoBlock, InfoField, InfoIcon, Input, LeftArrowIcon, LightBulbIcon, Line, LinkIcon, List, LoadingIndicator, LockIcon, Menu, MessagesIcon, Modal, MultiSelect, NavLayout, NavMenu, NotesIcon, NotificationBanner, Page, PageHeader, PaginationMenu, PinIcon, PreviewPhone, PrimaryButton, PrintIcon, Radio, RadioGroup, RadioGroupV2, RadioV2, RightArrowIcon, SearchCancelIcon, SearchIcon, SearchInput, SecondaryButton, Section, SectionItem, SectionItemWithContent, Select, SettingsMenuButton, SmallCircleIcon, SmallDiamondIcon, SmallSquareIcon, SpaceRocketIcon, Spinner, StarIcon, StatusColoredIcon, Steps, Switcher, TOASTER_TYPE_OPTIONS, TabLinks, Tabbar, Table, Tag, TagGroup, TertiaryButton, Text, Textarea as TextArea, TextEditor, TextEditorV2, TextLink, Timeline, Title, Toaster, ViewItem, toast };
 //# sourceMappingURL=web-ui.esm.js.map