@apolitical/component-library 4.5.0-beta.6 → 4.5.0-beta.8

package/accessibility/visually-hidden/visually-hidden.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
 interface Props {
+    /** The ID of the element */
+    id?: string;
     /** The element that will render around the content. */
     element?: 'span' | 'small' | 'strong' | 'em' | 'sup' | 'sub' | 'div' | 'p' | 'label' | 'legend' | 'a' | 'button';
     /** Whether the content should be shown on focus. */
@@ -28,6 +30,8 @@ interface Props {
 declare const _default: React.MemoExoticComponent<({ element, showOnFocus, children, className, ...props }: Props) => React.DetailedReactHTMLElement<{
     className: string;
     children: React.ReactNode | JSX.Element;
+    /** The ID of the element */
+    id?: string | undefined;
     /** An `href`, for links */
     href?: string | undefined;
     /** An `onBlur`, for buttons */

package/discussion/feeds/activities-feed/cache/hooks/create/create.hook.d.ts

@@ -1,6 +1,7 @@
 import type { IMutationContext } from '../../../../../../discussion/shared';
 import type { ICache, ICacheItem } from '../..';
 interface ICreateVars {
+    title?: string;
     content: string;
 }
 export declare function useCreateActivity({ mutationFn, mutationHandlers: { mutate: mutateWrapper, error: onError }, queryClient, queryKey, user, }: IMutationContext<ICacheItem, Error, ICreateVars, ICache>): import("@tanstack/react-query/build/legacy/types").UseMutateFunction<import('../../../../../../discussion/shared').IActivity, Error, ICreateVars, ICache>;

package/form/components/character-limit/character-limit.d.ts

@@ -1,8 +1,10 @@
 type Props = {
+    /** The ID of the CharacterLimit */
+    id?: string;
     /** The limit of characters allowed in the field */
     limit: number;
     /** The number of characters in the field value */
     valueLength: number;
 };
-declare const CharacterLimit: ({ limit, valueLength }: Props) => import("react/jsx-runtime").JSX.Element | null;
+declare const CharacterLimit: ({ id, limit, valueLength, ...props }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export default CharacterLimit;

package/form/components/email-helper-text-box/email-helper-text-box.d.ts

@@ -1,4 +1,6 @@
 interface Props {
+    /** The ID of the EmailHelperTextBox */
+    id?: string;
     /** The type of content to show */
     type: '' | 'gov' | 'nonGov' | 'pending' | 'verify' | 'exists';
     /** The user's email address */
@@ -10,5 +12,5 @@ interface Props {
     /** The language to use */
     locale?: string;
 }
-declare const EmailHelperTextBox: ({ type: content, email, redirectPath, resendVerificationCode, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const EmailHelperTextBox: ({ id, type: content, email, redirectPath, resendVerificationCode, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default EmailHelperTextBox;

package/form/components/form/components/fields/checkbox/checkbox.d.ts

@@ -8,6 +8,7 @@ export declare const Checkbox: ({ className, disabled, element, functions: allFu
     onKeyDown?: ((e: React.KeyboardEvent<HTMLElement>) => void) | undefined;
     submitForm?: ((arg: import("../../../form.types").IFormValues) => void) | undefined;
     'aria-describedby'?: string | undefined;
+    'aria-errormessage'?: string | undefined;
     'aria-invalid'?: boolean | undefined;
     'aria-required'?: boolean | undefined;
     autoComplete?: string | undefined;

package/form/components/form/components/fields/input/input.d.ts

@@ -16,6 +16,7 @@ export declare const Input: ({ className, element, id, inputRef: ref, functions,
     placeholder: string | undefined;
     autoFocus: boolean | undefined;
     'aria-describedby'?: string | undefined;
+    'aria-errormessage'?: string | undefined;
     'aria-invalid'?: boolean | undefined;
     'aria-required'?: boolean | undefined;
     autoComplete?: string | undefined;

package/form/components/form/components/fields/password/password.d.ts

@@ -1,3 +1,3 @@
 import { IField } from '../../../form.types';
-export declare const Password: ({ inputRef: ref, type, gtm: { context }, ...props }: IField) => import("react/jsx-runtime").JSX.Element;
+export declare const Password: ({ inputRef: ref, type, gtm: { context }, autoComplete, ...props }: IField) => import("react/jsx-runtime").JSX.Element;
 export default Password;

package/form/components/form/form.types.d.ts

@@ -84,6 +84,8 @@ export interface IFieldFunctions {
 export interface IField {
     /** Optional ID of the element which describes this field, for screen readers */
     'aria-describedby'?: string;
+    /** Optional ID of the element which provides an error message for this field */
+    'aria-errormessage'?: string;
     /** Optional data for screen readers on if the field content is invalid */
     'aria-invalid'?: boolean;
     /** Optional data for screen readers on if the field is required */

package/helpers/intl.d.ts

@@ -193,6 +193,7 @@ export declare const checkIntlPathExists: (path: string, language?: {
     form_fieldWrapper_characterLimit: string;
     form_fieldWrapper_characterLimit_aria_default: string;
     form_fieldWrapper_characterLimit_aria_over: string;
+    form_fieldWrapper_characterLimit_info: string;
     form_error_generalError: string;
     form_error_required: string;
     form_error_numbers: string;