@luscii-healthtech/web-ui 0.7.2 → 0.8.2

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.
Files changed (20) hide show
  1. package/dist/components/ButtonV2/ButtonProps.type.d.ts +19 -3
  2. package/dist/components/ButtonV2/PrimaryButton.d.ts +2 -2
  3. package/dist/components/Section/Section.d.ts +3 -1
  4. package/dist/components/Timeline/Timeline.d.ts +9 -0
  5. package/dist/components/Timeline/TimelineStep.d.ts +12 -0
  6. package/dist/index.d.ts +2 -1
  7. package/dist/web-ui-tailwind.css +43 -0
  8. package/dist/web-ui.cjs.development.js +58 -26
  9. package/dist/web-ui.cjs.development.js.map +1 -1
  10. package/dist/web-ui.cjs.production.min.js +1 -1
  11. package/dist/web-ui.cjs.production.min.js.map +1 -1
  12. package/dist/web-ui.esm.js +58 -27
  13. package/dist/web-ui.esm.js.map +1 -1
  14. package/package.json +1 -1
  15. package/src/components/ButtonV2/ButtonProps.type.ts +22 -3
  16. package/src/components/ButtonV2/PrimaryButton.tsx +4 -2
  17. package/src/components/Section/Section.tsx +6 -1
  18. package/src/components/Timeline/Timeline.tsx +28 -0
  19. package/src/components/Timeline/TimelineStep.tsx +41 -0
  20. package/src/index.tsx +2 -1
package/dist/components/ButtonV2/ButtonProps.type.d.ts CHANGED
@@ -1,15 +1,31 @@
1
1
  /// <reference types="react" />
2
2
  import { IconProps } from "../Icons/types/IconProps.type";
3
3
  import { TextColor, TextHoverColor } from "../Text/Text";
4
+ /**
5
+ * Properties that are present in all variants of the button
6
+ *
7
+ */
4
8
  export interface BaseButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
5
9
  onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
6
10
  text?: string;
7
- textColor?: TextColor;
8
- textHoverColor?: TextHoverColor;
9
11
  icon?: React.FunctionComponent<IconProps>;
10
12
  isDisabled?: boolean;
11
13
  className?: string;
12
14
  }
