@luscii-healthtech/web-ui 2.63.1 → 2.63.3

package/dist/components/ButtonV2/ButtonProps.type.d.ts

@@ -11,6 +11,7 @@ export interface BaseButtonProps extends React.HTMLAttributes<HTMLButtonElement>
     icon?: React.FunctionComponent<IconProps> | IconKey;
     isDisabled?: boolean;
     className?: string;
+    dataTestId?: string;
 }
 export declare type NonPrimaryButtonProps = BaseButtonProps;
 /**

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

@@ -2094,14 +2094,18 @@ toast.info = function (message) {
   });
 };
 
-var css_248z$2 = ".title {\n  font-family: \"AvenirNextLTPro-Bold\", \"Roboto\", sans-serif;\n}";
+var css_248z$2 = ".title-avenir {\n  font-family: \"AvenirNextLTPro-Bold\", \"Roboto\", sans-serif;\n}\n\n.title-inter {\n  font-family: \"Inter\", \"Roboto\", \"Helvetica\", sans-serif;\n}";
 styleInject(css_248z$2);
 
 var Title = function Title(props) {
   var _props$color;
 
-  var containerClassName = classNames("title", //this is used to load the correct font from the css
-  "font-bold", allowedColors[(_props$color = props.color) != null ? _props$color : "base"], {
+  var isSmallTitle = props.type === "xs" || props.type === "sm";
+  var containerClassName = classNames("font-bold", allowedColors[(_props$color = props.color) != null ? _props$color : "base"], {
+    "title-inter": isSmallTitle,
+    "title-avenir": !isSmallTitle //this is used to load the correct font from the css
+
+  }, {
     "text-base": props.type === "xs",
     "text-xl": props.type === "sm",
     "text-2xl": props.type === "base",
@@ -3062,8 +3066,10 @@ var Spinner = function Spinner(props) {
   }));
 };
 
-var _excluded$b = ["onClick", "text", "textColor", "textHoverColor", "icon", "isDisabled", "isPending", "className", "title"];
+var _excluded$b = ["onClick", "text", "textColor", "textHoverColor", "icon", "isDisabled", "isPending", "className", "title", "dataTestId"];
 var ButtonV2 = /*#__PURE__*/React__default.forwardRef(function (_ref, innerRef) {
+  var _otherAttributes$id;
+
   var onClick = _ref.onClick,
       text = _ref.text,
       textColor = _ref.textColor,
@@ -3073,10 +3079,12 @@ var ButtonV2 = /*#__PURE__*/React__default.forwardRef(function (_ref, innerRef)
       isPending = _ref.isPending,
       className = _ref.className,
       title = _ref.title,
+      dataTestId = _ref.dataTestId,
       otherAttributes = _objectWithoutPropertiesLoose(_ref, _excluded$b);
 
   var generatedId = React__default.useId();
-  var buttonTooltipId = otherAttributes.id ? "button-tooltip-id-" + otherAttributes.id : "button-tooltip-id-" + generatedId;
+  var buttonId = (_otherAttributes$id = otherAttributes.id) != null ? _otherAttributes$id : generatedId;
+  var buttonTooltipId = "button-tooltip-id-" + buttonId;
 
   function handleClick(event) {
     event.stopPropagation();
@@ -3105,7 +3113,8 @@ var ButtonV2 = /*#__PURE__*/React__default.forwardRef(function (_ref, innerRef)
     type: "button",
     onClick: handleClick,
     disabled: isDisabled,
-    "aria-disabled": isDisabled
+    "aria-disabled": isDisabled,
+    "data-test-id": dataTestId != null ? dataTestId : buttonId
   }), /*#__PURE__*/React__default.createElement("span", _extends({}, tooltipAttrs, {
     className: classNames("relative flex flex-row items-center justify-center w-full h-full", // ensuring the buttons are 44px high including content
     {