@cfpb/design-system-react 0.0.12 → 0.0.14

package/dist/{hooks/useIconSvg.d.ts → src/hooks/use-icon-svg.d.ts}

@@ -1,4 +1,4 @@
-import type { FC, SVGProps } from 'react';
+import { FC, SVGProps } from 'react';
 /**
  * Dynamically import an SVG as a React Component
  *

package/dist/src/index.d.ts

@@ -0,0 +1,41 @@
+export { Alert } from './components/Alert/alert';
+export { AlertFieldLevel } from './components/Alert/alert-field-level';
+export { Banner } from './components/Banner/banner';
+export { LanguageLink } from './components/Banner/banner-language-link';
+export { Breadcrumb } from './components/Breadcrumb/breadcrumb';
+export { Button } from './components/Buttons/button';
+export { ButtonGroup } from './components/Buttons/button-group';
+export { Checkbox } from './components/Checkbox/checkbox';
+export { Divider } from './components/Divider/divider';
+export { Expandable } from './components/Expandable/expandable';
+export { ExpandableGroup } from './components/Expandable/expandable-group';
+export { default as Footer } from './components/Footer/footer';
+export { FooterCfGov } from './components/Footer/footer-cf-gov';
+export { default as Grid } from './components/Grid';
+export { Heading } from './components/Headings/heading';
+export { default as Hero } from './components/Hero/hero';
+export { Icon } from './components/Icon/icon';
+export { Label } from './components/Label/label';
+export { default as Layout } from './components/Layout/layout';
+export { default as Link, LinkText, ListLink } from './components/Link/link';
+export type { LinkProperties } from './components/Link/link';
+export { default as List } from './components/List/list';
+export { default as ListItem, ListItemBuilder, } from './components/List/list-item';
+export { default as Navbar } from './components/Navbar/navbar';
+export { default as PageHeader } from './components/PageHeader/page-header';
+export { Pagination } from './components/Pagination/pagination';
+export { usePagination } from './components/Pagination/use-pagination';
+export { Paragraph } from './components/Paragraph/paragraph';
+export { RadioButton } from './components/RadioButton/radio-button';
+export { default as ResponsiveMenu } from './components/ResponsiveMenu/responsive-menu';
+export { Select } from './components/Select/select';
+export { SelectMulti } from './components/Select/select-multi';
+export { SelectSingle } from './components/Select/select-single';
+export { default as SkipNav } from './components/SkipNav/skip-nav';
+export { Summary } from './components/Summaries/summary';
+export { Table } from './components/Table/table';
+export { Tagline } from './components/Tagline/tagline';
+export { TextArea } from './components/TextInput/text-area';
+export { TextInput } from './components/TextInput/text-input';
+export { TextIntroduction, TextIntroductionContainer, TextIntroductionDescription, TextIntroductionHeading, TextIntroductionSubheading, } from './components/TextIntroduction/text-introduction';
+export { WellContainer, WellContent } from './components/Well/well';

package/dist/{types/jsxElement.d.ts → src/types/jsx-element.d.ts}

@@ -1 +1,2 @@
+import { JSX } from 'react';
 export type JSXElement = JSX.Element | null;

package/dist/src/utils/sleep.d.ts

@@ -0,0 +1 @@
+export declare function sleep(ms: number): Promise<void>;

package/dist/vite/plugins/svg-raw-loader.d.ts

@@ -0,0 +1,2 @@
+import { Plugin } from 'vite';
+export declare function svgRawLoaderPlugin(): Plugin;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cfpb/design-system-react",
   "license": "MIT",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "repository": {
     "type": "git",
     "url": "https://github.com/cfpb/design-system-react.git"
@@ -18,13 +18,13 @@
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
     },
-    "./style.css": "./dist/assets/style.css"
+    "./index.css": "./index.css"
   },
   "files": [
     "dist"
   ],
   "engines": {
-    "node": ">=20"
+    "node": ">=24"
   },
   "scripts": {
     "build": "vite build",
@@ -36,14 +36,8 @@
     "test": "vitest",
     "test-report": "open coverage/lcov-report/index.html",
     "test:ci": "vitest run",
-    "test:e2e": "yarn preview:test 'cypress open'",
-    "test:e2e:headless": "yarn preview:test 'cypress run'",
-    "test:e2e:ci": "vite build && yarn preview:test 'cypress run --record'",
     "format": "prettier -uw --cache --ignore-path .gitignore .",
-    "run-tsc": "tsc",
-    "run-eslint": "eslint --cache --fix --ignore-path .gitignore --ext .ts,.tsx .",
-    "run-stylelint": "stylelint --cache --fix --ignore-path .gitignore **/*.css",
-    "lint": "run-p run-tsc run-eslint run-stylelint",
+    "lint": "scripts/lint.sh",
     "validate": "run-p lint test:ci test:e2e:headless",
     "start": "yarn storybook",
     "storybook": "storybook dev -p 6006",
