@luscii-healthtech/web-ui 58.19.3 → 59.0.0

package/dist/src/components/Avatar/Avatar.d.ts

@@ -1,46 +1,10 @@
 import type { ReactNode, FC } from "react";
-/**
- * @deprecated Use `isSelf` instead: `primary` -> `isSelf`, `slate` ->
- * `isSelf={false}`. The design system models this as who the avatar
- * belongs to, not as a color, and these names no longer describe the
- * colors that are actually rendered.
- */
-type AvatarColor = "primary" | "slate";
 /**
  * The sizes defined by the design system. Their actual dimensions come
  * from the semantic size tokens in `avatarSizeTokens`, so they follow
  * the design whenever the tokens are re-exported.
  */
 type AvatarSize = "xs" | "s" | "m";
-/**
- * @deprecated Use the design system sizes instead: `xsmall` -> `xs`,
- * `small` -> `s`, `medium` -> `m`. `large` has no equivalent in the
- * design system and will be removed in a future major release.
- */
-type LegacyAvatarSize = "large" | "medium" | "small" | "xsmall";
-type AvatarSizeProp = AvatarSize | LegacyAvatarSize;
-/**
- * Union to prevent both "isSelf" and the deprecated "color" from being
- * used at the same time, which would otherwise silently let one of them
- * win. Passing both is a type error.
- */
-type ColorProps = {
-    /**
-     * Whether the avatar belongs to the current user. Self avatars are
-     * rendered in the brand color, everyone else in neutral.
-     *
-     * @default false
-     */
-    isSelf?: boolean;
-    color?: never;
-} | {
-    /**
-     * @deprecated Use `isSelf` instead: `primary` -> `isSelf`,
-     * `slate` -> `isSelf={false}`.
-     */
-    color: AvatarColor;
-    isSelf?: never;
-};
 /**
  * Union to prevent both "initials" and "children" to be used at the same time.
  */
@@ -62,13 +26,16 @@ type Props = {
      */
     alt?: string;
     /**
-     * Size of the avatar. Prefer the current sizes `xs`, `s` and `m`. The
-     * `xsmall` / `small` / `medium` spellings are deprecated aliases of
-     * those, and `large` is deprecated without a replacement.
-     *
      * @default "m"
      */
-    size?: AvatarSizeProp;
+    size?: AvatarSize;
+    /**
+     * Whether the avatar belongs to the current user. Self avatars are
+     * rendered in the brand color, everyone else in neutral.
+     *
+     * @default false
+     */
+    isSelf?: boolean;
     /**
      * URL to an image to be used as the default image.
      * If this is set, the image provided via `src` will never render.
@@ -80,7 +47,7 @@ type Props = {
      * makes it so that the avatars overlap each other a bit, as designed.
      */
     applyGroupOffset?: boolean;
-} & BaseProps & ColorProps;
+} & BaseProps;
 /**
  * Displays a badge-style avatar. Keep in mind that
  * you can only use `initials` or `children`, not both.

package/dist/src/components/Badge/Badge.d.ts

@@ -1,9 +1,5 @@
 import { type FC } from "react";
 type BadgeProps = {
-    /**
-     * @deprecated, use children instead
-     */
-    badgeCount?: number;
     className?: string;
     children: string | number;
 };

package/dist/src/components/ButtonV2/ButtonProps.type.d.ts

@@ -1,5 +1,4 @@
 import type { Attributes, ComponentPropsWithRef, FC, ReactNode } from "react";
-import type { IconKey, IconProps } from "../Icons/types/IconProps.type";
 import { type TextColor, type TextHoverColor } from "../Text/Text";
 /**
  * Properties that are present in all variants of the button
@@ -8,14 +7,6 @@ import { type TextColor, type TextHoverColor } from "../Text/Text";
 export interface BaseButtonProps extends ComponentPropsWithRef<"button"> {
     size?: "medium" | "large";
     children?: ReactNode;
-    /**
-     * @deprecated Use `children` instead.
-     */
-    text?: string;
-    /**
-     * @deprecated Use `leadingIcon` instead.
-     */
-    icon?: FC<IconProps> | IconKey;
     /**
      * Icon that will be rendered before the text. You need to
      * pass in the rendered icon component, not the key.
@@ -36,10 +27,6 @@ export interface BaseButtonProps extends ComponentPropsWithRef<"button"> {
      * ````
      */
     trailingIcon?: ReactNode;
