@abgov/react-components 4.17.0-alpha.3 → 4.17.0-alpha.30

package/lib/accordion/accordion.d.ts

@@ -1,28 +1,28 @@
-import { ReactNode } from "react";
-import { Margins } from "../../common/styling";
-export declare type GoAHeadingSize = "small" | "medium";
-interface WCProps extends Margins {
-    open?: boolean;
-    headingSize?: GoAHeadingSize;
-    heading: string;
-    secondaryText?: string;
-    headingContent?: ReactNode;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-accordion": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface GoAAccordionProps extends Margins {
-    open?: boolean;
-    headingSize?: GoAHeadingSize;
-    secondaryText?: string;
-    heading: string;
-    headingContent?: ReactNode;
-    testid?: string;
-    children: ReactNode;
-}
-export declare function GoAAccordion({ open, heading, headingSize, secondaryText, headingContent, testid, children, mt, mr, mb, ml, }: GoAAccordionProps): JSX.Element;
-export default GoAAccordion;
+import { ReactNode } from "react";
+import { Margins } from "../../common/styling";
+export type GoAHeadingSize = "small" | "medium";
+interface WCProps extends Margins {
+    open?: boolean;
+    headingSize?: GoAHeadingSize;
+    heading: string;
+    secondaryText?: string;
+    headingContent?: ReactNode;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-accordion": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoAAccordionProps extends Margins {
+    open?: boolean;
+    headingSize?: GoAHeadingSize;
+    secondaryText?: string;
+    heading: string;
+    headingContent?: ReactNode;
+    testid?: string;
+    children: ReactNode;
+}
+export declare function GoAAccordion({ open, heading, headingSize, secondaryText, headingContent, testid, children, mt, mr, mb, ml, }: GoAAccordionProps): JSX.Element;
+export default GoAAccordion;

package/lib/app-header/app-header.d.ts

@@ -1,22 +1,23 @@
-/// <reference types="react" />
-interface WCProps {
-    heading?: string;
-    url?: string;
-    maxcontentwidth?: string;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-app-header": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface GoAAppHeaderProps {
-    heading?: string;
-    url?: string;
-    maxContentWidth?: string;
-    children?: React.ReactNode;
-    testId?: string;
-}
-export declare function GoAAppHeader({ heading, url, maxContentWidth, testId, children, }: GoAAppHeaderProps): JSX.Element;
-export default GoAAppHeader;
+interface WCProps {
+    heading?: string;
+    url?: string;
+    maxcontentwidth?: string;
+    fullmenubreakpoint?: number;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-app-header": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoAAppHeaderProps {
+    heading?: string;
+    url?: string;
+    maxContentWidth?: string;
+    fullMenuBreakpoint?: number;
+    children?: React.ReactNode;
+    testId?: string;
+}
+export declare function GoAAppHeader({ heading, url, maxContentWidth, fullMenuBreakpoint, testId, children, }: GoAAppHeaderProps): JSX.Element;
+export default GoAAppHeader;

package/lib/app-header-menu/app-header-menu.d.ts