@@ -51,93 +45,80 @@
     "chromatic": "chromatic --storybook-build-dir dist-storybook --only-changed"
   },
   "dependencies": {
-    "@cfpb/cfpb-design-system": "4.3.2",
-    "@tanstack/react-query": "^4.13.5",
-    "classnames": "^2.3.2",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-router-dom": "^6.3.0",
-    "react-select": "^5.7.2",
-    "sass-embedded": "^1.90.0"
+    "@cfpb/browserslist-config": "^0.0.6",
+    "@cfpb/cfpb-design-system": "4.4.0",
+    "react-select": "^5.10.2"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "react-router-dom": "^7.13.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.12",
-    "@chromatic-com/storybook": "^3",
-    "@nabla/vite-plugin-eslint": "1.4.1",
-    "@storybook/addon-a11y": "^8.6.7",
-    "@storybook/addon-actions": "^8.6.7",
-    "@storybook/addon-essentials": "^8.6.7",
-    "@storybook/addon-interactions": "^8.6.7",
-    "@storybook/addon-links": "^8.6.7",
-    "@storybook/addon-mdx-gfm": "^8.6.7",
-    "@storybook/manager-api": "^8.6.7",
-    "@storybook/preview-api": "^8.6.7",
-    "@storybook/react": "^8.6.7",
-    "@storybook/react-vite": "^8.6.7",
-    "@storybook/test": "^8.6.7",
-    "@storybook/theming": "^8.6.7",
-    "@testing-library/cypress": "8.0.7",
-    "@testing-library/dom": "8.19.0",
-    "@testing-library/jest-dom": "5.16.5",
-    "@testing-library/react": "13.4.0",
-    "@testing-library/user-event": "14.4.3",
-    "@types/css-mediaquery": "0.1.1",
-    "@types/react": "18.0.25",
-    "@types/react-dom": "18.0.8",
+    "@chromatic-com/storybook": "^5.0.1",
+    "@eslint/js": "^9.39.2",
+    "@nabla/vite-plugin-eslint": "^2.0.6",
+    "@storybook/addon-a11y": "^10.2.10",
+    "@storybook/addon-docs": "^10.2.10",
+    "@storybook/addon-links": "^10.2.10",
+    "@storybook/react-vite": "^10.2.10",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/css-mediaquery": "0.1.4",
+    "@types/node": "^25.3.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
     "@types/react-router-dom": "5.3.3",
-    "@types/testing-library__jest-dom": "5.14.5",
-    "@typescript-eslint/eslint-plugin": "5.43.0",
-    "@typescript-eslint/parser": "5.43.0",
-    "@vitejs/plugin-react": "^4.2.1",
-    "@vitest/coverage-istanbul": "^3.1.1",
-    "autoprefixer": "10.4.13",
-    "babel-loader": "^8.3.0",
-    "chromatic": "^6.19.9",
-    "commitizen": "4.2.5",
+    "@types/testing-library__jest-dom": "6.0.0",
+    "@typescript-eslint/eslint-plugin": "8.56.0",
+    "@typescript-eslint/parser": "8.56.0",
+    "@vitejs/plugin-react": "^5.1.4",
+    "@vitest/coverage-istanbul": "^4.0.18",
+    "astring": "^1.9.0",
+    "autoprefixer": "10.4.24",
+    "chromatic": "^15.1.1",
+    "classnames": "^2.5.1",
+    "commitizen": "4.3.1",
     "css-mediaquery": "0.1.2",
-    "cypress": "10.11.0",
     "cz-conventional-changelog": "3.3.0",
-    "eslint": "8.27.0",
-    "eslint-config-airbnb": "19.0.4",
-    "eslint-config-airbnb-base": "15.0.0",
-    "eslint-config-airbnb-typescript": "17.0.0",
-    "eslint-config-prettier": "8.5.0",
-    "eslint-plugin-cypress": "2.12.1",
-    "eslint-plugin-import": "2.26.0",
-    "eslint-plugin-jsx-a11y": "6.6.1",
-    "eslint-plugin-react": "7.31.10",
-    "eslint-plugin-react-hooks": "4.6.0",
-    "eslint-plugin-react-prefer-function-component": "3.1.0",
-    "eslint-plugin-storybook": "^0.6.11",
-    "eslint-plugin-testing-library": "5.9.1",
-    "eslint-plugin-unicorn": "45.0.2",
-    "husky": "8.0.2",
+    "eslint": "9.39.2",
+    "eslint-config-prettier": "10.1.8",
+    "eslint-import-resolver-typescript": "^4.4.4",
+    "eslint-plugin-import": "2.32.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-storybook": "^10.2.10",
+    "eslint-plugin-testing-library": "7.16.0",
+    "eslint-plugin-unicorn": "^62.0.0",
+    "globals": "^17.3.0",
+    "husky": "9.1.7",
     "jest-matchmedia-mock": "1.1.0",
-    "jsdom": "21.0.0",
-    "lint-staged": "13.0.3",
-    "msw": "0.48.3",
+    "jsdom": "28.1.0",
+    "lint-staged": "16.2.7",
     "npm-run-all": "4.1.5",
-    "postcss": "8.4.31",
-    "prettier": "2.7.1",
-    "sass": "^1.90.0",
-    "scss": "^0.2.4",
-    "start-server-and-test": "2.0.11",
-    "storybook": "^8.6.7",
-    "stylelint": "14.15.0",
-    "stylelint-config-prettier": "9.0.4",
-    "stylelint-config-standard": "29.0.0",
-    "typescript": "4.8.4",
-    "vite": "5.4.0",
-    "vite-plugin-dts": "^2.2.0",
-    "vite-plugin-pwa": "^1.0.0",
-    "vite-plugin-react-remove-attributes": "^1.0.3",
+    "postcss": "8.5.6",
+    "prettier": "3.8.1",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "react-router-dom": "^7.13.0",
+    "rollup-plugin-jsx-remove-attributes": "^3.1.2",
+    "sass": "^1.97.3",
+    "start-server-and-test": "2.1.3",
+    "storybook": "^10.2.10",
+    "stylelint": "^17.3.0",
+    "stylelint-config-standard-scss": "^17.0.0",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.56.0",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-pwa": "^1.2.0",
     "vite-plugin-svgr": "^4.5.0",
     "vite-plugin-turbosnap": "^1.0.3",
-    "vite-tsconfig-paths": "3.5.2",
-    "vitest": "^3.1.1",
-    "whatwg-fetch": "3.6.2",
-    "workbox-build": "7.3.0",
-    "workbox-window": "6.5.4"
+    "vite-tsconfig-paths": "^6.1.1",
+    "vitest": "^4.0.18"
   },
   "resolutions": {
     "braces": "3.0.3",
@@ -147,13 +128,11 @@
     "form-data": ">=4.0.4",
     "glob": ">=11.1.0"
   },
