@luscii-healthtech/web-ui 2.67.1 → 2.68.0

package/dist/components/Form/form.types.d.ts

@@ -8,6 +8,7 @@ import { PartialProperties } from "../../types/general.types";
 import { CheckboxProps } from "../Checkbox/Checkbox";
 import { CheckboxListProps } from "../CheckboxList/CheckboxList.types";
 import { TextareaProps } from "../Textarea/Textarea";
+import { TitleProps } from "../Title/Title";
 export declare type AllowedTextInputTypes = Extract<HTMLInputTypeAttribute, "email" | "number" | "password" | "text">;
 export declare type FormFieldWidth = "sm" | "md" | "lg" | "xl" | "full";
 interface FormFieldBaseConfiguration<TFieldType> extends FormFieldLabelerProps {
@@ -32,7 +33,7 @@ export interface FormFieldLabelerProps {
 interface FieldVoidConfiguration extends Partial<FormFieldBaseConfiguration<never>> {
     type: "void";
 }
-export declare type FormFieldConfiguration<TFieldValues> = FieldInputConfiguration | FieldSelectConfiguration | FieldImagePickerConfiguration | FieldRadioGroupConfiguration | FieldRowConfiguration<TFieldValues> | FieldCheckboxConfiguration | FieldCheckboxListConfiguration | FieldTextareaConfiguration | FieldVoidConfiguration;
+export declare type FormFieldConfiguration<TFieldValues> = FieldInputConfiguration | FieldSelectConfiguration | FieldImagePickerConfiguration | FieldRadioGroupConfiguration | FieldRowConfiguration<TFieldValues> | FieldCheckboxConfiguration | FieldCheckboxListConfiguration | FieldTextareaConfiguration | FieldTitleConfiguration | FieldVoidConfiguration;
 /**
  * @backwardscompatibility
  * @deprecated - this is an alias for `FormFieldConfiguration`, for backwards compatibility the name can remain for now, but
@@ -44,6 +45,9 @@ export interface FieldRowConfiguration<TFieldValues> extends Record<keyof FormFi
     key: string;
     fields: FormFieldConfiguration<TFieldValues>[];
 }
+export interface FieldTitleConfiguration extends FormFieldBaseConfiguration<TitleProps> {
+    type: "title";
+}
 export interface FieldInputConfiguration extends FormFieldBaseConfiguration<Omit<InputProps, "name">> {
     type: AllowedTextInputTypes;
 }

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

@@ -1,3 +1,4 @@
+import React from "react";
 import "./Title.scss";
 import { TextColor } from "../Text/Text";
 export declare type TitleStyle = "xs" | "sm" | "base" | "lg" | "xl" | "2xl";
@@ -6,6 +7,7 @@ export interface TitleProps {
     type?: TitleStyle;
     color?: TextColor;
     className?: string;
+    ref?: React.ForwardedRef<HTMLHeadingElement>;
 }
 export declare const Title: {
     (props: TitleProps): JSX.Element;

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

@@ -2143,7 +2143,8 @@ var Title = function Title(props) {
   }
 
   return /*#__PURE__*/React__default.createElement(ContainerElement, {
-    className: containerClassName
+    className: containerClassName,
+    ref: props.ref
   }, props.text);
 };
 Title.defaultProps = {
@@ -8725,6 +8726,13 @@ function FormFieldMapper(formFieldProps, useFormReturn) {
         }, fieldProps));
       }
 
+    case "title":
+      {
+        return /*#__PURE__*/React__default.createElement(Title, _extends({
+          key: name
+        }, fieldProps));
+      }
+
     case "void":
       return null;