@metrostar/comet-uswds - npm Package Compare versions

Comparing version 1.4.0 to 1.5.0

dist/cjs/components/accordion/accordion.d.ts

@@ -1,4 +0,4 @@
-import React, { ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import './accordion.style.css';
-export interface AccordionItem {
+export interface AccordionItemProps {
     /**
@@ -19,3 +19,3 @@ * The unique identifier for the accordion item
      */
-    child: ReactNode;
+    children: ReactNode;
 }
@@ -34,3 +34,7 @@ export interface AccordionProps {
      */
-    items: AccordionItem[];
+    items?: AccordionItemProps[];
+    /**
+     * AccordionItem components to display as children
+     */
+    children?: ReactElement<AccordionItemProps> | Array<ReactElement<AccordionItemProps>>;
 }
@@ -40,3 +44,4 @@ /**
  */
-export declare const Accordion: ({ id, allowMultiSelect, items, }: AccordionProps) => React.ReactElement;
+export declare const Accordion: ({ id, allowMultiSelect, items, children, }: AccordionProps) => ReactElement;
+export declare const AccordionItem: ({ id, label, expanded, children, }: AccordionItemProps) => ReactElement;
 export default Accordion;

dist/cjs/components/accordion/index.d.ts

@@ -1,1 +0,1 @@
-export { default, AccordionItem } from './accordion';
+export { default, AccordionItem, AccordionItemProps } from './accordion';

dist/cjs/components/breadcrumb/breadcrumb.d.ts

@@ -1,3 +0,3 @@
-import React from 'react';
-export interface Crumb {
+import { ReactElement } from 'react';
+export interface BreadcrumbItemProps {
     /**
@@ -11,2 +11,6 @@ * The intended url path for the item
     name: string;
+    /**
+     * Custom callback for when breadcrumb item is clicked
+     */
+    action?: Function;
 }
@@ -19,6 +23,2 @@ export interface BreadcrumbProps {
     /**
-     * An array of bread crumb objects to display
-     */
-    crumbs: Crumb[];
-    /**
      * Custom callback for when breadcrumb item is clicked
@@ -31,2 +31,10 @@ */
     current?: string;
+    /**
+     * An array of bread crumb items to display
+     */
+    items?: BreadcrumbItemProps[];
+    /**
+     * BreadcrumbItem components to display as children
+     */
+    children?: ReactElement<BreadcrumbItemProps> | Array<ReactElement<BreadcrumbItemProps>>;
 }
@@ -36,3 +44,4 @@ /**
  */
-export declare const Breadcrumb: ({ id, crumbs, current, action, }: BreadcrumbProps) => React.ReactElement;
+export declare const Breadcrumb: ({ id, current, action, items, children, }: BreadcrumbProps) => ReactElement;
+export declare const BreadcrumbItem: ({ path, name, action }: BreadcrumbItemProps) => ReactElement;
 export default Breadcrumb;

dist/cjs/components/breadcrumb/index.d.ts

@@ -1,1 +0,1 @@
-export { default, Crumb } from './breadcrumb';
+export { default, BreadcrumbItem, BreadcrumbItemProps } from './breadcrumb';

dist/cjs/components/combo-box/combo-box.d.ts

@@ -1,4 +0,4 @@
-import { SelectOption, SelectProps } from '../select/select';
+import { SelectOptionProps, SelectProps } from '../select/select';
 import React from 'react';
-export type ComboBoxOption = SelectOption;
+export type ComboBoxOptionProps = SelectOptionProps;
 export type ComboBoxProps = {
@@ -5,0 +5,0 @@ /**

dist/cjs/components/combo-box/index.d.ts

@@ -1,1 +0,1 @@
-export { default, ComboBoxOption } from './combo-box';
+export { default, ComboBoxOptionProps } from './combo-box';

dist/cjs/components/error-messages/error-messages.d.ts

@@ -1,2 +0,2 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 export interface ErrorMessagesProps {
@@ -10,3 +10,7 @@ /**
      */
-    errors: string[];
+    errors?: string[];
+    /**
+     * ReactNode components to display as children
+     */
+    children?: ReactNode;
 }
@@ -16,3 +20,3 @@ /**
  */
-export declare const ErrorMessages: ({ id, errors, }: ErrorMessagesProps) => React.ReactElement;
+export declare const ErrorMessages: ({ id, errors, children, }: ErrorMessagesProps) => React.ReactElement;
 export default ErrorMessages;

dist/cjs/components/error-messages/index.d.ts

@@ -1,1 +0,1 @@
-export { default } from './error-messages';
+export { default, ErrorMessagesProps } from './error-messages';

dist/cjs/components/index.d.ts

@@ -1,5 +0,5 @@
-export { default as Accordion, AccordionItem } from './accordion';
+export { default as Accordion, AccordionItem, AccordionItemProps } from './accordion';
 export { default as Alert } from './alert';
 export { default as Banner } from './banner';
-export { default as Breadcrumb, Crumb } from './breadcrumb';
+export { default as Breadcrumb, BreadcrumbItem, BreadcrumbItemProps } from './breadcrumb';
 export { default as Button } from './button';
@@ -10,3 +10,3 @@ export { default as ButtonGroup } from './button-group';
 export { default as Checkbox, CheckboxGroup, CheckboxData } from './checkbox';
-export { default as ComboBox, ComboBoxOption } from './combo-box';
+export { default as ComboBox, ComboBoxOptionProps } from './combo-box';
 export { default as DatePicker } from './date-picker';
@@ -27,3 +27,3 @@ export { default as DateRangePicker } from './date-range-picker';
 export { default as Pagination, CreatePageUrlHandler, OnPageHandler } from './pagination';
-export { default as ProcessList, ProcessListStep } from './process-list';
+export { default as ProcessList, ProcessListStep, ProcessListStepProps } from './process-list';
 export { default as Prose } from './prose';
@@ -33,4 +33,4 @@ export { default as RadioButton, RadioButtonGroup, RadioButtonData } from './radio-button';
 export { default as Search } from './search';
-export { default as Select, SelectOption } from './select';
-export { default as SideNavigation, SideNavigationItem } from './side-navigation';
+export { default as Select, SelectOption, SelectOptionProps } from './select';
+export { default as SideNavigation, SideNavigationItem, SideNavigationItemProps, } from './side-navigation';
 export { default as SiteAlert } from './site-alert';
@@ -37,0 +37,0 @@ export { default as StepIndicator } from './step-indicator';

dist/cjs/components/process-list/index.d.ts

@@ -1,1 +0,1 @@
-export { default, ProcessListStep } from './process-list';
+export { default, ProcessListStep, ProcessListStepProps } from './process-list';

dist/cjs/components/process-list/process-list.d.ts

@@ -1,7 +0,7 @@
-import React, { ReactNode } from 'react';
-export interface ProcessListProps {
+import { ReactElement, ReactNode } from 'react';
+export interface ProcessListStepProps {
     /**
-     * The unique identifier for this component
+     * The heading for the step
      */
-    id: string;
+    heading: string;
     /**
@@ -16,15 +16,19 @@ * The level of the headings
     /**
-     * The level of the headings
+     * The body of the step
      */
-    steps: ProcessListStep[];
+    children: ReactNode;
 }
-export interface ProcessListStep {
+export interface ProcessListProps {
     /**
-     * The heading for the step
+     * The unique identifier for this component
      */
-    heading: string;
+    id: string;
     /**
-     * The content of the step
+     * The level of the headings
      */
-    content: ReactNode;
+    steps?: ProcessListStepProps[];
+    /**
+     * ProcessListStep components to display as children
+     */
+    children?: ReactElement<ProcessListStepProps> | Array<ReactElement<ProcessListStepProps>>;
 }
@@ -34,3 +38,4 @@ /**
  */
-export declare const ProcessList: ({ id, headingElementName, headingClassName, steps, }: ProcessListProps) => React.ReactElement;
+export declare const ProcessList: ({ id, steps, children }: ProcessListProps) => ReactElement;
+export declare const ProcessListStep: ({ heading, headingClassName, headingElementName, children, }: ProcessListStepProps) => ReactElement;
 export default ProcessList;

dist/cjs/components/select/index.d.ts

@@ -1,1 +0,1 @@
-export { default, SelectOption } from './select';
+export { default, SelectOption, SelectOptionProps } from './select';

dist/cjs/components/select/select.d.ts

@@ -1,3 +0,3 @@
-import React, { ChangeEventHandler } from 'react';
-export interface SelectOption {
+import { ChangeEventHandler, ReactElement } from 'react';
+export interface SelectOptionProps {
     /**
@@ -24,8 +24,12 @@ * The value for the option
      */
-    defaultOption?: SelectOption | null;
+    defaultOption?: SelectOptionProps | null;
     /**
      * The options of the select
      */
-    options?: SelectOption[];
+    options?: SelectOptionProps[];
     /**
+     * SelectOption components to display as children
+     */
+    children?: ReactElement<SelectOptionProps> | Array<ReactElement<SelectOptionProps>>;
+    /**
      * Event handler for when value of the select is changed
@@ -38,3 +42,4 @@ */
  */
-export declare const Select: ({ defaultOption, options, onChange, className, ...selectProps }: SelectProps & JSX.IntrinsicElements['select']) => React.ReactElement;
+export declare const Select: ({ defaultOption, options, onChange, className, children, ...selectProps }: SelectProps & JSX.IntrinsicElements['select']) => ReactElement;
+export declare const SelectOption: ({ value, label }: SelectOptionProps) => ReactElement;
 export default Select;

dist/cjs/components/side-navigation/index.d.ts

@@ -1,1 +0,1 @@
-export { default, SideNavigationItem } from './side-navigation';
+export { default, SideNavigationItem, SideNavigationItemProps } from './side-navigation';

dist/cjs/components/side-navigation/side-navigation.d.ts

@@ -1,3 +0,3 @@
-import React, { ReactNode } from 'react';
-export interface SideNavigationItem {
+import { ReactElement, ReactNode } from 'react';
+export interface SideNavigationItemProps {
     /**
@@ -10,3 +10,3 @@ * Anchor to render for current SideNavigationItem
      */
-    items?: SideNavigationItem[];
+    items?: SideNavigationItemProps[];
 }
@@ -25,3 +25,7 @@ export interface SideNavigationProps {
      */
-    items: SideNavigationItem[];
+    items?: SideNavigationItemProps[];
+    /**
+     * SideNavigationItem components to display as children
+     */
+    children?: ReactElement<SideNavigationItemProps> | Array<ReactElement<SideNavigationItemProps>>;
 }
@@ -31,3 +35,4 @@ /**
  */
-export declare const SideNavigation: ({ id, ariaLabel, items, }: SideNavigationProps) => React.ReactElement;
+export declare const SideNavigation: ({ id, ariaLabel, items, children, }: SideNavigationProps) => ReactElement;
+export declare const SideNavigationItem: ({ items, anchor }: SideNavigationItemProps) => JSX.Element;
 export default SideNavigation;

dist/esm/components/accordion/accordion.d.ts

@@ -1,4 +0,4 @@
-import React, { ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import './accordion.style.css';
-export interface AccordionItem {
+export interface AccordionItemProps {
     /**
@@ -19,3 +19,3 @@ * The unique identifier for the accordion item
      */
-    child: ReactNode;
+    children: ReactNode;
 }
@@ -34,3 +34,7 @@ export interface AccordionProps {
      */
-    items: AccordionItem[];
+    items?: AccordionItemProps[];
+    /**
+     * AccordionItem components to display as children
+     */
+    children?: ReactElement<AccordionItemProps> | Array<ReactElement<AccordionItemProps>>;
 }
@@ -40,3 +44,4 @@ /**
  */
-export declare const Accordion: ({ id, allowMultiSelect, items, }: AccordionProps) => React.ReactElement;
+export declare const Accordion: ({ id, allowMultiSelect, items, children, }: AccordionProps) => ReactElement;
+export declare const AccordionItem: ({ id, label, expanded, children, }: AccordionItemProps) => ReactElement;
 export default Accordion;

dist/esm/components/accordion/index.d.ts

@@ -1,1 +0,1 @@
-export { default, AccordionItem } from './accordion';
+export { default, AccordionItem, AccordionItemProps } from './accordion';

dist/esm/components/breadcrumb/breadcrumb.d.ts

@@ -1,3 +0,3 @@
-import React from 'react';
-export interface Crumb {
+import { ReactElement } from 'react';
+export interface BreadcrumbItemProps {
     /**
@@ -11,2 +11,6 @@ * The intended url path for the item
     name: string;
+    /**
+     * Custom callback for when breadcrumb item is clicked
+     */
+    action?: Function;
 }
@@ -19,6 +23,2 @@ export interface BreadcrumbProps {
     /**
-     * An array of bread crumb objects to display
-     */
-    crumbs: Crumb[];
-    /**
      * Custom callback for when breadcrumb item is clicked
@@ -31,2 +31,10 @@ */
     current?: string;
+    /**
+     * An array of bread crumb items to display
+     */
+    items?: BreadcrumbItemProps[];
+    /**
+     * BreadcrumbItem components to display as children
+     */
+    children?: ReactElement<BreadcrumbItemProps> | Array<ReactElement<BreadcrumbItemProps>>;
 }
@@ -36,3 +44,4 @@ /**
  */
-export declare const Breadcrumb: ({ id, crumbs, current, action, }: BreadcrumbProps) => React.ReactElement;
+export declare const Breadcrumb: ({ id, current, action, items, children, }: BreadcrumbProps) => ReactElement;
+export declare const BreadcrumbItem: ({ path, name, action }: BreadcrumbItemProps) => ReactElement;
 export default Breadcrumb;

dist/esm/components/breadcrumb/index.d.ts

@@ -1,1 +0,1 @@
-export { default, Crumb } from './breadcrumb';
+export { default, BreadcrumbItem, BreadcrumbItemProps } from './breadcrumb';

dist/esm/components/combo-box/combo-box.d.ts

@@ -1,4 +0,4 @@
-import { SelectOption, SelectProps } from '../select/select';
+import { SelectOptionProps, SelectProps } from '../select/select';
 import React from 'react';
-export type ComboBoxOption = SelectOption;
+export type ComboBoxOptionProps = SelectOptionProps;
 export type ComboBoxProps = {
@@ -5,0 +5,0 @@ /**

dist/esm/components/combo-box/index.d.ts

@@ -1,1 +0,1 @@
-export { default, ComboBoxOption } from './combo-box';
+export { default, ComboBoxOptionProps } from './combo-box';

dist/esm/components/error-messages/error-messages.d.ts

@@ -1,2 +0,2 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 export interface ErrorMessagesProps {
@@ -10,3 +10,7 @@ /**
      */
-    errors: string[];
+    errors?: string[];
+    /**
+     * ReactNode components to display as children
+     */
+    children?: ReactNode;
 }
@@ -16,3 +20,3 @@ /**
  */
-export declare const ErrorMessages: ({ id, errors, }: ErrorMessagesProps) => React.ReactElement;
+export declare const ErrorMessages: ({ id, errors, children, }: ErrorMessagesProps) => React.ReactElement;
 export default ErrorMessages;

dist/esm/components/error-messages/index.d.ts

@@ -1,1 +0,1 @@
-export { default } from './error-messages';
+export { default, ErrorMessagesProps } from './error-messages';

dist/esm/components/index.d.ts

@@ -1,5 +0,5 @@
-export { default as Accordion, AccordionItem } from './accordion';
+export { default as Accordion, AccordionItem, AccordionItemProps } from './accordion';
 export { default as Alert } from './alert';
 export { default as Banner } from './banner';
-export { default as Breadcrumb, Crumb } from './breadcrumb';
+export { default as Breadcrumb, BreadcrumbItem, BreadcrumbItemProps } from './breadcrumb';
 export { default as Button } from './button';
@@ -10,3 +10,3 @@ export { default as ButtonGroup } from './button-group';
 export { default as Checkbox, CheckboxGroup, CheckboxData } from './checkbox';
-export { default as ComboBox, ComboBoxOption } from './combo-box';
+export { default as ComboBox, ComboBoxOptionProps } from './combo-box';
 export { default as DatePicker } from './date-picker';
@@ -27,3 +27,3 @@ export { default as DateRangePicker } from './date-range-picker';
 export { default as Pagination, CreatePageUrlHandler, OnPageHandler } from './pagination';
-export { default as ProcessList, ProcessListStep } from './process-list';
+export { default as ProcessList, ProcessListStep, ProcessListStepProps } from './process-list';
 export { default as Prose } from './prose';
@@ -33,4 +33,4 @@ export { default as RadioButton, RadioButtonGroup, RadioButtonData } from './radio-button';
 export { default as Search } from './search';
-export { default as Select, SelectOption } from './select';
-export { default as SideNavigation, SideNavigationItem } from './side-navigation';
+export { default as Select, SelectOption, SelectOptionProps } from './select';
+export { default as SideNavigation, SideNavigationItem, SideNavigationItemProps, } from './side-navigation';
 export { default as SiteAlert } from './site-alert';
@@ -37,0 +37,0 @@ export { default as StepIndicator } from './step-indicator';

dist/esm/components/process-list/index.d.ts

@@ -1,1 +0,1 @@
-export { default, ProcessListStep } from './process-list';
+export { default, ProcessListStep, ProcessListStepProps } from './process-list';

dist/esm/components/process-list/process-list.d.ts

@@ -1,7 +0,7 @@
-import React, { ReactNode } from 'react';
-export interface ProcessListProps {
+import { ReactElement, ReactNode } from 'react';
+export interface ProcessListStepProps {
     /**
-     * The unique identifier for this component
+     * The heading for the step
      */
-    id: string;
+    heading: string;
     /**
@@ -16,15 +16,19 @@ * The level of the headings
     /**
-     * The level of the headings
+     * The body of the step
      */
-    steps: ProcessListStep[];
+    children: ReactNode;
 }
-export interface ProcessListStep {
+export interface ProcessListProps {
     /**
-     * The heading for the step
+     * The unique identifier for this component
      */
-    heading: string;
+    id: string;
     /**
-     * The content of the step
+     * The level of the headings
      */
-    content: ReactNode;
+    steps?: ProcessListStepProps[];
+    /**
+     * ProcessListStep components to display as children
+     */
+    children?: ReactElement<ProcessListStepProps> | Array<ReactElement<ProcessListStepProps>>;
 }
@@ -34,3 +38,4 @@ /**
  */
-export declare const ProcessList: ({ id, headingElementName, headingClassName, steps, }: ProcessListProps) => React.ReactElement;
+export declare const ProcessList: ({ id, steps, children }: ProcessListProps) => ReactElement;
+export declare const ProcessListStep: ({ heading, headingClassName, headingElementName, children, }: ProcessListStepProps) => ReactElement;
 export default ProcessList;

dist/esm/components/select/index.d.ts

@@ -1,1 +0,1 @@
-export { default, SelectOption } from './select';
+export { default, SelectOption, SelectOptionProps } from './select';

dist/esm/components/select/select.d.ts

@@ -1,3 +0,3 @@
-import React, { ChangeEventHandler } from 'react';
-export interface SelectOption {
+import { ChangeEventHandler, ReactElement } from 'react';
+export interface SelectOptionProps {
     /**
@@ -24,8 +24,12 @@ * The value for the option
      */
-    defaultOption?: SelectOption | null;
+    defaultOption?: SelectOptionProps | null;
     /**
      * The options of the select
      */
-    options?: SelectOption[];
+    options?: SelectOptionProps[];
     /**
+     * SelectOption components to display as children
+     */
+    children?: ReactElement<SelectOptionProps> | Array<ReactElement<SelectOptionProps>>;
+    /**
      * Event handler for when value of the select is changed
@@ -38,3 +42,4 @@ */
  */
-export declare const Select: ({ defaultOption, options, onChange, className, ...selectProps }: SelectProps & JSX.IntrinsicElements['select']) => React.ReactElement;
+export declare const Select: ({ defaultOption, options, onChange, className, children, ...selectProps }: SelectProps & JSX.IntrinsicElements['select']) => ReactElement;
+export declare const SelectOption: ({ value, label }: SelectOptionProps) => ReactElement;
 export default Select;

dist/esm/components/side-navigation/index.d.ts

@@ -1,1 +0,1 @@
-export { default, SideNavigationItem } from './side-navigation';
+export { default, SideNavigationItem, SideNavigationItemProps } from './side-navigation';

dist/esm/components/side-navigation/side-navigation.d.ts

@@ -1,3 +0,3 @@
-import React, { ReactNode } from 'react';
-export interface SideNavigationItem {
+import { ReactElement, ReactNode } from 'react';
+export interface SideNavigationItemProps {
     /**
@@ -10,3 +10,3 @@ * Anchor to render for current SideNavigationItem
      */
-    items?: SideNavigationItem[];
+    items?: SideNavigationItemProps[];
 }
@@ -25,3 +25,7 @@ export interface SideNavigationProps {
      */
-    items: SideNavigationItem[];
+    items?: SideNavigationItemProps[];
+    /**
+     * SideNavigationItem components to display as children
+     */
+    children?: ReactElement<SideNavigationItemProps> | Array<ReactElement<SideNavigationItemProps>>;
 }
@@ -31,3 +35,4 @@ /**
  */
-export declare const SideNavigation: ({ id, ariaLabel, items, }: SideNavigationProps) => React.ReactElement;
+export declare const SideNavigation: ({ id, ariaLabel, items, children, }: SideNavigationProps) => ReactElement;
+export declare const SideNavigationItem: ({ items, anchor }: SideNavigationItemProps) => JSX.Element;
 export default SideNavigation;

dist/index.d.ts

@@ -1,4 +0,4 @@
-import React, { ReactNode, SyntheticEvent, PropsWithChildren, ChangeEventHandler, MouseEventHandler, FormEvent } from 'react';
+import React, { ReactNode, ReactElement, SyntheticEvent, PropsWithChildren, ChangeEventHandler, MouseEventHandler, FormEvent } from 'react';
 
-interface AccordionItem {
+interface AccordionItemProps {
     /**
@@ -19,3 +19,3 @@ * The unique identifier for the accordion item
      */
-    child: ReactNode;
+    children: ReactNode;
 }
@@ -34,3 +34,7 @@ interface AccordionProps {
      */
-    items: AccordionItem[];
+    items?: AccordionItemProps[];
+    /**
+     * AccordionItem components to display as children
+     */
+    children?: ReactElement<AccordionItemProps> | Array<ReactElement<AccordionItemProps>>;
 }
@@ -40,3 +44,4 @@ /**
  */
-declare const Accordion: ({ id, allowMultiSelect, items, }: AccordionProps) => React.ReactElement;
+declare const Accordion: ({ id, allowMultiSelect, items, children, }: AccordionProps) => ReactElement;
+declare const AccordionItem: ({ id, label, expanded, children, }: AccordionItemProps) => ReactElement;
 
@@ -93,3 +98,3 @@ interface AlertProps {
 
-interface Crumb {
+interface BreadcrumbItemProps {
     /**
@@ -103,2 +108,6 @@ * The intended url path for the item
     name: string;
+    /**
+     * Custom callback for when breadcrumb item is clicked
+     */
+    action?: Function;
 }
@@ -111,6 +120,2 @@ interface BreadcrumbProps {
     /**
-     * An array of bread crumb objects to display
-     */
-    crumbs: Crumb[];
-    /**
      * Custom callback for when breadcrumb item is clicked
@@ -123,2 +128,10 @@ */
     current?: string;
+    /**
+     * An array of bread crumb items to display
+     */
+    items?: BreadcrumbItemProps[];
+    /**
+     * BreadcrumbItem components to display as children
+     */
+    children?: ReactElement<BreadcrumbItemProps> | Array<ReactElement<BreadcrumbItemProps>>;
 }
@@ -128,3 +141,4 @@ /**
  */
-declare const Breadcrumb: ({ id, crumbs, current, action, }: BreadcrumbProps) => React.ReactElement;
+declare const Breadcrumb: ({ id, current, action, items, children, }: BreadcrumbProps) => ReactElement;
+declare const BreadcrumbItem: ({ path, name, action }: BreadcrumbItemProps) => ReactElement;
 
@@ -288,3 +302,3 @@ interface ButtonProps {
 
-interface SelectOption {
+interface SelectOptionProps {
     /**
@@ -311,8 +325,12 @@ * The value for the option
      */
-    defaultOption?: SelectOption | null;
+    defaultOption?: SelectOptionProps | null;
     /**
      * The options of the select
      */
-    options?: SelectOption[];
+    options?: SelectOptionProps[];
     /**
+     * SelectOption components to display as children
+     */
+    children?: ReactElement<SelectOptionProps> | Array<ReactElement<SelectOptionProps>>;
+    /**
      * Event handler for when value of the select is changed
@@ -325,5 +343,6 @@ */
  */
-declare const Select: ({ defaultOption, options, onChange, className, ...selectProps }: SelectProps & JSX.IntrinsicElements['select']) => React.ReactElement;
+declare const Select: ({ defaultOption, options, onChange, className, children, ...selectProps }: SelectProps & JSX.IntrinsicElements['select']) => ReactElement;
+declare const SelectOption: ({ value, label }: SelectOptionProps) => ReactElement;
 
-type ComboBoxOption = SelectOption;
+type ComboBoxOptionProps = SelectOptionProps;
 type ComboBoxProps = {
@@ -402,3 +421,7 @@ /**
      */
-    errors: string[];
+    errors?: string[];
+    /**
+     * ReactNode components to display as children
+     */
+    children?: ReactNode;
 }
@@ -408,3 +431,3 @@ /**
  */
-declare const ErrorMessages: ({ id, errors, }: ErrorMessagesProps) => React.ReactElement;
+declare const ErrorMessages: ({ id, errors, children, }: ErrorMessagesProps) => React.ReactElement;
 
@@ -765,7 +788,7 @@ interface FileInputProps {
 
-interface ProcessListProps {
+interface ProcessListStepProps {
     /**
-     * The unique identifier for this component
+     * The heading for the step
      */
-    id: string;
+    heading: string;
     /**
@@ -780,15 +803,19 @@ * The level of the headings
     /**
-     * The level of the headings
+     * The body of the step
      */
-    steps: ProcessListStep[];
+    children: ReactNode;
 }
-interface ProcessListStep {
+interface ProcessListProps {
     /**
-     * The heading for the step
+     * The unique identifier for this component
      */
-    heading: string;
+    id: string;
     /**
-     * The content of the step
+     * The level of the headings
      */
-    content: ReactNode;
+    steps?: ProcessListStepProps[];
+    /**
+     * ProcessListStep components to display as children
+     */
+    children?: ReactElement<ProcessListStepProps> | Array<ReactElement<ProcessListStepProps>>;
 }
@@ -798,3 +825,4 @@ /**
  */
-declare const ProcessList: ({ id, headingElementName, headingClassName, steps, }: ProcessListProps) => React.ReactElement;
+declare const ProcessList: ({ id, steps, children }: ProcessListProps) => ReactElement;
+declare const ProcessListStep: ({ heading, headingClassName, headingElementName, children, }: ProcessListStepProps) => ReactElement;
 
@@ -943,3 +971,3 @@ interface ProseProps {
 
-interface SideNavigationItem {
+interface SideNavigationItemProps {
     /**
@@ -952,3 +980,3 @@ * Anchor to render for current SideNavigationItem
      */
-    items?: SideNavigationItem[];
+    items?: SideNavigationItemProps[];
 }
@@ -967,3 +995,7 @@ interface SideNavigationProps {
      */
-    items: SideNavigationItem[];
+    items?: SideNavigationItemProps[];
+    /**
+     * SideNavigationItem components to display as children
+     */
+    children?: ReactElement<SideNavigationItemProps> | Array<ReactElement<SideNavigationItemProps>>;
 }
@@ -973,3 +1005,4 @@ /**
  */
-declare const SideNavigation: ({ id, ariaLabel, items, }: SideNavigationProps) => React.ReactElement;
+declare const SideNavigation: ({ id, ariaLabel, items, children, }: SideNavigationProps) => ReactElement;
+declare const SideNavigationItem: ({ items, anchor }: SideNavigationItemProps) => JSX.Element;
 
@@ -1236,2 +1269,2 @@ interface SiteAlertProps {
 
-export { Accordion, AccordionItem, Alert, Banner, Breadcrumb, Button, ButtonGroup, Card, CardBody, CardFooter, CardHeader, CharacterCount, CharacterCountContainer, Checkbox, CheckboxData, CheckboxGroup, ComboBox, ComboBoxOption, CreatePageUrlHandler, Crumb, DatePicker, DateRangePickerContainer as DateRangePicker, ErrorMessages, FileInput, Footer, Form, FormGroup, Header, Icon, Label, List, ListItem, MemorableDate, Modal, OnPageHandler, Pagination, ProcessList, ProcessListStep, Prose, RadioButton, RadioButtonData, RadioButtonGroup, RangeSlider, Search, Select, SelectOption, SideNavigation, SideNavigationItem, SiteAlert, StepIndicator, SummaryBox, Table, TableCell, TableColumn, Tag, TextArea, TextInput, TimePicker, Tooltip };
+export { Accordion, AccordionItem, AccordionItemProps, Alert, Banner, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, Button, ButtonGroup, Card, CardBody, CardFooter, CardHeader, CharacterCount, CharacterCountContainer, Checkbox, CheckboxData, CheckboxGroup, ComboBox, ComboBoxOptionProps, CreatePageUrlHandler, DatePicker, DateRangePickerContainer as DateRangePicker, ErrorMessages, FileInput, Footer, Form, FormGroup, Header, Icon, Label, List, ListItem, MemorableDate, Modal, OnPageHandler, Pagination, ProcessList, ProcessListStep, ProcessListStepProps, Prose, RadioButton, RadioButtonData, RadioButtonGroup, RangeSlider, Search, Select, SelectOption, SelectOptionProps, SideNavigation, SideNavigationItem, SideNavigationItemProps, SiteAlert, StepIndicator, SummaryBox, Table, TableCell, TableColumn, Tag, TextArea, TextInput, TimePicker, Tooltip };

package.json

 {
   "name": "@metrostar/comet-uswds",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "React with TypeScript Component Library based on USWDS 3.0.",
@@ -5,0 +5,0 @@ "license": "Apache-2.0",

No alert changes

Improved metrics

Total package byte prevSize

9324196

increased by0.1%

Lines of code

8408

increased by1.3%

No dependency changes