@cfpb/design-system-react 0.0.12 → 0.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (159) hide show
  1. package/README.md +8 -10
  2. package/dist/{assets/style.css → index.css} +1 -1
  3. package/dist/index.d.ts +2 -43
  4. package/dist/index.js +2 -60
  5. package/dist/index.mjs +1490 -6588
  6. package/dist/postcss/plugins/process-icons.d.ts +6 -0
  7. package/dist/{components/Alert/AlertFieldLevel.d.ts → src/components/Alert/alert-field-level.d.ts} +1 -1
  8. package/dist/src/components/Alert/alert-link.d.ts +7 -0
  9. package/dist/{components/Alert/Alert.d.ts → src/components/Alert/alert.d.ts} +3 -3
  10. package/dist/src/components/Alert/alert.stories.d.ts +16 -0
  11. package/dist/src/components/Alert/alert.test.d.ts +0 -0
  12. package/dist/{components/Banner/BannerLanguageLink.d.ts → src/components/Banner/banner-language-link.d.ts} +1 -1
  13. package/dist/{components/Banner/Banner.d.ts → src/components/Banner/banner.d.ts} +1 -0
  14. package/dist/src/components/Banner/banner.stories.d.ts +8 -0
  15. package/dist/src/components/Banner/banner.test.d.ts +0 -0
  16. package/dist/{components/Breadcrumb/Breadcrumb.d.ts → src/components/Breadcrumb/breadcrumb.d.ts} +1 -1
  17. package/dist/src/components/Breadcrumb/breadcrumb.stories.d.ts +6 -0
  18. package/dist/src/components/Breadcrumb/breadcrumb.test.d.ts +0 -0
  19. package/dist/{components/Buttons/ButtonGroup.d.ts → src/components/Buttons/button-group.d.ts} +1 -1
  20. package/dist/src/components/Buttons/button-group.test.d.ts +0 -0
  21. package/dist/{components/Buttons/Button.d.ts → src/components/Buttons/button.d.ts} +2 -2
  22. package/dist/src/components/Buttons/button.test.d.ts +0 -0
  23. package/dist/src/components/Buttons/buttons.stories.d.ts +19 -0
  24. package/dist/src/components/Checkbox/checkbox-large.stories.d.ts +15 -0
  25. package/dist/{components/Checkbox/Checkbox.d.ts → src/components/Checkbox/checkbox.d.ts} +5 -5
  26. package/dist/src/components/Checkbox/checkbox.stories.d.ts +18 -0
  27. package/dist/src/components/Checkbox/checkbox.test.d.ts +0 -0
  28. package/dist/src/components/Checkbox/checkbox.utils.d.ts +6 -0
  29. package/dist/{components/Divider/Divider.d.ts → src/components/Divider/divider.d.ts} +1 -2
  30. package/dist/src/components/Divider/divider.stories.d.ts +7 -0
  31. package/dist/src/components/Divider/divider.test.d.ts +0 -0
  32. package/dist/{components/Expandable/ExpandableGroup.d.ts → src/components/Expandable/expandable-group.d.ts} +2 -3
  33. package/dist/{components/Expandable/Expandable.d.ts → src/components/Expandable/expandable.d.ts} +1 -2
  34. package/dist/src/components/Expandable/expandable.stories.d.ts +10 -0
  35. package/dist/src/components/Expandable/expandable.test.d.ts +0 -0
  36. package/dist/{components/Footer/BackToTop.d.ts → src/components/Footer/back-to-top.d.ts} +1 -0
  37. package/dist/{components/Footer/FooterBanner.d.ts → src/components/Footer/footer-banner.d.ts} +1 -0
  38. package/dist/{components/Footer/FooterCfGov.d.ts → src/components/Footer/footer-cf-gov.d.ts} +2 -1
  39. package/dist/{components/Footer/FooterLinks.d.ts → src/components/Footer/footer-links.d.ts} +3 -2
  40. package/dist/src/components/Footer/footer-links.test.d.ts +1 -0
  41. package/dist/{components/Footer/Footer.d.ts → src/components/Footer/footer.d.ts} +1 -0
  42. package/dist/src/components/Footer/footer.stories.d.ts +7 -0
  43. package/dist/src/components/Footer/footer.test.d.ts +1 -0
  44. package/dist/{components/Grid/GridColumn.d.ts → src/components/Grid/grid-column.d.ts} +1 -0
  45. package/dist/{components/Grid/GridRow.d.ts → src/components/Grid/grid-row.d.ts} +1 -0
  46. package/dist/{components/Grid/GridWrapper.d.ts → src/components/Grid/grid-wrapper.d.ts} +1 -0
  47. package/dist/src/components/Grid/grid.stories.d.ts +9 -0
  48. package/dist/src/components/Grid/grid.test.d.ts +0 -0
  49. package/dist/{components → src/components}/Grid/index.d.ts +3 -3
  50. package/dist/{components/Headings/Heading.d.ts → src/components/Headings/heading.d.ts} +1 -0
  51. package/dist/src/components/Headings/heading.test.d.ts +0 -0
  52. package/dist/src/components/Headings/headings.stories.d.ts +18 -0
  53. package/dist/{components/HelperText/HelperText.d.ts → src/components/HelperText/helper-text.d.ts} +1 -1
  54. package/dist/src/components/Hero/hero-image.d.ts +7 -0
  55. package/dist/{components/Hero/Hero.d.ts → src/components/Hero/hero.d.ts} +2 -1
  56. package/dist/src/components/Hero/hero.stories.d.ts +10 -0
  57. package/dist/src/components/Hero/hero.test.d.ts +1 -0
  58. package/dist/{components/Hero/useBackgroundImage.d.ts → src/components/Hero/use-background-image.d.ts} +1 -1
  59. package/dist/{components/Icon/Icon.d.ts → src/components/Icon/icon.d.ts} +2 -1
  60. package/dist/src/components/Icon/icon.stories.d.ts +17 -0
  61. package/dist/src/components/Icon/icon.test.d.ts +0 -0
  62. package/dist/{components/Label/Label.d.ts → src/components/Label/label.d.ts} +2 -1
  63. package/dist/src/components/Label/label.stories.d.ts +7 -0
  64. package/dist/src/components/Label/label.test.d.ts +0 -0
  65. package/dist/{components/Layout/LayoutContent.d.ts → src/components/Layout/layout-content.d.ts} +2 -2
  66. package/dist/src/components/Layout/layout-content.stories.d.ts +6 -0
  67. package/dist/{components/Layout/LayoutMain.d.ts → src/components/Layout/layout-main.d.ts} +3 -3
  68. package/dist/src/components/Layout/layout-main.stories.d.ts +7 -0
  69. package/dist/{components/Layout/LayoutSidebar.d.ts → src/components/Layout/layout-sidebar.d.ts} +2 -2
  70. package/dist/src/components/Layout/layout-sidebar.stories.d.ts +6 -0
  71. package/dist/{components/Layout/LayoutWrapper.d.ts → src/components/Layout/layout-wrapper.d.ts} +2 -2
  72. package/dist/src/components/Layout/layout-wrapper.stories.d.ts +6 -0
  73. package/dist/src/components/Layout/layout.d.ts +7 -0
  74. package/dist/src/components/Link/link.d.ts +50 -0
  75. package/dist/src/components/Link/link.stories.d.ts +11 -0
  76. package/dist/src/components/Link/link.test.d.ts +0 -0
  77. package/dist/{components/List/ListItem.d.ts → src/components/List/list-item.d.ts} +2 -2
  78. package/dist/{components/List/List.d.ts → src/components/List/list.d.ts} +2 -1
  79. package/dist/src/components/List/list.stories.d.ts +10 -0
  80. package/dist/src/components/List/list.test.d.ts +0 -0
  81. package/dist/{components/Navbar/Navbar.d.ts → src/components/Navbar/navbar.d.ts} +2 -1
  82. package/dist/src/components/Navbar/navbar.stories.d.ts +8 -0
  83. package/dist/{components/PageHeader/PageHeader.d.ts → src/components/PageHeader/page-header.d.ts} +3 -2
  84. package/dist/src/components/PageHeader/page-header.stories.d.ts +7 -0
  85. package/dist/src/components/PageHeader/page-header.test.d.ts +0 -0
  86. package/dist/{components/Pagination/Pagination.d.ts → src/components/Pagination/pagination.d.ts} +2 -2
  87. package/dist/src/components/Pagination/pagination.stories.d.ts +20 -0
  88. package/dist/src/components/Pagination/pagination.story-utils.d.ts +2 -0
  89. package/dist/src/components/Pagination/pagination.test.d.ts +0 -0
  90. package/dist/{components/Pagination/usePagination.d.ts → src/components/Pagination/use-pagination.d.ts} +3 -3
  91. package/dist/src/components/Pagination/use-pagination.test.d.ts +0 -0
  92. package/dist/{components/Paragraph/Paragraph.d.ts → src/components/Paragraph/paragraph.d.ts} +1 -0
  93. package/dist/src/components/Paragraph/paragraph.test.d.ts +0 -0
  94. package/dist/src/components/Paragraph/paragraphs.stories.d.ts +17 -0
  95. package/dist/{components/RadioButton/RadioButton.d.ts → src/components/RadioButton/radio-button.d.ts} +2 -3
  96. package/dist/src/components/RadioButton/radio-button.stories.d.ts +14 -0
  97. package/dist/src/components/RadioButton/radio-button.test.d.ts +0 -0
  98. package/dist/src/components/ResponsiveMenu/responsive-menu.d.ts +12 -0
  99. package/dist/src/components/ResponsiveMenu/responsive-menu.stories.d.ts +8 -0
  100. package/dist/src/components/ResponsiveMenu/responsive-menu.test.d.ts +0 -0
  101. package/dist/{components/Select/SelectMulti.d.ts → src/components/Select/select-multi.d.ts} +2 -1
  102. package/dist/src/components/Select/select-multi.stories.d.ts +6 -0
  103. package/dist/{components/Select/SelectSingle.d.ts → src/components/Select/select-single.d.ts} +2 -1
  104. package/dist/src/components/Select/select-tag.d.ts +11 -0
  105. package/dist/{components/Select/selectUtils.d.ts → src/components/Select/select-utils.d.ts} +2 -1
  106. package/dist/{components/Select/Select.d.ts → src/components/Select/select.d.ts} +1 -1
  107. package/dist/src/components/Select/select.stories.d.ts +9 -0
  108. package/dist/src/components/Select/select.test.d.ts +0 -0
  109. package/dist/src/components/Select/test-utils.d.ts +9 -0
  110. package/dist/src/components/SkipNav/skip-nav.d.ts +5 -0
  111. package/dist/{components/Summaries/Summary.d.ts → src/components/Summaries/summary.d.ts} +1 -2
  112. package/dist/src/components/Summaries/summary.stories.d.ts +8 -0
  113. package/dist/src/components/Table/table-utils.d.ts +4 -0
  114. package/dist/src/components/Table/table.d.ts +33 -0
  115. package/dist/src/components/Table/table.stories.d.ts +13 -0
  116. package/dist/src/components/Table/table.test.d.ts +0 -0
  117. package/dist/src/components/Tagline/tagline.d.ts +8 -0
  118. package/dist/src/components/Tagline/tagline.stories.d.ts +7 -0
  119. package/dist/src/components/Tagline/tagline.test.d.ts +0 -0
  120. package/dist/src/components/TextInput/text-area.d.ts +14 -0
  121. package/dist/src/components/TextInput/text-area.stories.d.ts +13 -0
  122. package/dist/src/components/TextInput/text-area.test.d.ts +0 -0
  123. package/dist/{components/TextInput/TextInput.d.ts → src/components/TextInput/text-input.d.ts} +3 -4
  124. package/dist/src/components/TextInput/text-input.stories.d.ts +14 -0
  125. package/dist/src/components/TextInput/text-input.test.d.ts +0 -0
  126. package/dist/src/components/TextIntroduction/test-helpers.d.ts +19 -0
  127. package/dist/{components/TextIntroduction/TextIntroduction.d.ts → src/components/TextIntroduction/text-introduction.d.ts} +7 -7
  128. package/dist/src/components/TextIntroduction/text-introduction.stories.d.ts +15 -0
  129. package/dist/src/components/TextIntroduction/text-introduction.test.d.ts +0 -0
  130. package/dist/{components/Well/Well.d.ts → src/components/Well/well.d.ts} +2 -1
  131. package/dist/src/components/Well/well.stories.d.ts +7 -0
  132. package/dist/src/components/Well/well.test.d.ts +0 -0
  133. package/dist/{hooks/useIconSvg.d.ts → src/hooks/use-icon-svg.d.ts} +1 -1
  134. package/dist/src/index.d.ts +41 -0
  135. package/dist/{types/jsxElement.d.ts → src/types/jsx-element.d.ts} +1 -0
  136. package/dist/src/utils/sleep.d.ts +1 -0
  137. package/dist/vite/plugins/svg-raw-loader.d.ts +2 -0
  138. package/package.json +74 -94
  139. package/dist/components/Alert/AlertLink.d.ts +0 -6
  140. package/dist/components/Dropdown/Dropdown.d.ts +0 -11
  141. package/dist/components/Dropdown/Dropdown.types.d.ts +0 -20
  142. package/dist/components/Dropdown/DropdownInputWithCheckbox.d.ts +0 -10
  143. package/dist/components/Dropdown/DropdownPills.d.ts +0 -26
  144. package/dist/components/Dropdown/styles.d.ts +0 -2
  145. package/dist/components/Dropdown/utils.d.ts +0 -17
  146. package/dist/components/Hero/HeroImage.d.ts +0 -6
  147. package/dist/components/Link/Link.d.ts +0 -21
  148. package/dist/components/ResponsiveMenu/ResponsiveMenu.d.ts +0 -12
  149. package/dist/components/SkipNav/SkipNav.d.ts +0 -5
  150. package/dist/components/Table/Table.d.ts +0 -34
  151. package/dist/components/Table/tableUtils.d.ts +0 -3
  152. package/dist/components/Tagline/Tagline.d.ts +0 -7
  153. package/dist/components/TextInput/TextArea.d.ts +0 -14
  154. /package/dist/{components/Icon/iconLists.d.ts → src/components/Icon/icon-lists.d.ts} +0 -0
  155. /package/dist/{components/Pagination/paginationConstants.d.ts → src/components/Pagination/pagination-constants.d.ts} +0 -0
  156. /package/dist/{components/TextInput/TextInputStatus.d.ts → src/components/TextInput/text-input-status.d.ts} +0 -0
  157. /package/dist/{types/headingLevel.d.ts → src/types/heading-level.d.ts} +0 -0
  158. /package/dist/{types/WidthPercent.d.ts → src/types/width-percent.d.ts} +0 -0
  159. /package/dist/{utils/noOp.d.ts → src/utils/no-op.d.ts} +0 -0
