Merge pull request #522 from massgov/release-9.4.0

Release 9.4.0
massgov · Mar 28, 2019 · 43eabca · 43eabca
2 parents 8edc0eb + eefedfe
commit 43eabca
Show file tree

Hide file tree

Showing 513 changed files with 3,763 additions and 2,496 deletions.
diff --git a/.circleci/config.yml b/.circleci/config.yml
@@ -14,7 +14,7 @@ references:
 react_defaults: &react_defaults
   working_directory: ~/repo
   docker:
-    - image: circleci/node:8.9.4
+    - image: circleci/node:10.15.1
 
 patternlab_defaults: &patternlab_defaults
   working_directory: /var/www/code

diff --git a/.github/ISSUE_TEMPLATE/add-a-mayflower-project.md b/.github/ISSUE_TEMPLATE/add-a-mayflower-project.md
@@ -0,0 +1,21 @@
+---
+name: Add a Mayflower Project
+about: Request to add your project to the Mayflower implementation list
+title: "[Implementation]"
+labels: doc
+assignees: ''
+
+---
+
+Before opening an issue:
+
+- Refer to the [Mayflower Implementation List](https://massgovdigital.gitbook.io/mayflower/)
+- [Search for duplicate or closed issues](https://github.com/massgov/mayflower/issues?utf8=%E2%9C%93&q=is%3Aissue)
+
+When submitting your request, include:
+
+* The implementation’s target language and/or framework
+* The code repository if it is in Github or it is public
+* The author’s name or alias and contact URL or email address
+* The most recent version of the Mayflower Design System that the project targets
+* Any useful caveats or other notes
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -13,6 +13,16 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 **For example**
 - DP-1234: The short description text on a [service detail](http://mayflower.digital.mass.gov/?p=pages-detail-for-service-howto-location) page banner ([@organisms/by-template/page-banner](http://mayflower.digital.mass.gov/?p=organisms-page-banner)) should now render ([PR #493](https://github.com/massgov/mayflower/pull/493))
 
+## 9.4.0 (03/28/2019)
+
+### Added
+- (Docs) Add an issue template for submitting Mayflower project to the implementation listing #520
+
+### Changed
+- (React) [*] DP-12932: Upgrades storybook and related add-ons to version 5.0.x. #516
+- (React) [*] DP-12932: Adds storysource and a11y add-ons. #516
+
+
 ## 9.3.0 (03/20/2019)
 
 ### Changed

diff --git a/docs/.gitbook/assets/accordionborderlesscollapsed.png b/docs/.gitbook/assets/accordionborderlesscollapsed.png
diff --git a/docs/.gitbook/assets/accordionborderlessexpanded.png b/docs/.gitbook/assets/accordionborderlessexpanded.png
diff --git a/docs/.gitbook/assets/accordiondefaultcollapsed.png b/docs/.gitbook/assets/accordiondefaultcollapsed.png
diff --git a/docs/.gitbook/assets/accordiondefaultexpanded.png b/docs/.gitbook/assets/accordiondefaultexpanded.png
diff --git a/docs/.gitbook/assets/accordionsubtle.png b/docs/.gitbook/assets/accordionsubtle.png
diff --git a/docs/.gitbook/assets/advanced-search-collapsed (1).png b/docs/.gitbook/assets/advanced-search-collapsed (1).png
diff --git a/docs/.gitbook/assets/advanced-search-expanded (1).png b/docs/.gitbook/assets/advanced-search-expanded (1).png
diff --git a/docs/.gitbook/assets/ago-organization-display-2.png b/docs/.gitbook/assets/ago-organization-display-2.png
diff --git a/docs/.gitbook/assets/buttonicon.png b/docs/.gitbook/assets/buttonicon.png
diff --git a/...s/capture_01-atoms-01-buttons-button-as-quaternary-color_0_document_0_phone.png b/...s/capture_01-atoms-01-buttons-button-as-quaternary-color_0_document_0_phone.png
diff --git a/docs/.gitbook/assets/capture_01-atoms-08-lists-ordered-list_0_document_0_phone.png b/docs/.gitbook/assets/capture_01-atoms-08-lists-ordered-list_0_document_0_phone.png
diff --git a/docs/.gitbook/assets/checkbox-disabled.gif b/docs/.gitbook/assets/checkbox-disabled.gif
diff --git a/docs/.gitbook/assets/image.png → docs/.gitbook/assets/color_bay-blue-1.png b/docs/.gitbook/assets/image.png → docs/.gitbook/assets/color_bay-blue-1.png
diff --git a/docs/.gitbook/assets/color_bay-blue-10-3.png b/docs/.gitbook/assets/color_bay-blue-10-3.png
diff --git a/docs/.gitbook/assets/color_bay-blue-50-1.png b/docs/.gitbook/assets/color_bay-blue-50-1.png
diff --git a/docs/.gitbook/assets/color_bay-blue_10_long.png b/docs/.gitbook/assets/color_bay-blue_10_long.png
diff --git a/docs/.gitbook/assets/color_bay-blue_50_long.png b/docs/.gitbook/assets/color_bay-blue_50_long.png
diff --git a/docs/.gitbook/assets/color_bay-blue_long.png b/docs/.gitbook/assets/color_bay-blue_long.png
diff --git a/docs/.gitbook/assets/color_berkshires-green-10-2.png b/docs/.gitbook/assets/color_berkshires-green-10-2.png
diff --git a/docs/.gitbook/assets/color_berkshires-green-4.png b/docs/.gitbook/assets/color_berkshires-green-4.png
diff --git a/docs/.gitbook/assets/color_berkshires-green-50-6.png b/docs/.gitbook/assets/color_berkshires-green-50-6.png
diff --git a/docs/.gitbook/assets/color_berkshires-green-50.png b/docs/.gitbook/assets/color_berkshires-green-50.png
diff --git a/docs/.gitbook/assets/color_berkshires-green.png b/docs/.gitbook/assets/color_berkshires-green.png
diff --git a/docs/.gitbook/assets/color_berkshires-green_10_long.png b/docs/.gitbook/assets/color_berkshires-green_10_long.png
diff --git a/docs/.gitbook/assets/color_berkshires-green_50_long.png b/docs/.gitbook/assets/color_berkshires-green_50_long.png
diff --git a/docs/.gitbook/assets/color_berkshires-green_long.png b/docs/.gitbook/assets/color_berkshires-green_long.png
diff --git a/docs/.gitbook/assets/color_duckling-yellow-10-6.png b/docs/.gitbook/assets/color_duckling-yellow-10-6.png
diff --git a/docs/.gitbook/assets/color_duckling-yellow-50-5.png b/docs/.gitbook/assets/color_duckling-yellow-50-5.png
diff --git a/docs/.gitbook/assets/color_duckling-yellow-6.png b/docs/.gitbook/assets/color_duckling-yellow-6.png
diff --git a/docs/.gitbook/assets/color_duckling-yellow_10_long.png b/docs/.gitbook/assets/color_duckling-yellow_10_long.png
diff --git a/docs/.gitbook/assets/color_duckling-yellow_50_long.png b/docs/.gitbook/assets/color_duckling-yellow_50_long.png
diff --git a/docs/.gitbook/assets/color_duckling-yellow_long.png b/docs/.gitbook/assets/color_duckling-yellow_long.png
diff --git a/docs/.gitbook/assets/color_error-red (1).png b/docs/.gitbook/assets/color_error-red (1).png
diff --git a/docs/.gitbook/assets/color_error-red-2.png b/docs/.gitbook/assets/color_error-red-2.png
diff --git a/docs/.gitbook/assets/color_error-red-7.png b/docs/.gitbook/assets/color_error-red-7.png
diff --git a/docs/.gitbook/assets/color_error-red_50_long.png b/docs/.gitbook/assets/color_error-red_50_long.png
diff --git a/docs/.gitbook/assets/color_error-red_long.png b/docs/.gitbook/assets/color_error-red_long.png
diff --git a/docs/.gitbook/assets/color_granite-grey-5.png b/docs/.gitbook/assets/color_granite-grey-5.png
diff --git a/docs/.gitbook/assets/color_granite-grey_long.png b/docs/.gitbook/assets/color_granite-grey_long.png
diff --git a/docs/.gitbook/assets/color_independence-cranberry-50-3.png b/docs/.gitbook/assets/color_independence-cranberry-50-3.png
diff --git a/docs/.gitbook/assets/color_independence-cranberry_50_long.png b/docs/.gitbook/assets/color_independence-cranberry_50_long.png
diff --git a/docs/.gitbook/assets/color_independence-cranberry_long.png b/docs/.gitbook/assets/color_independence-cranberry_long.png
diff --git a/docs/.gitbook/assets/color_overcast-grey-6.png b/docs/.gitbook/assets/color_overcast-grey-6.png
diff --git a/docs/.gitbook/assets/color_overcast-grey_long.png b/docs/.gitbook/assets/color_overcast-grey_long.png
diff --git a/docs/.gitbook/assets/color_platinum-grey-3.png b/docs/.gitbook/assets/color_platinum-grey-3.png
diff --git a/docs/.gitbook/assets/color_platinum-grey_long.png b/docs/.gitbook/assets/color_platinum-grey_long.png
diff --git a/docs/.gitbook/assets/color_revolution-grey-5.png b/docs/.gitbook/assets/color_revolution-grey-5.png
diff --git a/docs/.gitbook/assets/color_revolution-grey_long.png b/docs/.gitbook/assets/color_revolution-grey_long.png
diff --git a/docs/.gitbook/assets/columnheading.png b/docs/.gitbook/assets/columnheading.png
diff --git a/docs/.gitbook/assets/componentheading.png b/docs/.gitbook/assets/componentheading.png
diff --git a/docs/.gitbook/assets/dfw-organization-display-2.png b/docs/.gitbook/assets/dfw-organization-display-2.png
diff --git a/docs/.gitbook/assets/form_helper_text.png b/docs/.gitbook/assets/form_helper_text.png
diff --git a/docs/.gitbook/assets/form_input_checkbox.png b/docs/.gitbook/assets/form_input_checkbox.png
diff --git a/docs/.gitbook/assets/form_input_checkbox_inline.png b/docs/.gitbook/assets/form_input_checkbox_inline.png
diff --git a/docs/.gitbook/assets/form_input_date.png b/docs/.gitbook/assets/form_input_date.png
diff --git a/docs/.gitbook/assets/form_input_file.png b/docs/.gitbook/assets/form_input_file.png
diff --git a/docs/.gitbook/assets/form_input_group.png b/docs/.gitbook/assets/form_input_group.png
diff --git a/docs/.gitbook/assets/form_input_group_checkbox.png b/docs/.gitbook/assets/form_input_group_checkbox.png
diff --git a/docs/.gitbook/assets/form_input_group_radio_inline.png b/docs/.gitbook/assets/form_input_group_radio_inline.png
diff --git a/docs/.gitbook/assets/form_input_select_box.png b/docs/.gitbook/assets/form_input_select_box.png
diff --git a/docs/.gitbook/assets/form_input_text.png b/docs/.gitbook/assets/form_input_text.png
diff --git a/docs/.gitbook/assets/form_input_text_area.png b/docs/.gitbook/assets/form_input_text_area.png
diff --git a/docs/.gitbook/assets/form_input_text_error.png b/docs/.gitbook/assets/form_input_text_error.png
diff --git a/docs/.gitbook/assets/form_input_text_hidden_label.png b/docs/.gitbook/assets/form_input_text_hidden_label.png
diff --git a/docs/.gitbook/assets/form_input_text_max_characters.png b/docs/.gitbook/assets/form_input_text_max_characters.png
diff --git a/docs/.gitbook/assets/form_input_text_number.png b/docs/.gitbook/assets/form_input_text_number.png
diff --git a/docs/.gitbook/assets/form_input_text_optional.png b/docs/.gitbook/assets/form_input_text_optional.png
diff --git a/docs/.gitbook/assets/form_input_text_set_characters.png b/docs/.gitbook/assets/form_input_text_set_characters.png
diff --git a/docs/.gitbook/assets/form_input_text_width.png b/docs/.gitbook/assets/form_input_text_width.png
diff --git a/docs/.gitbook/assets/headinglevel1.png b/docs/.gitbook/assets/headinglevel1.png
diff --git a/docs/.gitbook/assets/headinglevel6.png b/docs/.gitbook/assets/headinglevel6.png
diff --git a/docs/.gitbook/assets/iconbutton (1).png b/docs/.gitbook/assets/iconbutton (1).png
diff --git a/docs/.gitbook/assets/image (2).png b/docs/.gitbook/assets/image (2).png
diff --git a/docs/.gitbook/assets/link (1).png b/docs/.gitbook/assets/link (1).png
diff --git a/docs/.gitbook/assets/mg_date.png b/docs/.gitbook/assets/mg_date.png
diff --git a/docs/.gitbook/assets/mg_key_actions-2.png b/docs/.gitbook/assets/mg_key_actions-2.png
diff --git a/docs/.gitbook/assets/mg_organization (1).png b/docs/.gitbook/assets/mg_organization (1).png
diff --git a/docs/.gitbook/assets/mg_organization-2 (1).png b/docs/.gitbook/assets/mg_organization-2 (1).png
diff --git a/docs/.gitbook/assets/mg_organization-2 (2).png b/docs/.gitbook/assets/mg_organization-2 (2).png
diff --git a/docs/.gitbook/assets/mg_organization-2.png b/docs/.gitbook/assets/mg_organization-2.png
diff --git a/docs/.gitbook/assets/mg_phone_number (1).png b/docs/.gitbook/assets/mg_phone_number (1).png
diff --git a/docs/.gitbook/assets/mg_phone_number (2).png b/docs/.gitbook/assets/mg_phone_number (2).png
diff --git a/docs/.gitbook/assets/montserrat-ma.png b/docs/.gitbook/assets/montserrat-ma.png
diff --git a/docs/.gitbook/assets/montserrat-massgov.png b/docs/.gitbook/assets/montserrat-massgov.png
diff --git a/docs/.gitbook/assets/quaternarybutton.png b/docs/.gitbook/assets/quaternarybutton.png
diff --git a/docs/.gitbook/assets/rmv-organization-display-6.png b/docs/.gitbook/assets/rmv-organization-display-6.png
diff --git a/docs/.gitbook/assets/screen-shot-2018-05-29-at-12.23.49-pm (1).png b/docs/.gitbook/assets/screen-shot-2018-05-29-at-12.23.49-pm (1).png
diff --git a/docs/.gitbook/assets/screen-shot-2018-05-29-at-12.23.49-pm.png b/docs/.gitbook/assets/screen-shot-2018-05-29-at-12.23.49-pm.png
diff --git a/docs/.gitbook/assets/screen-shot-2018-05-29-at-12.23.57-pm (1).png b/docs/.gitbook/assets/screen-shot-2018-05-29-at-12.23.57-pm (1).png
diff --git a/docs/.gitbook/assets/screen-shot-2018-05-29-at-12.23.57-pm.png b/docs/.gitbook/assets/screen-shot-2018-05-29-at-12.23.57-pm.png
diff --git a/docs/.gitbook/assets/screen-shot-2018-05-29-at-4.36.48-pm (1).png b/docs/.gitbook/assets/screen-shot-2018-05-29-at-4.36.48-pm (1).png
diff --git a/docs/.gitbook/assets/screen-shot-2018-05-29-at-4.36.48-pm (2).png b/docs/.gitbook/assets/screen-shot-2018-05-29-at-4.36.48-pm (2).png
diff --git a/docs/.gitbook/assets/screen-shot-2018-05-29-at-4.36.48-pm.png b/docs/.gitbook/assets/screen-shot-2018-05-29-at-4.36.48-pm.png
diff --git a/docs/.gitbook/assets/screen-shot-2018-05-30-at-10.38.50-am.png b/docs/.gitbook/assets/screen-shot-2018-05-30-at-10.38.50-am.png
diff --git a/docs/.gitbook/assets/screen-shot-2018-05-30-at-10.39.21-am (1).png b/docs/.gitbook/assets/screen-shot-2018-05-30-at-10.39.21-am (1).png
diff --git a/docs/.gitbook/assets/screen-shot-2018-05-30-at-10.39.21-am (2).png b/docs/.gitbook/assets/screen-shot-2018-05-30-at-10.39.21-am (2).png
diff --git a/docs/.gitbook/assets/screen-shot-2018-05-30-at-10.39.21-am (3).png b/docs/.gitbook/assets/screen-shot-2018-05-30-at-10.39.21-am (3).png
diff --git a/docs/.gitbook/assets/screen-shot-2018-05-30-at-10.39.21-am.png b/docs/.gitbook/assets/screen-shot-2018-05-30-at-10.39.21-am.png
diff --git a/.../screen-shot-2018-08-09-at-2.34.47-pm.png → ...een-shot-2018-08-09-at-2.22.08-pm (1).png b/.../screen-shot-2018-08-09-at-2.34.47-pm.png → ...een-shot-2018-08-09-at-2.22.08-pm (1).png
diff --git a/docs/.gitbook/assets/screen-shot-2018-08-09-at-2.39.01-pm (1).png b/docs/.gitbook/assets/screen-shot-2018-08-09-at-2.39.01-pm (1).png
diff --git a/docs/.gitbook/assets/screen-shot-2018-08-09-at-3.15.47-pm.png b/docs/.gitbook/assets/screen-shot-2018-08-09-at-3.15.47-pm.png
diff --git a/docs/.gitbook/assets/searchbutton (1).png b/docs/.gitbook/assets/searchbutton (1).png
diff --git a/...tbook/assets/secondary-button-outline.gif → ...ook/assets/secondary-button-outline-1.gif b/...tbook/assets/secondary-button-outline.gif → ...ook/assets/secondary-button-outline-1.gif
diff --git a/docs/.gitbook/assets/secondarybutton.png b/docs/.gitbook/assets/secondarybutton.png
diff --git a/docs/README.md b/docs/README.md
@@ -17,15 +17,17 @@ The goals of Mayflower are:
 | [**Public Water Doc Search**](https://massgov.github.io/MassDEP/brp/dwp/pws-documents-search/build/%20) | React + Github Pages | MassDEP | Mayflower artifacts |
 | [**RMV ATLAS**](https://atlas-myrmv.massdot.state.ma.us/myrmv/_/) | FAST proprietary | MassDOT | Mayflower inspired |
 | [**MassDOT Open Data Portal**](https://geo-massdot.opendata.arcgis.com) | ArcGIS | MassDOT | Mayflower inspired |
-| \*\*\*\*[**Civil Services Eligibility Lists \(Entry level\)**](https://www.mass.gov/service-details/civil-service-eligible-lists)\*\*\*\* | ASP.NET | ANF | Mayflower as markup |
+| [**Civil Services Eligibility Lists (Entry level)**](https://www.mass.gov/service-details/civil-service-eligible-lists) | ASP.NET | ANF | Mayflower as markup |
 | [**GIS Parcel Uploader**](https://uploads.massgis.digital.mass.gov/signup.html) | AWS S3 + Lambda + API Gateway | [EOTSS Digital Services Team](https://www.mass.gov/orgs/digital-services) | Mayflower as markup |
 | [**DTC  Form Release Search**](https://services.oca.state.ma.us/dtc/frmReleasedCalendar.aspx) | ASP.NET | DTC | Mayflower inspired |
 
-If you have a new implementation to add to this list, please [open an issue](https://github.com/massgov/mayflower-doc/issues/new) with the following information:
+
+#### Submit your project
+
+If you have a new implementation to add to this list, please [open an issue](https://github.com/massgov/mayflower/issues/new?assignees=&labels=doc&template=add-a-mayflower-project.md&title=) with the following information:
 
 * The implementation’s target language and/or framework
-* The code repository if it is in Github or it is public 
-* The author’s name \(or alias\) and contact URL or email address
+* The code repository if it is in Github or it is public
+* The author’s name or alias and contact URL or email address
 * The most recent version of the Mayflower Design System that the project targets
 * Any useful caveats or other notes
-
diff --git a/docs/SUMMARY.md b/docs/SUMMARY.md
@@ -50,3 +50,4 @@
     * [Header](components/organisms/header.md)
     * [Footer](components/organisms/footer.md)
 * [Contribution](contribution.md)
+
diff --git a/docs/components/atoms/README.md b/docs/components/atoms/README.md
@@ -6,5 +6,3 @@ description: >-
 
 # Atoms
 
-
-
diff --git a/docs/components/atoms/buttons.md b/docs/components/atoms/buttons.md
@@ -24,7 +24,7 @@ Buttons are vital for creating a smooth conversational flow on the web, and shou
 | ![](../../.gitbook/assets/screen-shot-2018-08-09-at-2.35.05-pm.png) ![](../../.gitbook/assets/screen-shot-2018-08-09-at-2.34.59-pm.png) | Disabled Button | Box shadow on default buttons are used to accentuate the actions. For disabled buttons, box shadow is removed and opacity for the button is set to 0.5 for a muted look and no hover or focus state is provided. |
 | ![](../../.gitbook/assets/primarybutton.png) | [Link Button](buttons.md#link-button) | Link buttons are used to navigate to another page |
 | ![](../../.gitbook/assets/iconbutton.png) | [Icon Button](buttons.md#icon-button) | When words are not enough, icons can be used in buttons to better communicate what the button does. Icons are always paired with text. |
-| ![](../../.gitbook/assets/searchbutton.png) | [Search Button](buttons.md#search-button) | The search button is a variant of the icon button. It is a submit button included in the search bar, for the form to reduce the number of keystrokes required to use the form. On mobile, it will reduced to the icon. The magnifying glass is universally recognized by users as an indicator of search, and doesn’t need to be visually paired with the word "Search" as long as it remains for screen readers. |
+| ![](../../.gitbook/assets/searchbutton%20%281%29.png) | [Search Button](buttons.md#search-button) | The search button is a variant of the icon button. It is a submit button included in the search bar, for the form to reduce the number of keystrokes required to use the form. On mobile, it will reduced to the icon. The magnifying glass is universally recognized by users as an indicator of search, and doesn’t need to be visually paired with the word "Search" as long as it remains for screen readers. |
 
 ### Accessibility & Best Practices
 
@@ -75,7 +75,7 @@ Buttons are vital for creating a smooth conversational flow on the web, and shou
 
 {% tabs %}
 {% tab title="Visual" %}
-![](../../.gitbook/assets/screen-shot-2018-08-09-at-2.39.01-pm.png)
+![](../../.gitbook/assets/screen-shot-2018-08-09-at-2.39.01-pm%20%281%29.png)
 {% endtab %}
 
 {% tab title="HTML" %}
@@ -99,7 +99,7 @@ Buttons are vital for creating a smooth conversational flow on the web, and shou
 
 {% tabs %}
 {% tab title="Visual" %}
-![](../../.gitbook/assets/screen-shot-2018-08-09-at-2.22.08-pm.png)
+![](../../.gitbook/assets/screen-shot-2018-08-09-at-2.22.08-pm%20%281%29.png)
 {% endtab %}
 
 {% tab title="HTML" %}
@@ -143,7 +143,7 @@ Work in Progress
 
 {% tabs %}
 {% tab title="Visual" %}
-![](../../.gitbook/assets/iconbutton.png)
+![](../../.gitbook/assets/iconbutton%20%281%29.png)
 {% endtab %}
 
 {% tab title="HTML" %}

diff --git a/docs/components/atoms/checkbox.md b/docs/components/atoms/checkbox.md
@@ -14,7 +14,7 @@ Each checkbox needs a label and, optionally, can include an icon. All options ne
 | :--- | :--- | :--- |
 | ![](../../.gitbook/assets/form_input_checkbox.png) | Standard |  |
 | ![](../../.gitbook/assets/form_input_checkbox_checked.png) | Checked |  |
-| ![](../../.gitbook/assets/checkbox-disabled-state-small.png)  | Disabled |  |
+| ![](../../.gitbook/assets/checkbox-disabled-state-small.png) | Disabled |  |
 |  | Error |  |
 |  | Focus |  |
 
@@ -64,5 +64,3 @@ Currently Not Available
 | Checkbox with Error | `.ma__input-checkbox--error` \(_work in progress_\) |
 | Checkbox Disabled | `.ma__input-checkbox--disabled` \(_work in progress_\) |
 
-
-
diff --git a/docs/components/atoms/headings.md b/docs/components/atoms/headings.md
@@ -41,7 +41,7 @@ Navigating through the `<h1>` and `<h2>` elements allows the user to understand
 
 | **Visual** | **Name** | **Description & Usage** |
 | :--- | :--- | :--- |
-| ![](../../.gitbook/assets/screen-shot-2018-08-09-at-4.34.45-pm.png) | Component Heading  | Should be used to to separate content within a big section. If used under Colored Heading, should use a lower heading level than the colored heading. |
+| ![](../../.gitbook/assets/screen-shot-2018-08-09-at-4.34.45-pm.png) | Component Heading | Should be used to to separate content within a big section. If used under Colored Heading, should use a lower heading level than the colored heading. |
 | ![](../../.gitbook/assets/screen-shot-2018-08-09-at-4.29.08-pm.png) | Component Heading \(Highlight\) |  |
 
 #### Sidebar Heading Variations
@@ -213,5 +213,3 @@ Not Available
 | Component Heading \(Highlight\) | `.ma__comp-heading--c-highlight` \(_work in progress_\)`.ma__comp-heading--yellow` \(previous version\) |
 | Sidebar Heading | `.ma__sidebar-heading` |
 
-
-
diff --git a/docs/components/atoms/radio-button.md b/docs/components/atoms/radio-button.md
@@ -14,7 +14,7 @@ This is a unit to present a radio button. Each radio button needs its label to d
 | :--- | :--- | :--- |
 | ![](../../.gitbook/assets/form_input_radio.png) | Standard |  |
 | ![](../../.gitbook/assets/form_input_radio_checked.png) | Checked |  |
-| ![](../../.gitbook/assets/radio-button-disabled-small.png)  | Disabled |  |
+| ![](../../.gitbook/assets/radio-button-disabled-small.png) | Disabled |  |
 |  | Error |  |
 |  | Focus |  |
 

diff --git a/docs/components/atoms/select-box.md b/docs/components/atoms/select-box.md
@@ -28,7 +28,7 @@ Select boxes should not be used if possible. The behavior of select boxes varies
 
 {% tabs %}
 {% tab title="React" %}
-[SelectBox in React Storybook](https://mayflower-react.digital.mass.gov/?knob-href=%23&knob-info=&knob-selectBox.defaultSelected=Green&knob-selectBox.options=%5B%7B%22text%22%3A%22Green%22%2C%22value%22%3A%22green%22%7D%2C%7B%22text%22%3A%22Blue%22%2C%22value%22%3A%22blue%22%7D%5D&knob-selectBox.className=ma__select-box%20js-dropdown&knob-List%20Item%200=This%20is%20a%20list%20item%20in%20an%20unordered%20list&knob-tableOptions.feeTable=%7B%22head%22%3A%7B%22rows%22%3A%5B%7B%22rowSpanOffset%22%3Afalse%2C%22cells%22%3A%5B%7B%22heading%22%3Afalse%2C%22colspan%22%3A%22%22%2C%22rowspan%22%3A%22%22%2C%22text%22%3A%22Type%22%7D%2C%7B%22heading%22%3Atrue%2C%22colspan%22%3A%22%22%2C%22rowspan%22%3A%22%22%2C%22text%22%3A%22Name%22%7D%2C%7B%22heading%22%3Atrue%2C%22colspan%22%3A%22%22%2C%22rowspan%22%3A%22%22%2C%22text%22%3A%22Fee%22%7D%5D%7D%5D%7D%2C%22bodies%22%3A%5B%7B%22rows%22%3A%5B%7B%22rowSpanOffset%22%3Afalse%2C%22cells%22%3A%5B%7B%22heading%22%3Atrue%2C%22colspan%22%3A%22%22%2C%22rowspan%22%3A%224%22%2C%22text%22%3A%22Freshwater%20Fishing%22%7D%2C%7B%22heading%22%3Afalse%2C%22colspan%22%3A%22%22%2C%22rowspan%22%3A%22%22%2C%22text%22%3A%22Resident%20Citizen%20or%20Non-Resident%20Fishing%22%7D%2C%7B%22heading%22%3Afalse%2C%22colspan%22%3A%22%22%2C%22rowspan%22%3A%22%22%2C%22text%22%3A%22%2427.50%22%7D%5D%7D%2C%7B%22rowSpanOffset%22%3Atrue%2C%22cells%22%3A%5B%7B%22heading%22%3Afalse%2C%22colspan%22%3A%22%22%2C%22rowspan%22%3A%22%22%2C%22text%22%3A%22Resident%20Citizen%20or%20Non-Resident%20Minor%20Fishing%20%28Age%2015-17%29%22%7D%2C%7B%22heading%22%3Afalse%2C%22colspan%22%3A%22%22%2C%22rowspan%22%3A%22%22%2C%22text%22%3A%22FREE%22%7D%5D%7D%2C%7B%22rowSpanOffset%22%3Atrue%2C%22cells%22%3A%5B%7B%22heading%22%3Afalse%2C%22colspan%22%3A%22%22%2C%22rowspan%22%3A%22%22%2C%22text%22%3A%22Resident%20Citizen%20Fishing%20%28Age%2065-69%29%22%7D%2C%7B%22heading%22%3Afalse%2C%22colspan%22%3A%22%22%2C%22rowspan%22%3A%22%22%2C%22text%22%3A%22%2416.25%22%7D%5D%7D%2C%7B%22rowSpanOffset%22%3Atrue%2C%22cells%22%3A%5B%7B%22heading%22%3Afalse%2C%22colspan%22%3A%22%22%2C%22rowspan%22%3A%22%22%2C%22text%22%3A%22Resident%20Citizen%20Fishing%20%28Aged%2070%20or%20Over%29%22%7D%2C%7B%22heading%22%3Afalse%2C%22colspan%22%3A%22%22%2C%22rowspan%22%3A%22%22%2C%22text%22%3A%22FREE%22%7D%5D%7D%5D%7D%2C%7B%22rows%22%3A%5B%7B%22rowSpanOffset%22%3Afalse%2C%22cells%22%3A%5B%7B%22heading%22%3Atrue%2C%22colspan%22%3A%22%22%2C%22rowspan%22%3A%224%22%2C%22text%22%3A%22Hunting%22%7D%2C%7B%22heading%22%3Afalse%2C%22colspan%22%3A%22%22%2C%22rowspan%22%3A%22%22%2C%22text%22%3A%22Resident%20Citizen%20Hunting%22%7D%2C%7B%22heading%22%3Afalse%2C%22colspan%22%3A%22%22%2C%22rowspan%22%3A%22%22%2C%22text%22%3A%22%2427.50%22%7D%5D%7D%2C%7B%22rowSpanOffset%22%3Atrue%2C%22cells%22%3A%5B%7B%22heading%22%3Afalse%2C%22colspan%22%3A%22%22%2C%22rowspan%22%3A%22%22%2C%22text%22%3A%22Resident%20Citizen%20Hunting%2C%20%28Age%2065-69%29%22%7D%2C%7B%22heading%22%3Afalse%2C%22colspan%22%3A%22%22%2C%22rowspan%22%3A%22%22%2C%22text%22%3A%22%2416.25%22%7D%5D%7D%2C%7B%22rowSpanOffset%22%3Atrue%2C%22cells%22%3A%5B%7B%22heading%22%3Afalse%2C%22colspan%22%3A%22%22%2C%22rowspan%22%3A%22%22%2C%22text%22%3A%22Resident%20and%20Non-Resident%20Citizen%20Hunting%22%7D%2C%7B%22heading%22%3Afalse%2C%22colspan%22%3A%22%22%2C%22rowspan%22%3A%22%22%2C%22text%22%3A%22FREE%22%7D%5D%7D%2C%7B%22rowSpanOffset%22%3Atrue%2C%22cells%22%3A%5B%7B%22heading%22%3Afalse%2C%22colspan%22%3A%22%22%2C%22rowspan%22%3A%22%22%2C%22text%22%3A%22Resident%20Hunting%22%7D%2C%7B%22heading%22%3Afalse%2C%22colspan%22%3A%22%22%2C%22rowspan%22%3A%22%22%2C%22text%22%3A%22%2427.50%22%7D%5D%7D%5D%7D%5D%7D&knob-List%20Item%201=An%20unordered%20list%20is%20a%20list%20in%20which%20the%20sequence%20of%20items%20is%20not%20important.%20Sometimes%2C%20an%20unordered%20list%20is%20a%20bulleted%20list.%20And%20this%20is%20a%20long%20list%20item%20in%20an%20unordered%20list%20that%20can%20wrap%20onto%20a%20new%20line.&knob-List%20Item%202=Lists%20can%20be%20nested%20inside%20of%20each%20other&knob-selectBox.id=color-select&knob-List%20Item%203=This%20is%20the%20last%20list%20item&knob-selectBox.required=true&knob-Sub%20Item%200=This%20is%20a%20nested%20list%20item&knob-Sub%20Item%201=This%20is%20another%20nested%20list%20item%20in%20an%20unordered%20list&knob-linkText=Lorem%20ipsum%20dolor%20sit%20amet&knob-selectBox.label=Color%20Scheme%3A&selectedKind=atoms%2Fforms&selectedStory=SelectBox&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybooks%2Fstorybook-addon-knobs)
+[SelectBox in React Storybook](https://mayflower-react.digital.mass.gov/?knob-href=%23&knob-info=&knob-selectBox.defaultSelected=Green&knob-selectBox.options=[{"text"%3A"Green"%2C"value"%3A"green"}%2C{"text"%3A"Blue"%2C"value"%3A"blue"}]&knob-selectBox.className=ma__select-box%20js-dropdown&knob-List%20Item%200=This%20is%20a%20list%20item%20in%20an%20unordered%20list&knob-tableOptions.feeTable={"head"%3A{"rows"%3A[{"rowSpanOffset"%3Afalse%2C"cells"%3A[{"heading"%3Afalse%2C"colspan"%3A""%2C"rowspan"%3A""%2C"text"%3A"Type"}%2C{"heading"%3Atrue%2C"colspan"%3A""%2C"rowspan"%3A""%2C"text"%3A"Name"}%2C{"heading"%3Atrue%2C"colspan"%3A""%2C"rowspan"%3A""%2C"text"%3A"Fee"}]}]}%2C"bodies"%3A[{"rows"%3A[{"rowSpanOffset"%3Afalse%2C"cells"%3A[{"heading"%3Atrue%2C"colspan"%3A""%2C"rowspan"%3A"4"%2C"text"%3A"Freshwater%20Fishing"}%2C{"heading"%3Afalse%2C"colspan"%3A""%2C"rowspan"%3A""%2C"text"%3A"Resident%20Citizen%20or%20Non-Resident%20Fishing"}%2C{"heading"%3Afalse%2C"colspan"%3A""%2C"rowspan"%3A""%2C"text"%3A"%2427.50"}]}%2C{"rowSpanOffset"%3Atrue%2C"cells"%3A[{"heading"%3Afalse%2C"colspan"%3A""%2C"rowspan"%3A""%2C"text"%3A"Resident%20Citizen%20or%20Non-Resident%20Minor%20Fishing%20%28Age%2015-17%29"}%2C{"heading"%3Afalse%2C"colspan"%3A""%2C"rowspan"%3A""%2C"text"%3A"FREE"}]}%2C{"rowSpanOffset"%3Atrue%2C"cells"%3A[{"heading"%3Afalse%2C"colspan"%3A""%2C"rowspan"%3A""%2C"text"%3A"Resident%20Citizen%20Fishing%20%28Age%2065-69%29"}%2C{"heading"%3Afalse%2C"colspan"%3A""%2C"rowspan"%3A""%2C"text"%3A"%2416.25"}]}%2C{"rowSpanOffset"%3Atrue%2C"cells"%3A[{"heading"%3Afalse%2C"colspan"%3A""%2C"rowspan"%3A""%2C"text"%3A"Resident%20Citizen%20Fishing%20%28Aged%2070%20or%20Over%29"}%2C{"heading"%3Afalse%2C"colspan"%3A""%2C"rowspan"%3A""%2C"text"%3A"FREE"}]}]}%2C{"rows"%3A[{"rowSpanOffset"%3Afalse%2C"cells"%3A[{"heading"%3Atrue%2C"colspan"%3A""%2C"rowspan"%3A"4"%2C"text"%3A"Hunting"}%2C{"heading"%3Afalse%2C"colspan"%3A""%2C"rowspan"%3A""%2C"text"%3A"Resident%20Citizen%20Hunting"}%2C{"heading"%3Afalse%2C"colspan"%3A""%2C"rowspan"%3A""%2C"text"%3A"%2427.50"}]}%2C{"rowSpanOffset"%3Atrue%2C"cells"%3A[{"heading"%3Afalse%2C"colspan"%3A""%2C"rowspan"%3A""%2C"text"%3A"Resident%20Citizen%20Hunting%2C%20%28Age%2065-69%29"}%2C{"heading"%3Afalse%2C"colspan"%3A""%2C"rowspan"%3A""%2C"text"%3A"%2416.25"}]}%2C{"rowSpanOffset"%3Atrue%2C"cells"%3A[{"heading"%3Afalse%2C"colspan"%3A""%2C"rowspan"%3A""%2C"text"%3A"Resident%20and%20Non-Resident%20Citizen%20Hunting"}%2C{"heading"%3Afalse%2C"colspan"%3A""%2C"rowspan"%3A""%2C"text"%3A"FREE"}]}%2C{"rowSpanOffset"%3Atrue%2C"cells"%3A[{"heading"%3Afalse%2C"colspan"%3A""%2C"rowspan"%3A""%2C"text"%3A"Resident%20Hunting"}%2C{"heading"%3Afalse%2C"colspan"%3A""%2C"rowspan"%3A""%2C"text"%3A"%2427.50"}]}]}]}&knob-List%20Item%201=An%20unordered%20list%20is%20a%20list%20in%20which%20the%20sequence%20of%20items%20is%20not%20important.%20Sometimes%2C%20an%20unordered%20list%20is%20a%20bulleted%20list.%20And%20this%20is%20a%20long%20list%20item%20in%20an%20unordered%20list%20that%20can%20wrap%20onto%20a%20new%20line.&knob-List%20Item%202=Lists%20can%20be%20nested%20inside%20of%20each%20other&knob-selectBox.id=color-select&knob-List%20Item%203=This%20is%20the%20last%20list%20item&knob-selectBox.required=true&knob-Sub%20Item%200=This%20is%20a%20nested%20list%20item&knob-Sub%20Item%201=This%20is%20another%20nested%20list%20item%20in%20an%20unordered%20list&knob-linkText=Lorem%20ipsum%20dolor%20sit%20amet&knob-selectBox.label=Color%20Scheme%3A&selectedKind=atoms%2Fforms&selectedStory=SelectBox&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybooks%2Fstorybook-addon-knobs)
 {% endtab %}
 
 {% tab title="Twig PL" %}
@@ -47,5 +47,3 @@ Select boxes should not be used if possible. The behavior of select boxes varies
 | Inline | `.ma__select-box__field--inline` |
 | Error | `.ma__select-box__field--error` \(_work in progress_\) `.has-error` \(_previous version_\) |
 
-
-
Original file line number	Diff line number	Diff line change
Expand Up		@@ -50,3 +50,4 @@
		* [Header](components/organisms/header.md)
		* [Footer](components/organisms/footer.md)
		* [Contribution](contribution.md)