@abgov/react-components 7.2.0-dev.25 → 7.2.0-dev.27

package/lib/badge/badge.d.ts

@@ -1,5 +1,5 @@
 import { DataAttributes, GoabBadgeEmphasis, GoabBadgeSize, GoabBadgeType, GoabIconType, Margins } from '@abgov/ui-components-common';
-import { JSX } from 'react';
+import { JSX, ReactNode } from 'react';
 interface WCProps extends Margins {
     type: GoabBadgeType;
     icon?: string;
@@ -23,8 +23,8 @@ export interface GoabBadgeProps extends Margins, DataAttributes {
     type: GoabBadgeType;
     /** @deprecated Use iconType instead. When true, displays an icon in the badge. */
     icon?: boolean;
-    /** Text label of the badge. */
-    content?: string;
+    /** Content displayed in the badge. Accepts a string or ReactNode for custom content. */
+    content?: ReactNode;
     /** Sets a data-testid attribute for automated testing. */
     testId?: string;
     /** Accessible label for screen readers. */
@@ -37,5 +37,5 @@ export interface GoabBadgeProps extends Margins, DataAttributes {
     emphasis?: GoabBadgeEmphasis;
 }
 /** Small labels which hold small amounts of information, system feedback, or states. */
-export declare function GoabBadge({ icon, iconType, size, emphasis, ...rest }: GoabBadgeProps): JSX.Element;
+export declare function GoabBadge({ content, icon, iconType, size, emphasis, ...rest }: GoabBadgeProps): JSX.Element;
 export {};

package/lib/filter-chip/filter-chip.d.ts

@@ -1,8 +1,10 @@
+import { ReactNode } from 'react';
 import { DataAttributes, GoabFilterChipTheme, GoabIconType, Margins } from '@abgov/ui-components-common';
 interface WCProps extends Margins {
     icontheme: GoabFilterChipTheme;
     error?: string;
-    content: string;
+    content?: string;
+    arialabel?: string;
     secondarytext?: string;
     leadingicon?: GoabIconType;
     testid?: string;
@@ -18,8 +20,10 @@ declare module "react" {
     }
 }
 export interface GoabFilterChipProps extends Margins, DataAttributes {
-    /** @required Text label of the chip. */
-    content: string;
+    /** @required Content displayed in the chip. Accepts a string or ReactNode for custom content. */
+    content: ReactNode;
+    /** Accessible content used to label the filter chip controls. */
+    ariaLabel?: string;
     /** Theme style of the leading icon. @default "outline" */
     iconTheme?: GoabFilterChipTheme;
     /** Shows an error state. */
@@ -34,5 +38,5 @@ export interface GoabFilterChipProps extends Margins, DataAttributes {
     onClick?: () => void;
 }
 /** Allow the user to enter information, filter content, and make selections. */
-export declare const GoabFilterChip: ({ iconTheme, error, onClick, ...rest }: GoabFilterChipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GoabFilterChip: ({ content, iconTheme, error, onClick, ...rest }: GoabFilterChipProps) => import("react/jsx-runtime").JSX.Element;
 export default GoabFilterChip;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/react-components",
-  "version": "7.2.0-dev.25",
+  "version": "7.2.0-dev.27",
   "description": "Government of Alberta - UI components for React",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"