@abgov/react-components 4.22.0 → 4.24.0

package/lib/accordion/accordion.d.ts

@@ -7,6 +7,7 @@ interface WCProps extends Margins {
     heading: string;
     secondaryText?: string;
     headingContent?: ReactNode;
+    maxwidth?: string;
 }
 declare global {
     namespace JSX {
@@ -21,8 +22,9 @@ export interface GoAAccordionProps extends Margins {
     secondaryText?: string;
     heading: string;
     headingContent?: ReactNode;
+    maxWidth?: string;
     testid?: string;
     children: ReactNode;
 }
-export declare function GoAAccordion({ open, heading, headingSize, secondaryText, headingContent, testid, children, mt, mr, mb, ml, }: GoAAccordionProps): JSX.Element;
+export declare function GoAAccordion({ open, heading, headingSize, secondaryText, headingContent, maxWidth, testid, children, mt, mr, mb, ml, }: GoAAccordionProps): JSX.Element;
 export default GoAAccordion;

package/lib/callout/callout.d.ts

@@ -1,10 +1,13 @@
 import { Margins } from "../../common/styling";
 export type GoACalloutType = "important" | "information" | "event" | "success" | "emergency";
 export type GoACalloutSize = "medium" | "large";
+export type GoACalloutAriaLive = "off" | "polite" | "assertive";
 interface WCProps extends Margins {
     heading?: string;
     type?: GoACalloutType;
     size?: GoACalloutSize;
+    maxwidth?: string;
+    arialive?: GoACalloutAriaLive;
 }
 declare global {
     namespace JSX {
@@ -17,9 +20,11 @@ export interface GoACalloutProps extends Margins {
     heading?: string;
     type?: GoACalloutType;
     size?: GoACalloutSize;
+    maxWidth?: string;
     testId?: string;
+    ariaLive?: GoACalloutAriaLive;
     children?: React.ReactNode;
 }
 export type CalloutProps = GoACalloutProps;
-export declare const GoACallout: ({ heading, type, size, testId, children, mt, mr, mb, ml, }: GoACalloutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GoACallout: ({ heading, type, size, maxWidth, testId, ariaLive, children, mt, mr, mb, ml, }: GoACalloutProps) => import("react/jsx-runtime").JSX.Element;
 export default GoACallout;

package/lib/checkbox/checkbox.d.ts

@@ -17,6 +17,7 @@ interface WCProps extends Margins {
     value?: string | number | boolean;
     arialabel?: string;
     description?: string | React.ReactNode;
+    maxwidth?: string;
 }
 export interface GoACheckboxProps extends Margins {
     id?: string;
@@ -30,8 +31,9 @@ export interface GoACheckboxProps extends Margins {
     testId?: string;
     ariaLabel?: string;
     description?: string | React.ReactNode;
+    maxWidth?: string;
     onChange?: (name: string, checked: boolean, value: string) => void;
 }
 export type Props = GoACheckboxProps;
-export declare function GoACheckbox({ id, name, testId, error, disabled, checked, value, text, description, children, onChange, ariaLabel, mt, mr, mb, ml, }: GoACheckboxProps): JSX.Element;
+export declare function GoACheckbox({ id, name, testId, error, disabled, checked, value, text, description, maxWidth, children, onChange, ariaLabel, mt, mr, mb, ml, }: GoACheckboxProps): JSX.Element;
 export default GoACheckbox;

package/lib/chip/chip.d.ts

@@ -1,8 +1,10 @@
 import { Margins } from "../../common/styling";
 export type GoAChipVariant = "filter";
+export type GoAChipTheme = "outline" | "filled" | "sharp";
 interface WCProps extends Margins {
     ref: React.RefObject<HTMLElement>;
     leadingicon: string;
+    icontheme: GoAChipTheme;
     error: boolean;
     deletable: boolean;
     content: string;
@@ -19,10 +21,11 @@ export interface GoAChipProps extends Margins {
     onClick?: () => void;
     deletable?: boolean;
     leadingIcon?: string;
+    iconTheme?: GoAChipTheme;
     error?: boolean;
     content: string;
     variant?: GoAChipVariant;
     testId?: string;
 }
-export declare const GoAChip: ({ leadingIcon, deletable, error, variant, content, onClick, mt, mr, mb, ml, testId, }: GoAChipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GoAChip: ({ leadingIcon, iconTheme, deletable, error, variant, content, onClick, mt, mr, mb, ml, testId, }: GoAChipProps) => import("react/jsx-runtime").JSX.Element;
 export default GoAChip;

package/lib/container/container.d.ts

@@ -9,6 +9,7 @@ interface WCProps extends Margins {
     accent?: GoAContainerAccent;
     padding?: GoAContainerPadding;
     width?: GoAContainerWidth;
+    maxwidth?: string;
 }
 declare global {
     namespace JSX {
@@ -26,7 +27,8 @@ export interface GoAContainerProps extends Margins {
     actions?: ReactNode;
     children?: ReactNode;
     width?: GoAContainerWidth;
+    maxWidth?: string;
     testId?: string;
 }
-export declare function GoAContainer({ accent, heading, title, padding, children, actions, type, width, mt, mr, mb, ml, testId, }: GoAContainerProps): JSX.Element;
+export declare function GoAContainer({ accent, heading, title, padding, children, actions, type, width, maxWidth, mt, mr, mb, ml, testId, }: GoAContainerProps): JSX.Element;
 export default GoAContainer;

package/lib/details/details.d.ts

@@ -3,6 +3,7 @@ import { Margins } from "../../common/styling";
 interface WCProps extends Margins {
     heading: string;
     open?: boolean;
+    maxwidth?: string;
 }
 declare global {
     namespace JSX {
@@ -14,6 +15,7 @@ declare global {
 export interface GoADetailsProps extends Margins {
     heading: string;
     open?: boolean;
+    maxWidth?: string;
     testId?: string;
     children: ReactNode;
 }

package/lib/dropdown/dropdown-item.d.ts

@@ -2,8 +2,10 @@ interface WCProps {
     value: string;
     label?: string;
     filter?: string;
+    mount?: DropdownItemMountType;
     name?: string;
 }
+export type DropdownItemMountType = "append" | "prepend" | "reset";
 declare global {
     namespace JSX {
         interface IntrinsicElements {
@@ -16,8 +18,9 @@ export interface GoADropdownItemProps {
     label?: string;
     filter?: string;
     testId?: string;
+    mountType?: DropdownItemMountType;
     name?: string;
 }
 export declare function GoADropdownOption(props: GoADropdownItemProps): import("react/jsx-runtime").JSX.Element;
-export declare function GoADropdownItem({ value, label, filter, name, testId }: GoADropdownItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function GoADropdownItem({ value, label, filter, name, testId, mountType }: GoADropdownItemProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/form-item/form-item.d.ts

@@ -7,6 +7,7 @@ interface WCProps extends Margins {
     requirement?: GoAFormItemRequirement;
     error?: string;
     helptext?: string;
+    maxwidth?: string;
     id?: string;
 }
 declare global {
@@ -22,9 +23,10 @@ export interface GoAFormItemProps extends Margins {
     requirement?: GoAFormItemRequirement;
     error?: React.ReactNode;
     helpText?: React.ReactNode;
+    maxWidth?: string;
     children?: React.ReactNode;
     testId?: string;
     id?: string;
 }
-export declare function GoAFormItem({ children, helpText, error, requirement, label, labelSize, mt, mr, mb, ml, testId, id, }: GoAFormItemProps): JSX.Element;
+export declare function GoAFormItem({ children, helpText, error, requirement, label, labelSize, maxWidth, mt, mr, mb, ml, testId, id, }: GoAFormItemProps): JSX.Element;
 export default GoAFormItem;

package/lib/radio-group/radio.d.ts

@@ -4,6 +4,7 @@ interface RadioItemProps extends Margins {
     value?: string;
     description?: string | React.ReactNode;
     label?: string;
+    maxwidth?: string;
     disabled?: boolean;
     checked?: boolean;
     error?: boolean;
@@ -21,6 +22,7 @@ export interface GoARadioItemProps extends Margins {
     label?: string;
     name?: string;
     description?: string | React.ReactNode;
+    maxWidth?: string;
     disabled?: boolean;
     checked?: boolean;
     error?: boolean;
@@ -28,5 +30,5 @@ export interface GoARadioItemProps extends Margins {
     testId?: string;
     ariaLabel?: string;
 }
-export declare function GoARadioItem({ name, label, value, description, disabled, checked, error, testId, ariaLabel, children, mt, mr, mb, ml, }: GoARadioItemProps): JSX.Element;
+export declare function GoARadioItem({ name, label, value, description, maxWidth, disabled, checked, error, testId, ariaLabel, children, mt, mr, mb, ml, }: GoARadioItemProps): JSX.Element;
 export default GoARadioItem;

package/lib/tabs/tabs.d.ts

@@ -1,5 +1,8 @@
+import React from "react";
 interface WCProps {
     initialtab?: number;
+    ref: React.RefObject<HTMLElement>;
+    onChange?: (tab: number) => void;
 }
 declare global {
     namespace JSX {
@@ -12,6 +15,7 @@ export interface GoATabsProps {
     initialTab?: number;
     children?: React.ReactNode;
     testId?: string;
+    onChange?: (tab: number) => void;
 }
-export declare function GoATabs({ initialTab, children, testId }: GoATabsProps): JSX.Element;
+export declare function GoATabs({ initialTab, children, testId, onChange, }: GoATabsProps): JSX.Element;
 export default GoATabs;

package/lib/textarea/textarea.d.ts

@@ -9,6 +9,7 @@ interface WCProps extends Margins {
     error?: boolean;
     disabled?: boolean;
     width?: string;
+    maxwidth?: string;
     arialabel?: string;
     countby?: CountBy;
     maxcount?: number;
@@ -29,6 +30,7 @@ export interface GoATextAreaProps extends Margins {
     error?: boolean;
     disabled?: boolean;
     width?: string;
+    maxWidth?: string;
     testId?: string;
     ariaLabel?: string;
     countBy?: CountBy;
@@ -36,6 +38,6 @@ export interface GoATextAreaProps extends Margins {
     onChange: (name: string, value: string) => void;
     onKeyPress?: (name: string, value: string, key: string) => void;
 }
-export declare function GoATextarea({ name, value, placeholder, rows, disabled, countBy, maxCount, width, testId, error, ariaLabel, mt, mr, mb, ml, onChange, onKeyPress, }: GoATextAreaProps): JSX.Element;
+export declare function GoATextarea({ name, value, placeholder, rows, disabled, countBy, maxCount, width, maxWidth, testId, error, ariaLabel, mt, mr, mb, ml, onChange, onKeyPress, }: GoATextAreaProps): JSX.Element;
 export { GoATextarea as GoATextArea };
 export default GoATextarea;

package/package.json

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