13
- export interface ButtonProps extends BaseButtonProps {
15
+ /**
16
+ * Extra properties that can be set when the variant of the button
17
+ * supports the pending state
18
+ *
19
+ */
20
+ export interface ButtonWithPendingStateProps extends BaseButtonProps {
14
21
  isPending?: boolean;
15
22
  }
23
+ /**
24
+ * All properties of BaseButtonProps and ButtonWithPendingStateProps,
25
+ * plus other properties that are assigned internally by the button variants.
26
+ *
27
+ */
28
+ export interface ButtonProps extends BaseButtonProps, ButtonWithPendingStateProps {
29
+ textColor?: TextColor;
30
+ textHoverColor?: TextHoverColor;
31
+ }
package/dist/components/ButtonV2/PrimaryButton.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
- import { ButtonProps } from "./ButtonProps.type";
3
- export declare const PrimaryButton: (props: ButtonProps) => JSX.Element;
2
+ import { ButtonWithPendingStateProps } from "./ButtonProps.type";
3
+ export declare const PrimaryButton: (props: ButtonWithPendingStateProps) => JSX.Element;
package/dist/components/Section/Section.d.ts CHANGED
@@ -6,9 +6,11 @@ import "./Section.scss";
6
6
  export interface SectionProps extends RestPropped {
7
7
  title?: string;
8
8
  buttons?: ButtonProps[];
9
+ footer?: React.ReactNode;
9
10
  className?: string;
10
11
  isLoading?: boolean;
11
12
  loadingIndicatorProps?: LoadingIndicatorProps;
13
+ children?: React.ReactNode;
12
14
  }
13
- export declare function Section({ title, buttons, children, className, isLoading, loadingIndicatorProps, ...restProps }: React.PropsWithChildren<SectionProps>): JSX.Element;
15
+ export declare function Section({ title, buttons, footer, children, className, isLoading, loadingIndicatorProps, ...restProps }: SectionProps): JSX.Element;
14
16
  export default Section;
package/dist/components/Timeline/Timeline.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ import { BaseButtonProps } from "../ButtonV2/ButtonProps.type";
3
+ import { TimelineStepProps } from "./TimelineStep";
4
+ export interface TimelineProps {
5
+ steps: TimelineStepProps[];
6
+ loadMoreButtonProps?: BaseButtonProps;
7
+ }
8
+ export declare const Timeline: (props: TimelineProps) => JSX.Element;
9
+ export default Timeline;
package/dist/components/Timeline/TimelineStep.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ import React from "react";
2
+ export interface TimelineStepProps {
3
+ key: string | number;
4
+ type?: "wide" | "base";
5
+ content: React.ReactNode;
6
+ }
7
+ export declare const TimelineStep: {
8
+ ({ content, type, }: TimelineStepProps): JSX.Element;
9
+ defaultProps: {
10
+ type: "wide" | "base" | undefined;
11
+ };
12
+ };
package/dist/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  export { default as Acknowledgement, ACKNOWLEDGEMENT_TYPE_OPTIONS, } from "./components/Acknowledgement/Acknowledgement";
2
2
  export { default as Avatar } from "./components/Avatar/Avatar";
3
3
  export { default as Badge } from "./components/Badge/Badge";
4
- export { BaseButtonProps as NonPrimaryButtonProps, ButtonProps as PrimaryButtonProps, } from "./components/ButtonV2/ButtonProps.type";
4
+ export { BaseButtonProps as NonPrimaryButtonProps, ButtonWithPendingStateProps as PrimaryButtonProps, } from "./components/ButtonV2/ButtonProps.type";
5
5
  export { PrimaryButton } from "./components/ButtonV2/PrimaryButton";
6
6
  export { SecondaryButton } from "./components/ButtonV2/SecondaryButton";
7
7
  export { TertiaryButton } from "./components/ButtonV2/TertiaryButton";
@@ -49,6 +49,7 @@ export { default as TextEditor } from "./components/TextEditor/TextEditor";
49
49
  export { default as TextEditorV2 } from "./components/TextEditorV2/TextEditorV2";
50
50
  export { TextLink, TextLinkProps } from "./components/TextLink/TextLink";
51
51
  export { Title, TitleStyle } from "./components/Title/Title";
52
+ export { Timeline } from "./components/Timeline/Timeline";
52
53
  export { ViewItem, ViewItemProps } from "./components/ViewItem/ViewItem";
53
54
  export { default as Text } from "./components/Text/Text";
54
55
  export { IconProps } from "./components/Icons/types/IconProps.type";
package/dist/web-ui-tailwind.css CHANGED
@@ -819,6 +819,12 @@ video {
819
819
  border-color: rgba(8, 128, 236, var(--border-opacity));
820
820
  }
821
821
 
822
+ .border-blue-800 {
823
+ --border-opacity: 1;
824
+ border-color: #0074DD;
825
+ border-color: rgba(0, 116, 221, var(--border-opacity));
826
+ }
827
+
822
828
  .border-slate-50 {
823
829
  --border-opacity: 1;
824
830
  border-color: #f8fafc;
@@ -972,6 +978,10 @@ video {
972
978
  border-width: 1px;
973
979
  }
974
980
 
981
+ .border-l-2 {
982
+ border-left-width: 2px;
983
+ }
984
+
975
985
  .border-t {
976
986
  border-top-width: 1px;
977
987
  }
@@ -1148,6 +1158,10 @@ video {
1148
1158
  height: 100vh;
1149
1159
  }
1150
1160
 
1161
+ .last\:h-0:last-child {
1162
+ height: 0;
1163
+ }
1164
+
1151
1165
  .text-xs {
1152
1166
  font-size: 0.75rem;
1153
1167
  }
@@ -1225,6 +1239,11 @@ video {
1225
1239
  margin-bottom: 1.5rem;
1226
1240
  }
1227
1241
 
1242
+ .mx-auto {
1243
+ margin-left: auto;
1244
+ margin-right: auto;
1245
+ }
1246
+
1228
1247
  .ml-0 {
1229
1248
  margin-left: 0;
1230
1249
  }
@@ -1277,6 +1296,10 @@ video {
1277
1296
  margin-left: 1rem;
1278
1297
  }
1279
1298
 
1299
+ .mt-6 {
1300
+ margin-top: 1.5rem;
1301
+ }
1302
+
1280
1303
  .mb-6 {
1281
1304
  margin-bottom: 1.5rem;
1282
1305
  }
@@ -1309,6 +1332,10 @@ video {
1309
1332
  margin-left: 0.625rem;
1310
1333
  }
1311
1334
 
1335
+ .-ml-px {
1336
+ margin-left: -1px;
1337
+ }
1338
+
1312
1339
  .first\:ml-0:first-child {
1313
1340
  margin-left: 0;
1314
1341
  }
@@ -1469,6 +1496,10 @@ video {
1469
1496
  padding-left: 0.25rem;
1470
1497
  }
1471
1498
 
1499
+ .pt-3 {
1500
+ padding-top: 0.75rem;
1501
+ }
1502
+
1472
1503
  .pl-4 {
1473
1504
  padding-left: 1rem;
1474
1505
  }
@@ -1481,6 +1512,10 @@ video {
1481
1512
  padding-bottom: 1.5rem;
1482
1513
  }
1483
1514
 
1515
+ .pl-6 {
1516
+ padding-left: 1.5rem;
1517
+ }
1518
+
1484
1519
  .pl-10 {
1485
1520
  padding-left: 2.5rem;
1486
1521
  }
@@ -1561,10 +1596,18 @@ video {
1561
1596
  left: 0;
1562
1597
  }
1563
1598
 
1599
+ .top-3 {
1600
+ top: 0.75rem;
1601
+ }
1602
+
1564
1603
  .-top-1 {
1565
1604
  top: -0.25rem;
1566
1605
  }
1567
1606
 
1607
+ .-left-3 {
1608
+ left: -0.75rem;
1609
+ }
1610
+
1568
1611
  .-right-54 {
1569
1612
  right: -13.5rem;
1570
1613
  }
package/dist/web-ui.cjs.development.js CHANGED
@@ -3551,10 +3551,11 @@ RadioGroup.propTypes = {
3551
3551
  var css_248z$j = ".cweb-section .cweb-button:last-of-type {\n margin-right: 24px;\n}\n\n.cweb-section .cweb-button:not(:last-of-type) {\n margin-right: 8px;\n}\n\n.cweb-section .cweb-button.add-button, .cweb-section .cweb-button.edit-button, .cweb-section .cweb-button.delete-button {\n margin-left: auto;\n width: 32px;\n height: 32px;\n}\n\n.cweb-section .cweb-button.add-button {\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2244%22 height%3D%2244%22 viewBox%3D%220 0 44 44%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2222%22 cy%3D%2222%22 r%3D%2222%22 fill%3D%22white%22%2F%3E%3Crect x%3D%220.5%22 y%3D%220.5%22 width%3D%2243%22 height%3D%2243%22 rx%3D%2221.5%22 stroke%3D%22%23009FE3%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M22 32C23.1046 32 24 31.1046 24 30L24 24H30C31.1046 24 32 23.1046 32 22C32 20.8954 31.1046 20 30 20H24L24 14C24 12.8954 23.1046 12 22 12C20.8954 12 20 12.8954 20 14L20 20H14C12.8954 20 12 20.8954 12 22C12 23.1046 12.8954 24 14 24H20L20 30C20 31.1046 20.8954 32 22 32Z%22 fill%3D%22%23009FE3%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}\n\n.cweb-section .cweb-button.add-button:hover, .cweb-section .cweb-button.add-button:active, .cweb-section .cweb-button.add-button:focus {\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2244%22 height%3D%2244%22 viewBox%3D%220 0 44 44%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect x%3D%220.5%22 y%3D%220.5%22 width%3D%2243%22 height%3D%2243%22 rx%3D%2221.5%22 stroke%3D%22%230A78B2%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M21 12C19.8954 12 19 12.8954 19 14V19L14 19C12.8954 19 12 19.8954 12 21V23C12 24.1046 12.8954 25 14 25H19V30C19 31.1046 19.8954 32 21 32H23C24.1046 32 25 31.1046 25 30V25H30C31.1046 25 32 24.1046 32 23V21C32 19.8954 31.1046 19 30 19L25 19V14C25 12.8954 24.1046 12 23 12H21Z%22 fill%3D%22%23007BBB%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}\n\n.cweb-section .cweb-button.edit-button {\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2244%22 height%3D%2244%22 viewBox%3D%220 0 44 44%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect x%3D%220.5%22 y%3D%220.5%22 width%3D%2243%22 height%3D%2243%22 rx%3D%2221.5%22 stroke%3D%22%23009FE3%22%2F%3E%3Cpath d%3D%22M13.5643 27.1001C13.4169 26.9527 13.1433 27.0159 13.1012 27.2266L12.0065 31.6507C11.9644 31.8614 12.1328 32.051 12.3433 31.9878L16.7851 30.9134C16.9956 30.8712 17.0799 30.5973 16.9114 30.4499L13.5643 27.1001Z%22 fill%3D%22%23009FE3%22%2F%3E%3Cpath d%3D%22M26.2161 14.1222C26.1109 14.0169 25.9214 14.0169 25.8161 14.1222L14.4484 25.4987C14.3432 25.604 14.3432 25.7936 14.4484 25.8989L18.1114 29.5647C18.2166 29.67 18.4061 29.67 18.5113 29.5647L29.879 18.1882C29.9843 18.0829 29.9843 17.8933 29.879 17.788L26.2161 14.1222Z%22 fill%3D%22%23009FE3%22%2F%3E%3Cpath d%3D%22M31.1633 12.8374C30.0475 11.7209 28.2161 11.7209 27.1004 12.8374C27.0583 12.8796 27.0583 12.9217 27.1004 12.9638L31.037 16.9035C31.0791 16.9456 31.1212 16.9456 31.1633 16.9035C32.279 15.7869 32.279 13.954 31.1633 12.8374Z%22 fill%3D%22%23009FE3%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}\n\n.cweb-section .cweb-button.edit-button:hover, .cweb-section .cweb-button.edit-button:active, .cweb-section .cweb-button.edit-button:focus {\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2244%22 height%3D%2244%22 viewBox%3D%220 0 44 44%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect x%3D%220.5%22 y%3D%220.5%22 width%3D%2243%22 height%3D%2243%22 rx%3D%2221.5%22 stroke%3D%22%23007BBB%22%2F%3E%3Cpath d%3D%22M13.5643 27.1001C13.4169 26.9527 13.1433 27.0159 13.1012 27.2266L12.0065 31.6507C11.9644 31.8614 12.1328 32.051 12.3433 31.9878L16.7851 30.9134C16.9956 30.8712 17.0799 30.5973 16.9114 30.4499L13.5643 27.1001Z%22 fill%3D%22%230A78B2%22%2F%3E%3Cpath d%3D%22M26.2161 14.1222C26.1109 14.0169 25.9214 14.0169 25.8161 14.1222L14.4484 25.4987C14.3432 25.604 14.3432 25.7936 14.4484 25.8989L18.1114 29.5647C18.2166 29.67 18.4061 29.67 18.5113 29.5647L29.879 18.1882C29.9843 18.0829 29.9843 17.8933 29.879 17.788L26.2161 14.1222Z%22 fill%3D%22%230A78B2%22%2F%3E%3Cpath d%3D%22M31.1633 12.8374C30.0475 11.7209 28.2161 11.7209 27.1004 12.8374C27.0583 12.8796 27.0583 12.9217 27.1004 12.9638L31.037 16.9035C31.0791 16.9456 31.1212 16.9456 31.1633 16.9035C32.279 15.7869 32.279 13.954 31.1633 12.8374Z%22 fill%3D%22%230A78B2%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}\n\n.cweb-section .cweb-button.delete-button {\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2244%22 height%3D%2244%22 viewBox%3D%220 0 44 44%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect x%3D%220.5%22 y%3D%220.5%22 width%3D%2243%22 height%3D%2243%22 rx%3D%2221.5%22 stroke%3D%22%23FF6266%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M13 12C12.4477 12 12 12.4477 12 13C12 13.5523 12.4477 14 13 14H31C31.5523 14 32 13.5523 32 13C32 12.4477 31.5523 12 31 12H13ZM14 16H30V30C30 31.1046 29.1046 32 28 32H16C14.8954 32 14 31.1046 14 30V16ZM17 18H19V30H17V18ZM21 18H23V30H21V18ZM27 18H25V30H27V18Z%22 fill%3D%22%23FF6266%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}\n\n.cweb-section .cweb-button.delete-button:hover, .cweb-section .cweb-button.delete-button:active, .cweb-section .cweb-button.delete-button:focus {\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2244%22 height%3D%2244%22 viewBox%3D%220 0 44 44%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M13 12C12.4477 12 12 12.4477 12 13C12 13.5523 12.4477 14 13 14H31C31.5523 14 32 13.5523 32 13C32 12.4477 31.5523 12 31 12H13ZM14 16H30V30C30 31.1046 29.1046 32 28 32H16C14.8954 32 14 31.1046 14 30V16ZM17 18H19V30H17V18ZM21 18H23V30H21V18ZM27 18H25V30H27V18Z%22 fill%3D%22%23FC494E%22%2F%3E%3Crect x%3D%220.5%22 y%3D%220.5%22 width%3D%2243%22 height%3D%2243%22 rx%3D%2221.5%22 stroke%3D%22%23FC494E%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}\n\n.cweb-section > .cweb-section-header {\n display: flex;\n justify-content: space-between;\n flex-direction: row;\n align-items: center;\n border-bottom: 1px solid #eeeeee;\n width: 100%;\n padding: 18px 24px;\n}\n\n.cweb-section > .cweb-section-footer {\n display: flex;\n justify-content: space-between;\n flex-direction: row;\n align-items: center;\n border-top: 1px solid #eeeeee;\n width: 100%;\n padding: 1rem 24px 1rem 24px;\n}\n\n.cweb-section > .cweb-section-footer img {\n width: 32px;\n height: 32px;\n}\n";
3552
3552
  styleInject(css_248z$j);
3553
3553
 
3554
- var _excluded$c = ["title", "buttons", "children", "className", "isLoading", "loadingIndicatorProps"];
3554
+ var _excluded$c = ["title", "buttons", "footer", "children", "className", "isLoading", "loadingIndicatorProps"];
3555
3555
  function Section(_ref) {
3556
3556
  var title = _ref.title,
3557
3557
  buttons = _ref.buttons,
3558
+ footer = _ref.footer,
3558
3559
  children = _ref.children,
3559
3560
  className = _ref.className,
3560
3561
  _ref$isLoading = _ref.isLoading,
@@ -3583,7 +3584,9 @@ function Section(_ref) {
3583
3584
  }));
3584
3585
  }))), /*#__PURE__*/React__default.createElement("div", {
3585
3586
  className: "cweb-section-content w-full"
3586
- }, !isLoading && children));
3587
+ }, !isLoading && children), footer && /*#__PURE__*/React__default.createElement("div", {
3588
+ className: "cweb-section-footer"
3589
+ }, footer));
3587
3590
  }