package/README.md CHANGED
@@ -4,24 +4,24 @@ A React/Storybook implementation of [CFPB's Design System](https://github.com/cf
4
4
 
5
5
  ## Status
6
6
 
7
- Pre-release. Interfaces will change. Things will break.
7
+ Work in progress. Interfaces will change. Things will break.
8
8
 
9
9
  Current components: https://cfpb.github.io/design-system-react
10
10
 
11
11
  ## Installation
12
12
 
13
- Until we start publishing to npm, install this github repo:
13
+ The `@cfpb/design-system-react` library is released as an [NPM package](https://www.npmjs.com/package/@cfpb/design-system-react).
14
+
15
+ To install the package:
14
16
 
15
17
  ```
16
- yarn add cfpb/design-system-react
18
+ yarn add @cfpb/design-system-react
17
19
  ```
18
20
 
19
- If you're using yarn v2 or greater, [`yarn pack`](https://yarnpkg.com/advanced/lifecycle-scripts) will automatically build the package for you after it's installed.
20
-
21
21
  ## Usage
22
22
 
23
23
  ```ts
24
- import { Button, Alert } from 'design-system-react';
24
+ import { Alert, Button } from '@cfpb/design-system-react';
25
25
  import type { ReactElement } from 'react';
26
26
 
27
27
  export default function SomePage(): ReactElement {
@@ -45,7 +45,7 @@ export default function SomePage(): ReactElement {
45
45
 
46
46
  To edit components or add new ones, make sure you have Yarn v3 set up locally and then run `yarn dev`:
47
47
 
48
- 1. Install Node v20+.
48
+ 1. Install Node v24+.
49
49
  1. Enable [corepack](https://yarnpkg.com/getting-started/install): `corepack enable`.
50
50
  1. `yarn`
51
51
  1. `yarn start`
@@ -58,7 +58,7 @@ Add tests to files called `<component-name>.test.tsx`. See [`Buttons.test.tsx`](
58
58
 
59
59
  Run `yarn test` to watch for changes and run tests automatically.
60
60
 
61
- [Netlify](https://www.netlify.com/) will build and deploy a preview of any pull requests you open.
61
+ [Github actions](https://github.com/rossjrw/pr-preview-action) will build and deploy a preview of any pull requests you open.
62
62
 
63
63
  ## Integrating changes to the CFPB Design System
64
64
 
@@ -71,8 +71,6 @@ git checkout main
71
71
  git pull --rebase
72
72
  git checkout -b update-cfpb-ds
73
73
  yarn up @cfpb/cfpb-design-system
74
- yarn up @cfpb/cfpb-expandables
75
- yarn up @cfpb/cfpb-forms
76
74
  git add --all
77
75
  git commit -m 'chore: Update CFPB DS to <new.version.number>'
78
76
  git push