@luscii-healthtech/web-ui 38.4.1 → 38.4.2

package/dist/components/Title/Title.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { type HTMLProps } from "react";
 import "./Title.scss";
 import { type TextColor } from "../Text/Text";
 export type TitleStyle = "xs" | "sm" | "base" | "lg" | "xl" | "2xl";
@@ -35,6 +35,6 @@ type WithTextProp = SharedProps & {
     text: string;
     children?: never;
 };
-export type TitleProps = WithChildrenProp | WithTextProp;
+export type TitleProps = (WithChildrenProp | WithTextProp) & HTMLProps<HTMLHeadingElement>;
 export declare const Title: (props: TitleProps) => React.JSX.Element;
 export {};

package/dist/index.development.js

@@ -1559,7 +1559,7 @@ var css_248z$g = "/**\n * --- DEPRECATED ---\n * DON'T USE ANYTHING FROM THIS FI
 styleInject(css_248z$g);
 
 const Title = (props) => {
-  const { variant: variantFromProps = "base", type, className, text, children, color, level, ref } = props;
+  const { variant: variantFromProps = "base", type, className, text, children, color, level, ref } = props, rest = __rest(props, ["variant", "type", "className", "text", "children", "color", "level", "ref"]);
   const variant = type ? type : variantFromProps;
   const isSmallTitle = variant === "xs" || variant === "sm";
   const containerClassName = classNames__default.default("ui-font-bold ui-leading-inherit ui-antialiased", allowedColors[color !== null && color !== void 0 ? color : "base"], {
@@ -1598,7 +1598,7 @@ const Title = (props) => {
   if (level) {
     ContainerElement = `h${level}`;
   }
-  return React__namespace.default.createElement(ContainerElement, { className: containerClassName, ref }, text !== null && text !== void 0 ? text : children);
+  return React__namespace.default.createElement(ContainerElement, Object.assign({ className: containerClassName, ref }, rest), text !== null && text !== void 0 ? text : children);
 };
 
 const AccordionItem = ({ id, title, content, isCollapsedByDefault = false, onClosed, onOpened }) => {