natalia-fitzgerald
commented
11 months ago For historical reference:
Changes made prior to the creation of this issue
Buttons
- https://cfpb.github.io/design-system/components/buttons
- Content now organized under Types
- Super button deprecated
Checkboxes
- https://cfpb.github.io/design-system/components/checkboxes
- Content now organized under Types
- Page mirrors Radio Buttons in structure
Helper text
- https://cfpb.github.io/design-system/components/helper-text
- Helper text changed from Gray to Dark Gray (part of a broader effort where all Gray text changed from Gray to Dark Gray - for better contrast)
- Helper text was smaller than 16px at mobile because of a small class that was making it smaller than 1em.
- Fixed: Helper text is 16px at all screen sizes
- https://cfpb.github.io/design-system/components/radio-buttons
- Content now organized under Types
- Page mirrors Checkboxes in structure
Select
- https://cfpb.github.io/design-system/components/selects
- Changed name from "Dropdowns and multiselects" to "Selects"
- Includes Single selects and Multiselect components.
- Ans is working on bug fixes to the Multiselect component in the DS
- SBL team is still working on building the Select component in React.
- We are implementing a change to the "Pill" (approved in 2018 and 2020)
- This will change the pill from Navy to Teal 20 with a Teal outline
- Pill will now be called "Tag"
- The "Tag" component will be it's own component in the DS and in the React library. The Multiselect will pull in this component.
Headings
- https://cfpb.github.io/design-system/foundation/headings
- Removed Heading 6 from the DS and from the React component library.
- Removed h6 (as well as all raw html) from those four pages (the crawler should reflect this when it runs again)
Meta header
- Changed the "Icon and heading" component to "Meta header". This matches the name in code and is more specific to what this component is (it's a category label with optional date that appears in the post preview - results from the filterable list)
- Ans is working on a fix because the Category wasn't coded with an H4 so it wasn't getting the mobile H4 styling.
Iconography
- https://cfpb.github.io/design-system/foundation/iconography
- Full page update to better reflect how icons are sized in code relative to the rendered height of Avenir Next
- Fixed a few incorrectly sized icons in the icon library
- Removed link to the Noun Project and instead now link to the GitHub icon library and the icon font
Sprint 19 (Sep 28-Oct 25)
The following components were verified:
- Buttons
- Checkboxes
- Radio buttons
- Headings
Process update
- Introduced the Verified versus Draft grouping for DSR components (https://github.com/cfpb/design-system-react/issues/188)
This issue will be used to capture the work that our team is doing each sprint related to building out the CFPB Design System (in React) (we'll refer to it as DSR from here on out to be concise and to more easily differentiate from the CFPB Design System).
Our current work is tied to the components needed for the SBL app pages we are working on.
This work includes:
For the time being, we're focused on verifying existing CFPB components
The types of things that come up typically:
A component exists in the CFPB Design System code but not in the CFPB Design System documentation
A component exists in consumerfinance.gov but not in the CFPB Design System codebase or documentation site
Sometimes there are naming issues or other improvements we can make
Live code in the CFPB Design System doesn't match the Design specs