-  "browserslist": {
-    "production": "Edge >= 18, Firefox >= 60, Chrome >= 61, Safari >= 11, Opera >= 48",
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version"
-    ]
+  "prettier": {
+    "singleQuote": true,
+    "jsxSingleQuote": true
   },
+  "browserslist": "> 0.2% in @cfpb/browserslist-config stats",
   "lint-staged": {
     "*": "prettier -uw --cache",
     "*.css": "stylelint --cache --fix",
@@ -162,5 +141,6 @@
       "vitest related --run --coverage=false"
     ]
   },
+  "type": "module",
   "packageManager": "yarn@4.12.0"
 }

package/dist/components/Alert/AlertLink.d.ts

@@ -1,6 +0,0 @@
-export interface AlertLinkProperties {
-    href: string;
-    label: string;
-    isExternal?: boolean;
-}
-export declare const AlertLink: ({ href, label, isExternal }: AlertLinkProperties) => JSX.Element;

package/dist/components/Dropdown/Dropdown.d.ts

@@ -1,11 +0,0 @@
-import type { GroupBase, Props } from 'react-select';
-import type { DropdownProperties } from './Dropdown.types';
-/**
- * A dropdown input component that supports multi-select.
- *
- * Passing the `value` prop makes the dropdown a controlled component.
- * @returns JSX.Element
- */
-export declare function Dropdown<OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ error, id, isMulti, label, labelClearAll, onSelect, options, pillAlign, value, withCheckbox, isClearable, // Show/Hide react-select X in select input that clears all selections
-showClearAllSelectedButton, className, ...properties }: DropdownProperties & Props<OptionType, IsMulti, GroupType>): JSX.Element;
-export default Dropdown;

