@abgov/react-components 7.4.0 → 7.5.0

package/lib/button/button.d.ts

@@ -7,6 +7,7 @@ interface WCProps extends Margins {
     disabled?: string;
     leadingicon?: string;
     trailingicon?: string;
+    arialabel?: string;
     width?: string;
     testid?: string;
     action?: string;
@@ -36,7 +37,9 @@ export interface GoabButtonProps extends Margins, DataAttributes {
     leadingIcon?: GoabIconType;
     /** Icon displayed after the button text. */
     trailingIcon?: GoabIconType;
-    /** Sets a custom width for the button (e.g., "200px" or "100%"). */
+    /** Sets the accessible name. Include the visible button text in the value. */
+    ariaLabel?: string;
+    /** Sets a custom width for the button (e.g., "200px", "100%" or "fit-content"). */
     width?: string;
     /** Callback fired when the button is clicked. */
     onClick?: () => void;
@@ -52,5 +55,5 @@ export interface GoabButtonProps extends Margins, DataAttributes {
     children?: ReactNode;
 }
 /** Carry out an important action or navigate to another page. */
-export declare function GoabButton({ disabled, onClick, actionArgs, actionArg, children, ...rest }: GoabButtonProps): JSX.Element;
+export declare function GoabButton({ disabled, onClick, actionArgs, actionArg, ariaLabel, children, ...rest }: GoabButtonProps): JSX.Element;
 export default GoabButton;

package/lib/date-picker/date-picker.d.ts

@@ -27,13 +27,13 @@ export interface GoabDatePickerProps extends Margins, DataAttributes {
     type?: GoabDatePickerInputType;
     /** Name of the date field. */
     name?: string;
-    /** Value of the calendar date, as a Date object or an ISO date string (yyyy-mm-dd). */
+    /** Sets the calendar date as an ISO date string (yyyy-mm-dd). */
     value?: Date | string | undefined;
     /** Sets the input to an error state. */
     error?: boolean;
-    /** Minimum date value allowed. */
+    /** Sets the earliest allowed date as an ISO date string (yyyy-mm-dd). */
     min?: Date | string;
-    /** Maximum date value allowed. */
+    /** Sets the latest allowed date as an ISO date string (yyyy-mm-dd). */
     max?: Date | string;
     /** Sets a data-testid attribute for automated testing. */
     testId?: string;

package/lib/dropdown/dropdown.d.ts

@@ -11,6 +11,7 @@ interface WCProps extends Margins {
     multiselect?: string;
     name?: string;
     native?: string;
+    noresults?: string;
     placeholder?: string;
     value?: string;
     width?: string;
@@ -64,6 +65,8 @@ export interface GoabDropdownProps extends Margins, DataAttributes {
     multiselect?: boolean;
     /** When true, renders the native select HTML element. */
     native?: boolean;
+    /** Sets the text displayed when filtering returns no results. @default "No matches found" */
+    noResults?: string;
     /** The text displayed in the dropdown before a selection is made. Non-native only. */
     placeholder?: string;
     /** Sets a data-testid attribute for automated testing. */

package/lib/icon/icon.d.ts

@@ -26,6 +26,8 @@ export interface GoabIconProps extends Margins, DataAttributes {
     title?: string;
     /** Defines how the icon will be announced by screen readers. */
     ariaLabel?: string;
+    /** Sets whether the icon is hidden from assistive technologies. @default false */
+    ariaHidden?: boolean;
     /** Sets the ARIA role for the icon. Use 'presentation' for decorative icons. @default "img" */
     role?: string;
     /** Sets a data-testid attribute for automated testing. */
@@ -40,9 +42,10 @@ interface WCProps extends Margins {
     opacity?: number;
     title?: string;
     arialabel?: string;
+    ariahidden?: string;
     role?: string;
     testid?: string;
 }
 /** A simple and universal graphic symbol representing an action, object, or concept to help guide the user. */
-export declare function GoabIcon({ inverted, ...rest }: GoabIconProps): JSX.Element;
+export declare function GoabIcon({ inverted, ariaHidden, ...rest }: GoabIconProps): JSX.Element;
 export {};

package/lib/input/input.d.ts

@@ -21,6 +21,7 @@ interface WCProps extends Margins {
     prefix?: string;
     suffix?: string;
     arialabel?: string;
+    arialabelledby?: string;
     testid?: string;
     textalign?: string;
     size?: GoabInputSize;
@@ -79,6 +80,8 @@ interface BaseProps extends Margins, DataAttributes {
     testId?: string;
     /** Sets the aria-label used by assistive technologies. */
     ariaLabel?: string;
+    /** The aria-labelledby attribute identifies the element (or elements) that labels the input */
+    ariaLabelledBy?: string;
     /** Sets content in the leading slot. */
     leadingContent?: React.ReactNode;
     /** Sets content in the trailing slot. */

package/lib/text/text.d.ts

@@ -25,7 +25,7 @@ interface GoATextProps extends Margins, DataAttributes {
     size?: GoabTextSize;
     /** Sets the max width. @default "65ch" */
     maxWidth?: GoabTextMaxWidth;
-    /** Sets the text colour. @default "primary" */
+    /** Sets the text colour to primary, secondary, light, or disabled. @default "primary" */
     color?: GoabTextColor;
     /** Sets the id attribute on the element. */
     id?: string;

package/package.json

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