-    /**
-     * @deprecated use `disabled` instead.
-     */
-    isDisabled?: boolean;
     className?: string;
     dataTestId?: string;
     /**

package/dist/src/components/Card/Card.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentProps, ElementType, ReactNode } from "react";
 import type { ELEVATION } from "../../system/Elevation.js";
 import { Box } from "../Box/Box";
-import { type TitleProps } from "../Title/Title";
+import { Heading } from "../Heading/Heading";
 type TitleAndMaybeActions = {
     title: string;
     /**
@@ -72,7 +72,7 @@ export type Props<C extends ElementType = "div"> = ComponentProps<typeof Box<C>>
 } & TitleAndMaybeActions;
 export declare function Card<C extends ElementType = "div">(props: Props<C>): import("react").JSX.Element;
 export declare namespace Card {
-    var Title: (props: TitleProps) => import("react").JSX.Element;
+    var Title: (props: ComponentProps<typeof Heading>) => import("react").JSX.Element;
     var TopBar: import("react").FC<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         children?: ReactNode;
     }> & {

package/dist/src/components/Checkbox/Checkbox.d.ts

@@ -66,16 +66,7 @@ export interface CheckboxProps {
     renderLabel?: (props: CheckboxProps) => JSX.Element | null;
 }
 /**
- * @deprecated - use `LabeledCheckbox` components in a `LabeledCheckboxGroup` instead.
- *
- * E.g. with React Hook Form:
- *
- * @example
- * ```tsx
- * <LabeledCheckboxGroup>
- *   <LabeledCheckbox {...register("orderedMeals")} label="Anchovies pasta" value="anchovies-pasta" />
- *   <LabeledCheckbox {...register("orderedMeals")} label="Banana dessert" value="banana-dessert" />
- * </LabeledCheckboxGroup>
- * ```
+ * Internal: used by `Table` and `SettingsMenuButton`. Not exported; consumers use
+ * `LabeledCheckbox` in a `LabeledCheckboxGroup`.
  */
 export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;

package/dist/src/components/ConfirmationDialog/ConfirmationDialogChoices.d.ts

@@ -1,4 +1,4 @@
-import type { FC } from "react";
+import { type FC } from "react";
 import { type ConfirmationDialogChoice, type ConfirmationDialogProps } from "./types/ConfirmationDialog.types";
 export declare const ConfirmationDialogChoices: FC<{
     choices: ConfirmationDialogProps["choices"];

package/dist/src/components/DatePicker/DatePicker.d.ts

@@ -1,4 +1,3 @@
-import { LOCALE_MAP } from "../../system/Locale.js";
 import "react-datepicker/dist/react-datepicker.min.css";
 import "./DatePicker.scss";
 /**
@@ -24,15 +23,6 @@ type ReactDatePickerProps = {
     popperZIndex?: 10 | 20 | 30 | 40 | 50;
 };
 export type DatePickerProps = {
-    /**
-     * @deprecated please use the LocaleContext instead
-     *
-     * The locale determines the language and formatting of the dates
-     * shown in this component. E.g. for "nl-NL" the date will be
-     * shown as "dd-mm-yyyy", while for "en-GB" it shows as "dd/mm/yyyy".
-     *
-     */
-    locale?: keyof typeof LOCALE_MAP;
     className?: string;
     selected?: Date;
     hasCloseButton?: boolean;

package/dist/src/components/EmptyListMessage/EmptyListMessage.d.ts

@@ -11,11 +11,7 @@ type EmptyListMessageProps = {
     className?: string;
 };
 /**
- * @deprecated Use `CenteredHero` instead: `text` -> `text`, `imageName` -> `image`
- * (pass the image URL; the three bundled illustrations are not exported, so import
- * your app's copy), `dataTestId` -> `dataTestId`. Pass `background="white"` to keep
- * the white background. `className` has no equivalent: wrap `CenteredHero` in an
- * element to add margin. See the EmptyListMessage story for the full migration.
+ * Internal: `Table`'s empty state. Not exported; consumers use `CenteredHero`.
  */
 export declare const EmptyListMessage: ({ text, imageName, dataTestId, className, }: EmptyListMessageProps) => JSX.Element;
 export {};

package/dist/src/components/FlyOutMenu/FlyOutMenu.d.ts

@@ -27,10 +27,6 @@ declare const FlyOutMenuSeparator: React.ForwardRefExoticComponent<Omit<FlyOutMe
     color?: "divider" | "interactive";
 } & React.RefAttributes<HTMLDivElement>>;
 type ButtonItemProps = React.ComponentPropsWithoutRef<typeof FlyOutMenuItem> & {
-    /**
-     * @deprecated use leadingIcon instead
-     */
-    icon?: React.ReactNode;
     children?: React.ReactNode;
     leadingIcon?: React.ReactNode;
     trailingIcon?: React.ReactNode;

package/dist/src/components/Input/SearchInput.d.ts

@@ -8,17 +8,6 @@ export type SearchInputProps = Omit<InputProps, "icon" | "type" | "width" | "cle
      * at a later stage.
      */
     width?: InputProps["width"];
-    /**
-     * @deprecated
-     * A search input should never be used in a form with multiple fields.
-     */
-    asFormField?: InputProps["asFormField"];
-    /**
-     * @deprecated
-     * A search input should never be in error state, because the
-     * user cannot do anything wrong when typing in this field.
-     */
-    isError?: InputProps["isError"];
 };
 export declare const SearchInput: React.ForwardRefExoticComponent<Omit<SearchInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/src/components/Modal/FullPageModal.d.ts

