@luscii-healthtech/web-ui 2.45.1 → 2.46.0

package/dist/components/Select/Select.d.ts

@@ -1,4 +1,4 @@
-import { Props, GroupBase } from "react-select";
+import { GroupBase, Props } from "react-select";
 import React from "react";
 /**
  * Exceptional case for this file:

package/dist/components/Timeline/TimelineStep.d.ts

@@ -1,7 +1,8 @@
-import React from "react";
-export interface TimelineStepProps {
+import React, { RefAttributes } from "react";
+export interface TimelineStepProps extends RefAttributes<HTMLDivElement> {
     key: string | number;
     type?: "wide" | "base" | "withoutDot" | "emptyDot";
     content: React.ReactNode;
+    dataTestId?: string | number;
 }
-export declare const TimelineStep: ({ content, type, }: TimelineStepProps) => JSX.Element;
+export declare const TimelineStep: React.ForwardRefExoticComponent<Pick<TimelineStepProps, "content" | "type" | "dataTestId" | "key"> & React.RefAttributes<HTMLDivElement>>;

package/dist/web-ui.cjs.development.js

@@ -3709,6 +3709,21 @@ function generateCustomStyles(hasError, isIE11) {
         flexGrow: isIE11 ? 0.5 : "initial"
       });
     },
+    input: function input(baseStyles) {
+      return _extends({}, baseStyles, {
+        padding: 0
+      });
+    },
+    multiValue: function multiValue(baseStyles) {
+      return _extends({}, baseStyles, {
+        lineHeight: isIE11 ? "25px" : "1rem"
+      });
+    },
+    valueContainer: function valueContainer(baseStyles) {
+      return _extends({}, baseStyles, {
+        padding: ".5rem"
+      });
+    },
     control: function control(baseStyles, state) {
       var defaultBorderColor = state.isFocused ? "#045baa" : "#D1D5DB";
       var validatedBorderColor = hasError ? "#c53030" : defaultBorderColor;
@@ -3717,7 +3732,6 @@ function generateCustomStyles(hasError, isIE11) {
       return _extends({}, baseStyles, {
         fontSize: "14px",
         transition: "border 0.3s ease-in-out",
-        height: isIE11 ? "50px" : "2.75rem",
         // primary outline
         outline: validatedOutline,
         borderColor: validatedBorderColor,
@@ -6460,19 +6474,22 @@ var TextEditorV2 = function TextEditorV2(_ref) {
   }));
 };
 
-var TimelineStep = function TimelineStep(_ref) {
+var TimelineStep = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var _classNames;
 
   var content = _ref.content,
       _ref$type = _ref.type,
-      type = _ref$type === void 0 ? "base" : _ref$type;
+      type = _ref$type === void 0 ? "base" : _ref$type,
+      dataTestId = _ref.dataTestId;
   var isWideStep = type === "wide";
   var borderClassNames = "ml-4 pl-6 border-blue-800 border-l-2";
   var containerClassNames = classNames("relative", (_classNames = {}, _classNames[borderClassNames] = !isWideStep, _classNames["bg-white rounded-lg overflow-hidden"] = isWideStep, _classNames));
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isWideStep && /*#__PURE__*/React__default.createElement("div", {
     className: classNames(borderClassNames, "h-4 first:h-0")
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: containerClassNames
+    className: containerClassNames,
+    "data-test-id": dataTestId === undefined ? "" : "timeline-step-" + dataTestId,
+    ref: ref
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "flex flex-col"
   }, content), /*#__PURE__*/React__default.createElement("span", {
@@ -6482,7 +6499,7 @@ var TimelineStep = function TimelineStep(_ref) {
       "bg-white border-blue-800 border-4": "emptyDot" === type
     })
   })));
-};
+});
 
 var Timeline = function Timeline(props) {
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", null, props.steps.map(function (step) {