@apolitical/component-library 5.0.1-jc.0 → 5.0.2-jc.0

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { type IAriaLive } from '../../types';
 interface Props {
     /** The ID of the element */
     id?: string;
@@ -25,7 +26,7 @@ interface Props {
     /** Additional aria props */
     'aria-expanded'?: boolean;
     'aria-controls'?: string;
-    'aria-live'?: 'off' | 'polite' | 'assertive';
+    'aria-live'?: IAriaLive;
 }
 declare const _default: React.MemoExoticComponent<({ element, showOnFocus, children, className, ...props }: Props) => React.DetailedReactHTMLElement<{
     className: string;
@@ -47,6 +48,6 @@ declare const _default: React.MemoExoticComponent<({ element, showOnFocus, child
     /** Additional aria props */
     'aria-expanded'?: boolean | undefined;
     'aria-controls'?: string | undefined;
-    'aria-live'?: "off" | "polite" | "assertive" | undefined;
+    'aria-live'?: IAriaLive | undefined;
 }, HTMLElement>>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apolitical/component-library",
-  "version": "5.0.1-jc.0",
+  "version": "5.0.2-jc.0",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {

package/text/helper-text-box/helper-text-box.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { type IAriaLive } from '../../types';
 export type HelperTextBoxTypes = 'default' | 'warning' | 'error' | 'success';
 interface Props {
     /** The ID of the helper textbox */
@@ -11,8 +12,10 @@ interface Props {
     heading?: string | false;
     /** The content to display in the box */
     children: React.ReactNode | JSX.Element | string;
+    /** Optional tab index, to make it tabbable */
+    tabIndex?: number;
     /** Optional aria live, for screen readers */
-    'aria-live'?: 'polite' | 'assertive';
+    'aria-live'?: IAriaLive;
 }
 declare const HelperTextBox: ({ type, className, heading, children, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default HelperTextBox;

package/text/highlighted-text-box/highlighted-text-box.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { type IAriaLive } from '../../types';
 export interface IHighlightedTextBoxProps {
     /** The style of box being rendered */
     variant?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'subtle' | 'subtle-alt' | 'bold' | 'muted';
@@ -17,6 +18,8 @@ export interface IHighlightedTextBoxProps {
     children: React.ReactNode | JSX.Element;
     /** Additional props to pass to the box */
     style?: React.CSSProperties;
+    /** Optional aria live property, for screen readers */
+    'aria-live'?: IAriaLive;
 }
 declare const HighlightedTextBoxWrapper: ({ variant, icon, styling, className, children, ...props }: IHighlightedTextBoxProps) => import("react/jsx-runtime").JSX.Element;
 export default HighlightedTextBoxWrapper;

package/types/index.d.ts

@@ -1 +1,2 @@
+export * from './accessibility';
 export * from './reducer';