@@ -1,20 +1,21 @@
-import { ReactNode } from "react";
-import { GoAIconType } from "../icon/icon";
-interface WCProps {
-    heading: string;
-    leadingicon?: GoAIconType;
-}
-export interface GoAAppHeaderMenuProps {
-    heading: string;
-    leadingIcon?: GoAIconType;
-    children?: ReactNode;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-app-header-menu": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export declare function GoAAppHeaderMenu(props: GoAAppHeaderMenuProps): JSX.Element;
-export default GoAAppHeaderMenu;
+import { ReactNode } from "react";
+import { GoAIconType } from "../icon/icon";
+interface WCProps {
+    heading: string;
+    leadingicon?: GoAIconType;
+}
+export interface GoAAppHeaderMenuProps {
+    heading: string;
+    leadingIcon?: GoAIconType;
+    testId?: string;
+    children?: ReactNode;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-app-header-menu": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export declare function GoAAppHeaderMenu(props: GoAAppHeaderMenuProps): import("react/jsx-runtime").JSX.Element;
+export default GoAAppHeaderMenu;

package/lib/badge/badge.d.ts

@@ -1,41 +1,40 @@
-/// <reference types="react" />
-import { Margins } from "../../common/styling";
-export declare type GoABadgeType = "information" | "success" | "important" | "emergency" | "dark" | "midtone" | "light";
-interface WCProps extends Margins {
-    type: GoABadgeType;
-    icon?: boolean;
-    content?: string;
-    arialabel?: string;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-badge": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface GoABadgeProps extends Margins {
-    type: GoABadgeType;
-    icon?: boolean;
-    content?: string;
-    testId?: string;
-    ariaLabel?: string;
-}
-export declare function GoABadge({ type, content, icon, testId, mt, mr, mb, ml, ariaLabel, }: GoABadgeProps): JSX.Element;
-/**
- * @deprecated
- */
-export declare function GoAInfoBadge({ content, testId, icon, mt, mr, mb, ml, ariaLabel, }: GoABadgeProps): JSX.Element;
-/**
- * @deprecated
- */
-export declare function GoASuccessBadge({ content, testId, icon, mt, mr, mb, ml, ariaLabel, }: GoABadgeProps): JSX.Element;
-/**
- * @deprecated
- */
-export declare function GoAImportantBadge({ content, testId, icon, mt, mr, mb, ml, ariaLabel, }: GoABadgeProps): JSX.Element;
-/**
- * @deprecated
- */
-export declare function GoAEmergencyBadge({ content, testId, icon, mt, mr, mb, ml, ariaLabel, }: GoABadgeProps): JSX.Element;
-export {};
+import { Margins } from "../../common/styling";
+export type GoABadgeType = "information" | "success" | "important" | "emergency" | "dark" | "midtone" | "light";
+interface WCProps extends Margins {
+    type: GoABadgeType;
+    icon?: boolean;
+    content?: string;
+    arialabel?: string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-badge": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoABadgeProps extends Margins {
+    type: GoABadgeType;
+    icon?: boolean;
+    content?: string;
+    testId?: string;
+    ariaLabel?: string;
+}
+export declare function GoABadge({ type, content, icon, testId, mt, mr, mb, ml, ariaLabel, }: GoABadgeProps): JSX.Element;
+/**
+ * @deprecated
+ */
+export declare function GoAInfoBadge({ content, testId, icon, mt, mr, mb, ml, ariaLabel, }: GoABadgeProps): JSX.Element;
+/**
+ * @deprecated
+ */
+export declare function GoASuccessBadge({ content, testId, icon, mt, mr, mb, ml, ariaLabel, }: GoABadgeProps): JSX.Element;
+/**
+ * @deprecated
+ */
+export declare function GoAImportantBadge({ content, testId, icon, mt, mr, mb, ml, ariaLabel, }: GoABadgeProps): JSX.Element;
+/**
+ * @deprecated
+ */
+export declare function GoAEmergencyBadge({ content, testId, icon, mt, mr, mb, ml, ariaLabel, }: GoABadgeProps): JSX.Element;
+export {};

package/lib/block/block.d.ts

@@ -1,23 +1,23 @@
-import { ReactNode } from "react";
-import { Alignment, Direction, Margins, Spacing } from "../../common/styling";
-export interface WCProps extends Margins {
-    gap?: Spacing;
-    direction?: Direction;
-    alignment?: Alignment;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-block": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface GoABlockProps extends Margins {
-    gap?: Spacing;
-    direction?: Direction;
-    alignment?: Alignment;
-    testId?: string;
-    children?: ReactNode;
-}
-export declare type BlockProps = GoABlockProps;
-export declare function GoABlock(props: GoABlockProps): JSX.Element;
+import { ReactNode } from "react";
+import { Alignment, Direction, Margins, Spacing } from "../../common/styling";
+export interface WCProps extends Margins {
+    gap?: Spacing;
+    direction?: Direction;
+    alignment?: Alignment;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-block": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoABlockProps extends Margins {
+    gap?: Spacing;
+    direction?: Direction;
+    alignment?: Alignment;
+    testId?: string;
+    children?: ReactNode;
+}
+export type BlockProps = GoABlockProps;
+export declare function GoABlock(props: GoABlockProps): import("react/jsx-runtime").JSX.Element;

package/lib/button/button.d.ts

@@ -1,38 +1,38 @@
-import { ReactNode } from "react";
-import { Margins } from "../../common/styling";
-import { GoAIconType } from "../icon/icon";
-export declare type GoAButtonType = "primary" | "submit" | "secondary" | "tertiary" | "start";
-export declare type GoAButtonSize = "compact" | "normal";
-export declare type GoAButtonVariant = "normal" | "destructive";
-export declare type ButtonType = GoAButtonType;
-export declare type ButtonSize = GoAButtonSize;
-export declare type ButtonVariant = GoAButtonVariant;
-interface WCProps extends Margins {
-    type?: GoAButtonType;
-    size?: GoAButtonSize;
-    variant?: GoAButtonVariant;
-    disabled?: boolean;
-    leadingicon?: string;
-    trailingicon?: string;
-    ref: React.RefObject<HTMLElement>;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-button": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface GoAButtonProps extends Margins {
-    type?: GoAButtonType;
-    size?: GoAButtonSize;
-    variant?: GoAButtonVariant;
-    disabled?: boolean;
-    leadingIcon?: GoAIconType;
-    trailingIcon?: GoAIconType;
-    onClick?: () => void;
-    testId?: string;
-    children?: ReactNode;
-}
-export declare function GoAButton({ disabled, type, size, variant, leadingIcon, trailingIcon, testId, children, onClick, mt, mr, mb, ml, }: GoAButtonProps): JSX.Element;
-export default GoAButton;
+import { ReactNode } from "react";
+import { Margins } from "../../common/styling";
+import { GoAIconType } from "../icon/icon";
+export type GoAButtonType = "primary" | "submit" | "secondary" | "tertiary" | "start";
+export type GoAButtonSize = "compact" | "normal";
+export type GoAButtonVariant = "normal" | "destructive";
+export type ButtonType = GoAButtonType;
+export type ButtonSize = GoAButtonSize;
+export type ButtonVariant = GoAButtonVariant;
+interface WCProps extends Margins {
+    type?: GoAButtonType;
+    size?: GoAButtonSize;
+    variant?: GoAButtonVariant;
+    disabled?: boolean;
+    leadingicon?: string;
+    trailingicon?: string;
+    ref: React.RefObject<HTMLElement>;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-button": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoAButtonProps extends Margins {
+    type?: GoAButtonType;
+    size?: GoAButtonSize;
+    variant?: GoAButtonVariant;
+    disabled?: boolean;
+    leadingIcon?: GoAIconType;
+    trailingIcon?: GoAIconType;
+    onClick?: () => void;
+    testId?: string;
+    children?: ReactNode;
+}
+export declare function GoAButton({ disabled, type, size, variant, leadingIcon, trailingIcon, testId, children, onClick, mt, mr, mb, ml, }: GoAButtonProps): JSX.Element;
+export default GoAButton;

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

@@ -1,24 +1,23 @@
-/// <reference types="react" />
-import { Margins } from "../../common/styling";
-export declare type GoAButtonGroupAlignment = "start" | "end" | "center";
-export declare type GoAButtonGroupGap = "relaxed" | "compact";
-export declare type Gap = GoAButtonGroupGap;
-interface WCProps extends Margins {
-    alignment: GoAButtonGroupAlignment;
-    gap?: GoAButtonGroupGap;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-button-group": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface GoAButtonGroupProps extends Margins {
-    alignment: GoAButtonGroupAlignment;
-    gap?: GoAButtonGroupGap;
-    testId?: string;
-    children?: React.ReactNode;
-}
-export declare function GoAButtonGroup({ alignment, gap, testId, children, mt, mr, mb, ml, }: GoAButtonGroupProps): JSX.Element;
-export default GoAButtonGroup;
+import { Margins } from "../../common/styling";
+export type GoAButtonGroupAlignment = "start" | "end" | "center";
+export type GoAButtonGroupGap = "relaxed" | "compact";
+export type Gap = GoAButtonGroupGap;
+interface WCProps extends Margins {
+    alignment: GoAButtonGroupAlignment;
+    gap?: GoAButtonGroupGap;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-button-group": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoAButtonGroupProps extends Margins {
+    alignment: GoAButtonGroupAlignment;
+    gap?: GoAButtonGroupGap;
+    testId?: string;
+    children?: React.ReactNode;
+}
+export declare function GoAButtonGroup({ alignment, gap, testId, children, mt, mr, mb, ml, }: GoAButtonGroupProps): JSX.Element;
+export default GoAButtonGroup;

package/lib/calendar/calendar.d.ts

@@ -1,25 +1,25 @@
-/// <reference types="react" />
-import { Margins } from "../../common/styling";
-interface WCProps extends Margins {
-    ref: React.RefObject<HTMLElement>;
-    name?: string;
-    value?: string;
-    min?: string;
-    max?: string;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-calendar": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface GoACalendarProps extends Margins {
-    name?: string;
-    value?: Date;
-    min?: Date;
-    max?: Date;
-    onChange: (name: string, value: Date) => void;
-}
-export declare function GoACalendar({ name, value, min, max, mt, mr, mb, ml, onChange, }: GoACalendarProps): JSX.Element;
-export default GoACalendar;
+import { Margins } from "../../common/styling";
+interface WCProps extends Margins {
+    ref: React.RefObject<HTMLElement>;
+    name?: string;
+    value?: string;
+    min?: string;
+    max?: string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-calendar": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoACalendarProps extends Margins {
+    name?: string;
+    value?: Date;
+    min?: Date;
+    max?: Date;
+    testId?: string;
+    onChange: (name: string, value: Date) => void;
+}
+export declare function GoACalendar({ name, value, min, max, testId, mt, mr, mb, ml, onChange, }: GoACalendarProps): JSX.Element;
+export default GoACalendar;

package/lib/callout/callout.d.ts

@@ -1,26 +1,25 @@
-/// <reference types="react" />
-import { Margins } from "../../common/styling";
-export declare type GoACalloutType = "important" | "information" | "event" | "success" | "emergency";
-export declare type GoACalloutSize = "medium" | "large";
-interface WCProps extends Margins {
-    heading?: string;
-    type?: GoACalloutType;
-    size?: GoACalloutSize;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-callout": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface GoACalloutProps extends Margins {
-    heading?: string;
-    type?: GoACalloutType;
-    size?: GoACalloutSize;
-    testId?: string;
-    children?: React.ReactNode;
-}
-export declare type CalloutProps = GoACalloutProps;
-export declare const GoACallout: ({ heading, type, size, testId, children, mt, mr, mb, ml, }: GoACalloutProps) => JSX.Element;
-export default GoACallout;
+import { Margins } from "../../common/styling";
+export type GoACalloutType = "important" | "information" | "event" | "success" | "emergency";
+export type GoACalloutSize = "medium" | "large";
+interface WCProps extends Margins {
+    heading?: string;
+    type?: GoACalloutType;
+    size?: GoACalloutSize;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-callout": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoACalloutProps extends Margins {
+    heading?: string;
+    type?: GoACalloutType;
+    size?: GoACalloutSize;
+    testId?: string;
+    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 default GoACallout;

package/lib/checkbox/checkbox.d.ts

@@ -1,38 +1,37 @@
-/// <reference types="react" />
-import { Margins } from "../../common/styling";
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-checkbox": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-interface WCProps extends Margins {
-    ref: React.RefObject<HTMLElement>;
-    id?: string;
-    name: string;
-    checked: boolean;
-    disabled?: boolean;
-    error?: boolean;
-    text?: string;
-    value?: string | number | boolean;
-    arialabel?: string;
-    description?: string;
-}
-export interface GoACheckboxProps extends Margins {
-    id?: string;
-    name: string;
-    checked: boolean;
-    disabled?: boolean;
-    error?: boolean;
-    text?: string;
-    value?: string | number | boolean;
-    children?: React.ReactNode;
-    testId?: string;
-    ariaLabel?: string;
-    description?: string;
-    onChange?: (name: string, checked: boolean, value: string) => void;
-}
-export declare 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 default GoACheckbox;
+import { Margins } from "../../common/styling";
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-checkbox": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+interface WCProps extends Margins {
+    ref: React.RefObject<HTMLElement>;
+    id?: string;
+    name: string;
+    checked: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    text?: string;
+    value?: string | number | boolean;
+    arialabel?: string;
+    description?: string | React.ReactNode;
+}
+export interface GoACheckboxProps extends Margins {
+    id?: string;
+    name: string;
+    checked: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    text?: string;
+    value?: string | number | boolean;
+    children?: React.ReactNode;
+    testId?: string;
+    ariaLabel?: string;
+    description?: string | React.ReactNode;
+    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 default GoACheckbox;

package/lib/chip/chip.d.ts

@@ -1,29 +1,28 @@
-/// <reference types="react" />
-import { Margins } from "../../common/styling";
-export declare type GoAChipVariant = "filter";
-interface WCProps extends Margins {
-    ref: React.RefObject<HTMLElement>;
-    leadingicon: string;
-    error: boolean;
-    deletable: boolean;
-    content: string;
-    variant?: GoAChipVariant;
-}
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-chip": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
-export interface GoAChipProps extends Margins {
-    onClick?: () => void;
-    deletable?: boolean;
-    leadingIcon?: string;
-    error?: boolean;
-    content: string;
-    variant?: GoAChipVariant;
-    testId?: string;
-}
-export declare const GoAChip: ({ leadingIcon, deletable, error, variant, content, onClick, mt, mr, mb, ml, testId, }: GoAChipProps) => JSX.Element;
-export default GoAChip;
+import { Margins } from "../../common/styling";
+export type GoAChipVariant = "filter";
+interface WCProps extends Margins {
+    ref: React.RefObject<HTMLElement>;
+    leadingicon: string;
+    error: boolean;
+    deletable: boolean;
+    content: string;
+    variant?: GoAChipVariant;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-chip": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoAChipProps extends Margins {
+    onClick?: () => void;
+    deletable?: boolean;
+    leadingIcon?: string;
+    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 default GoAChip;