3588
3591
 
3589
3592
  var css_248z$k = ".cweb-list-item {\n display: flex;\n justify-content: flex-start;\n flex-direction: row;\n align-items: center;\n padding: 16px 0 16px 0;\n border-bottom: 1px solid #eeeeee;\n}\n\n.cweb-list-item:last-child {\n border-bottom: none;\n}\n\n.cweb-list-item.cweb-list-item-clickable {\n cursor: pointer;\n}\n\n.cweb-list-item.cweb-list-item-clickable:hover {\n background-color: #f2fafd;\n}\n";
@@ -4185,6 +4188,58 @@ var TextEditorV2 = function TextEditorV2(_ref) {
4185
4188
  }));
4186
4189
  };
4187
4190
 
4191
+ var SmallCircleIcon = function SmallCircleIcon(props) {
4192
+ return /*#__PURE__*/React__default.createElement("svg", {
4193
+ className: props.className,
4194
+ onClick: props.onClick,
4195
+ role: props.onClick ? "button" : undefined,
4196
+ width: "24",
4197
+ height: "24",
4198
+ viewBox: "0 0 24 24",
4199
+ fill: "none",
4200
+ xmlns: "http://www.w3.org/2000/svg"
4201
+ }, /*#__PURE__*/React__default.createElement("circle", {
4202
+ cx: "12",
4203
+ cy: "12",
4204
+ r: "6",
4205
+ fill: "currentColor"
4206
+ }), /*#__PURE__*/React__default.createElement("circle", {
4207
+ cx: "14.5",
4208
+ cy: "9.5",
4209
+ r: "1.5",
4210
+ fill: "white",
4211
+ fillOpacity: "0.1"
4212
+ }));
4213
+ };
4214
+
4215
+ var TimelineStep = function TimelineStep(_ref) {
4216
+ var _classNames;
4217
+
4218
+ var content = _ref.content,
4219
+ type = _ref.type;
4220
+ var isWideStep = type === "wide";
4221
+ var borderClassNames = "ml-4 pl-6 border-blue-800 border-l-2";
4222
+ var containerClassNames = classNames("relative", (_classNames = {}, _classNames[borderClassNames] = !isWideStep, _classNames["pt-3"] = !isWideStep, _classNames["bg-white rounded-lg overflow-hidden"] = isWideStep, _classNames));
4223
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
4224
+ className: containerClassNames
4225
+ }, content, !isWideStep && /*#__PURE__*/React__default.createElement(SmallCircleIcon, {
4226
+ className: "text-blue-800 absolute top-3 -left-3 -ml-px"
4227
+ })), /*#__PURE__*/React__default.createElement("div", {
4228
+ className: classNames(borderClassNames, "h-6 last:h-0")
4229
+ }));
4230
+ };
4231
+ TimelineStep.defaultProps = {
4232
+ type: "base"
4233
+ };
4234
+
4235
+ var Timeline = function Timeline(props) {
4236
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", null, props.steps.map(function (step) {
4237
+ return /*#__PURE__*/React__default.createElement(TimelineStep, Object.assign({}, step));
4238
+ })), props.loadMoreButtonProps && /*#__PURE__*/React__default.createElement(SecondaryButton, Object.assign({
4239
+ className: "mt-6 mx-auto"
4240
+ }, props.loadMoreButtonProps)));
4241
+ };
4242
+
4188
4243
  var _excluded$g = ["titleProps", "title", "titleAccessory", "contentProps", "content", "defaultContent", "className", "buttons"];