@@ -1,21 +1,11 @@
 import type { FC, ReactNode, MouseEvent, KeyboardEvent } from "react";
 import ReactModal from "react-modal";
-import { type PrimaryButtonProps } from "../ButtonV2/ButtonProps.type";
 import { FullPageModalActions } from "./subcomponents/FullPageModalActions";
 export type FullPageModalProps = {
     children: ReactNode;
     isOpen?: boolean;
     title: string;
     dataTestId?: string;
-    /**
-     * @deprecated
-     * Use the `actions` prop to render any button(s)
-     * or other component(s) automatically in the correct area.
-     *
-     * This prop will only render a button when the actions prop is omitted.
-     * The actions prop takes precedence over this prop if they're both passed.
-     */
-    primaryButtonProps?: PrimaryButtonProps;
     /**
      * Render buttons or other action components in the area meant for actions.
      * To correctly space out the actions wrap them in a FullPageModal.Actions component.

package/dist/src/components/Modal/FullPageModalHeader.d.ts

@@ -1,13 +1,6 @@
 import type { FC, ReactNode } from "react";
-import { type PrimaryButtonProps } from "../ButtonV2/ButtonProps.type";
 export type FullPageModalHeaderProps = {
     title: string;
-    /**
-     * @deprecated
-     * Use the `actions` prop to render any button(s)
-     * or other component(s) automatically in the correct area.
-     */
-    primaryButtonProps?: PrimaryButtonProps;
     actions?: ReactNode;
 };
 export declare const FullPageModalHeader: FC<FullPageModalHeaderProps>;

package/dist/src/components/Modal/ModalFooter.d.ts

@@ -1,26 +1,9 @@
 import type { FC, ReactNode } from "react";
-import { type ButtonWithPendingStateProps, type NonPrimaryButtonProps, type PrimaryButtonProps } from "../ButtonV2/ButtonProps.type";
 export interface ModalFooterTrailingComponents {
-    /**
-     * @deprecated props accepting props from other components should accept components instead.
-     * Use primaryButton instead
-     */
-    primaryButtonProps?: PrimaryButtonProps;
     primaryButton: ReactNode;
-    /**
-     * @deprecated props accepting props from other components should accept components instead.
-     * Use secondaryButton instead
-     */
-    secondaryButtonProps?: NonPrimaryButtonProps;
     secondaryButton?: ReactNode;
 }
-export type ModalFooterLeadingComponent = string | ButtonWithPendingStateProps;
 export type ModalFooterProps = {
-    /**
-     * @deprecated props accepting props from other components should accept components instead.
-     * Use footerLeadingAccessory instead
-     */
-    footerLeadingComponent?: ModalFooterLeadingComponent;
     footerLeadingAccessory?: string | ReactNode;
     footerTrailingComponents: ModalFooterTrailingComponents;
 };

