dfh-ui-library 1.10.11 → 1.10.13

package/dist/esm/types/components/Typho/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Typho";

package/dist/esm/types/components/index.d.ts

@@ -44,3 +44,5 @@ export { default as NoteEditor } from "./NotesEditor";
 export { default as VersionDateDropdown } from "./VersionDateDropdown";
 export { default as SortDropdown } from "./SortDropdown";
 export { default as PreviousDataBadge } from "./PreviousDataBadge";
+export { default as ListRow } from "./ListRow";
+export { default as Typho } from "./Typho";

package/dist/esm/types/index.d.ts

@@ -4,7 +4,7 @@ export * from "./hooks";
 export { InputType } from "./shared/models/components/common.model";
 export { LogoProps } from "./shared/models/components/base.model";
 export { MessageProps } from "./shared/models/components/common.model";
-export { VariantTypes } from "./shared/models/components/base.model";
+export { VariantTypes, BorderType, } from "./shared/models/components/base.model";
 export { DropdownSearchProps, ClickedAction, TimelineEventProps, } from "./shared/models/components/common.model";
 export { BtnOptionDropdown } from "./shared/models/components/common.model";
 export { OptionProps, NoteItemProps, } from "./shared/models/components/common.model";

package/dist/index.d.ts

@@ -34,7 +34,7 @@ interface IOnClickEventProps {
     onClick?: () => void;
 }
 type InputType = "text" | "email" | "password" | "name" | "date";
