@luscii-healthtech/web-ui 2.39.3 → 2.40.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Icons/ChartLineColoredIcon.d.ts +2 -0
- package/dist/components/Icons/GearColoredIcon.d.ts +2 -0
- package/dist/components/Icons/GroupColoredIcon.d.ts +2 -0
- package/dist/components/Icons/StatusColoredIcon.d.ts +2 -0
- package/dist/components/Icons/index.d.ts +4 -0
- package/dist/web-ui.cjs.development.js +139 -5
- package/dist/web-ui.cjs.development.js.map +1 -1
- package/dist/web-ui.cjs.production.min.js +1 -1
- package/dist/web-ui.cjs.production.min.js.map +1 -1
- package/dist/web-ui.esm.js +136 -6
- package/dist/web-ui.esm.js.map +1 -1
- package/package.json +1 -1
|
@@ -2,6 +2,7 @@ export { AddIcon } from "./AddIcon";
|
|
|
2
2
|
export { AlertsIcon } from "./AlertsIcon";
|
|
3
3
|
export { BellIcon } from "./BellIcon";
|
|
4
4
|
export { ChartIcon } from "./ChartIcon";
|
|
5
|
+
export { ChartLineColoredIcon } from "./ChartLineColoredIcon";
|
|
5
6
|
export { ChatBoxIcon } from "./ChatBoxIcon";
|
|
6
7
|
export { CheckIcon } from "./CheckIcon";
|
|
7
8
|
export { ChevronDoubleIcon } from "./ChevronDoubleIcon";
|
|
@@ -14,7 +15,9 @@ export { EmptyStateDashboardIcon } from "./EmptyStateDashboardIcon";
|
|
|
14
15
|
export { ExclamationMarkIcon } from "./ExclamationMarkIcon";
|
|
15
16
|
export { EyeIcon } from "./EyeIcon";
|
|
16
17
|
export { GearIcon } from "./GearIcon";
|
|
18
|
+
export { GearColoredIcon } from "./GearColoredIcon";
|
|
17
19
|
export { GroupIcon } from "./GroupIcon";
|
|
20
|
+
export { GroupColoredIcon } from "./GroupColoredIcon";
|
|
18
21
|
export { HeartIcon } from "./HeartIcon";
|
|
19
22
|
export { LeftArrowIcon } from "./LeftArrowIcon";
|
|
20
23
|
export { LinkIcon } from "./LinkIcon";
|
|
@@ -34,3 +37,4 @@ export { HamburgerIcon } from "./HamburgerIcon";
|
|
|
34
37
|
export { SearchIcon } from "./SearchIcon";
|
|
35
38
|
export { SearchCancelIcon } from "./SearchCancelIcon";
|
|
36
39
|
export { InfoIcon } from "./InfoIcon";
|
|
40
|
+
export { StatusColoredIcon } from "./StatusColoredIcon";
|
|
@@ -6930,6 +6930,42 @@ var BellIcon = function BellIcon(props) {
|
|
|
6930
6930
|
}));
|
|
6931
6931
|
};
|
|
6932
6932
|
|
|
6933
|
+
var ChartLineColoredIcon = function ChartLineColoredIcon(props) {
|
|
6934
|
+
return /*#__PURE__*/React__default.createElement("svg", {
|
|
6935
|
+
className: props.className,
|
|
6936
|
+
onClick: props.onClick,
|
|
6937
|
+
role: props.onClick ? "button" : undefined,
|
|
6938
|
+
width: "28",
|
|
6939
|
+
height: "28",
|
|
6940
|
+
viewBox: "0 0 28 28",
|
|
6941
|
+
fill: "none",
|
|
6942
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
6943
|
+
}, /*#__PURE__*/React__default.createElement("path", {
|
|
6944
|
+
d: "M5 20C4.45 20 3.97933 19.8043 3.588 19.413C3.196 19.021 3 18.55 3 18C3 17.45 3.196 16.979 3.588 16.587C3.97933 16.1957 4.45 16 5 16H5.263C5.33767 16 5.41667 16.0167 5.5 16.05L10.05 11.5C10.0167 11.4167 10 11.3373 10 11.262V11C10 10.45 10.196 9.979 10.588 9.587C10.9793 9.19567 11.45 9 12 9C12.55 9 13.021 9.19567 13.413 9.587C13.8043 9.979 14 10.45 14 11C14 11.0333 13.9833 11.2 13.95 11.5L16.5 14.05C16.5833 14.0167 16.6627 14 16.738 14H17.262C17.3373 14 17.4167 14.0167 17.5 14.05L21.05 10.5C21.0167 10.4167 21 10.3373 21 10.262V10C21 9.45 21.1957 8.97933 21.587 8.588C21.979 8.196 22.45 8 23 8C23.55 8 24.021 8.196 24.413 8.588C24.8043 8.97933 25 9.45 25 10C25 10.55 24.8043 11.0207 24.413 11.412C24.021 11.804 23.55 12 23 12H22.738C22.6627 12 22.5833 11.9833 22.5 11.95L18.95 15.5C18.9833 15.5833 19 15.6627 19 15.738V16C19 16.55 18.8043 17.0207 18.413 17.412C18.021 17.804 17.55 18 17 18C16.45 18 15.9793 17.804 15.588 17.412C15.196 17.0207 15 16.55 15 16V15.738C15 15.6627 15.0167 15.5833 15.05 15.5L12.5 12.95C12.4167 12.9833 12.3373 13 12.262 13H12C11.9667 13 11.8 12.9833 11.5 12.95L6.95 17.5C6.98333 17.5833 7 17.6627 7 17.738V18C7 18.55 6.804 19.021 6.412 19.413C6.02067 19.8043 5.55 20 5 20Z",
|
|
6945
|
+
fill: "#FF0099"
|
|
6946
|
+
}), /*#__PURE__*/React__default.createElement("circle", {
|
|
6947
|
+
cx: "12",
|
|
6948
|
+
cy: "11",
|
|
6949
|
+
r: "2",
|
|
6950
|
+
fill: "#FF82AB"
|
|
6951
|
+
}), /*#__PURE__*/React__default.createElement("circle", {
|
|
6952
|
+
cx: "5",
|
|
6953
|
+
cy: "18",
|
|
6954
|
+
r: "2",
|
|
6955
|
+
fill: "#FF82AB"
|
|
6956
|
+
}), /*#__PURE__*/React__default.createElement("circle", {
|
|
6957
|
+
cx: "17",
|
|
6958
|
+
cy: "16",
|
|
6959
|
+
r: "2",
|
|
6960
|
+
fill: "#FF82AB"
|
|
6961
|
+
}), /*#__PURE__*/React__default.createElement("circle", {
|
|
6962
|
+
cx: "23",
|
|
6963
|
+
cy: "10",
|
|
6964
|
+
r: "2",
|
|
6965
|
+
fill: "#FF82AB"
|
|
6966
|
+
}));
|
|
6967
|
+
};
|
|
6968
|
+
|
|
6933
6969
|
var ChatBoxIcon = function ChatBoxIcon(props) {
|
|
6934
6970
|
return /*#__PURE__*/React__default.createElement("svg", {
|
|
6935
6971
|
width: "20",
|
|
@@ -7364,6 +7400,27 @@ var GearIcon = function GearIcon(props) {
|
|
|
7364
7400
|
}));
|
|
7365
7401
|
};
|
|
7366
7402
|
|
|
7403
|
+
var GearColoredIcon = function GearColoredIcon(props) {
|
|
7404
|
+
return /*#__PURE__*/React__default.createElement("svg", {
|
|
7405
|
+
className: props.className,
|
|
7406
|
+
onClick: props.onClick,
|
|
7407
|
+
role: props.onClick ? "button" : undefined,
|
|
7408
|
+
width: "28",
|
|
7409
|
+
height: "28",
|
|
7410
|
+
viewBox: "0 0 28 28",
|
|
7411
|
+
fill: "none",
|
|
7412
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
7413
|
+
}, /*#__PURE__*/React__default.createElement("path", {
|
|
7414
|
+
d: "M13.1417 2.43667C13.5658 1.85445 14.4342 1.85444 14.8583 2.43666L16.9824 5.35293C17.2169 5.67494 17.612 5.83857 18.0055 5.77673L21.5696 5.2166C22.2812 5.10477 22.8952 5.71882 22.7834 6.43038L22.2233 9.99448C22.1614 10.388 22.3251 10.7831 22.6471 11.0176L25.5633 13.1417C26.1456 13.5658 26.1456 14.4342 25.5633 14.8583L22.6471 16.9824C22.3251 17.2169 22.1614 17.612 22.2233 18.0055L22.7834 21.5696C22.8952 22.2812 22.2812 22.8952 21.5696 22.7834L18.0055 22.2233C17.612 22.1614 17.2169 22.3251 16.9824 22.6471L14.8583 25.5633C14.4342 26.1456 13.5658 26.1456 13.1417 25.5633L11.0176 22.6471C10.7831 22.3251 10.388 22.1614 9.99448 22.2233L6.43038 22.7834C5.71882 22.8952 5.10477 22.2812 5.2166 21.5696L5.77673 18.0055C5.83857 17.612 5.67494 17.2169 5.35294 16.9824L2.43667 14.8583C1.85445 14.4342 1.85444 13.5658 2.43666 13.1417L5.35293 11.0176C5.67494 10.7831 5.83857 10.388 5.77673 9.99448L5.2166 6.43038C5.10477 5.71882 5.71882 5.10477 6.43038 5.2166L9.99448 5.77673C10.388 5.83857 10.7831 5.67494 11.0176 5.35294L13.1417 2.43667Z",
|
|
7415
|
+
fill: "#6670A5"
|
|
7416
|
+
}), /*#__PURE__*/React__default.createElement("circle", {
|
|
7417
|
+
cx: "14",
|
|
7418
|
+
cy: "14",
|
|
7419
|
+
r: "4",
|
|
7420
|
+
fill: "#383B6D"
|
|
7421
|
+
}));
|
|
7422
|
+
};
|
|
7423
|
+
|
|
7367
7424
|
var GroupIcon = function GroupIcon(props) {
|
|
7368
7425
|
return /*#__PURE__*/React__default.createElement("svg", {
|
|
7369
7426
|
className: props.className,
|
|
@@ -7380,6 +7437,25 @@ var GroupIcon = function GroupIcon(props) {
|
|
|
7380
7437
|
}));
|
|
7381
7438
|
};
|
|
7382
7439
|
|
|
7440
|
+
var GroupColoredIcon = function GroupColoredIcon(props) {
|
|
7441
|
+
return /*#__PURE__*/React__default.createElement("svg", {
|
|
7442
|
+
className: props.className,
|
|
7443
|
+
onClick: props.onClick,
|
|
7444
|
+
role: props.onClick ? "button" : undefined,
|
|
7445
|
+
width: "28",
|
|
7446
|
+
height: "28",
|
|
7447
|
+
viewBox: "0 0 28 28",
|
|
7448
|
+
fill: "none",
|
|
7449
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
7450
|
+
}, /*#__PURE__*/React__default.createElement("path", {
|
|
7451
|
+
d: "M4 22C3.71667 22 3.47933 21.904 3.288 21.712C3.096 21.5207 3 21.2833 3 21V19.2C3 18.6333 3.146 18.1123 3.438 17.637C3.72933 17.1623 4.11667 16.8 4.6 16.55C5.63333 16.0333 6.68333 15.6457 7.75 15.387C8.81667 15.129 9.9 15 11 15C12.1 15 13.1833 15.129 14.25 15.387C15.3167 15.6457 16.3667 16.0333 17.4 16.55C17.8833 16.8 18.2707 17.1623 18.562 17.637C18.854 18.1123 19 18.6333 19 19.2V21C19 21.2833 18.904 21.5207 18.712 21.712C18.5207 21.904 18.2833 22 18 22H4ZM11 14C9.9 14 8.95833 13.6083 8.175 12.825C7.39167 12.0417 7 11.1 7 10C7 8.9 7.39167 7.95833 8.175 7.175C8.95833 6.39167 9.9 6 11 6C12.1 6 13.0417 6.39167 13.825 7.175C14.6083 7.95833 15 8.9 15 10C15 11.1 14.6083 12.0417 13.825 12.825C13.0417 13.6083 12.1 14 11 14Z",
|
|
7452
|
+
fill: "#6ABFA5"
|
|
7453
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
7454
|
+
d: "M20.5246 22C20.6746 21.8833 20.7913 21.7373 20.8746 21.562C20.9579 21.3873 20.9996 21.1917 20.9996 20.975V19C20.9996 18.2667 20.7956 17.5623 20.3876 16.887C19.9789 16.2123 19.3996 15.6333 18.6496 15.15C19.4996 15.25 20.2996 15.4207 21.0496 15.662C21.7996 15.904 22.4996 16.2 23.1496 16.55C23.7496 16.8833 24.2079 17.254 24.5246 17.662C24.8413 18.0707 24.9996 18.5167 24.9996 19V21C24.9996 21.2833 24.9036 21.5207 24.7116 21.712C24.5203 21.904 24.2829 22 23.9996 22H20.5246ZM20.9996 10C20.9996 11.1 20.6079 12.0417 19.8246 12.825C19.0413 13.6083 18.0996 14 16.9996 14C16.8163 14 16.5829 13.9793 16.2996 13.938C16.0163 13.896 15.7829 13.85 15.5996 13.8C16.0496 13.2667 16.3953 12.675 16.6366 12.025C16.8786 11.375 16.9996 10.7 16.9996 10C16.9996 9.3 16.8786 8.625 16.6366 7.975C16.3953 7.325 16.0496 6.73333 15.5996 6.2C15.8329 6.11667 16.0663 6.06233 16.2996 6.037C16.5329 6.01233 16.7663 6 16.9996 6C18.0996 6 19.0413 6.39167 19.8246 7.175C20.6079 7.95833 20.9996 8.9 20.9996 10Z",
|
|
7455
|
+
fill: "#559783"
|
|
7456
|
+
}));
|
|
7457
|
+
};
|
|
7458
|
+
|
|
7383
7459
|
var HeartIcon = function HeartIcon(props) {
|
|
7384
7460
|
return /*#__PURE__*/React__default.createElement("svg", {
|
|
7385
7461
|
className: props.className,
|
|
@@ -7463,14 +7539,38 @@ var MessagesIcon = function MessagesIcon(props) {
|
|
|
7463
7539
|
className: props.className,
|
|
7464
7540
|
onClick: props.onClick,
|
|
7465
7541
|
role: props.onClick ? "button" : undefined,
|
|
7466
|
-
width: "
|
|
7467
|
-
height: "
|
|
7468
|
-
viewBox: "0 0
|
|
7542
|
+
width: "28",
|
|
7543
|
+
height: "28",
|
|
7544
|
+
viewBox: "0 0 28 28",
|
|
7469
7545
|
fill: "none",
|
|
7470
7546
|
xmlns: "http://www.w3.org/2000/svg"
|
|
7471
7547
|
}, /*#__PURE__*/React__default.createElement("path", {
|
|
7472
|
-
d: "
|
|
7473
|
-
fill: "
|
|
7548
|
+
d: "M24 3C25.1046 3 26 3.89543 26 5L26 20C26 21.1046 25.1046 22 24 22L4 22C2.89543 22 2 21.1046 2 20L2 5C2 3.89543 2.89543 3 4 3L24 3Z",
|
|
7549
|
+
fill: "#0074DD"
|
|
7550
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
7551
|
+
d: "M12.5858 10.4142C13.3668 9.63316 14.6332 9.63317 15.4142 10.4142L21.5858 16.5858C22.3668 17.3668 22.3668 18.6332 21.5858 19.4142L15.4142 25.5858C14.6332 26.3668 13.3668 26.3668 12.5858 25.5858L6.41421 19.4142C5.63316 18.6332 5.63317 17.3668 6.41421 16.5858L12.5858 10.4142Z",
|
|
7552
|
+
fill: "#0074DD"
|
|
7553
|
+
}), /*#__PURE__*/React__default.createElement("rect", {
|
|
7554
|
+
x: "5",
|
|
7555
|
+
y: "6",
|
|
7556
|
+
width: "18",
|
|
7557
|
+
height: "2",
|
|
7558
|
+
rx: "1",
|
|
7559
|
+
fill: "white"
|
|
7560
|
+
}), /*#__PURE__*/React__default.createElement("rect", {
|
|
7561
|
+
x: "5",
|
|
7562
|
+
y: "11",
|
|
7563
|
+
width: "18",
|
|
7564
|
+
height: "2",
|
|
7565
|
+
rx: "1",
|
|
7566
|
+
fill: "white"
|
|
7567
|
+
}), /*#__PURE__*/React__default.createElement("rect", {
|
|
7568
|
+
x: "7",
|
|
7569
|
+
y: "16",
|
|
7570
|
+
width: "14",
|
|
7571
|
+
height: "2",
|
|
7572
|
+
rx: "1",
|
|
7573
|
+
fill: "white"
|
|
7474
7574
|
}));
|
|
7475
7575
|
};
|
|
7476
7576
|
|
|
@@ -7665,6 +7765,36 @@ var InfoIcon = function InfoIcon(props) {
|
|
|
7665
7765
|
}));
|
|
7666
7766
|
};
|
|
7667
7767
|
|
|
7768
|
+
var StatusColoredIcon = function StatusColoredIcon(props) {
|
|
7769
|
+
return /*#__PURE__*/React__default.createElement("svg", {
|
|
7770
|
+
className: props.className,
|
|
7771
|
+
onClick: props.onClick,
|
|
7772
|
+
role: props.onClick ? "button" : undefined,
|
|
7773
|
+
width: "28",
|
|
7774
|
+
height: "28",
|
|
7775
|
+
viewBox: "0 0 28 28",
|
|
7776
|
+
fill: "none",
|
|
7777
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
7778
|
+
}, /*#__PURE__*/React__default.createElement("rect", {
|
|
7779
|
+
x: "6",
|
|
7780
|
+
y: "2",
|
|
7781
|
+
width: "16",
|
|
7782
|
+
height: "24",
|
|
7783
|
+
rx: "2",
|
|
7784
|
+
fill: "#374151"
|
|
7785
|
+
}), /*#__PURE__*/React__default.createElement("circle", {
|
|
7786
|
+
cx: "14",
|
|
7787
|
+
cy: "9",
|
|
7788
|
+
r: "4",
|
|
7789
|
+
fill: "white"
|
|
7790
|
+
}), /*#__PURE__*/React__default.createElement("circle", {
|
|
7791
|
+
cx: "14",
|
|
7792
|
+
cy: "19",
|
|
7793
|
+
r: "4",
|
|
7794
|
+
fill: "#E86967"
|
|
7795
|
+
}));
|
|
7796
|
+
};
|
|
7797
|
+
|
|
7668
7798
|
var FullPageModalHeader = function FullPageModalHeader(_ref) {
|
|
7669
7799
|
var primaryButtonProps = _ref.primaryButtonProps,
|
|
7670
7800
|
title = _ref.title;
|
|
@@ -7715,6 +7845,7 @@ exports.CRUDPage = CRUDPage;
|
|
|
7715
7845
|
exports.Carousel = Carousel;
|
|
7716
7846
|
exports.CenteredHero = CenteredHero;
|
|
7717
7847
|
exports.ChartIcon = ChartIcon;
|
|
7848
|
+
exports.ChartLineColoredIcon = ChartLineColoredIcon;
|
|
7718
7849
|
exports.ChatBoxIcon = ChatBoxIcon;
|
|
7719
7850
|
exports.CheckIcon = CheckIcon;
|
|
7720
7851
|
exports.Checkbox = Checkbox;
|
|
@@ -7739,8 +7870,10 @@ exports.FlexColumn = FlexColumn;
|
|
|
7739
7870
|
exports.FlexRow = FlexRow;
|
|
7740
7871
|
exports.Form = Form;
|
|
7741
7872
|
exports.FullPageModal = FullPageModal;
|
|
7873
|
+
exports.GearColoredIcon = GearColoredIcon;
|
|
7742
7874
|
exports.GearIcon = GearIcon;
|
|
7743
7875
|
exports.GenericForm = GenericForm;
|
|
7876
|
+
exports.GroupColoredIcon = GroupColoredIcon;
|
|
7744
7877
|
exports.GroupIcon = GroupIcon;
|
|
7745
7878
|
exports.HamburgerIcon = HamburgerIcon;
|
|
7746
7879
|
exports.HeartIcon = HeartIcon;
|
|
@@ -7792,6 +7925,7 @@ exports.SmallSquareIcon = SmallSquareIcon;
|
|
|
7792
7925
|
exports.SpaceRocketIcon = SpaceRocketIcon;
|
|
7793
7926
|
exports.Spinner = Spinner;
|
|
7794
7927
|
exports.StarIcon = StarIcon;
|
|
7928
|
+
exports.StatusColoredIcon = StatusColoredIcon;
|
|
7795
7929
|
exports.Steps = Steps;
|
|
7796
7930
|
exports.Switcher = Switcher;
|
|
7797
7931
|
exports.TOASTER_TYPE_OPTIONS = TOASTER_TYPE_OPTIONS;
|