v6.4.2

🐛 Bug fixes

• Fixes an issue with the state and ZIP code inputs being too close to one another on smaller screens.

• Fixes the output order of many of our responsive CSS utility classes:

  Previously, each value was output sequentially, which gave precedence to classes with higher values. (For instance, mb-2 was output after mb-*-0, so it was impossible to use mb-2 mb-md-0.) Now, we output breakpoint media queries sequentially, then values, so that responsive utilities have precedence over non-responsive ones. This is what allows mb-2 mb-md-0 ("bottom margin 2 by default, 0 at the medium breakpoint and above") to work.

v6.4.1

🐛 Bug fixes

• Fixes missing content when rendering content components

🏠 Internal

• Adds smoke tests for htmlelement and content components to ensure that content is rendered
• Ensures that HTML snapshots do not contain the text content Unknown component:, which is what formio.js renders if it doesn't recognize the component type

v6.4.0

🚀 New features

• Improved vertical spacing between components
• Improved font styles for labels and fieldset legends
• Improved spacing between nested (address, fieldset, and well) components
• Improves direct nesting of <label> in <fieldset> elements

🐛 Bug fixes

• adds a smoke test for a weird case of failed form validation
• fixes address component "decoupling" issues in the form.io portal

🏠 Internal

• Adds proxy preview from #116 (cherry-picked)

v6.3.1

🏠 Internal

• Fixes a JS syntax error in the "standalone" app view

Pull requests

• #115

v6.3.0

🚀 Features

• The radio, selectboxes, and address components are now rendered in a more accessible/semantic <fieldset> element with a <legend> for the component's label.
• The new ctx.tk(field) template helper DRYs up all of the ctx.t([${ctx.component.key}_field, ctx.component[field]]) bits floating around in our templates. This will need to be carefully merged into #73.

🐛 Bug fixes

• Improved vertical spacing in and around components, their labels, and descriptions
• The fieldset and well components now get their own examples and have improved vertical rhythm
• Select inputs now also get the same red border color treatment when they're invalid as text inputs
• Shuffled the position of our button:hover CSS hack to undo the 3px bottom border added in sf.gov stylesheets

🏠 Internal

• Added HTML snapshot tests for a representative set of components and scenarios in #110
• Upgraded Jest to 26.4.2
• The top-level templates directory and build script references are now called "views" to distinguish them from the component templates in src/templates

Pull requests

• #109 Release 6.3.0
• #110 Add HTML snapshot tests
• #106 Remove blue background, improve vertical rhythm, localization bits
• #111 Rename "templates" to "views"
• #112 Remove blue background from fieldset components and add more examples

v6.2.1

This patch release includes some button display fixes courtesy of @hshaosf. 🎉

🐛 Bug fixes

• #99 Hide labels for button components
• #104 Standardize button styles on sf.gov

v6.2.0

🚀 New features

• #84, #86, and #86 introduce Lighthouse CI into our development workflow

🐛 Bug fixes

• #81 Adds required attributes to most required form inputs
• #79 fixes issues with component prefix and suffix values being rendered as [object HTMLElement]

Upgrade instructions

• Upgrade formio-sfds to 6.2.0
• Upgrade formiojs to 4.11.2

See #79 and the formio.js changelog for more info on form.io changes since 4.10.4.

v6.1.0

🚀 Enhancements

• #74 There's a new portal.js bundle that we will use to make our custom components available on the form.io portal.
• #77 The new Review component (type: review) offers a summary of the form submission that users can check and click the "Edit" link alongside any field to edit their responses.
• #78 Each of the example forms in examples.yml now gets its own page, where components, templates, and styles can be tested in isolation.

Release 6.0.5

⚠️ This release solves a JavaScript execution error introduced in #68 which affects versions 6.0.3 and 6.0.4, and addresses a critical security vulnerability. Please upgrade to 6.0.5.

This patch cherry-picks two critical fixes from delayed 7.0 release (#73):

1. d0dd7f9 uses rollup-plugin-inject-process-env to replace process.env references at build time
2. 9375f26 addresses CVE-2020-7660

Release 6.0.4 (DEPRECATED)

⚠️ This release is not suitable for public use. The JavaScript bundle contains an a reference to process.env that will cause it to fail, leaving any forms on the page in an un-patched state.

This patch release contains two bug fixes.

Bug fixes

• Addresses an accessibility issue with components that use the "input" template by adding for and id attributes to the <label> and <input> elements (respectively) so that AT will announce the label of the input when focused.
• Adds the ability to localize "Remove" labels and button text in file upload and multi-value components

Pull requests

• #70