package/dist/components/Dropdown/Dropdown.types.d.ts

@@ -1,20 +0,0 @@
-import type { OnChangeValue, PropsValue } from 'react-select';
-import type { StateManagerProps } from 'react-select/dist/declarations/src/useStateManager';
-export interface SelectOption {
-    value: string;
-    label: string;
-}
-export interface DropdownProperties extends StateManagerProps {
-    error?: boolean | string;
-    id: string;
-    isDisabled?: boolean;
-    isMulti?: boolean;
-    label?: string;
-    labelClearAll: string;
-    onSelect: (event: OnChangeValue<SelectOption, boolean>) => void;
-    options: SelectOption[];
-    pillAlign?: 'bottom' | 'hide' | 'top';
-    showClearAllSelectedButton?: boolean;
-    value?: PropsValue<SelectOption>;
-    withCheckbox?: boolean;
-}

package/dist/components/Dropdown/DropdownInputWithCheckbox.d.ts

@@ -1,10 +0,0 @@
-import type { ReactElement, ReactNode } from 'react';
-interface TypeCheckboxInput {
-    children: ReactNode;
-    innerProps: JSX.IntrinsicElements['div'];
-    isDisabled: boolean;
-    isFocused: boolean;
-    isSelected: boolean;
-}
-declare const CheckboxInputOption: ({ children, innerProps, isDisabled, isFocused, isSelected, ...rest }: TypeCheckboxInput) => ReactElement;
-export default CheckboxInputOption;

package/dist/components/Dropdown/DropdownPills.d.ts

@@ -1,26 +0,0 @@
-import type { ReactEventHandler, Ref } from 'react';
-import type { PropsValue } from 'react-select';
-import type { SelectOption } from './Dropdown.types';
-/**
- * Event Handlers
- */
-export declare function onCloser(index: number, onChange: (result: PropsValue<SelectOption>) => void, selected?: PropsValue<SelectOption>): ReactEventHandler<HTMLButtonElement>;
-/**
- * Components
- */
-interface DropdownPillProperties {
-    value: string;
-    onClose: ReactEventHandler<HTMLButtonElement>;
-}
-export declare const DropdownPill: ({ value, onClose }: DropdownPillProperties) => JSX.Element;
-interface DropdownPillsProperties {
-    isMulti?: boolean;
-    labelClearAll?: string;
-    onChange: (event: PropsValue<SelectOption>) => void;
-    pillAlign?: 'bottom' | 'top';
-    selected: PropsValue<SelectOption>;
-    selectRef: Ref<any>;
-    showClearAllSelectedButton?: boolean;
-}
-export declare const DropdownPills: ({ isMulti, labelClearAll, onChange, pillAlign, selected, selectRef, showClearAllSelectedButton }: DropdownPillsProperties) => JSX.Element | null;
-export {};

package/dist/components/Dropdown/styles.d.ts

@@ -1,2 +0,0 @@
-import type { StylesConfig } from 'react-select';
-export declare const extendedSelectStyles: StylesConfig;

package/dist/components/Dropdown/utils.d.ts

@@ -1,17 +0,0 @@
-import type { GroupBase, OptionsOrGroups, PropsValue } from 'react-select';
-import type { SelectOption } from './Dropdown.types';
-export declare const MockOptions: {
-    value: string;
-    label: string;
-}[];
-/**
- * For multi-select, hides already selected options.
- *
- * @param options Available options
- * @param selected Selected options
- * @param isMulti Is a multi-select component?
- * @param showAllOptions Force all options to be displayed for selection
- * @returns A list of selectable options
- */
-export declare const filterOptions: (options: PropsValue<SelectOption>, value: PropsValue<SelectOption>, isMulti: boolean, showAllOptions: boolean) => OptionsOrGroups<SelectOption, GroupBase<SelectOption>>;
-export declare const onSelectInputFocus: (event: React.ChangeEvent<HTMLInputElement>) => void;

package/dist/components/Hero/HeroImage.d.ts

@@ -1,6 +0,0 @@
-interface HeroImageProperties {
-    image?: string;
-    altText?: string;
-}
-export declare const HeroImage: ({ image, altText }: HeroImageProperties) => JSX.Element | null;
-export {};

package/dist/components/Link/Link.d.ts

@@ -1,21 +0,0 @@
-import type { JSXElement } from '../../types/jsxElement';
-export interface LinkProperties extends React.HTMLProps<HTMLAnchorElement> {
-    asButton?: boolean;
-    children?: React.ReactNode;
-    hasIcon?: boolean;
-    href?: string;
-    isJump?: boolean;
-    isRouterLink?: boolean;
-    noWrap?: boolean;
-    ref?: React.Ref<HTMLAnchorElement>;
-    type?: 'default' | 'destructive' | 'list';
-}
-/**
- * Links are navigational elements that connect users to other locations, either on the current page or to a different page or site. In contrast, <a href="https://cfpb.github.io/design-system/components/buttons">buttons</a> are used to signal important actions.
- *
- * Source: https://cfpb.github.io/design-system/components/links
- */
-export default function Link({ asButton, children, hasIcon, href, isJump, isRouterLink, noWrap, type, ...others }: LinkProperties): JSXElement;
-export declare const LinkText: ({ children, ...others }: React.HTMLProps<HTMLSpanElement>) => JSX.Element;
-export declare const ListLink: (properties: LinkProperties) => JSXElement;
-export declare const DestructiveLink: (properties: LinkProperties) => JSXElement;

package/dist/components/ResponsiveMenu/ResponsiveMenu.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-interface CfpbLogoProperties {
-    href?: string;
-}
-export declare function CfpbLogo({ href }: CfpbLogoProperties): JSX.Element;
-interface ResponsiveMenuProperties {
-    links?: React.ReactNode[];
-    href?: string;
-}
-export default function ResponsiveMenu({ links, href }: ResponsiveMenuProperties): JSX.Element;
-export declare const ExampleLinks: React.ReactNode[];
-export {};

package/dist/components/SkipNav/SkipNav.d.ts

@@ -1,5 +0,0 @@
-import type { JSXElement } from '../../types/jsxElement';
-export default function SkipNav({ href, text }: {
-    href?: string | undefined;
-    text?: string | undefined;
-}): JSXElement;

