@luscii-healthtech/web-ui 38.4.0 → 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";
@@ -14,6 +14,13 @@ type SharedProps = {
     color?: TextColor;
     className?: string;
     ref?: React.ForwardedRef<HTMLHeadingElement>;
+    /**
+     * Sets the "level" of the Section Heading element.
+     * @example <Title level="2">title</Title> // <h2>title</h2>
+     *
+     * When used any level based on the "variant" prop will be ignored.
+     */
+    level?: "1" | "2" | "3" | "4" | "5" | "6";
 };
 type WithChildrenProp = React.PropsWithChildren<SharedProps> & {
     /**
@@ -28,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, 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"], {
@@ -1595,7 +1595,10 @@ const Title = (props) => {
       ContainerElement = "h4";
       break;
   }
-  return React__namespace.default.createElement(ContainerElement, { className: containerClassName, ref }, text !== null && text !== void 0 ? text : children);
+  if (level) {
+    ContainerElement = `h${level}`;
+  }
+  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 }) => {