dfh-ui-library 1.10.20 → 1.10.21

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

@@ -47,3 +47,4 @@ export { default as PreviousDataBadge } from "./PreviousDataBadge";
 export { default as ListRow } from "./ListRow";
 export { default as Typho } from "./Typho";
 export { default as Spinner } from "./Gird/Spinner";
+export { default as Badge } from "./Badge";

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

@@ -6,7 +6,7 @@ export { LogoProps } from "./shared/models/components/base.model";
 export { MessageProps } from "./shared/models/components/common.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 { BtnOptionDropdown, BADGETYPE, } from "./shared/models/components/common.model";
 export { OptionProps, NoteItemProps, } from "./shared/models/components/common.model";
 export { ColumnDef, SortingState } from "@tanstack/react-table";
 export { usePagination } from "./hooks/usePagination";

package/dist/index.d.ts

@@ -392,6 +392,36 @@ interface PaginationProps {
     pageSize: number;
     pageIndex: number;
 }
+declare enum BADGETYPE {
+    DEFAULT = "default",
+    LARGE = "large",
+    BORDERED = "bordered",
+    PILLS = "pills",
+    LINK = "link"
+}
+type BadgeColorVariant = "default" | "dark" | "red" | "green" | "yellow" | "indigo" | "purple" | "pink" | "error" | "success" | "warning" | "gray";
+interface IBadgePropsBase extends AdditionalClassesProp$1 {
+    /** Type of badge based on predefined styles. */
+    badgeType?: BADGETYPE;
+    /** Content to be displayed inside the badge. */
+    children: React.ReactNode;
+}
+interface IBadgePropsWithColors extends IBadgePropsBase {
+    /** Custom text color for the badge. */
+    textColor: string;
+    /** Custom background color for the badge. */
+    backgroundColor: string;
+    /** Optional color variant, used when custom colors are not provided. */
+    colorVariant?: BadgeColorVariant;
+}
+interface IBadgePropsWithoutColors extends IBadgePropsBase {
+    /** Custom colors not allowed in this variant. */
+    textColor?: never;
+    backgroundColor?: never;
+    /** Mandatory color variant, used when custom colors are not provided. */
+    colorVariant: BadgeColorVariant;
+}
+type IBadgeProps = IBadgePropsWithColors | IBadgePropsWithoutColors;
 interface ProgressBarProps {
     percentage: number;
     classes?: string;
@@ -1201,6 +1231,8 @@ declare const Typho: React__default.FC<ITyphoProps>;
 
 declare const Spinner: React__default.FC;
 
+declare const Badge: React__default.FC<IBadgeProps>;
+
 interface UseSchemaProcessorProps {
     schema: ISchema[];
     externalSetComponents: (data: IComponent[]) => void;
@@ -1512,4 +1544,4 @@ declare const themeConfigs: {
     plugins: any[];
 };
 
-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, Spinner, 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 };
+export { BADGETYPE, Badge, 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, Spinner, 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.20",
+  "version": " 1.10.21",
   "description": "",
   "scripts": {
     "rollup": "rollup -c --bundleConfigAsCjs --environment NODE_ENV:production",