-type TyphoTypes = "h1" | "h1Bold" | "h1ExtraBold" | "h2" | "h2Bold" | "h2ExtraBold" | "h10" | "h10Bold" | "h10ExtraBold" | "h6" | "h6Bold" | "h6ExtraBold" | "header1" | "header2" | "label1" | "label2" | "p" | "authHeader" | "inforTextNormal" | "inforTextGray" | "linkTextNormal" | "linkTextMedium" | "textMediumGray" | "textSectionHeader";
+type TyphoTypes$1 = "h1" | "h1Bold" | "h1ExtraBold" | "h2" | "h2Bold" | "h2ExtraBold" | "h10" | "h10Bold" | "h10ExtraBold" | "h6" | "h6Bold" | "h6ExtraBold" | "header1" | "header2" | "label1" | "label2" | "p" | "authHeader" | "inforTextNormal" | "inforTextGray" | "linkTextNormal" | "linkTextMedium" | "textMediumGray" | "textSectionHeader";
 type TyphoComponents = "p" | "span" | "em" | "div" | undefined;
 interface IInputValidationProps {
     /**
@@ -543,7 +543,7 @@ interface ITyphographyProps extends IChildrenProp, IAdditionalClassesProp {
     /**
      * Set element type
      */
-    type?: TyphoTypes;
+    type?: TyphoTypes$1;
     /**
      * Set element node of the content wrapper
      */
@@ -923,6 +923,33 @@ interface IPanelCardProps extends AdditionalClassesProp {
     backButtonClick?: () => void;
     isLoading?: boolean;
 }
+declare enum BorderType {
+    Dotted = "border-dotted",
+    Dashed = "border-dashed",
+    CustomDashed = "custom-dashed-border",
+    Solid = "border-solid",
+    Double = "border-double",
+    Groove = "border-groove",
+    Ridge = "border-ridge",
+    Inset = "border-inset",
+    Outset = "border-outset",
+    WideDash = "dotted-spaced-bottom",
+    None = "border-none"
+}
+interface IListRowProps extends AdditionalClassesProp {
+    /** Header title displayed on list row. */
+    title: string | React.ReactNode;
+    /** Sub title displayed on list row. */
+    subTitle?: string | React.ReactNode;
+    /** labels on list row. */
+    labels?: string[];
+    /** Controllers displayed on right side of list row. */
+    controllers: React.ReactNode | any;
+    /** List Row button border type */
+    bottomBorderType?: BorderType;
+    bottomContent?: React.ReactNode;
+    onFocus?: () => void;
+}
 
 declare const Button: ({ type, isDisabled, buttonLabel, iconType, iconColor, iconAlignment, isIconEnabled, variants, additionalClasses, iconClass, enableBagage, bagageProps, width, onClick, }: IButtonProps) => React__default.JSX.Element;
 
@@ -1128,6 +1155,50 @@ declare const PreviousDataBadge: React__default.FC<{
     lastEditedDate?: string;
 }>;
 
+declare const ListRow: React__default.FC<IListRowProps>;
+
+type TyphoTypes = "p" | "span" | "strong" | "em" | "div" | undefined;
+type TyphoColorTypes = "white" | "gray" | "grey540" | "gray720" | "black" | "black650" | "blue" | "inherit" | string;
+type TyphoFontSizeTypes = "h1" | "14s" | "8s" | "9s" | "10s" | "11s" | "12s" | "16s" | "17s" | "18s" | "20s" | "21s" | "24s" | "25s" | "26s" | "32s" | "42s" | "48s" | "54s" | "80s" | undefined;
+type TyhoFontWeightTypes = "thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold" | "extrabold" | "black";
+type TyphoTextDecorationTypes = string;
+interface ITyphoProps {
+    title?: string;
+    /**
+     * Set element node of the content wrapper
+     */
+    type?: TyphoTypes;
+    /**
+     * Set font-color of the content
+     */
+    color?: TyphoColorTypes;
+    /**
+     * Set font-size of the content
+     */
+    size?: TyphoFontSizeTypes;
+    /**
+     * Set font-weight of the content
+     */
+    weight?: TyhoFontWeightTypes;
+    /**
+     * Set font-decoration of the content
+     */
+    decoration?: TyphoTextDecorationTypes;
+    /**
+     * Optional for additional classes
+     */
+    additionalClasses?: string | undefined;
+    /**
+     * Set content and child nodes
+     */
+    children?: React__default.ReactNode;
+    onFocus?: () => void;
+}
+/**
+ * Primary UI component for user interaction
+ */
+declare const Typho: React__default.FC<ITyphoProps>;
+
 interface UseSchemaProcessorProps {
     schema: ISchema[];
     externalSetComponents: (data: IComponent[]) => void;
@@ -1439,4 +1510,4 @@ declare const themeConfigs: {
     plugins: any[];
 };
 
-export { Breadcrumb, type BtnOptionDropdown, Button, ButtonGroup, ButtonGroupFormGen, ButtonGroupWithInputs, ButtonGroupWithInputsFormGen, ButtonGroupWithUpload, Card, Checkbox as CheckBox, ClickedAction, DFHFormProvider as ComponentProvider, CustomFileInput, CustomDatePicker as DatePicker, DialogBox, type DropdownSearchProps, DynamicDualInputTextGroupFormGen, FilterButtonGroup, Heading, HistoryDetails, Icon, IconInput, ImageInput, ImagePreview, IndeterminateCheckbox, InfoCard, Input, type InputType, InputValidation, InputsGroup, Label, LoadingSpinner, Logo, type LogoProps, Message, type MessageProps, Modal, NavBar, NoteEditor, type NoteHistoryProps, type NoteItemProps, type OptionProps, PanelCard, PhoneNumberInput, PreviousDataBadge, ProgressBar, RadioButton, Row, SearchDropdownWithButton, Select, SelectUserWithButton, SortDropdown, Stepper, Tab, TabList, TabPanel, Table, TagSelect as TagDropdown, TagSelect, Textarea, Timeline, type TimelineEventProps, Tooltip, Typhography, useSchemaProcessor as UseSchemaProcessor, type VariantTypes, VersionDateDropdown, themeConfigs, usePagination, useSorting };
+export { BorderType, Breadcrumb, type BtnOptionDropdown, Button, ButtonGroup, ButtonGroupFormGen, ButtonGroupWithInputs, ButtonGroupWithInputsFormGen, ButtonGroupWithUpload, Card, Checkbox as CheckBox, ClickedAction, DFHFormProvider as ComponentProvider, CustomFileInput, CustomDatePicker as DatePicker, DialogBox, type DropdownSearchProps, DynamicDualInputTextGroupFormGen, FilterButtonGroup, Heading, HistoryDetails, Icon, IconInput, ImageInput, ImagePreview, IndeterminateCheckbox, InfoCard, Input, type InputType, InputValidation, InputsGroup, Label, ListRow, LoadingSpinner, Logo, type LogoProps, Message, type MessageProps, Modal, NavBar, NoteEditor, type NoteHistoryProps, type NoteItemProps, type OptionProps, PanelCard, PhoneNumberInput, PreviousDataBadge, ProgressBar, RadioButton, Row, SearchDropdownWithButton, Select, SelectUserWithButton, SortDropdown, Stepper, Tab, TabList, TabPanel, Table, TagSelect as TagDropdown, TagSelect, Textarea, Timeline, type TimelineEventProps, Tooltip, Typho, Typhography, useSchemaProcessor as UseSchemaProcessor, type VariantTypes, VersionDateDropdown, themeConfigs, usePagination, useSorting };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dfh-ui-library",
-  "version": " 1.10.11",
+  "version": " 1.10.13",
   "description": "",
   "scripts": {
     "rollup": "rollup -c --bundleConfigAsCjs --environment NODE_ENV:production",