This class was created to apply "height: auto;" to certain images. There may be better ways to implement this. eg. applying "height: auto" to the ".image" class.

This item is intended to be used to upload images along with a form submission for service requests, although it can be used elsewhere.

By default, just the add button is present (.image-preview is hidden using a .hidden class) and a user taps to upload an image. Once one or more images are selected, the .image-preview item can be shown and duplicated and background images can be changed to the uploaded image.

Users can tap the .image-preview__remove button to remove the image from the submission.

This item is for use on forms where you want to conserve space and only show the map option on user input. The user taps the link saying "Locate your issue on a map" and then the map option expands. The behavior of this .location-picker can we found on the documentation under "Maps".

The component animation triggers on the .form-field__location-picker_button and is closed by pressing .button.button--remove-location. This animation simple changes the height of the "inner" to be 0px and "auto" respectively, along with a hiding of the trigger button when open.

If this logic is better implemented on the backed, please advise.

This item is hidden by default using a .hidden class. It will not show up by default on page-load.

The interactive map should be inserted within .map-container. By default the map-remove-location should be in it's passive state which is "No location selected" until the user scrolls the map, and the remove location button in it's .button--disabled state. When a location is selected, populate the .map-coordinates item with lat, long data and remove the button--disabled styling on the button. map-pin should also be shown when loading is complete.