Release 9.39.0

.circleci/config.yml

@@ -259,8 +259,7 @@ jobs:
       # Identify the committer i.e. CircleCI deployment bot
       - run: git config --global user.email "circleci@example.com"
       - run: git config --global user.name "CircleCI Deployment Bot"
-      - run:
-          command: 'node scripts/release-branch.js'
+      - run: node scripts/release-branch.js
 
   github_tag:
     <<: *patternlab_defaults
@@ -270,8 +269,7 @@ jobs:
       # Identify the committer i.e. CircleCI deployment bot
       - run: git config --global user.email "circleci@example.com"
       - run: git config --global user.name "CircleCI Deployment Bot"
-      - run:
-          command: 'scripts/github-tag'
+      - run: node scripts/release-tag.js
 
 
 workflows:

.circleci/dependabot.sh

@@ -2,23 +2,34 @@ branch=$(git branch | grep \* | cut -d ' ' -f2)
 lastCommit=$(git log --pretty=oneline --abbrev-commit | head -n 1 | cut -c 10-)
 lastCommitClean=$lastCommit
 lastDependabot=$(git log --author="dependabot-preview" --pretty=oneline --abbrev-commit | head -n 1 | cut -c 10-)
-commitType="Changed"
+changeType="Changed"
+project=""
 
 if [[ $lastCommitClean =~ "[Security]"[[:space:]](.*) ]]; then
   lastCommitClean="${BASH_REMATCH[1]}"
-  commitType="Security"
+  changeType="Security"
 fi
 
-if [[ $lastCommitClean =~ "/react" ]]; then
-  lastCommitClean="(React) [Dependency] $lastCommitClean"
+if [[ $lastCommitClean =~ (.*)" in /react" ]]; then
+  lastCommitClean="${BASH_REMATCH[1]}"
+  project="React"
 fi
-if [[ $lastCommitClean =~ "/patternlab" ]]; then
-  lastCommitClean="(Patternlab) [Dependency] $lastCommitClean"
+if [[ $lastCommitClean =~ (.*)" in /patternlab/styleguide" ]]; then
+  lastCommitClean="${BASH_REMATCH[1]}"
+  project="Patternlab"
 fi
 
+# Format changelog
+changelog="$changeType:
+  - project: $project
+    component: Dependency
+    description: $lastCommitClean
+    issue:
+    impact: Patch"
+
 if [ "$lastCommit" = "$lastDependabot" ]
 then
