@trussworks/react-uswds - npm Package Compare versions

Comparing version 6.2.0 to 7.0.0

CHANGELOG.md

@@ -5,2 +5,24 @@ # Changelog
 
+## [7.0.0](https://github.com/trussworks/react-uswds/compare/6.2.0...7.0.0) (2024-02-22)
+
+
+### ⚠ BREAKING CHANGES
+
+* React 18 Upgrade ([#2714](https://github.com/trussworks/react-uswds/issues/2714))
+* Uncouple uswds style ([#2532](https://github.com/trussworks/react-uswds/issues/2532))
+
+### Features
+
+* moved overlay into header component ([#2701](https://github.com/trussworks/react-uswds/issues/2701)) ([3433eac](https://github.com/trussworks/react-uswds/commit/3433eac9976b20ee6e3a76404079c23e85f84875))
+* parametrized StepIndicator strings ([#2707](https://github.com/trussworks/react-uswds/issues/2707)) ([94912bd](https://github.com/trussworks/react-uswds/commit/94912bd772c69ed1dac7c6d9f59b9a1a4f337e53))
+* React 18 Upgrade ([#2714](https://github.com/trussworks/react-uswds/issues/2714)) ([af2d2d6](https://github.com/trussworks/react-uswds/commit/af2d2d6445ef05675066134a6933a607ce2196a2))
+* **storybook:** storybook 7 ([#2533](https://github.com/trussworks/react-uswds/issues/2533)) ([8f65ec4](https://github.com/trussworks/react-uswds/commit/8f65ec461d14db1350fc11d24d2676367d5b0294))
+* Uncouple uswds style ([#2532](https://github.com/trussworks/react-uswds/issues/2532)) ([6ce4bbb](https://github.com/trussworks/react-uswds/commit/6ce4bbb1091670988691d10bb1e99725d96f10e7))
+
+
+### Bug Fixes
+
+* a11y: search component submit accessible naming ([#2737](https://github.com/trussworks/react-uswds/issues/2737)) ([b5fb85d](https://github.com/trussworks/react-uswds/commit/b5fb85d0ec17c1a02b1d4c2e373d2204342aac38))
+* fixed lint warnings ([#2774](https://github.com/trussworks/react-uswds/issues/2774)) ([d4b30d8](https://github.com/trussworks/react-uswds/commit/d4b30d8e87858dc1b8e5fa424c89aa14eb5309f4))
+
 ## [6.2.0](https://github.com/trussworks/react-uswds/compare/6.1.0...6.2.0) (2024-01-08)
@@ -7,0 +29,0 @@

lib/components/Accordion/Accordion.d.ts

@@ -12,3 +12,3 @@ import React from 'react';
 }
-declare type AccordionProps = {
+type AccordionProps = {
     bordered?: boolean;
@@ -15,0 +15,0 @@ multiselectable?: boolean;

lib/components/Alert/Alert.d.ts

 import React from 'react';
 import { HeadingLevel } from '../../types/headingLevel';
-declare type AlertProps = {
+type AlertProps = {
     type: 'success' | 'warning' | 'error' | 'info';
@@ -5,0 +5,0 @@ heading?: React.ReactNode;

lib/components/banner/Banner/Banner.d.ts

 import { ReactElement } from 'react';
-declare type BannerProps = {
+type BannerProps = {
     divProps?: JSX.IntrinsicElements['div'];
@@ -4,0 +4,0 @@ };

lib/components/banner/BannerButton/BannerButton.d.ts

 import { ReactElement } from 'react';
-declare type BannerButtonProps = {
+type BannerButtonProps = {
     isOpen: boolean;
@@ -4,0 +4,0 @@ spanProps?: JSX.IntrinsicElements['span'];

lib/components/banner/BannerContent/BannerContent.d.ts

 import { ReactElement } from 'react';
-declare type BannerContentProps = {
+type BannerContentProps = {
     isOpen: boolean;
@@ -4,0 +4,0 @@ };

lib/components/banner/BannerHeader/BannerHeader.d.ts

 import { ReactElement, ReactNode } from 'react';
-declare type BannerHeaderProps = {
+type BannerHeaderProps = {
     isOpen: boolean;
@@ -4,0 +4,0 @@ flagImg: ReactNode;

lib/components/banner/GovBanner/GovBanner.d.ts

 import { ReactElement } from 'react';
-declare type Language = 'english' | 'spanish';
-declare type TLD = '.gov' | '.mil';
-declare type GovBannerProps = {
+type Language = 'english' | 'spanish';
+type TLD = '.gov' | '.mil';
+type GovBannerProps = {
     tld?: TLD;
@@ -6,0 +6,0 @@ language?: Language;

lib/components/breadcrumb/BreadcrumbBar/BreadcrumbBar.d.ts

 import React, { ReactElement } from 'react';
 import { BreadcrumbProps } from '../Breadcrumb/Breadcrumb';
-declare type BreadcrumbBarProps = {
+type BreadcrumbBarProps = {
     children: ReactElement<BreadcrumbProps> | ReactElement<BreadcrumbProps>[];
@@ -5,0 +5,0 @@ variant?: 'default' | 'wrap';

lib/components/Button/Button.d.ts

 import React from 'react';
-export declare type ButtonProps = {
+export type ButtonProps = {
     type: 'button' | 'submit' | 'reset';
@@ -4,0 +4,0 @@ children: React.ReactNode;

lib/components/ButtonGroup/ButtonGroup.d.ts

 import React from 'react';
-declare type ButtonGroupProps = {
+type ButtonGroupProps = {
     children: React.ReactNode;
@@ -4,0 +4,0 @@ className?: string;

lib/components/card/Card/Card.d.ts

 import React from 'react';
 import { GridLayoutProp } from '../../grid/Grid/Grid';
-declare type CardProps = {
+type CardProps = {
     layout?: 'standardDefault' | 'flagDefault' | 'flagMediaRight';
@@ -5,0 +5,0 @@ headerFirst?: boolean;

lib/components/Collection/Collection.d.ts

 import React from 'react';
-declare type CollectionProps = {
+type CollectionProps = {
     condensed?: boolean;
@@ -4,0 +4,0 @@ };

lib/components/Footer/Address/Address.d.ts

 import React from 'react';
-declare type AddressProps = {
+type AddressProps = {
     size?: 'big' | 'medium' | 'slim';
@@ -4,0 +4,0 @@ items: React.ReactNode[];

lib/components/Footer/Footer/Footer.d.ts

 import React from 'react';
-declare type FooterProps = {
+type FooterProps = {
     size?: 'big' | 'medium' | 'slim';
@@ -4,0 +4,0 @@ /**

lib/components/Footer/FooterExtendedNavList/FooterExtendedNavList.d.ts

 import React from 'react';
-export declare type ExtendedNavLinksType = React.ReactNode[][];
-declare type FooterExtendedNavListProps = {
+export type ExtendedNavLinksType = React.ReactNode[][];
+type FooterExtendedNavListProps = {
     isMobile?: boolean;
@@ -5,0 +5,0 @@ nestedLinks: ExtendedNavLinksType;

lib/components/Footer/FooterNav/FooterNav.d.ts

 import React from 'react';
 import { ExtendedNavLinksType } from '../FooterExtendedNavList/FooterExtendedNavList';
-declare type FooterNavProps = {
+type FooterNavProps = {
     size?: 'big' | 'medium' | 'slim';
@@ -5,0 +5,0 @@ isMobile?: boolean;

lib/components/Footer/Logo/Logo.d.ts

 import React from 'react';
-declare type LogoProps = {
+type LogoProps = {
     size?: 'big' | 'medium' | 'slim';
@@ -4,0 +4,0 @@ heading?: React.ReactNode;

lib/components/Footer/SocialLinks/SocialLinks.d.ts

 import React from 'react';
-declare type SocialLinksProps = {
+type SocialLinksProps = {
     links: React.ReactNode[];
 };
-declare type SocialLinkProps = {
+type SocialLinkProps = {
     name: 'Facebook' | 'Twitter' | 'YouTube' | 'Instagram' | 'RSS';
@@ -7,0 +7,0 @@ };

lib/components/forms/CharacterCount/CharacterCount.d.ts

 import React from 'react';
 import { TextInputProps } from '../TextInput/TextInput';
 import { TextareaProps } from '../Textarea/Textarea';
-declare type BaseCharacterCountProps = {
+type BaseCharacterCountProps = {
     id: string;
@@ -15,5 +15,5 @@ name: string;
 };
-export declare type TextInputCharacterCountProps = BaseCharacterCountProps & TextInputProps;
-export declare type TextareaCharacterCountProps = BaseCharacterCountProps & TextareaProps & JSX.IntrinsicElements['textarea'];
+export type TextInputCharacterCountProps = BaseCharacterCountProps & TextInputProps;
+export type TextareaCharacterCountProps = BaseCharacterCountProps & TextareaProps & JSX.IntrinsicElements['textarea'];
 export declare const CharacterCount: ({ id, name, className, maxLength, value, defaultValue, isTextArea, getCharacterCount, getMessage, ...remainingProps }: TextInputCharacterCountProps | TextareaCharacterCountProps) => React.ReactElement;
 export default CharacterCount;

lib/components/forms/Checkbox/Checkbox.d.ts

 import React from 'react';
-declare type CheckboxProps = {
+type CheckboxProps = {
     id: string;
@@ -4,0 +4,0 @@ name: string;

lib/components/forms/ComboBox/ComboBox.d.ts

@@ -15,3 +15,3 @@ import React from 'react';
 }
-declare type ComboBoxProps = {
+type ComboBoxProps = {
     id: string;
@@ -32,3 +32,3 @@ name: string;
 };
-export declare type ComboBoxRef = {
+export type ComboBoxRef = {
     focus: () => void;
@@ -35,0 +35,0 @@ clearSelection: () => void;

lib/components/forms/ComboBox/useComboBox.d.ts

@@ -15,3 +15,3 @@ import React from 'react';
 }
-export declare type Action = {
+export type Action = {
     type: ActionTypes.SELECT_OPTION;
@@ -18,0 +18,0 @@ option: ComboBoxOption;

lib/components/forms/DateInput/DateInput.d.ts

 import React from 'react';
 import { OptionalTextInputProps } from '../TextInput/TextInput';
-declare type DateInputElementProps = {
+type DateInputElementProps = {
     id: string;
@@ -5,0 +5,0 @@ name: string;

lib/components/forms/DatePicker/DatePicker.d.ts

 import React from 'react';
 import { DatePickerLocalization } from './i18n';
 import { ValidationStatus } from '../../../types/validationStatus';
-declare type BaseDatePickerProps = {
+type BaseDatePickerProps = {
     id: string;
@@ -19,3 +19,3 @@ name: string;
 };
-export declare type DatePickerProps = BaseDatePickerProps & Omit<JSX.IntrinsicElements['input'], 'onChange'>;
+export type DatePickerProps = BaseDatePickerProps & Omit<JSX.IntrinsicElements['input'], 'onChange'>;
 export declare enum FocusMode {
@@ -22,0 +22,0 @@ None = 0,

lib/components/forms/DatePicker/utils.d.ts

@@ -185,3 +185,3 @@ import React, { KeyboardEvent } from 'react';
  */
-export declare const keepDateBetweenMinAndMax: (date: Date, minDate: Date, maxDate?: Date | undefined) => Date;
+export declare const keepDateBetweenMinAndMax: (date: Date, minDate: Date, maxDate?: Date) => Date;
 /**
@@ -195,3 +195,3 @@ * Check if dates is valid.
  */
-export declare const isDateWithinMinAndMax: (date: Date, minDate: Date, maxDate?: Date | undefined) => boolean;
+export declare const isDateWithinMinAndMax: (date: Date, minDate: Date, maxDate?: Date) => boolean;
 /**
@@ -205,3 +205,3 @@ * Check if dates month is invalid.
  */
-export declare const isDatesMonthOutsideMinOrMax: (date: Date, minDate: Date, maxDate?: Date | undefined) => boolean;
+export declare const isDatesMonthOutsideMinOrMax: (date: Date, minDate: Date, maxDate?: Date) => boolean;
 /**
@@ -215,3 +215,3 @@ * Check if dates year is invalid.
  */
-export declare const isDatesYearOutsideMinOrMax: (date: Date, minDate: Date, maxDate?: Date | undefined) => boolean;
+export declare const isDatesYearOutsideMinOrMax: (date: Date, minDate: Date, maxDate?: Date) => boolean;
 /**
@@ -234,5 +234,5 @@ * Parse a date with format M-D-YY
 export declare const formatDate: (date: Date, dateFormat?: string) => string;
-export declare const isDateInvalid: (dateString: string, minDate: Date, maxDate?: Date | undefined) => boolean;
-export declare const listToTable: (list: React.ReactNode[], rowSize: number) => React.ReactFragment;
+export declare const isDateInvalid: (dateString: string, minDate: Date, maxDate?: Date) => boolean;
+export declare const listToTable: (list: React.ReactNode[], rowSize: number) => React.ReactNode;
 export declare const handleTabKey: (event: KeyboardEvent, focusableEl: Array<HTMLButtonElement | null>) => void;
 export declare const isIosDevice: () => boolean;

lib/components/forms/DateRangePicker/DateRangePicker.d.ts

 import React from 'react';
 import { DatePickerProps } from '../DatePicker/DatePicker';
-declare type DateRangePickerProps = {
+type DateRangePickerProps = {
     startDateLabel?: string;
@@ -5,0 +5,0 @@ startDateHint?: string;

lib/components/forms/ErrorMessage/ErrorMessage.d.ts

 import React from 'react';
-declare type ErrorMessageProps = {
+type ErrorMessageProps = {
     children: React.ReactNode;
@@ -4,0 +4,0 @@ id?: string;

lib/components/forms/Fieldset/Fieldset.d.ts

 import React from 'react';
-declare type FieldsetProps = {
+type FieldsetProps = {
     children: React.ReactNode;
@@ -4,0 +4,0 @@ legend?: React.ReactNode;

lib/components/forms/FileInput/FileInput.d.ts

 import React from 'react';
-declare type FileInputProps = {
+type FileInputProps = {
     id: string;
@@ -14,3 +14,3 @@ name: string;
 };
-export declare type FileInputRef = {
+export type FileInputRef = {
     clearFiles: () => void;
@@ -21,3 +21,3 @@ input: HTMLInputElement | null;
 export declare const FileInputForwardRef: React.ForwardRefRenderFunction<FileInputRef, FileInputProps & JSX.IntrinsicElements['input']>;
-export declare const FileInput: React.ForwardRefExoticComponent<Pick<FileInputProps & React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement>, "type" | "children" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "pattern" | "list" | "step" | "size" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "multiple" | "height" | "max" | "min" | "width" | "crossOrigin" | "alt" | "src" | "accept" | "autoComplete" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "readOnly" | "required" | "dragText" | "chooseText" | "errorText"> & React.RefAttributes<FileInputRef>>;
+export declare const FileInput: React.ForwardRefExoticComponent<Omit<FileInputProps & React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<FileInputRef>>;
 export {};

lib/components/forms/Form/Form.d.ts

 import React from 'react';
-declare type RequiredFormProps = {
+type RequiredFormProps = {
     children: React.ReactNode;
     onSubmit: (event: React.FormEvent<HTMLFormElement>) => void;
 };
-declare type CustomFormProps = {
+type CustomFormProps = {
     className?: string;
@@ -11,5 +11,5 @@ large?: boolean;
 };
-export declare type OptionalFormProps = CustomFormProps & JSX.IntrinsicElements['form'];
-declare type FormProps = RequiredFormProps & OptionalFormProps;
+export type OptionalFormProps = CustomFormProps & JSX.IntrinsicElements['form'];
+type FormProps = RequiredFormProps & OptionalFormProps;
 export declare const Form: ({ onSubmit, children, className, large, search, ...formProps }: FormProps) => React.ReactElement;
 export {};

lib/components/forms/FormGroup/FormGroup.d.ts

 import React from 'react';
-declare type FormGroupProps = {
+type FormGroupProps = {
     children: React.ReactNode;
@@ -4,0 +4,0 @@ className?: string;

lib/components/forms/InputPrefix/InputPrefix.d.ts

 import React from 'react';
-declare type InputPrefixProps = {
+type InputPrefixProps = {
     className?: string;
@@ -4,0 +4,0 @@ children: React.ReactNode;

lib/components/forms/InputSuffix/InputSuffix.d.ts

 import React from 'react';
-declare type InputSuffixProps = {
+type InputSuffixProps = {
     className?: string;
@@ -4,0 +4,0 @@ children: React.ReactNode;

lib/components/forms/Label/Label.d.ts

 import React from 'react';
-declare type LabelProps = {
+type LabelProps = {
     children: React.ReactNode;
@@ -4,0 +4,0 @@ htmlFor: string;

lib/components/forms/Radio/Radio.d.ts

 import React from 'react';
-declare type RadioProps = {
+type RadioProps = {
     id: string;
@@ -4,0 +4,0 @@ name: string;

lib/components/forms/RangeInput/RangeInput.d.ts

 import React from 'react';
-declare type RangeInputProps = {
+type RangeInputProps = {
     id: string;
@@ -4,0 +4,0 @@ name: string;

lib/components/forms/Select/Select.d.ts

 import React from 'react';
 import { ValidationStatus } from '../../../types/validationStatus';
-declare type SelectProps = {
+type SelectProps = {
     id: string;
@@ -5,0 +5,0 @@ name: string;

lib/components/forms/Textarea/Textarea.d.ts

 import React from 'react';
-declare type TextareaRef = string | string | ((instance: HTMLTextAreaElement | null) => void) | React.RefObject<HTMLTextAreaElement> | null | undefined;
+type TextareaRef = string | string | ((instance: HTMLTextAreaElement | null) => void) | React.RefObject<HTMLTextAreaElement> | null | undefined;
 export interface TextareaProps {
@@ -4,0 +4,0 @@ id: string;

lib/components/forms/TextInput/TextInput.d.ts

 import React from 'react';
 import { ValidationStatus } from '../../../types/validationStatus';
-declare type TextInputRef = string | ((instance: HTMLInputElement | null) => void) | React.RefObject<HTMLInputElement> | null | undefined;
-declare type RequiredTextInputProps = {
+type TextInputRef = string | ((instance: HTMLInputElement | null) => void) | React.RefObject<HTMLInputElement> | null | undefined;
+type RequiredTextInputProps = {
     id: string;
@@ -9,3 +9,3 @@ name: string;
 };
-declare type CustomTextInputProps = {
+type CustomTextInputProps = {
     className?: string;
@@ -17,5 +17,5 @@ validationStatus?: ValidationStatus;
 };
-export declare type OptionalTextInputProps = CustomTextInputProps & JSX.IntrinsicElements['input'];
-export declare type TextInputProps = RequiredTextInputProps & OptionalTextInputProps;
+export type OptionalTextInputProps = CustomTextInputProps & JSX.IntrinsicElements['input'];
+export type TextInputProps = RequiredTextInputProps & OptionalTextInputProps;
 export declare const TextInput: ({ id, name, type, className, validationStatus, inputSize, inputRef, ...inputProps }: TextInputProps) => React.ReactElement;
 export default TextInput;

lib/components/forms/TextInputMask/TextInputMask.d.ts

 import React from 'react';
 import { TextInputProps } from '../TextInput/TextInput';
-export declare type AllProps = TextInputProps & {
+export type AllProps = TextInputProps & {
     mask: string;
@@ -5,0 +5,0 @@ charset?: string;

lib/components/forms/TimePicker/TimePicker.d.ts

 import React from 'react';
-declare type BaseTimePickerProps = {
+type BaseTimePickerProps = {
     id: string;
@@ -15,4 +15,4 @@ name: string;
 };
-declare type TimePickerProps = BaseTimePickerProps & Omit<JSX.IntrinsicElements['input'], 'onChange'>;
+type TimePickerProps = BaseTimePickerProps & Omit<JSX.IntrinsicElements['input'], 'onChange'>;
 export declare const TimePicker: ({ id, name, onChange, label, defaultValue, disabled, minTime, maxTime, step, hint, className, }: TimePickerProps) => React.ReactElement;
 export {};

lib/components/forms/Validation/ValidationChecklist.d.ts

 import React from 'react';
-declare type ValidationChecklistProps = {
+type ValidationChecklistProps = {
     id: string;
@@ -4,0 +4,0 @@ children: React.ReactNode;

lib/components/forms/Validation/ValidationItem.d.ts

 import React from 'react';
-declare type ValidationItemProps = {
+type ValidationItemProps = {
     children: React.ReactNode;
@@ -4,0 +4,0 @@ id: string;

lib/components/grid/Grid/Grid.d.ts

 import React from 'react';
 import { GridItemProps, BreakpointKeys } from '../types';
-export declare type GridProps = GridItemProps & {
+export type GridProps = GridItemProps & {
     [P in BreakpointKeys]?: GridItemProps;
 };
-export declare type GridComponentProps<T> = GridProps & {
+export type GridComponentProps<T> = GridProps & {
     className?: string;
 } & T;
-export declare type GridLayoutProp = {
+export type GridLayoutProp = {
     gridLayout?: GridProps;
@@ -15,7 +15,7 @@ };
 }
-export declare type DefaultGridProps = GridComponentProps<JSX.IntrinsicElements['div']>;
-export declare type CustomGridProps<T> = GridComponentProps<React.PropsWithChildren<T>> & WithCustomGridProps<React.PropsWithChildren<T>>;
-declare type omittedProps = 'mobile' | 'tablet' | 'desktop' | 'widescreen' | 'mobileLg' | 'tabletLg' | 'desktopLg' | 'children' | 'className' | 'row' | 'col' | 'gap' | 'offset';
+export type DefaultGridProps = GridComponentProps<JSX.IntrinsicElements['div']>;
+export type CustomGridProps<T> = GridComponentProps<React.PropsWithChildren<T>> & WithCustomGridProps<React.PropsWithChildren<T>>;
+type omittedProps = 'mobile' | 'tablet' | 'desktop' | 'widescreen' | 'mobileLg' | 'tabletLg' | 'desktopLg' | 'children' | 'className' | 'row' | 'col' | 'gap' | 'offset';
 export declare function isCustomProps<T>(props: Omit<DefaultGridProps, omittedProps> | Omit<CustomGridProps<T>, omittedProps>): props is Omit<CustomGridProps<T>, omittedProps>;
-export declare const getGridClasses: (itemProps?: GridItemProps, breakpoint?: "mobile" | "tablet" | "desktop" | "widescreen" | "mobileLg" | "tabletLg" | "desktopLg" | undefined) => string;
+export declare const getGridClasses: (itemProps?: GridItemProps, breakpoint?: BreakpointKeys) => string;
 export declare const applyGridClasses: (gridLayout: GridProps) => string;
@@ -22,0 +22,0 @@ export declare function Grid(props: DefaultGridProps): React.ReactElement;

lib/components/grid/GridContainer/GridContainer.d.ts

 import React from 'react';
 import { ContainerSizes } from '../types';
-declare type GridContainerProps = {
+type GridContainerProps = {
     containerSize?: ContainerSizes;
@@ -11,4 +11,4 @@ className?: string;
 }
-export declare type DefaultGridContainerProps = GridContainerProps;
-export declare type CustomGridContainerProps<T> = GridContainerProps & WithCustomGridContainerProps<T>;
+export type DefaultGridContainerProps = GridContainerProps;
+export type CustomGridContainerProps<T> = GridContainerProps & WithCustomGridContainerProps<T>;
 export declare function isCustomProps<T>(props: DefaultGridContainerProps | CustomGridContainerProps<T>): props is CustomGridContainerProps<T>;
@@ -15,0 +15,0 @@ export declare function GridContainer(props: DefaultGridContainerProps): React.ReactElement;

lib/components/grid/types.d.ts

@@ -10,7 +10,7 @@ export declare const breakpoints: {
 };
-export declare type BreakpointKeys = keyof typeof breakpoints;
-export declare type ContainerSizes = 'card' | 'card-lg' | 'mobile' | 'mobile-lg' | 'tablet' | 'tablet-lg' | 'desktop' | 'desktop-lg' | 'widescreen';
-export declare type GapSizes = true | 'sm' | 'md' | 'lg' | '2px' | '05' | 1 | 2 | 3 | 4 | 5 | 6;
-export declare type ColumnSizes = true | 'auto' | 'fill' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-export declare type ColumnOffsets = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;
+export type BreakpointKeys = keyof typeof breakpoints;
+export type ContainerSizes = 'card' | 'card-lg' | 'mobile' | 'mobile-lg' | 'tablet' | 'tablet-lg' | 'desktop' | 'desktop-lg' | 'widescreen';
+export type GapSizes = true | 'sm' | 'md' | 'lg' | '2px' | '05' | 1 | 2 | 3 | 4 | 5 | 6;
+export type ColumnSizes = true | 'auto' | 'fill' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export type ColumnOffsets = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;
 export interface GridItemProps {
@@ -17,0 +17,0 @@ row?: boolean;

lib/components/header/ExtendedNav/ExtendedNav.d.ts

 import React from 'react';
-declare type ExtendedNavProps = {
+type ExtendedNavProps = {
     primaryItems: React.ReactNode[];
@@ -4,0 +4,0 @@ secondaryItems: React.ReactNode[];

lib/components/header/Header/Header.d.ts

 import React from 'react';
-declare type HeaderProps = {
+type HeaderProps = {
     basic?: boolean;
@@ -7,4 +7,5 @@ extended?: boolean;
     children: React.ReactNode;
+    showMobileOverlay?: boolean;
 };
-export declare const Header: ({ basic, extended, basicWithMegaMenu, children, className, ...headerProps }: HeaderProps & JSX.IntrinsicElements['header']) => React.ReactElement;
+export declare const Header: ({ basic, extended, basicWithMegaMenu, children, showMobileOverlay, className, ...headerProps }: HeaderProps & JSX.IntrinsicElements['header']) => React.ReactElement;
 export {};

lib/components/header/MegaMenu/MegaMenu.d.ts

 import React from 'react';
 import { NavListProps } from '../NavList/NavList';
-declare type MegaMenuProps = {
+type MegaMenuProps = {
     items: React.ReactNode[][];
@@ -5,0 +5,0 @@ isOpen: boolean;

lib/components/header/Menu/Menu.d.ts

 import React from 'react';
 import { NavListProps } from '../NavList/NavList';
-declare type MenuProps = {
+type MenuProps = {
     items: React.ReactNode[];
@@ -5,0 +5,0 @@ isOpen: boolean;

lib/components/header/NavDropDownButton/NavDropDownButton.d.ts

 import React from 'react';
-declare type NavDropDownButtonProps = {
+type NavDropDownButtonProps = {
     label: string;
@@ -4,0 +4,0 @@ menuId: string;

lib/components/header/NavList/NavList.d.ts

 import React from 'react';
-declare type CustomNavListProps = {
+type CustomNavListProps = {
     items: React.ReactNode[];
     type?: 'primary' | 'secondary' | 'subnav' | 'megamenu' | 'footerSecondary' | 'language';
 };
-export declare type NavListProps = CustomNavListProps & JSX.IntrinsicElements['ul'];
+export type NavListProps = CustomNavListProps & JSX.IntrinsicElements['ul'];
 export declare const NavList: ({ items, type, className, ...ulProps }: NavListProps) => React.ReactElement;
 export {};

lib/components/header/NavMenuButton/NavMenuButton.d.ts

 import React from 'react';
-declare type NavMenuButtonProps = {
+type NavMenuButtonProps = {
     label: React.ReactNode;
@@ -4,0 +4,0 @@ };

lib/components/header/PrimaryNav/PrimaryNav.d.ts

 import React from 'react';
-declare type PrimaryNavProps = {
+type PrimaryNavProps = {
     items: React.ReactNode[];
@@ -4,0 +4,0 @@ onToggleMobileNav?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;

lib/components/header/Title/Title.d.ts

 import React from 'react';
-declare type TitleProps = {
+type TitleProps = {
     children: React.ReactNode;
@@ -4,0 +4,0 @@ };

lib/components/hoc/withDeprecationWarning.d.ts

 import { ComponentType } from 'react';
-export declare function withDeprecationWarning<P>(Component: ComponentType<P>, warning: string): (props: P) => JSX.Element;
+export declare function withDeprecationWarning<P extends JSX.IntrinsicAttributes>(Component: ComponentType<P>, warning: string): (props: P) => JSX.Element;

lib/components/Icon/Icon.d.ts

@@ -8,4 +8,4 @@ import React from 'react';
 }
-export declare type IconProps = USWDSIconProps & JSX.IntrinsicElements['svg'];
+export type IconProps = USWDSIconProps & JSX.IntrinsicElements['svg'];
 export declare const makeUSWDSIcon: (Component: React.ComponentType<IconProps>) => React.FunctionComponent;
 export {};

lib/components/IconList/IconListTitle/IconListTitle.d.ts

@@ -14,5 +14,5 @@ import React, { ReactElement } from 'react';
 }
-declare type IconListHeadingTitleProps = HeadingIconListTitleProps & React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
-declare type IconListParagraphTitleProps = ParagraphIconListTitleProps & JSX.IntrinsicElements['p'];
+type IconListHeadingTitleProps = HeadingIconListTitleProps & React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+type IconListParagraphTitleProps = ParagraphIconListTitleProps & JSX.IntrinsicElements['p'];
 export declare const IconListTitle: ({ type, children, className, }: IconListParagraphTitleProps | IconListHeadingTitleProps) => ReactElement;
 export default IconListTitle;

lib/components/Identifier/Identifier/Identifier.d.ts

 import React from 'react';
-declare type IdentifierProps = {
+type IdentifierProps = {
     className?: string;
@@ -4,0 +4,0 @@ children: React.ReactNode;

lib/components/InPageNavigation/content.d.ts

@@ -1,2 +0,2 @@
-/// <reference types="react" />
-export declare const CONTENT: JSX.Element;
+import React from 'react';
+export declare const CONTENT: React.JSX.Element;

lib/components/InPageNavigation/InPageNavigation.d.ts

 import React from 'react';
 import { HeadingLevel } from '../../types/headingLevel';
-declare type InPageNavigationProps = {
+type InPageNavigationProps = {
     className?: string;
@@ -14,3 +14,3 @@ content: JSX.Element;
 };
-export declare const InPageNavigation: ({ className, content, headingLevel, mainProps, navProps, rootMargin, scrollOffset, threshold, title, ...divProps }: InPageNavigationProps & JSX.IntrinsicElements['div']) => React.ReactElement;
+export declare const InPageNavigation: ({ className, content, headingLevel, mainProps, navProps, rootMargin, scrollOffset, threshold, title, ...divProps }: InPageNavigationProps & Omit<JSX.IntrinsicElements['div'], 'content'>) => React.ReactElement;
 export default InPageNavigation;

lib/components/LanguageSelector/LanguageSelector.d.ts

 import React from 'react';
-export declare type LanguageDefinition = {
+export type LanguageDefinition = {
     label: string;
@@ -8,3 +8,3 @@ label_local?: string;
 };
-export declare type LanguageSelectorProps = {
+export type LanguageSelectorProps = {
     label?: string;
@@ -11,0 +11,0 @@ langs: LanguageDefinition[];

lib/components/LanguageSelector/LanguageSelectorButton.d.ts

 import React from 'react';
-declare type LanguageSelectorButtonProps = {
+type LanguageSelectorButtonProps = {
     label: string;
@@ -4,0 +4,0 @@ labelAttr?: string;

lib/components/Link/Link.d.ts

 import React from 'react';
-declare type StyledLinkProps<T> = {
+type StyledLinkProps<T> = {
     variant?: 'external' | 'unstyled' | 'nav';
@@ -13,4 +13,4 @@ className?: string;
 }
-export declare type DefaultLinkProps = StyledLinkProps<JSX.IntrinsicElements['a']> & WithDefaultLinkProps;
-export declare type CustomLinkProps<T> = StyledLinkProps<T> & WithCustomLinkProps<T>;
+export type DefaultLinkProps = StyledLinkProps<JSX.IntrinsicElements['a']> & WithDefaultLinkProps;
+export type CustomLinkProps<T> = StyledLinkProps<T> & WithCustomLinkProps<T>;
 export declare function isCustomProps<T>(props: DefaultLinkProps | CustomLinkProps<T>): props is CustomLinkProps<T>;
@@ -17,0 +17,0 @@ export declare function Link(props: DefaultLinkProps): React.ReactElement;

lib/components/Modal/Modal.d.ts

@@ -12,4 +12,4 @@ import React from 'react';
 }
-export declare type ModalProps = ModalComponentProps & JSX.IntrinsicElements['div'];
-export declare type ModalRef = {
+export type ModalProps = ModalComponentProps & JSX.IntrinsicElements['div'];
+export type ModalRef = {
     modalId: string;
@@ -20,3 +20,3 @@ modalIsOpen: boolean;
 export declare const ModalForwardRef: React.ForwardRefRenderFunction<ModalRef, ModalProps>;
-export declare const Modal: React.ForwardRefExoticComponent<Pick<ModalProps, "children" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "isLarge" | "forceAction" | "modalRoot" | "renderToPortal" | "isInitiallyOpen"> & React.RefAttributes<ModalRef>>;
+export declare const Modal: React.ForwardRefExoticComponent<Omit<ModalProps, "ref"> & React.RefAttributes<ModalRef>>;
 export default Modal;

lib/components/Modal/ModalOpenLink.d.ts

 import React from 'react';
 import { ModalRef } from './Modal';
 import { CustomLinkProps, DefaultLinkProps } from '../Link/Link';
-declare type ModalOpenLinkProps = {
+type ModalOpenLinkProps = {
     modalRef: React.RefObject<ModalRef>;
@@ -6,0 +6,0 @@ };

lib/components/Modal/ModalToggleButton.d.ts

 import React from 'react';
 import { ModalRef } from './Modal';
 import { ButtonProps } from '../Button/Button';
-declare type ModalToggleButtonProps = {
+type ModalToggleButtonProps = {
     modalRef: React.RefObject<ModalRef>;
@@ -6,0 +6,0 @@ opener?: boolean;

lib/components/Modal/ModalWindow/ModalWindow.d.ts

@@ -11,3 +11,3 @@ import React from 'react';
 export declare const ModalWindowForwardRef: React.ForwardRefRenderFunction<HTMLDivElement, ModalWindowProps & JSX.IntrinsicElements['div']>;
-export declare const ModalWindow: React.ForwardRefExoticComponent<Pick<ModalWindowProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "children" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "handleClose" | "modalId" | "isLarge" | "forceAction"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ModalWindow: React.ForwardRefExoticComponent<Omit<ModalWindowProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export {};

lib/components/Modal/ModalWrapper/ModalWrapper.d.ts

@@ -11,3 +11,3 @@ import React from 'react';
 export declare const ModalWrapperForwardRef: React.ForwardRefRenderFunction<HTMLDivElement, ModalWrapperProps & JSX.IntrinsicElements['div']>;
-export declare const ModalWrapper: React.ForwardRefExoticComponent<Pick<ModalWrapperProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "children" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "isVisible" | "handleClose" | "forceAction"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ModalWrapper: React.ForwardRefExoticComponent<Omit<ModalWrapperProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default ModalWrapper;

lib/components/Modal/utils.d.ts

 import React from 'react';
-export declare type ModalHook = {
+export type ModalHook = {
     isOpen: boolean;
     toggleModal: (e?: React.MouseEvent, open?: boolean) => boolean;
 };
-export declare const useModal: (isInitiallyOpen?: boolean | undefined) => ModalHook;
+export declare const useModal: (isInitiallyOpen?: boolean) => ModalHook;
 export declare const getScrollbarWidth: () => string;

lib/components/Pagination/Pagination.d.ts

 import React from 'react';
-declare type PaginationProps = {
+type PaginationProps = {
     pathname: string;
@@ -4,0 +4,0 @@ totalPages?: number;

lib/components/ProcessList/ProcessList/ProcessList.d.ts

 import React from 'react';
 import { ProcessListItemProps } from '../ProcessListItem/ProcessListItem';
-declare type ProcessListProps = {
+type ProcessListProps = {
     className?: string;
@@ -5,0 +5,0 @@ children: React.ReactElement<ProcessListItemProps>[];

lib/components/ProcessList/ProcessListHeading/ProcessListHeading.d.ts

@@ -14,5 +14,5 @@ import React from 'react';
 }
-declare type ProcessListHeadingProps = HeadingProcessListHeadingProps & React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
-declare type ProcessListParagraphHeadingProps = ParagraphProcessListHeadingProps & JSX.IntrinsicElements['p'];
+type ProcessListHeadingProps = HeadingProcessListHeadingProps & React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+type ProcessListParagraphHeadingProps = ParagraphProcessListHeadingProps & JSX.IntrinsicElements['p'];
 export declare const ProcessListHeading: ({ type, className, children, ...headingProps }: ProcessListParagraphHeadingProps | ProcessListHeadingProps) => React.ReactElement;
 export {};

lib/components/Search/Search/Search.d.ts

 import React from 'react';
 import { OptionalFormProps } from '../../forms/Form/Form';
 import { OptionalTextInputProps } from '../../forms/TextInput/TextInput';
-declare type SearchLocalization = {
+type SearchLocalization = {
     buttonText: string;
 };
-declare type SearchInputProps = {
+type SearchInputProps = {
     onSubmit: (event: React.FormEvent<HTMLFormElement>) => void;
@@ -16,5 +16,6 @@ size?: 'big' | 'small';
     i18n?: SearchLocalization;
+    buttonAriaLabel?: string;
     inputProps?: OptionalTextInputProps;
 };
-export declare const Search: ({ onSubmit, size, className, placeholder, inputName, label, inputId, i18n, inputProps, ...formProps }: SearchInputProps & OptionalFormProps) => React.ReactElement;
+export declare const Search: ({ onSubmit, size, className, placeholder, inputName, label, inputId, i18n, buttonAriaLabel, inputProps, ...formProps }: SearchInputProps & OptionalFormProps) => React.ReactElement;
 export default Search;

lib/components/Search/SearchButton/SearchButton.d.ts

 import React from 'react';
-declare type SearchLocalization = {
+type SearchLocalization = {
     buttonText: string;
 };
-declare type SearchButtonProps = {
+type SearchButtonProps = {
     size?: 'big' | 'small';
     className?: string;
     i18n?: SearchLocalization;
+    buttonAriaLabel?: string;
 };
-export declare const SearchButton: ({ size, className, i18n, }: SearchButtonProps) => React.ReactElement;
+export declare const SearchButton: ({ size, className, i18n, buttonAriaLabel, }: SearchButtonProps) => React.ReactElement;
 export default SearchButton;

lib/components/Search/SearchField/SearchField.d.ts

 import React from 'react';
 import { OptionalTextInputProps } from '../../forms/TextInput/TextInput';
-declare type SearchFieldProps = {
+type SearchFieldProps = {
     isBig?: boolean;
@@ -5,0 +5,0 @@ className?: string;

lib/components/SideNav/SideNav.d.ts

 import React from 'react';
-declare type SideNavProps = {
+type SideNavProps = {
     items: React.ReactNode[];
@@ -4,0 +4,0 @@ isSubnav?: boolean;

lib/components/SiteAlert/SiteAlert.d.ts

 import React from 'react';
-declare type SiteAlertProps = {
+type SiteAlertProps = {
     variant: 'info' | 'emergency';
@@ -4,0 +4,0 @@ children: string | React.ReactNode | React.ReactNode[];

lib/components/stepindicator/StepIndicator/StepIndicator.d.ts

 import React from 'react';
 import { StepIndicatorStepProps } from '../StepIndicatorStep/StepIndicatorStep';
 import { HeadingLevel } from '../../../types/headingLevel';
-declare type StepIndicatorProps = {
+type StepIndicatorProps = {
     showLabels?: boolean;
@@ -14,4 +14,6 @@ counters?: 'none' | 'default' | 'small';
     headingLevel: HeadingLevel;
+    stepText?: string;
+    ofText?: string;
 };
 export declare const StepIndicator: (props: StepIndicatorProps) => React.ReactElement;
 export {};

lib/components/SummaryBox/SummaryBox/SummaryBox.d.ts

 import React from 'react';
-declare type SummaryBoxProps = {
+type SummaryBoxProps = {
     children?: React.ReactNode;
@@ -4,0 +4,0 @@ className?: string;

lib/components/Table/Table.d.ts

 import React from 'react';
-declare type TableProps = {
+type TableProps = {
     bordered?: boolean;
@@ -4,0 +4,0 @@ caption?: React.ReactNode;

lib/components/Tag/Tag.d.ts

 import React from 'react';
-declare type TagProps = {
+type TagProps = {
     children: React.ReactNode;
@@ -4,0 +4,0 @@ background?: string;

lib/components/Tooltip/Tooltip.d.ts

 import { ForwardRefExoticComponent, ReactElement, ReactNode } from 'react';
-declare type TooltipProps<T> = {
+type TooltipProps<T> = {
     label: ReactNode;
@@ -13,11 +13,6 @@ title?: string;
 }
-export declare type DefaultTooltipProps = TooltipProps<JSX.IntrinsicElements['button']>;
-export declare type CustomTooltipProps<T> = TooltipProps<T> & WithCustomTooltipProps<T>;
+export type DefaultTooltipProps = TooltipProps<JSX.IntrinsicElements['button']>;
+export type CustomTooltipProps<T> = TooltipProps<T> & WithCustomTooltipProps<T>;
 export declare function isCustomProps<T>(props: DefaultTooltipProps | CustomTooltipProps<T>): props is CustomTooltipProps<T>;
 export declare function Tooltip(props: DefaultTooltipProps): ReactElement;
-export declare namespace Tooltip {
-    var defaultProps: {
-        position: string;
-    };
-}
 export declare function Tooltip<T>(props: CustomTooltipProps<T>): ReactElement;
@@ -24,0 +19,0 @@ export declare namespace Tooltip {

lib/index.js.LICENSE.txt

@@ -8,3 +8,3 @@ /*!
 /*!
-* focus-trap 6.7.2
+* focus-trap 7.5.4
 * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
@@ -14,4 +14,4 @@ */
 /*!
-* tabbable 5.2.1
+* tabbable 6.2.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */

lib/types/headingLevel.d.ts

@@ -1,1 +0,1 @@
-export declare type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';

lib/types/validationStatus.d.ts

@@ -1,1 +0,1 @@
-export declare type ValidationStatus = 'error' | 'success';
+export type ValidationStatus = 'error' | 'success';

package.json

 {
   "name": "@trussworks/react-uswds",
-  "version": "6.2.0",
+  "version": "7.0.0",
   "description": "React USWDS 3.0 component library",
@@ -28,3 +28,4 @@ "keywords": [
     "test:serverside": "yarn build && node src/serverSideTest.js",
-    "storybook": "start-storybook -p 9009",
+    "storybook": "storybook dev -p 9009",
+    "build-storybook": "storybook build",
     "build": "tsc -p tsconfig.build.json && webpack --progress",
@@ -60,23 +61,21 @@ "build:watch": "tsc -p tsconfig.build.json && webpack --watch",
     "@babel/preset-typescript": "^7.15.0",
-    "@storybook/addon-a11y": "^7.0.2",
-    "@storybook/addon-essentials": "^6.5.14",
-    "@storybook/addons": "^7.0.8",
-    "@storybook/builder-webpack5": "^6.5.14",
-    "@storybook/manager-webpack5": "^6.5.16",
-    "@storybook/react": "^6.5.16",
-    "@storybook/theming": "^7.0.8",
+    "@storybook/addon-a11y": "^7.1.1",
+    "@storybook/addon-essentials": "^7.1.1",
+    "@storybook/addons": "^7.1.1",
+    "@storybook/react": "^7.1.1",
+    "@storybook/react-webpack5": "^7.1.1",
+    "@storybook/theming": "^7.1.1",
     "@svgr/webpack": "^8.0.1",
     "@testing-library/dom": "^9.0.0",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^12.1.0",
-    "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/jest-dom": "^6.2.0",
+    "@testing-library/react": "^14.1.2",
     "@testing-library/user-event": "^14.0.4",
     "@types/classnames": "^2.2.9",
-    "@types/jest": "^27.0.1",
-    "@types/react": "^17.0.0",
-    "@types/react-dom": "^17.0.0",
-    "@types/react-test-renderer": "^18.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.40.0",
-    "@typescript-eslint/parser": "^5.40.0",
-    "@uswds/uswds": "3.7.0",
+    "@types/jest": "^29.5.11",
+    "@types/react": "^18.2.48",
+    "@types/react-dom": "^18.2.18",
+    "@types/react-test-renderer": "^18.0.7",
+    "@typescript-eslint/eslint-plugin": "^7.0.0",
+    "@typescript-eslint/parser": "^6.2.0",
+    "@uswds/uswds": "3.7.1",
     "all-contributors-cli": "^6.24.0",
@@ -97,14 +96,14 @@ "babel-jest": "^29.4.3",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-security": "^1.4.0",
-    "focus-trap-react": "^8.8.1",
+    "eslint-plugin-security": "^2.1.0",
+    "focus-trap-react": "^10.2.3",
     "fork-ts-checker-webpack-plugin": "^9.0.0",
-    "happo-plugin-storybook": "^3.0.0",
+    "happo-plugin-storybook": "^4.1.0",
     "happo.io": "^8.3.1",
-    "jest": "^26.1.0",
+    "jest": "^29.6.1",
+    "jest-environment-jsdom": "^29.6.1",
     "mini-css-extract-plugin": "^2.6.1",
     "prettier": "^2.7.1",
-    "react": "^17.0.1",
-    "react-docgen-typescript-loader": "^3.7.2",
-    "react-dom": "^17.0.1",
-    "react-test-renderer": "^17.0.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-test-renderer": "^18.2.0",
     "sass": "^1.26.0",
@@ -114,2 +113,3 @@ "sass-loader": "^13.0.0",
     "source-map-loader": "^4.0.1",
+    "storybook": "^7.1.1",
     "style-loader": "^3.2.1",
@@ -123,4 +123,4 @@ "stylelint": "^13.3.0",
     "stylelint-scss": "^3.17.1",
-    "ts-jest": "^26.1.2",
-    "typescript": "^4.2.4",
+    "ts-jest": "^29.1.1",
+    "typescript": "^5.1.6",
     "webpack": "^5.52.1",
@@ -132,7 +132,9 @@ "webpack-cli": "^5.0.1"
     "parse-url": "8.1.0",
+    "jackspeak": "2.1.1",
     "json-schema": "0.4.0",
     "glob-parent": "5.1.2",
     "trim": "0.0.3",
-    "trim-newlines": "3.0.1"
+    "trim-newlines": "3.0.1",
+    "@types/react": "18.2.48"
   }
 }

README.md

 # @trussworks/react-uswds
 
 <!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
-[![All Contributors](https://img.shields.io/badge/all_contributors-32-orange.svg?style=flat-square)](#contributors-)
+[![All Contributors](https://img.shields.io/badge/all_contributors-33-orange.svg?style=flat-square)](#contributors-)
 <!-- ALL-CONTRIBUTORS-BADGE:END -->
@@ -182,2 +182,3 @@
       <td align="center" valign="top" width="14.28%"><a href="https://jhancock532.github.io/"><img src="https://avatars.githubusercontent.com/u/18164832?v=4?s=100" width="100px;" alt="James Hancock"/><br /><sub><b>James Hancock</b></sub></a><br /><a href="https://github.com/trussworks/react-uswds/issues?q=author%3Ajhancock532" title="Bug reports">🐛</a> <a href="https://github.com/trussworks/react-uswds/commits?author=jhancock532" title="Code">💻</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jpandersen87"><img src="https://avatars.githubusercontent.com/u/12385932?v=4?s=100" width="100px;" alt="Joseph Andersen"/><br /><sub><b>Joseph Andersen</b></sub></a><br /><a href="https://github.com/trussworks/react-uswds/commits?author=jpandersen87" title="Code">💻</a> <a href="#maintenance-jpandersen87" title="Maintenance">🚧</a></td>
     </tr>
@@ -184,0 +185,0 @@ </tbody>

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Dev dependency count

67

decreased by-1.47%

Number of package files

183

increased by2.81%

Number of lines in readme file

193

increased by0.52%

Worsened metrics

Total package byte prevSize

1566915

decreased by-27%

Lines of code

4454

decreased by-33.3%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes