@cfpb/design-system-react 0.0.8 → 0.0.10

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

@@ -17,7 +17,7 @@ interface AlertProperties {
     showIcon?: boolean;
 }
 /**
- * Alerts draw a user’s attention to a change in the status of a form or page. Form-level alerts reflect a user or system action and appear below the form title. Field-level alerts appear inline with input fields and can highlight successful submissions, errors that need to be corrected, or details to know before submitting a form. *
+ * Alerts draw a user’s attention to a change in the status of a form or page. Form-level alerts reflect a user or system action and appear below the form title. Field-level alerts appear inline with input fields and can highlight successful submissions, errors that need to be corrected, or details to know before submitting a form.
  *
  * Source: https://cfpb.github.io/design-system/components/alerts
  *

package/dist/components/Banner/Banner.d.ts

@@ -5,7 +5,7 @@ interface BannerProperties extends React.HTMLProps<HTMLDivElement> {
     tagline?: JSX.Element | string;
 }
 /**
- *The US gov banner identifies official websites of government organizations in the United States. It helps visitors understand whether a website is official and secure.
+ * The US gov banner identifies official websites of government organizations in the United States. It helps visitors understand whether a website is official and secure.
  *
  * Source: <a href='https://cfpb.github.io/design-system/components/banner-us-gov' target='_blank'> https://cfpb.github.io/design-system/components/banner-us-gov</a>
  */

package/dist/components/Summaries/Summary.d.ts

@@ -0,0 +1,18 @@
+import type React from 'react';
+import type { ReactNode } from 'react';
+export interface SummaryProperties extends React.HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    /** Label for the toggle button */
+    label?: string;
+    /** Whether the summary behavior should only apply on mobile viewports */
+    isMobileOnly?: boolean;
+    /** Use the minimal variation with toggle capabilities */
+    isMinimal?: boolean;
+}
+/**
+ * Summary components hides content over a certain height. When the hidden content is shown it can’t be reverted to the summary until the page is reloaded.
+ *
+ * Source: <a href='https://cfpb.github.io/design-system/components/summaries' target='_blank'>https://cfpb.github.io/design-system/components/summaries</a>
+ */
+export declare const Summary: React.FC<SummaryProperties>;
+export default Summary;

package/dist/index.d.ts

@@ -32,6 +32,7 @@ export { default as ResponsiveMenu } from './components/ResponsiveMenu/Responsiv
 export { Select } from './components/Select/Select';
 export { SelectMulti } from './components/Select/SelectMulti';
 export { SelectSingle } from './components/Select/SelectSingle';
+export { Summary } from './components/Summaries/Summary';
 export { default as SkipNav } from './components/SkipNav/SkipNav';
 export { Table } from './components/Table/Table';
 export { Tagline } from './components/Tagline/Tagline';