widenarrow-ui 2.3.5 → 2.3.7

package/lib/index.d.ts

@@ -48,6 +48,7 @@ declare enum IconTypes {
     CARD_MODE = "iconCardMode",
     CHANGE_ORDER = "iconChangeOrder",
     CHECK = "iconCheck",
+    CHECKLIST = "iconChecklist",
     CHECK_CIRCLE_200 = "iconCheckCircle200",
     CHECK_CIRCLE_300 = "iconCheckCircle300",
     CHECK_CIRCLE_DASHED_200 = "iconCheckCircleDashed200",
@@ -166,6 +167,7 @@ declare enum IconTypes {
     NEWSLETTER_TEMPLATE_FILLED = "iconNewsLetterTemplateFilled",
     NO_CHANGE = "iconNoChange",
     NO_DIRECTION = "iconNoDirection",
+    CIRCLE = "iconCircle",
     NOTIFICATION_200 = "iconNotification200",
     NOTIFICATION_300 = "iconNotification300",
     NOTIFICATION_FILLED = "iconNotificationFilled",
@@ -245,6 +247,7 @@ declare enum IconTypes {
     STRATEGY_FILLED = "iconStrategyFilled",
     SUGGESTION = "iconSuggestion",
     SUMMARIZE = "iconSummarize",
+    TASK = "iconTask",
     TAXONOMY_200 = "iconTaxonomy200",
     TAXONOMY_300 = "iconTaxonomy300",
     TAXONOMY_FILLED = "iconTaxonomyFilled",
@@ -274,6 +277,7 @@ declare enum IconTypes {
     VECTOR_FILTER_FILLED = "iconVectorFilterFilled",
     VERIFIED = "iconVerified",
     VERIFIED_SHIELD = "iconVerifiedShield",
+    VERIFIED_OFF = "iconVerifiedOff",
     WARNING = "iconWarning",
     WARNING_FILLED = "iconWarningFilled",
     WILL_BE_DELETED = "iconWillBeDeleted",
@@ -1016,9 +1020,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 +1436,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 +1452,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;
 };