4189
4244
  function ViewItem(_ref) {
4190
4245
  var titleProps = _ref.titleProps,
@@ -4894,30 +4949,6 @@ var PinIcon = function PinIcon(props) {
4894
4949
  }));
4895
4950
  };
4896
4951
 
4897
- var SmallCircleIcon = function SmallCircleIcon(props) {
4898
- return /*#__PURE__*/React__default.createElement("svg", {
4899
- className: props.className,
4900
- onClick: props.onClick,
4901
- role: props.onClick ? "button" : undefined,
4902
- width: "24",
4903
- height: "24",
4904
- viewBox: "0 0 24 24",
4905
- fill: "none",
4906
- xmlns: "http://www.w3.org/2000/svg"
4907
- }, /*#__PURE__*/React__default.createElement("circle", {
4908
- cx: "12",
4909
- cy: "12",
4910
- r: "6",
4911
- fill: "currentColor"
4912
- }), /*#__PURE__*/React__default.createElement("circle", {
4913
- cx: "14.5",
4914
- cy: "9.5",
4915
- r: "1.5",
4916
- fill: "white",
4917
- fillOpacity: "0.1"
4918
- }));
4919
- };
4920
-
4921
4952
  var SmallDiamondIcon = function SmallDiamondIcon(props) {
4922
4953
  return /*#__PURE__*/React__default.createElement("svg", {
4923
4954
  className: props.className,
@@ -5137,6 +5168,7 @@ exports.TextArea = Textarea;
5137
5168
  exports.TextEditor = TextEditor;
5138
5169
  exports.TextEditorV2 = TextEditorV2;
5139
5170
  exports.TextLink = TextLink;
5171
+ exports.Timeline = Timeline;
5140
5172
  exports.Title = Title;
5141
5173
  exports.ViewItem = ViewItem;
5142
5174
  //# sourceMappingURL=web-ui.cjs.development.js.map