package/dist/components/Table/Table.d.ts

@@ -1,34 +0,0 @@
-import type { ForwardedRef, HTMLProps } from 'react';
-import { type ReactNode } from 'react';
-import { type WidthPercent } from '../../types/WidthPercent';
-export interface TableColumnConfiguration {
-    header: string;
-    alignRight?: boolean | undefined;
-    width?: WidthPercent;
-    cellWordBreak?: boolean;
-    cellDisableWordWrap?: boolean;
-    headerWordWrap?: boolean;
-}
-export type TableColumn = TableColumnConfiguration | string;
-export interface TableProperties {
-    id?: string;
-    caption?: ReactNode;
-    columns: TableColumn[];
-    rows: ReactNode[][];
-    isResponsive?: boolean;
-    isScrollableHorizontal?: boolean;
-    isStriped?: boolean;
-    isPaginated?: boolean;
-    startPage?: number;
-    perPage?: number;
-    className?: string;
-    divRef?: ForwardedRef<HTMLDivElement>;
-    tableRef?: ForwardedRef<HTMLTableElement>;
-}
-/**
- * Tables allow for the presentation of many data points grouped together in a visual way. They serve a unique purpose of allowing easy organization or comparison of more complex data than a chart or graph. They can be read either vertically (by columns) or horizontally (by rows).
- *
- * Source: https://cfpb.github.io/design-system/components/tables
- */
-export declare const Table: import("react").ForwardRefExoticComponent<Pick<HTMLProps<HTMLTableElement> & TableProperties, "children" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "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" | "onResize" | "onResizeCapture" | "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" | "caption" | "cite" | "data" | "form" | "label" | "span" | "summary" | "pattern" | "list" | "name" | "alt" | "size" | "href" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "noValidate" | "open" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "key" | "columns" | "isPaginated" | "startPage" | "perPage" | "isResponsive" | "isScrollableHorizontal" | "isStriped" | "divRef" | "tableRef"> & import("react").RefAttributes<HTMLDivElement>>;
-export default Table;

package/dist/components/Table/tableUtils.d.ts

@@ -1,3 +0,0 @@
-import type { TableProperties } from './Table';
-export declare const buildColumnHeaders: (columns: TableProperties['columns']) => JSX.Element | null;
-export declare const buildRows: (rows: TableProperties['rows'], columns: TableProperties['columns']) => JSX.Element | null;

package/dist/components/Tagline/Tagline.d.ts

@@ -1,7 +0,0 @@
-import type { JSXElement } from '../../types/jsxElement';
-interface TaglineProperties {
-    children: JSX.Element | string;
-    isLarge?: boolean;
-}
-export declare const Tagline: ({ isLarge, children }: TaglineProperties) => JSXElement;
-export {};

package/dist/components/TextInput/TextArea.d.ts

@@ -1,14 +0,0 @@
-import { type TextInputStatusType } from './TextInputStatus';
-export interface TextAreaType {
-    id: string;
-    onChange?: (value: string) => void;
-    className?: string;
-    isDisabled?: boolean;
-    isFullWidth?: boolean;
-    placeholder?: string;
-    status?: TextInputStatusType;
-}
-/**
- * Source: <a href='https://cfpb.github.io/design-system/components/text-inputs#text-area-input-1' target='_blank'> https://cfpb.github.io/design-system/components/text-inputs#text-area-input-1</a>
- */
-export declare const TextArea: import("react").ForwardRefExoticComponent<Pick<import("react").ClassAttributes<HTMLTextAreaElement> & import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & TextAreaType, "children" | "className" | "status" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "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" | "onResize" | "onResizeCapture" | "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" | "name" | "autoComplete" | "autoFocus" | "cols" | "disabled" | "maxLength" | "minLength" | "readOnly" | "required" | "rows" | "value" | "wrap" | "key" | "isDisabled" | "isFullWidth" | "dirName"> & import("react").RefAttributes<HTMLTextAreaElement>>;