package/dist/src/components/NaturalLanguageForm/NaturalLanguageForm.d.ts

@@ -37,13 +37,9 @@ declare const NaturalLanguageFormWithSubComponents: React.ForwardRefExoticCompon
     Text: {
         (props: Omit<any, "ref"> & {
             as?: React.ElementType | undefined;
-            text?: string;
-            type?: import("../Text/Text").TextStyle;
             variant?: import("../Text/Text").TextStyle;
-            inline?: boolean;
             color?: import("../Text/Text").TextColor;
             hoverColor?: import("../Text/Text").TextHoverColor;
-            hoverInGroup?: boolean;
             className?: string;
             containsDangerousHtml?: boolean;
             truncate?: boolean;

package/dist/src/components/Page/CRUDPage.types.d.ts

@@ -1,34 +1,12 @@
-import type { BaseButtonProps } from "../ButtonV2/ButtonProps.type";
 import type { PageHeaderProps } from "../PageHeader";
-type CRUDPageButtonProps = Pick<BaseButtonProps, "onClick" | "text" | "isDisabled" | "form" | "type">;
 type CRUDPageTitle = {
     text: string;
-    /**
-     * @deprecated
-     * We don't want to show icons in the page title anymore.
-     */
-    icon?: string;
 };
 type CRUDPageHeader = Omit<PageHeaderProps, "navigation" | "isPolling" | "accessories">;
 type CRUDPagePropsWithoutHeaderOrTitle = {
     dataTestId?: string;
-    /**
-     * @deprecated use accessory instead
-     */
-    submitButtonProps?: CRUDPageButtonProps;
-    /**
-     * @deprecated use accessory instead
-     */
-    cancelButtonProps?: CRUDPageButtonProps;
     className?: string;
     isLoading?: boolean;
-    /**
-     * @deprecated Instead, show the loading indicator in the submit button directly
-     * if you want to show a loading state in the submit button.
-     *
-     * @example submitButton={<PrimaryButton isPending={true}>Submit</PrimaryButton>}
-     */
-    isSubmitting?: boolean;
     children?: React.ReactNode;
     steps?: {
         titles: Array<string>;
@@ -59,9 +37,6 @@ type CRUDPagePropsWithoutHeaderOrTitle = {
     /**
      * Rendered directly below the children of this component.
      * Used for e.g. submit and cancel buttons.
-     *
-     * Will override the deprecated submitButtonProps and cancelButtonProps if provided, so
-     * please make sure to include them.
      */
     accessory?: React.ReactNode;
 };

package/dist/src/components/PaginationMenu/PaginationMenu.types.d.ts

@@ -2,27 +2,16 @@ export type PaginationMenuProps = {
     className?: string;
     /** Defaults to "large" if not supplied */
     type?: "small" | "large" | "cursor";
-    /** @deprecated use type instead */
-    small?: boolean;
     pageSize?: PageSize;
 } & (PaginationMenuPropsSmall | PaginationMenuPropsLarge | PaginationMenuPropsCursor);
-type PaginationMenuPropsSmall = ({
+type PaginationMenuPropsSmall = {
     type: "small";
-    small?: never;
-} | {
-    small: true;
-    type?: never;
-}) & PaginationMenuSmallProps;
-type PaginationMenuPropsLarge = ({
-    type: "large";
-    small?: never;
-} | {
-    small?: false | undefined;
-    type?: never;
-}) & PaginationMenuLargeProps;
+} & PaginationMenuSmallProps;
+type PaginationMenuPropsLarge = {
+    type?: "large";
+} & PaginationMenuLargeProps;
 type PaginationMenuPropsCursor = {
     type: "cursor";
-    small?: never;
 } & PaginationMenuCursorProps;
 export interface PaginationMenuSmallProps {
     /**

package/dist/src/components/Section/Section.d.ts

@@ -21,9 +21,5 @@ type Props = BoxProps<"section"> & {
      */
     headerTitle?: ReactNode;
 };
-/**
- * @deprecated use `React.ComponentProps<typeof Section>` instead
- */
-export type SectionProps = Props;
 export declare const Section: FC<Props>;
 export default Section;

package/dist/src/components/Table/Table.types.d.ts

@@ -1,5 +1,5 @@
-import type { JSX } from "react";
-import { type BaseButtonProps } from "../ButtonV2/ButtonProps.type";
+import type { FC, JSX } from "react";
+import type { IconKey, IconProps } from "../Icons/types/IconProps.type";
 type TableFieldConfigBase = {
     key: string;
     headerText?: string;
@@ -31,7 +31,10 @@ export interface TableFieldText {
         color: "red" | "amber" | "green" | "gray" | "blue";
     };
 }
-export type TableFieldAction<Item> = Pick<BaseButtonProps, "isDisabled" | "title" | "icon"> & {
+export type TableFieldAction<Item> = {
+    isDisabled?: boolean;
+    title?: string;
+    icon?: FC<IconProps> | IconKey;
     key: string;
     /**
      * @param item - the data in the row when this clicked

package/dist/src/components/Tag/TagGroup.d.ts

@@ -1,22 +1,6 @@
 import type { FC, ReactNode } from "react";
-import { type Props as TagProps } from "./Tag";
-interface PropsWithTags {
-    /**
-     * @deprecated Use `children` instead
-     */
-    tags?: TagProps[];
-    /**
-     * @deprecated Size of each tag rendered as a child is dictated by this child itself.
-     */
-    tagSize?: TagProps["_size"];
-    children?: never;
-}
-interface PropsWithChildren {
-    tags?: never;
-    tagSize?: never;
+type Props = {
     children?: ReactNode;
-}
-type Props = (PropsWithTags | PropsWithChildren) & {
     className?: string;
 };
 export declare const TagGroup: FC<Props>;

package/dist/src/components/Text/Text.d.ts

@@ -74,35 +74,12 @@ export type TextStyle = keyof typeof allowedTextStyles;
  */
 export type LegacyTextProps<C extends ElementType> = ComponentPropsWithoutRef<C> & {
     as?: C;
-    /**
-     * @deprecated
-     * Use `children` instead, as you would with a regular `<p>` tag.
-     */
-    text?: string;
-    /**
-     * @deprecated
-     * Use `variant` instead. "type" is a word that is too ambiguous and
-     * is also often used as an attribute name in HTML.
-     *
-     * @default "base"
-     */
-    type?: TextStyle;
     /**
      * The styling variant of the text.
      *
      * @default "base"
      */
     variant?: TextStyle;
-    /**
-     * Changes the component to be rendered inline. This is useful for
-     * using this component inside of itself, for example, when you want
-     * to render bold text inside of a paragraph rendered by this same component.
-     *
-     * @default false
-     *
-     * @deprecated use `as="span"` instead.
-     */
-    inline?: boolean;
     /**
      * @default "base"
      */
@@ -111,16 +88,6 @@ export type LegacyTextProps<C extends ElementType> = ComponentPropsWithoutRef<C>
      * @default "base"
      */
     hoverColor?: TextHoverColor;
-    /**
-     * Tailwind class modifier that allows you to apply hover styles on this component
-     * based on the styles of its parent.
-     * https://tailwindcss.com/docs/hover-focus-and-other-states#styling-based-on-parent-state
-     *
-     * @deprecated
-     * Since this is a Tailwind specific feature we should not expose this to the consumer. We
-     * should only use group-hover styles in the components in WebUI instead.
-     */
-    hoverInGroup?: boolean;
     className?: string;
     /**
      * Interpret an HTML string as regular markup, instead of rendering it as a string.

package/dist/src/components/Timeline/TimelineHeader.d.ts

@@ -1,8 +1,8 @@
-import type { FC } from "react";
+import type { FC, ReactNode } from "react";
 import { type ButtonDefinitionWithKey, type ButtonProps } from "../ButtonV2/ButtonProps.type";
-import { type TitleProps } from "../Title/Title";
 export type TimelineHeaderProps = {
-    title?: string | TitleProps;
+    /** A string renders as the default heading; pass a node to render your own. */
+    title?: ReactNode;
     buttons?: ButtonDefinitionWithKey<ButtonProps>[];
     withBorder?: boolean;
 };

package/dist/src/components/TimelineCard/TimelineCard.d.ts

@@ -1,18 +1,7 @@
 import { type FC, type ReactNode } from "react";
-import { type IconKey } from "../Icons/types/IconProps.type";
 type Props = {
     title: ReactNode;
     subtitle?: ReactNode;
-    /**
-     * @deprecated use leadingIcon instead.
-     */
-    icon?: {
-        url: string;
-        iconKey?: never;
-    } | {
-        iconKey: IconKey;
-        url?: never;
-    };
     /**
      * The icon to render on the leading side of the card
      */
@@ -25,18 +14,10 @@ type Props = {
      * Copy to display the status of the card
      */
     statusText?: string;
-    /**
-     * The state of the card, options are:
-     * - default
-     * - highlighted
-     * - bold
-     * @default "default"
-     *
-     * @deprecated use variant instead
-     */
-    state?: "default" | "highlighted" | "bold";
     /**
      * The variant to present
+     *
+     * @default "default"
      */
     variant?: "default" | "highlighted" | "bold";
     /**

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

@@ -1,4 +1,5 @@
 import type { FC, ComponentPropsWithoutRef } from "react";
+import "./Title.scss";
 type Props = ComponentPropsWithoutRef<"h1"> & {
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 };

package/dist/src/generated/components/Avatar/Avatar.d.ts

@@ -1,46 +1,10 @@
 import type { ReactNode, FC } from "react";
-/**
- * @deprecated Use `isSelf` instead: `primary` -> `isSelf`, `slate` ->
- * `isSelf={false}`. The design system models this as who the avatar
- * belongs to, not as a color, and these names no longer describe the
- * colors that are actually rendered.
- */
-type AvatarColor = "primary" | "slate";
 /**
  * The sizes defined by the design system. Their actual dimensions come
  * from the semantic size tokens in `avatarSizeTokens`, so they follow
  * the design whenever the tokens are re-exported.
  */
 type AvatarSize = "xs" | "s" | "m";
-/**
- * @deprecated Use the design system sizes instead: `xsmall` -> `xs`,
- * `small` -> `s`, `medium` -> `m`. `large` has no equivalent in the
- * design system and will be removed in a future major release.
- */
-type LegacyAvatarSize = "large" | "medium" | "small" | "xsmall";
-type AvatarSizeProp = AvatarSize | LegacyAvatarSize;
-/**
- * Union to prevent both "isSelf" and the deprecated "color" from being
- * used at the same time, which would otherwise silently let one of them
- * win. Passing both is a type error.
- */
-type ColorProps = {
-    /**
-     * Whether the avatar belongs to the current user. Self avatars are
-     * rendered in the brand color, everyone else in neutral.
-     *
-     * @default false
-     */
-    isSelf?: boolean;
-    color?: never;
-} | {
-    /**
-     * @deprecated Use `isSelf` instead: `primary` -> `isSelf`,
-     * `slate` -> `isSelf={false}`.
-     */
-    color: AvatarColor;
-    isSelf?: never;
-};
 /**
  * Union to prevent both "initials" and "children" to be used at the same time.
  */
@@ -62,13 +26,16 @@ type Props = {
      */
     alt?: string;
     /**
-     * Size of the avatar. Prefer the current sizes `xs`, `s` and `m`. The
-     * `xsmall` / `small` / `medium` spellings are deprecated aliases of
-     * those, and `large` is deprecated without a replacement.
-     *
      * @default "m"
      */
-    size?: AvatarSizeProp;
+    size?: AvatarSize;
+    /**
+     * Whether the avatar belongs to the current user. Self avatars are
+     * rendered in the brand color, everyone else in neutral.
+     *
+     * @default false
+     */
+    isSelf?: boolean;
     /**
      * URL to an image to be used as the default image.
      * If this is set, the image provided via `src` will never render.
@@ -80,7 +47,7 @@ type Props = {
      * makes it so that the avatars overlap each other a bit, as designed.
      */
     applyGroupOffset?: boolean;
-} & BaseProps & ColorProps;
+} & BaseProps;
 /**
  * Displays a badge-style avatar. Keep in mind that
  * you can only use `initials` or `children`, not both.

package/dist/src/generated/components/Badge/Badge.d.ts

@@ -1,9 +1,5 @@
 import { type FC } from "react";
 type BadgeProps = {
-    /**
-     * @deprecated, use children instead
-     */
-    badgeCount?: number;
     className?: string;
     children: string | number;
 };