-  printf "\n$commitType\n- $lastCommitClean" > changelogs/dependabot-${branch##*/}.md
+  printf "$changelog" > changelogs/dependabot-${branch##*/}.md
   git add changelogs/dependabot-${branch##*/}.md
   git commit -m "Added a new changelog to the `changelogs/` folder"
   echo "Commit dependabot changelog";

.github/ISSUE_TEMPLATE.md

@@ -1,9 +1,18 @@
-Before opening an issue:
+## 1. Before opening an issue:
 
 - [Search for duplicate or closed issues](https://github.com/massgov/mayflower/issues?utf8=%E2%9C%93&q=is%3Aissue)
 - Read the [contributing guidelines](https://github.com/massgov/mayflower/blob/master/CONTRIBUTING.md)
 
-When reporting a bug, include:
+- For Mayflower Documentation, refer to the [Mayflower Documentation](https://mass.gov/mayflower)
+- For Mayflower React, refer to the [Mayflower React Storybook](https://mayflower-react.digital.mass.gov/)
+- For Mayflower Patternlab, refer to the [Mayflower Patternlab](https://mayflower.digital.mass.gov/)
+
+
+## 2. When submitting your request, include:
+
+Title: [Docs | React | Patternlab]: Brief description
+
+### When reporting a bug, include:
 
 - Mayflower version
 - Operating system and version (Windows, Mac OS X, Android, iOS, Win10 Mobile)
@@ -12,8 +21,7 @@ When reporting a bug, include:
 - Steps to reproduce on live site
 - Prepare a [reduced test case](https://css-tricks.com/reduced-test-cases/)
 
-When suggesting a feature, include:
+### When suggesting a feature, include:
 
 - As much detail as possible for what we should add and why it's important to Mayflower
 - Relevant links to prior art, screenshots, or live demos whenever possible
-

.github/PULL_REQUEST_TEMPLATE.md

@@ -1,5 +1,5 @@
 <!-- Please use TICKET Description of ticket as PR title (i.e. DP-1234 Add back-to link on Announcement template)  -->
-Any PRs being created needs a changelog.txt file before being merged into dev. See: [Change Log Instructions](https://github.com/massgov/mayflower/blob/dev/docs/change-log-instructions.md)
+Any PRs being created needs a changelog.txt file before being merged into dev. See: [Change Log Instructions](https://github.com/massgov/mayflower/blob/develop/docs/for-developers/changelog-instructions.md)
 
 
 ## Description
@@ -13,7 +13,7 @@ Any PRs being created needs a changelog.txt file before being merged into dev. S
 ## Steps to Test
 <!-- Outline the steps to test or reproduce the PR here.  Whenever possible deploy your branch to your fork Github Pages so UAT can be done without rebuilding. See: https://github.com/massgov/mayflower/blob/master/docs/deploy.md -->
 
-1. 
+1.
 
 ## Screenshots
 Use something like [licecap](http://www.cockos.com/licecap/) to capture gifs to demonstrate behaviors.
@@ -26,7 +26,7 @@ Anything else to add?
 #### Impacted Areas in Application
 <!-- List general components of the application that this PR will affect: -->
 
-* 
+*
 
 #### @TODO
 <!-- List any known remaining work for this ticket / issue. -->

CHANGELOG.md

@@ -1,85 +1,97 @@
 # Mayflower Release Notes
 All notable changes to this project will be documented in this file.
 
+## 9.39.0 (2/4/2020)
+### Changed 
+- (Patternlab) [UtilityNav] DP-16804: Change the state organizations menu from a button to a link directly to the page. (#882)
+- (React) [Storybook] DP-17320: Config storybook to add Mayflower theme. (#915)
+- (React) [Storybook] DP-17338: Render welcome page to Mayflower-react. (#916)
+- (React) [Storybook] DP-17338: Display `Color` in category "Brand". (#916)
+- (React) [Storybook] DP-17372: Organize all form components from atoms, molecules and organisms into a forms category. (#919) \n- Import paths from mayflower-react stay the same. No impact on the consumer side.
+- (React) [Storybook] DP-17372: Move Placeholder component into atoms. (#919) \n- Import paths from mayflower-react stay the same. No impact on the consumer side.
+
+### Added 
+- (React) [Color] DP-17253: Addded Color stories and color gradients. (#909)
+
 ## 9.38.0 (1/21/2020)
 
-### Changed 
+### Changed
 - (Patternlab) [Dependency] DP-17156: Replace uglify-js with terser.
 
-### Fixed 
-- (Patternlab, React) [release automation] DP-16732: Fixed the display for the month and date in the release automation. (#PR)
+### Fixed
+- (Patternlab, React) [release automation] DP-16732: Fixed the display for the month and date in the release automation. (#874)
 
-### Changed 
+### Changed
 - (Patternlab) [Dependency] DP-17136: Bump twig from 1.13.2 to 1.14.0 in /patternlab/styleguide.
 
 ## 9.37.0 (1/14/2020)
 
 ### Changed
 (Patternlab) [Dependency] Bump node-normalize-scss from 8.0.0 to 8.0.1.
 
-### Changed 
+### Changed
 - (Patternlab) [Dependency] DP-16827: Bumps del from 4.0.0 to 5.1.0.
 
-### Security 
+### Security
 - (Patternlab) [Dependency] DP-16828: Update eslint-utils from v.1.3.1 to v.1.4.2.
 
-### Changed 
+### Changed
 - (Patternlab) [Dependency] DP-16831: Bump eslint-plugin-react from 7.11.1 to 7.16.0 in /patternlab/styleguide.
 
-### Changed 
+### Changed
 - (Patternlab) [Dependency] DP-16832: Bump dotenv from 6.0.0 to 8.2.0 in /patternlab/styleguide.
 
-### Changed 
+### Changed
 - (Patternlab) [Dependency] DP-16833: Bump gulp-rename from 1.3.0 to 2.0.0 in /patternlab/styleguide.
 
-### Changed 
+### Changed
 - (Patternlab) [Dependency] DP-16834: Bump url-search-params-polyfill from 5.0.0 to 7.0.1 in /patternlab/styleguide.
 
-### Changed 
+### Changed
 - (Patternlab) [Dependency] DP-17124: Bump untildify from 3.0.3 to 4.0.0 in /patternlab/styleguide.
 
-### Changed 
+### Changed
 - (Patternlab) [Dependency] DP-17125: Bump through2 from 2.0.3 to 3.0.1 in /patternlab/styleguide.
 
-### Changed 
+### Changed
 - (Patternlab) [Dependency] DP-17137: Bump gulp from 4.0.0 to 4.0.2 in /patternlab/styleguide.
 
 ## 9.36.0 (1/7/2020)
 
-### Security 
-- (Patternlab) [Dependency] DP-16925: Bump handlebars from 4.1.2 to 4.4.2 in /patternlab/styleguide. #782 
+### Security
+- (Patternlab) [Dependency] DP-16925: Bump handlebars from 4.1.2 to 4.4.2 in /patternlab/styleguide. #782
 
 ## 9.35.0 (12/18/2019)
 
-### Fixed 
+### Fixed
 - (React) [Tab] DP-16678: Fixed PropTypes check console error for `tabRef`.
 
 
 ## 9.34.0 (12/11/2019)
 
-### Changed 
-- (React) [InputCheckBox] DP-16111: Refactor InputCheckBox to be used for multiple selections. #787 
-	- Allow defaultValue to update the component state 
-	- Added required `value` prop to input checkbox element (Major) 
-	- Added `onKeyDown` prop to allow passing arrow navigation between checkbox options 
-	- Added `tabIndex` prop to permit change of tab-index 
+### Changed
+- (React) [InputCheckBox] DP-16111: Refactor InputCheckBox to be used for multiple selections. #787
+	- Allow defaultValue to update the component state
+	- Added required `value` prop to input checkbox element (Major)
+	- Added `onKeyDown` prop to allow passing arrow navigation between checkbox options
+	- Added `tabIndex` prop to permit change of tab-index
 	- Added `classes` prop to permit passing in classes to input wrapper div
 
-### Added 
+### Added
 - (React) [MultiSelectDropDown] DP-16111: Added `MultiSelectDropDown` molecule. #787
 - (React) [ButtonTag, Tags] DP-16111: Added `ButtonTag` atom under buttons and `Tags` molecule. #787
 - (React) [Input] DP-16111: Added classes props to Input to pass classNames into input wrapper div. #787
 
 ### Added
 - (React) [FilterBox] DP-12168: Added `filterLabel` and `filterNote` props to FilterBox organism. #842
 
-### Changed 
+### Changed
 - (React) [FootNote, FootNoteLink] DP-11765: Change FootNoteLink ID to classname to avoid duplicative IDs. Change scroll event on FootNote to go to the start of the FootNoteLink. #839
 
-### Fixed 
+### Fixed
 - (React) [Header, MainNav] DP-16673: Fixed PropTypes check console error for `navSelected` and `searchRedirect`, and fixed aria-label attribute in Header story. #843
 
-### Fixed 
+### Fixed
 - (React) [FilterBox, IconLink, PageFlipper, TableofContents] DP-16677: Fix component prop type checks by replacing custom util function `componentPropTypeCheck` with `componentWithName` from 'airbnb-prop-types'. #845
 
 ## 9.33.0 (11/26/2019)

CONTRIBUTING.md

@@ -4,7 +4,9 @@ Contributing to Mayflower
 Mayflower is primarily a design system.  This repository is the concrete implementation of that design system, and is broken into 2 distinct parts:
 
 * *[Documentation](/docs)*: Documentation for the overall design system, including guiding principals.
-* *Implementations*: Implementations of Mayflower in various languages and technologies. Each implementation has its own documentation explaining how to use and work with it.
+* ***Implementations***: Implementations of Mayflower in various languages and technologies. Each implementation has its own documentation explaining how to use and work with it.
+  - [Mayflower React](/react)
+  - [Mayflower Patternlab](/patternlab)
 
 Versioning
 ----------
@@ -34,7 +36,7 @@ Step by step guide for contributing:
     git commit -m "Add foos to bars"
     git push origin patternlab/my_feature
     ```
-5. Follow the [Changelog Instructions](docs/for-developers/change-log-instructions.md) to add a changelog.
+5. Follow the [Changelog Instructions](./docs/for-developers/changelog-instructions.md) to add a changelog.
 6. Open a [Pull Request](https://github.com/massgov/mayflower/compare) to have your code reviewed.
 
 #### Using the Gitbook editor

README.md

@@ -14,4 +14,4 @@ This project is licensed under the is licensed under the GNU General Public Lice
 
 [patternlab-github-badge]: https://badge.fury.io/gh/massgov%2Fmayflower.svg
 [react-npm-badge]: https://img.shields.io/npm/v/@massds/mayflower-react.png
-[npm]: https://www.npmjs.com/package/@massds/mayflower-react
+[npm]: https://www.npmjs.com/package/@massds/mayflower-react

assets/scss/00-base/_colors.scss

@@ -46,19 +46,22 @@ $c-error: $c-error-red;
 $c-error-lighter: $c-error-red-lighter;
 $c-error-lightest: $c-error-red-lightest;
 $c-warning: $c-duckling-yellow;
+$c-success: $c-berkshires-green;
 $c-focus: #3e94cf;
 // Need to add these colors to this listing new to add
-// $c-success $c-focus $c-visited
+// $c-visited
 
 
 // Theme Color Usage Variables
 $c-primary: $c-bay-blue !default;
 $c-primary-lighter: $c-bay-blue-lighter !default;
 $c-primary-lightest: $c-bay-blue-lightest !default;
 $c-primary-alt: $c-berkshires-green !default;
+$c-primary-alt-lighter: $c-berkshires-green-lighter !default;
 $c-primary-alt-lightest: $c-berkshires-green-lightest !default;
 $c-primary-alt-dark: $c-berkshires-green-dark !default;
 $c-highlight: $c-duckling-yellow !default;
+$c-highlight-lighter: $c-duckling-yellow-lighter !default;
 $c-highlight-lightest: $c-duckling-yellow-lightest !default;
 
 $c-font-base: $c-black;

assets/scss/03-organisms/_utility-nav.scss

@@ -41,6 +41,13 @@ $utility-nav-height: 43px;
       padding-left: 30px;
       vertical-align: middle;
     }
+
+    // Adjusting the style to match other items.
+    // Separate this style from react.
+    a.direct-link {
+      padding: 1px 7px 2px 7px;
+      // font-weight: 400;
+    }
   }
 
   &__link,
@@ -74,7 +81,7 @@ $utility-nav-height: 43px;
         stroke: transparent;
       }
     }
-    
+
     span {
       font-family: "Texta", "Helvetica", "Arial", "sans-serif";
       font-weight: 500;
@@ -122,7 +129,7 @@ $utility-nav-height: 43px;
     }
 
     & > span {
-      
+
       @media ($bp-header-toggle-max) {
         display: block;
       }
@@ -197,13 +204,13 @@ $utility-nav-height: 43px;
 
       &:after {
         margin-left: .25em;
-        transform: rotate(45deg) translateY(-45%); 
+        transform: rotate(45deg) translateY(-45%);
 
         @media ($bp-header-toggle-max) {
           position: absolute;
             top: 45%;
             right: 10px;
-        }     
+        }
       }
     }
   }
@@ -219,12 +226,12 @@ $utility-nav-height: 43px;
     transition-delay: .5s;
 
     @media ($bp-header-toggle-max) {
-      left: 20px;    
+      left: 20px;
     }
 
     & > svg {
       height: 18px;
-      width: 20px;    
+      width: 20px;
     }
   }
 
@@ -297,7 +304,7 @@ $utility-nav-height: 43px;
     padding-top: 15px;
     position: relative;
     z-index: $z-dropdown;
-    
+
     @media ($bp-header-toggle-min) {
       height: auto;
       padding-bottom: 0;
@@ -354,7 +361,7 @@ $utility-nav-height: 43px;
   }
 
   &__content-title {
-    
+
     h2 {
       display: inline-block;
       vertical-align: middle;
@@ -391,3 +398,4 @@ $utility-nav-height: 43px;
     }
   }
 }
+