widenarrow-ui 2.3.5 → 2.3.6

package/lib/index.d.ts

@@ -1016,9 +1016,12 @@ interface IconButtonProps extends IconStyleInterface {
     toolTipComponent?: ReactNode;
     ariaLabel?: string;
     toggleIcon?: IconTypes;
+    badge?: string | number;
+    /** @default BadgeTypes.PURPLE */
+    badgeColor?: BadgeTypes;
 }
 
-declare const IconButton: react.MemoExoticComponent<({ className, disabled, style, icon, id, text, size, type, href, iconColor, iconSize, iconClassName, onClickCallback, rotateIcon, tabIndex, autoFocus, buttonRef, rotateIconByDegree, toolTip, toolTipComponent, ariaLabel, toggleIcon }: IconButtonProps) => JSX.Element>;
+declare const IconButton: react.MemoExoticComponent<({ className, disabled, style, icon, id, text, size, type, href, iconColor, iconSize, iconClassName, onClickCallback, rotateIcon, tabIndex, autoFocus, buttonRef, rotateIconByDegree, toolTip, toolTipComponent, ariaLabel, toggleIcon, badge, badgeColor }: IconButtonProps) => JSX.Element>;
 
 interface IconInterface$1 {
     loading?: boolean;
@@ -1429,14 +1432,15 @@ declare const MultiActionButton: {
 interface NumberBadgeProps {
     /** Already formatted. The badge does no rounding or shortening of its own. */
     count: string | number;
-    /** Pins the badge to this element's top right corner instead of rendering it inline. */
-    anchor?: ReactNode;
     /** Animates each digit when `count` changes. Never fires on mount. */
     animate?: boolean;
-    /** Renders no badge when `count` is empty. The `anchor` still renders. */
+    /** Renders nothing when `count` is empty. */
     hideWhenEmpty?: boolean;
     className?: string;
+    id?: string;
     color?: BadgeTypes;
+    /** @default SizeTypes.MEDIUM */
+    size?: SizeTypes.SMALL | SizeTypes.MEDIUM;
     /** Pass an already translated string. */
     toolTip?: string;
     /** Escape hatch for a one-off colour, i.e. a value picked at runtime. */
@@ -1444,7 +1448,7 @@ interface NumberBadgeProps {
 }
 
 declare const NumberBadge: {
-    ({ anchor, count, animate, className, color, hideWhenEmpty, toolTip, style }: NumberBadgeProps): JSX.Element | null;
+    ({ count, animate, className, color, id, hideWhenEmpty, size, toolTip, style }: NumberBadgeProps): JSX.Element | null;
     displayName: string;
 };