From 61ca3e9fb449212288d3b54771452d519d2bff6a Mon Sep 17 00:00:00 2001 From: Jonathan Dallas Date: Mon, 21 Aug 2017 15:13:11 -0400 Subject: [PATCH 01/13] Updated Gulp Pattern Lab task (#550) --- styleguide/tools/gulp/tasks/patternlab.js | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/styleguide/tools/gulp/tasks/patternlab.js b/styleguide/tools/gulp/tasks/patternlab.js index 2af49ee277..822e04b93c 100644 --- a/styleguide/tools/gulp/tasks/patternlab.js +++ b/styleguide/tools/gulp/tasks/patternlab.js @@ -1,7 +1,6 @@ -var gulp = require('gulp'), +var gulp = require("gulp"), quench = require("../quench.js"), - run = require('gulp-run'), - browserSync = require("browser-sync"); + run = require("gulp-run"); /** * Usage: convert twig templates into flat html files @@ -10,8 +9,14 @@ var gulp = require('gulp'), module.exports = function patternLabTask(config, env){ var bsPort = config.local.browserSyncPort || 3000; - gulp.task('patternlab', function() { - run('php ' + config.patternLabRoot + '/core/console --generate --patternsonly && browser-sync reload --port ' + bsPort).exec(); + var command = "php " + config.patternLabRoot + "/core/console --generate --patternsonly"; + + if(config.browserSync) { + command = command + " && browser-sync reload --port " + bsPort; + } + + gulp.task("patternlab", function() { + run(command).exec(); }); // gulp.task('patternlab', function(next) { From 3b1d4adebe60b5889e74f77f0ead21e692c3fa65 Mon Sep 17 00:00:00 2001 From: Jonathan Dallas Date: Wed, 30 Aug 2017 15:18:24 -0400 Subject: [PATCH 02/13] DP-5342 - Language Menu - new pattern --- .../03-organisms/by-template/language-menu.md | 17 +++ .../by-template/language-menu.twig | 11 ++ styleguide/source/assets/js/index.js | 1 + .../source/assets/js/modules/languageMenu.js | 29 +++++ .../scss/03-organisms/_language-menu.scss | 104 ++++++++++++++++++ .../06-theme/03-organisms/_language-menu.scss | 67 +++++++++++ styleguide/source/assets/scss/base-theme.scss | 1 + styleguide/source/assets/scss/index.scss | 1 + 8 files changed, 231 insertions(+) create mode 100644 styleguide/source/_patterns/03-organisms/by-template/language-menu.md create mode 100644 styleguide/source/_patterns/03-organisms/by-template/language-menu.twig create mode 100644 styleguide/source/assets/js/modules/languageMenu.js create mode 100644 styleguide/source/assets/scss/03-organisms/_language-menu.scss create mode 100644 styleguide/source/assets/scss/06-theme/03-organisms/_language-menu.scss diff --git a/styleguide/source/_patterns/03-organisms/by-template/language-menu.md b/styleguide/source/_patterns/03-organisms/by-template/language-menu.md new file mode 100644 index 0000000000..955feed3c4 --- /dev/null +++ b/styleguide/source/_patterns/03-organisms/by-template/language-menu.md @@ -0,0 +1,17 @@ +### Description +This is pattern shows a google translate drop down. + +### Status +* Stable as of 5.8.0 + +### Usage Guidelines +* the `googleLanguages` string should can a comma delimited string of language abbreviations (ie: "ar,es,fr,pt,ht,it,km,ko,ru,vi,zh-CN") + +### JavaScript Used +* This pattern uses JavaScript for the Google Transalte API (js/modules/languageMenu.js) + +### Variables +~~~ +googleLanguages: + type: string / required +~~~ diff --git a/styleguide/source/_patterns/03-organisms/by-template/language-menu.twig b/styleguide/source/_patterns/03-organisms/by-template/language-menu.twig new file mode 100644 index 0000000000..efdc005f68 --- /dev/null +++ b/styleguide/source/_patterns/03-organisms/by-template/language-menu.twig @@ -0,0 +1,11 @@ +{# Note this Pattern can only be used once per page #} +{% if googleLanguages %} +
+
+
+ {% include "@atoms/05-icons/svg-lat-lon-globe.twig" %} +
+
+{% endif %} diff --git a/styleguide/source/assets/js/index.js b/styleguide/source/assets/js/index.js index 5c5c7c3b66..570469ed36 100644 --- a/styleguide/source/assets/js/index.js +++ b/styleguide/source/assets/js/index.js @@ -9,6 +9,7 @@ import footnote from "./modules/footnote.js"; import formValidation from "./modules/formValidation.js"; import hideAlert from "./modules/hideAlert.js"; import keywordSearch from "./modules/keywordSearch.js"; +import languageMenu from "./modules/languageMenu.js"; import locationFilters from "./modules/locationFilters.js"; import locationListing from "./modules/locationListing.js"; import mainNav from "./modules/mainNav.js"; diff --git a/styleguide/source/assets/js/modules/languageMenu.js b/styleguide/source/assets/js/modules/languageMenu.js new file mode 100644 index 0000000000..8c5a472fd2 --- /dev/null +++ b/styleguide/source/assets/js/modules/languageMenu.js @@ -0,0 +1,29 @@ +export default function (window,document,$,undefined) { + + if($('.js-language-menu').length) { + + let script = document.createElement('script'); + script.src = "//translate.google.com/translate_a/element.js?cb=languageMenuInit"; + script.async = true; + + let element = document.getElementsByTagName('head')[0]; + element.appendChild(script); + } + + window.languageMenuInit = function() { + const $el = $('.js-language-menu').first(); + const id = "language-menu-0"; + const languages = $el.data('languages'); + + $el.attr('id',id); + + new google.translate.TranslateElement({ + pageLanguage: 'en', + includedLanguages: languages, + layout: google.translate.TranslateElement.InlineLayout.SIMPLE + }, id); + + $el.addClass('has-rendered'); + }; + +}(window,document,jQuery); diff --git a/styleguide/source/assets/scss/03-organisms/_language-menu.scss b/styleguide/source/assets/scss/03-organisms/_language-menu.scss new file mode 100644 index 0000000000..ab81596830 --- /dev/null +++ b/styleguide/source/assets/scss/03-organisms/_language-menu.scss @@ -0,0 +1,104 @@ +.ma__language-menu { + display: block; + font-size: 1.25rem; + line-height: 1.45; + position: relative; + + @media ($bp-header-toggle-max) { + display: none; + } + + @media ($bp-header-toggle-min) { + line-height: 2; + transition: opacity .4s ease; + + &:hover { + opacity: .7; + } + } + + .ma__header__utility-nav--narrow & { + display: none; + } + + .goog-te-gadget { + font-size: 1.25rem; + } + + .goog-te-gadget-simple { + font-size: 1.25rem; + + @media ($bp-header-toggle-max) { + padding: 11px 0 9px 45px; + width: 100%; + } + + & > img { + margin-right: 30px; + margin-bottom: 0; + + @media ($bp-header-toggle-max) { + margin-right: 1px; + margin-bottom: 2px; + } + } + + & > span { + display: inline-block; + } + } + + .goog-te-gadget-simple .goog-te-menu-value { + @include ma-chevron; + + @media ($bp-header-toggle-max) { + display: block; + width: 100%; + } + + & > * { + display: none; + } + + & > :first-child { + display: inline; + } + + &:after { + margin-left: .25em; + transform: rotate(45deg) translateY(-45%); + + @media ($bp-header-toggle-max) { + position: absolute; + top: 45%; + right: 10px; + } + } + } + + &__icon { + cursor: pointer; + line-height: 1em; + opacity: 0; + pointer-events: none; + position: absolute; + left: 30px; + top: 54%; + transform: translateY(-50%); + transition: opacity .001s; + transition-delay: .5s; + + @media ($bp-header-toggle-max) { + left: 20px; + } + + & > svg { + height: 18px; + width: 20px; + } + } + + .has-rendered + &__icon { + opacity: 1; + } +} diff --git a/styleguide/source/assets/scss/06-theme/03-organisms/_language-menu.scss b/styleguide/source/assets/scss/06-theme/03-organisms/_language-menu.scss new file mode 100644 index 0000000000..11c3ed12f4 --- /dev/null +++ b/styleguide/source/assets/scss/06-theme/03-organisms/_language-menu.scss @@ -0,0 +1,67 @@ +.ma__language-menu { + color: $c-font-base; + + .ma__utility-nav & { + @media ($bp-header-toggle-min) { + //background-color: $c-theme-primary; + color: $c-font-inverse; + } + } + + &:after { + border-right-color: $c-theme-secondary; + border-bottom-color: $c-theme-secondary; + } + + svg { + fill: $c-theme-primary; + + .ma__utility-nav & { + @media ($bp-header-toggle-min) { + fill: $c-font-inverse; + opacity: .7; + stroke: transparent; + } + } + } + + span { + font-family: "Texta", "Helvetica", "Arial", "sans-serif"; + font-weight: 500; + } + + .goog-te-gadget { + font-weight: 400; + } + + .goog-te-gadget-simple { + background-color: transparent; + border: none; + font-weight: 500; + + & > img { + opacity: .7; + } + } + + .goog-te-gadget-simple .goog-te-menu-value { + color: $c-font-base; + + @media ($bp-header-toggle-max) { + &:after { + border-right-color: $c-theme-secondary; + border-bottom-color: $c-theme-secondary; + } + } + + .ma__utility-nav & { + @media ($bp-header-toggle-min) { + color: $c-font-inverse; + + &:after { + opacity: .7; + } + } + } + } +} diff --git a/styleguide/source/assets/scss/base-theme.scss b/styleguide/source/assets/scss/base-theme.scss index 710be989e6..93117cd085 100644 --- a/styleguide/source/assets/scss/base-theme.scss +++ b/styleguide/source/assets/scss/base-theme.scss @@ -108,6 +108,7 @@ @import "06-theme/03-organisms/illustrated-header"; @import "06-theme/03-organisms/image-credit"; @import "06-theme/03-organisms/jump-links"; +@import "06-theme/03-organisms/language-menu"; @import "06-theme/03-organisms/link-list"; @import "06-theme/03-organisms/location-listing"; @import "06-theme/03-organisms/mapped-locations"; diff --git a/styleguide/source/assets/scss/index.scss b/styleguide/source/assets/scss/index.scss index 36ee17c9ca..09eea1df32 100644 --- a/styleguide/source/assets/scss/index.scss +++ b/styleguide/source/assets/scss/index.scss @@ -128,6 +128,7 @@ @import "03-organisms/jump-links"; @import "03-organisms/key-actions"; @import "03-organisms/page-overview"; +@import "03-organisms/language-menu"; @import "03-organisms/location-banner"; @import "03-organisms/mapped-locations"; @import "03-organisms/page-banner"; From 5925585b8a9f9571acbc35ee67cbe3d2dbe2448a Mon Sep 17 00:00:00 2001 From: Jonathan Dallas Date: Wed, 30 Aug 2017 15:19:01 -0400 Subject: [PATCH 03/13] DP-5342 - Adjusting existing code to work with language menu --- .../03-organisms/by-template/footer.twig | 18 -- .../03-organisms/by-template/utility-nav.twig | 7 +- .../scss/03-organisms/_utility-nav.scss | 215 +++++++++--------- .../06-theme/03-organisms/_utility-nav.scss | 102 ++++++--- 4 files changed, 180 insertions(+), 162 deletions(-) diff --git a/styleguide/source/_patterns/03-organisms/by-template/footer.twig b/styleguide/source/_patterns/03-organisms/by-template/footer.twig index ff5c292235..4a747ccaca 100644 --- a/styleguide/source/_patterns/03-organisms/by-template/footer.twig +++ b/styleguide/source/_patterns/03-organisms/by-template/footer.twig @@ -28,21 +28,3 @@ {% endif %} - -{% if googleLanguages %} - -{% endif %} diff --git a/styleguide/source/_patterns/03-organisms/by-template/utility-nav.twig b/styleguide/source/_patterns/03-organisms/by-template/utility-nav.twig index ce783b6065..c7213b26b2 100644 --- a/styleguide/source/_patterns/03-organisms/by-template/utility-nav.twig +++ b/styleguide/source/_patterns/03-organisms/by-template/utility-nav.twig @@ -2,12 +2,7 @@
    {% if googleLanguages %}
  • -
    -
    -
    - {% include "@atoms/05-icons/svg-lat-lon-globe.twig" %} -
    -
    + {% include "@organisms/by-template/language-menu.twig" %}
    • {% endif %} {% for item in utilityNav.items %} diff --git a/styleguide/source/assets/scss/03-organisms/_utility-nav.scss b/styleguide/source/assets/scss/03-organisms/_utility-nav.scss index 58b571feea..9f8c5d6e3a 100644 --- a/styleguide/source/assets/scss/03-organisms/_utility-nav.scss +++ b/styleguide/source/assets/scss/03-organisms/_utility-nav.scss @@ -33,30 +33,14 @@ $utility-nav-height: 43px; } } - &__link, - &__translate { + &__link { display: block; font-size: 1.25rem; line-height: 1.45; - @media ($bp-header-toggle-min) { - line-height: 2; - transition: opacity .4s ease; - - &:hover { - opacity: .7; - } - } - } - - &__link { - - @media ($bp-header-toggle-max) { - padding: 11px 20px 9px 45px; - } - @media ($bp-header-toggle-max) { @include ma-chevron; + padding: 11px 20px 9px 45px; &:after { position: absolute; @@ -65,6 +49,15 @@ $utility-nav-height: 43px; } } + @media ($bp-header-toggle-min) { + line-height: 2; + transition: opacity .4s ease; + + &:hover { + opacity: .7; + } + } + & > svg, & > span { display: inline-block; @@ -91,90 +84,6 @@ $utility-nav-height: 43px; } } - &__translate { - position: relative; - - .goog-te-gadget { - font-size: 1.25rem; - } - - .goog-te-gadget-simple { - font-size: 1.25rem; - - @media ($bp-header-toggle-max) { - padding: 11px 0 9px 45px; - width: 100%; - } - - & > img { - margin-right: 15px; - margin-bottom: 0; - - @media ($bp-header-toggle-max) { - margin-right: 1px; - margin-bottom: 2px; - } - } - - & > span { - display: inline-block; - width: calc(100% - 20px); // width of the image - } - } - - .goog-te-gadget-simple .goog-te-menu-value { - @include ma-chevron; - - @media ($bp-header-toggle-max) { - display: block; - width: 100%; - } - - & > * { - display: none; - } - - & > :first-child { - display: inline; - } - - &:after { - margin-left: .25em; - transform: rotate(45deg) translateY(-45%); - - @media ($bp-header-toggle-max) { - position: absolute; - top: 45%; - right: 10px; - } - } - } - } - - &__translate-icon { - line-height: 1em; - opacity: 0; - position: absolute; - left: 30px; - top: 54%; - transform: translateY(-50%); - transition: opacity .001s; - transition-delay: .5s; - - @media ($bp-header-toggle-max) { - left: 20px; - } - - & > svg { - height: 18px; - width: 20px; - } - } - - .has-rendered + &__translate-icon { - opacity: 1; - } - &__content { display: block; margin-top: $header-mobile-controls-height; @@ -308,4 +217,106 @@ $utility-nav-height: 43px; height: 88px; } } + + // Backward compatible with v5.7 + // translate element moved to new Language Menu pattern + &__translate { + display: block; + font-size: 1.25rem; + line-height: 1.45; + position: relative; + + @media ($bp-header-toggle-min) { + line-height: 2; + transition: opacity .4s ease; + + &:hover { + opacity: .7; + } + } + + .goog-te-gadget { + font-size: 1.25rem; + } + + .goog-te-gadget-simple { + font-size: 1.25rem; + + @media ($bp-header-toggle-max) { + padding: 11px 0 9px 45px; + width: 100%; + } + + & > img { + margin-right: 15px; + margin-bottom: 0; + + @media ($bp-header-toggle-max) { + margin-right: 1px; + margin-bottom: 2px; + } + } + + & > span { + display: inline-block; + width: calc(100% - 20px); // width of the image + } + } + + .goog-te-gadget-simple .goog-te-menu-value { + @include ma-chevron; + + @media ($bp-header-toggle-max) { + display: block; + width: 100%; + } + + & > * { + display: none; + } + + & > :first-child { + display: inline; + } + + &:after { + margin-left: .25em; + transform: rotate(45deg) translateY(-45%); + + @media ($bp-header-toggle-max) { + position: absolute; + top: 45%; + right: 10px; + } + } + } + } + + // Backward compatible with v5.7 + // translate icon moved to new Language Menu pattern + &__translate-icon { + line-height: 1em; + opacity: 0; + position: absolute; + left: 30px; + top: 54%; + transform: translateY(-50%); + transition: opacity .001s; + transition-delay: .5s; + + @media ($bp-header-toggle-max) { + left: 20px; + } + + & > svg { + height: 18px; + width: 20px; + } + } + + // Backward compatible with v5.7 + // translate icon moved to new Language Menu pattern + .has-rendered + &__translate-icon { + opacity: 1; + } } diff --git a/styleguide/source/assets/scss/06-theme/03-organisms/_utility-nav.scss b/styleguide/source/assets/scss/06-theme/03-organisms/_utility-nav.scss index 77826335ec..229abe4454 100644 --- a/styleguide/source/assets/scss/06-theme/03-organisms/_utility-nav.scss +++ b/styleguide/source/assets/scss/06-theme/03-organisms/_utility-nav.scss @@ -14,8 +14,7 @@ } } - &__link, - &__translate { + &__link { color: $c-font-base; @media ($bp-header-toggle-min) { @@ -44,40 +43,6 @@ } } - &__translate { - .goog-te-gadget { - font-weight: 400; - } - - .goog-te-gadget-simple { - background-color: transparent; - border: none; - font-weight: 500; - - & > img { - opacity: .7; - } - } - - .goog-te-gadget-simple .goog-te-menu-value { - color: $c-font-base; - - @media ($bp-header-toggle-max) { - &:after { - border-right-color: $c-theme-secondary; - border-bottom-color: $c-theme-secondary; - } - } - - @media ($bp-header-toggle-min) { - color: $c-font-inverse; - - &:after { - opacity: .7; - } - } - } - } &__content { background-color: $c-bg-section; @@ -136,4 +101,69 @@ fill: $c-white; } } + + // Backward compatible with v5.7 + // translate element moved to new Language Menu pattern + &__translate { + color: $c-font-base; + + @media ($bp-header-toggle-min) { + //background-color: $c-theme-primary; + color: $c-font-inverse; + } + + &:after { + border-right-color: $c-theme-secondary; + border-bottom-color: $c-theme-secondary; + } + + svg { + fill: $c-theme-primary; + + @media ($bp-header-toggle-min) { + fill: $c-font-inverse; + opacity: .7; + stroke: transparent; + } + } + + span { + font-family: "Texta", "Helvetica", "Arial", "sans-serif"; + font-weight: 500; + } + + .goog-te-gadget { + font-weight: 400; + } + + .goog-te-gadget-simple { + background-color: transparent; + border: none; + font-weight: 500; + + & > img { + opacity: .7; + } + } + + .goog-te-gadget-simple .goog-te-menu-value { + color: $c-font-base; + + @media ($bp-header-toggle-max) { + &:after { + border-right-color: $c-theme-secondary; + border-bottom-color: $c-theme-secondary; + } + } + + @media ($bp-header-toggle-min) { + color: $c-font-inverse; + + &:after { + opacity: .7; + } + } + } + } + } From 0e841c1643ebed82e49e03d778af4d5a3414ef73 Mon Sep 17 00:00:00 2001 From: Jonathan Dallas Date: Wed, 30 Aug 2017 16:16:37 -0400 Subject: [PATCH 04/13] DP-5342 - Utility Nav - fixing backwards compatible version --- styleguide/source/assets/scss/03-organisms/_utility-nav.scss | 4 ++-- .../assets/scss/06-theme/03-organisms/_utility-nav.scss | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/styleguide/source/assets/scss/03-organisms/_utility-nav.scss b/styleguide/source/assets/scss/03-organisms/_utility-nav.scss index 9f8c5d6e3a..a2214a8155 100644 --- a/styleguide/source/assets/scss/03-organisms/_utility-nav.scss +++ b/styleguide/source/assets/scss/03-organisms/_utility-nav.scss @@ -218,7 +218,7 @@ $utility-nav-height: 43px; } } - // Backward compatible with v5.7 + // Backward compatible with v5.8 // translate element moved to new Language Menu pattern &__translate { display: block; @@ -292,7 +292,7 @@ $utility-nav-height: 43px; } } - // Backward compatible with v5.7 + // Backward compatible with v5.8 // translate icon moved to new Language Menu pattern &__translate-icon { line-height: 1em; diff --git a/styleguide/source/assets/scss/06-theme/03-organisms/_utility-nav.scss b/styleguide/source/assets/scss/06-theme/03-organisms/_utility-nav.scss index 229abe4454..ee4d6faea0 100644 --- a/styleguide/source/assets/scss/06-theme/03-organisms/_utility-nav.scss +++ b/styleguide/source/assets/scss/06-theme/03-organisms/_utility-nav.scss @@ -102,7 +102,7 @@ } } - // Backward compatible with v5.7 + // Backward compatible with v5.8 // translate element moved to new Language Menu pattern &__translate { color: $c-font-base; From 92f8b0ddbeb3330f7162cf1e885bac2b6769de4a Mon Sep 17 00:00:00 2001 From: Lauren Burroughs Date: Mon, 11 Sep 2017 09:43:48 -0500 Subject: [PATCH 05/13] DP-5307: keep location banner in content container (#576) --- .../_patterns/03-organisms/by-author/location-banner.json | 1 - .../_patterns/03-organisms/by-author/location-banner.twig | 6 ------ .../source/assets/scss/03-organisms/_location-banner.scss | 1 + 3 files changed, 1 insertion(+), 7 deletions(-) diff --git a/styleguide/source/_patterns/03-organisms/by-author/location-banner.json b/styleguide/source/_patterns/03-organisms/by-author/location-banner.json index 31bcd03305..6696d3d2fe 100644 --- a/styleguide/source/_patterns/03-organisms/by-author/location-banner.json +++ b/styleguide/source/_patterns/03-organisms/by-author/location-banner.json @@ -1,7 +1,6 @@ { "locationBanner": { "bgTitle":"Mt Greylock State Park", - "bgWide":"../../assets/images/placeholder/1600x400.png", "bgNarrow":"../../assets/images/placeholder/800x400.png", "id": "GUID24872901570", "googleMap": { diff --git a/styleguide/source/_patterns/03-organisms/by-author/location-banner.twig b/styleguide/source/_patterns/03-organisms/by-author/location-banner.twig index 36cf824fe7..11b25aa4d5 100644 --- a/styleguide/source/_patterns/03-organisms/by-author/location-banner.twig +++ b/styleguide/source/_patterns/03-organisms/by-author/location-banner.twig @@ -5,12 +5,6 @@ #{{ locationBannerId }} { background-image: url('{{ locationBanner.bgNarrow }}'); } - - @media (min-width: 801px) { - #{{ locationBannerId }} { - background-image: url('{{ locationBanner.bgWide }}'); - } - }
    {% set googleMap = locationBanner.actionMap ? locationBanner.actionMap : locationBanner.googleMap %} diff --git a/styleguide/source/assets/scss/03-organisms/_location-banner.scss b/styleguide/source/assets/scss/03-organisms/_location-banner.scss index 75b3665e23..5473573bb5 100644 --- a/styleguide/source/assets/scss/03-organisms/_location-banner.scss +++ b/styleguide/source/assets/scss/03-organisms/_location-banner.scss @@ -1,4 +1,5 @@ .ma__location-banner { + @include ma-container; @include clearfix; margin-bottom: 70px; From c337de83575d1d0c52f4437883f6d533c08e882d Mon Sep 17 00:00:00 2001 From: Jonathan Dallas Date: Mon, 11 Sep 2017 11:18:14 -0400 Subject: [PATCH 06/13] DP-4323 Pattern Docs at 75% (#545) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * DP-4178 - Action Step - documentation * DP-4178 - Steps Ordered - documentation * DP-4178 - Steps Unordered - documentation * DP-4178 - Stacked Row - documentation * DP-4187 - Guide - Documentation * DP-4178 - Emergency Header - documentation * DP-4177 - Emergency Header - switching divs to spans * DP-4178 - Emergency Alerts - documentation * 4178 - Emergency Header - documentation 2 * DP-4178 - Jump Links - documentation * DP-4177 - Jump Links - Adding missing "info" variable to links * DP-4178 - Split Columns - fixing indentation * DP-4178 - Stacked Row Section - documentation * DP-4178 - Illustrated Header - documentation * DP-4177 - Suggested Pages - Fixing variables for decorative and illustrated links * DP-4178 - Suggested Pages - documentation * DP-4178 - Callout Stats - documentation * DP-4177 - Guide Page - moving callout stat outside of Rich Text. * DP-4178 - Callout Alert - documentation * DP-4177 - Callout Alert - removed unused variables * DP-4178 - Callout Time - documentation * DP-4178 - Button Alert - documentation * DP-4178 - Emergency Alert - documentation * DP-4178 - Emergency Alerts - updating documentation * DP-4178 - Link - documentation * DP-4177 - Link - correcting variables to match best practice * DP-4177 - Link - forgot to save a change * DP-4177 - Button - fixed logic to use old "theme" variable for color. * DP-4178 - Button - fixing broken links * DP-4178 - Column Heading - documentation * DP-4177 - Column Heading - cleaning up code * DP-4178 - Location Template - documentation * DP-4178 - Location Pages - Documentation * DP-4178 - Header Alert - documentation * DP-4177 - Header Alert - adding "info" variable for decorative link * DP-4178 - Page Header - location variant documentation * DP-3235 Added aria-label for file download links (#522) * DP-3235 Added aria-label for file download links * DP-3235 Adjusted file download links a11y approach * DP-4178 - Location Banner - documentation * DP-4177 - Location Banner - correcting variable name * DP-4178 - Google Map - documentation * DP-4178 - Image Promos - documentation * DP-4178 - Image Promo - documentation * DP-4177 - Image Promo - switching 'type' for 'info' for the title link * DP-4178 - Image Promos - documentation * DP-4177 - Link - still fixing logic to switch from string to boolean * DP-4178 - Event Teaser - documentation * DP-4178 - Event Listing - documentation * DP-4178 - Location Icons - documentation * DP-4103 - Add `align-self` style to section title to fix wrapping. (#526) * DP-4178 - Topic Page - documentation * DP-4177 - Single Column Template - adding header and footer blocks * DP-4178 - Single Column Template - documentation * DP-4178 - Sections Three Up - documentation * DP-4178 - Section Links - documentation * DP-4178 - Cat Icon - documentation * DP-4177 - Icons - removing unneccassary documentations for SVG icons * DP-4178 - Page Header for Event - documentation * DP-4178 - Page header for location - fixing documentation * DP-4178 - Events - Documentation * DP-4178 - Page Overview - documentation * DP-4178 - Event Template - documentation * DP-4177 - Event Template - extending sidebar to have optional content * DP-4178 - Labelled list - documentation * Dp-4178 - Event Listing - Post Content versions * DP-4176 - Callout Link - making CSS backward compatible * DP-4176 - Floating Action - making code backward compatible * DP-4178 - Org Page - documentation * DP-4319 - Org and Details - removing breadcrumbs from data object * DP-4323 - Detail Page - documentation * DP-4323 - Two column templates - documentation * DP-4323 - Press Release - documentation * DP-4323 - Press Template - documentation * DP-4323 - Service Template - fixing typo in documentation * DP-4323 - Press Status - documentation * DP-4323 - Event Listing - tweak to post content variant * DP-4323 - Two Column Templates - adding header and footer blocks * DP-4177 - Button - fixed logic to use old "theme" variable for color. * DP-4178 - Button - fixing broken links * DP-4176 - Button - switching color back to theme include values * DP-4176 - Comp Heading - correcting id value * DP-4176 - Decorative Link - removing schema.org and using title * DP-4323 - Press Status - Variant documentation * DP-4323 - Personal Message - documentation * DP-4323 - Press Listing - documentation * DP-4323 - Press Teaser - documentation * DP-4176 - Linked List - Update docs * DP-4176 - Mapped Locations - updated docs * DP-4176 - Page Banner - Updated Docs * DP-4176 - Services Template - updated docs * DP-4176 - Action Finder - updated docs * DP-4176 - Download Link - removing property * DP-4176 - Callout Link - Better descriptive text * DP-4176 - Video - updated documentation * DP-4176 - Decorative Link - updated docs * DP-4176 - Mapped Locations - adding more useage guidelines * DP-4323 - Event Listing - documentation * DP-4323 - Event Filters - documentation * DP-3223 - Results Heading - documentation * DP-4323 - Pagination - documentation * DP-4323 - Sort Results - documentation * DP-4323 - Sort Button - documentation * DP-4323 - Input Text - documentation * DP-4323 - Date Range - documentation * DP-4323 - Documentation Template - updated * DP-4323 - Input Date - documentation * DP-4323 - Location Listing page - documentation * DP-4319 - Location Listing - removing breadcrumbs data * DP-4176 - Button - updated docs * DP-4176 - Table - updated docs * DP-4198: Changes a tag to div to fix google translate. (#534) * DP-4198: Changes a tag to div to fix google translate. * Puts svg back into anchor tag. * Gets rid of js-clickable-link class. * DP-4198 - Callout Link - wrapping it in a div for google translate (#535) * DP-3232 & DP-1369 Key Actions and Key Agencies showing multiple times throughout page (#518) * Added an aria-labelledby for the key actions using compHeading.id * Added id to the key-actions.json * Added compHeading.id to the sidebar-heading "Key Agencies" * Removed the aria label from the sidebar-heading * Updated the comp-heading with modifier class --sidebar * Moved the 'after' under the --sidebar & .sidebar * Add modifiers --centered and --sidebar to the comp-header.twig * Moved the sidebar modifier in the comp-heading.twig * Removed the compHeading.id from the key-actions.twig * Removed the center modifiere to h3 header in comp-heading.twig * DP-3232 - Comp Heading - updates * DP-3232 - Comp Heading - reverting level headings * DP-3232 - Key Actions - populating aria-labelled by and removing sidebarheading * DP-4178 - Details template - doc updates * DP-4178 - Page Header - doc updates * DP-4178 - Contact Us - updating docs * DP-4177 - removing un-used page header variant * DP-4178 - Contact Group - updated docs * DP-4178 - Contact Us - Changing description * DP-4178 - Colored Heading - updated docs and examples * DP-4178 - Column Heading - updated docs * DP-4178 - Column Heading - updated docs * DP-4178 - Stack row sections - updated docs * DP-4178 - Guide page - adding back to top button * DP-4178 - Stack row sections - updated docs * DP-4178 - Stacked row section - updated docs * Updates subheader text on organization page. (#540) * DP-4178 - Emergency Alerts - updated docs * DP-4177 - Illustrated Header - renaming bgTitle to bgInfo * DP-4178 - Suggested Pages - updated docs * DP-4178 - Header Alert - replacing guid with id * DP-4177 - location template - fixing data json content * DP-4178 - Details Template - added twig docs links placeholders * DP-4178 - Howto & Location pages - Adding extends copy to description * DP-4178 - Location template - adding twig blocks * DP-4178 - Google Maps - updated docs * DP-4178 - Image Promos - updated docs * DP-4178 - Event Teaser - updated docs * DP-4178 - Event Listing - updated docs * DP-4323 - Location Filters - documentation * DP-3909 Add Fee description to How-to page (#538) * add fee description * add dataset for fee description * add padding below fee description section * adjustment based on the review * DP-1900 - Changed decorative links within contact groups to display inline. (#543) * DP-1900 - Changed decorative links within contact groups to display inline. * Removes width auto instead of changing to display inline. * DP-4323 - Checkbox - documentation * DP-4323 - Select box - documentation * DP-4323 - Page Docs - changing how templates and variants are called out * DP-4323 - Press Listing Page - documentation * DP-4323 - Press Filters - documentation * DP-4323 - Org Selector - documentation * DP-4323 - Executive Order - documentation * DP-4323 - Listing Table - documentation * DP-4323 - Board Decisions - documentation * DP-4323 - Two Column Templates - slight tweak to docs * DP-4323 - Board Decision - Documentation fixed * DP-4323 - Policy Advisory - documentation * DP-4323 - Footnote List - documentation * DP-4319 - Footnote - fixing JS for "#" examples. * DP-4323 - Footnote List - fixing href * DP-4323 - Footnote - documenation * DP-4323 - Directive page - documentation * DP-4323 - Regulation - documentation * DP-4323 - Section Landing - documentation * DP-4323 - back button -documentation * DP-4319 - back button - switched to using 'title' * DP-4323 - detail page - documentation * DP4323 - video transcript - documentation * DP-4323 - Form Page - documentation * DP-4323 - Rich Text - fixing documentation * DP-4323 - Press Template - changing description * DP-4323 - Form Page Template - documentation * DP-4319 - Form PAge Template - removing header and footer * DP-4323 - Form Requirements - documentation * DP-4323 - Error List - documentation * DP-4323 - Helper Text - documentation * DP-4323 - Input Group - documentation * DP-4323 - radio input - documentation * DP-4323 - textarea - documentation * DP-4480 Remove-filtering-keywords-service-page (#536) * Removing the filter code from the action-finder.twig * Deleted the action-finder-filter json and md file * Removed the hideFilter variable from action-finder json files * Removed the filterClass and the if statement from action-finder.twig * DP-4323 - Page Banner - correcting Variant docs * DP-4323 - Page Header - adjusting description * DP-4178 - Location Template - removing variants section * DP-4178 - Section Links - updated docs * DP-4178 - Sections 3 up - updated docs * DP-4178 - Single Column Template - adding Twig block info * DP-4177 - Two Column Template - added header and footer blocks * DP-4178 - Event Listing - forgot to add the as grid variant * DP-4178 - Event Listing - Adding one template variant * DP-4591 Add "more link" to contact us molecule, use on How-To page (#542) * DP-4591 create contact us accordion variant: w/ more link * DP-4591: remove title link property from contact us accordion Since we now have the variant to add the link to the accordion content, we don't want to link the accordion button as a pattern. * DP-4591 use the contact us variants with links in how to page * Add empty data model variables back in to pattern json * DP-4508 Add header tags to pages w/ page banner (#539) * create new content eyebrow organism * put if statement around all other code * add content eyebrow to services * add content eyebrow to services page * use real example for service page * add relationship indicator on location page * add header tags to topic in mayflower * add content eyebrow above illustrated header on guide page * add theme file for content eyebrow * add a hideBorder option * add hideBorder to services * add hideBorder to services * cleanup new scss selector * DP-4297 Allow footnotes to be plain text or linked (#541) * Adds conditional logic around footnote anchor. * Changlog * Add documentation, remove js hook, and reformat footnote option * git cherry-pick 35acb7a2 * Fix typo to 'brewing' (#549) * Release 5.6 - Event Template - reverting changes to twig blocks. * Fix typo to 'brewing' (#549) * Update release notes * Bump version on home page * Fix typo in release notes. * Test remove default assetsPath to enable prod deploy to /assets * Fix deploy script to allow CNAME with no assetPath to default to /assets * Update release notes * Update homepage version * refs DP-4881: show subtitle on press release page (#556) * DP-5175 create more links for service + service detail page components (#551) * Make action finder > see all w/ no background match component body Based on design updates for the component by Christine B. * Add more link option to form downloads organism * Add more link option to link list organism * Add more links to service and service detail page components * Add "more" link to form downloads and link list organisms * Update press-release~with-image.json (#560) * Add period after 'new one' to complete sentence. (#561) I have added a period at the end of this sentence: "You may qualify for temporary income to support you while you look for a new one." * Update event.json (#562) Update time from 8:00 a.m. - 10:00 a.m. to "8 a.m. - 10 a.m." to adhere to mass.gov style guide. * Updated time to adhere to style guide (#563) Changed time from "time": "10:00 a.m. - 11:00 a.m.", to "time: 10 a.m. - 11:00 a.m." * Master 5.6.1 to Dev (#557) * DP-3527/DP-3528 - Unused Patterns (#455) * DP-3519 - Image Promos - adding optional title * DP-3519 - Location - new Content type. * DP-3519 - Location Pages - updated to use location template * DP-3519 - removing breadcrumbs * DP-3519 - Removing wait time widget * DP-3519 - Renaming pageContent to mainContent * DP-3519 - Location Content - adding key actions and contact list * DP-3527 - Quick Actions - removed * DP-3527 - Sidebar Contact - removed * DP-3527 - Sidebar Promo - removed * DP-3527 - Sidebar Widget - removed * DP-3527 - Wait Time - removed * DP-3527 - Header Contact - removed * DP-3527 - Action Details - removed * DP-3527 - Action Section - removed * DP-3527 - Figure - fixing image width * DP-3527 - Action Event - removed * DP-3528 - Action Gallery - archived * DP-3528 - Action Cards - archived * DP-3528 - Blog Feed - archived * DP-3528 - Banner Carousel - archived * DP-3528 - Change Log - archived * DP-3528 - Feedback Form - archived * DP-3528 - Test Feed - archived * DP-3528 - Top Actions - archived * DP-3528 - Collage Header - archived * DP-3527 - Image Gallery - removed * DP-3527 - Related Action - removed * DP-3528 - State Util - removed * Bump release to 6.0 * bad merge * ignoring url config file for Release 6.0 * Removing disco mode from Pattern Lab. * Switch Mayflower over to the Drupal Pattern Lab fork (#488) * Switch Pattern Lab config to point to the Drupal Pattern Lab fork -- includes multiple PL bug fixes including the fix for the Lineages functionality being broken when using Twig namespaced paths. * Reverting a few PL config paramaters that don't necessarily have to get updated with the newer version * Fixing whitespace issues * Fixing missed spaces vs tabs instance in config * DP-4046 - Hosting from a Subfolder (#503) * DP-4046 - Global Data - splitting into seperate files and creating url obj * DP-4046 - Image - code clean up * DP-4046 - fixing path variables to use ../../assets instead of /assets * Pagination - preventing the loading of templates on pages without pagination * DP-4046 - Default domain changed to localhost:3000 * DP-4046 - Site Logo - updating the href value * DP-4046 - Adding Base tag. * removing env.js file * DP-4046 - Template JS var - renamed from themePath to templatePath * Revert "DP-4046 - Template JS var - renamed from themePath to templatePath" This reverts commit f21e7163c01841fa174b22289333dce09ad34262. * DP-4046 - themePath documentation * DP-4046 - Env.js - removing script to include file * DP-4046 - Styleguide - relative paths for assets * DP-4046 - Removing base tag. * Subfolders - changing default domain url to be "" * Trigger Browser Sync reload after Pattern Lab build (#506) * Adding minor delay to browsersync * DP-4048 Establish format for pattern docs (#515) * DP-4048 - Annotations - updating to look for JS classes used. * DP-4048 - Annotations - The extra html added breaks the styles * Dp-4048 - Extra Js - removing unused JS files * DP-4048 - updating Styling of Pattern Info panel * DP-4048 - Contact List - Documentation * DP-4048 - Image * DP-4048 - Pattern Documentation - Remving Usage Guidelines. * DP-4048 - additional tweaks to md files * DP-4048 - Lineage styling * DP-4048 - Removing title yaml. * DP-4048 - Contact List - removed 'title' field from docs * Mapped Locations - Fixing bug with assigning the colored background * DP-4080 - Versioning Documentation (#504) * DP-4080 - Versioning - first draft * Dp-4080 - let's try that again after saving the file. * DP-4080 - Versioning - updating Major version text * Second Draft * DP-4080 - Versions - Third draft with examples versions * DP-4080 - Version - reducing importance of Terms * DP-4080 - Version - Edits after reviewing. * DP-4080 - Versions - missed a few * DP-4080 - Versions - Weird copy and paste issue. * DP-4080 - Tweak to Minor version description * DP-4080 - Version Docs - fourth version * DP-4080 - Version doc - version 5 * DP-4053 create + document manual build + deploy process (#530) * Add shell script to deploy PL build to gh-pages branch of given repo * Update readme with deploy, contrib, versions, license info * Create contributing documentation * Create deploy documentation * Create PR template * Create issue template * Move environment setup and demo install instructions to own docs * Link to mayflower artifacts docs from readme (vs duplicating content) * Workaround to address unexpected Pattern Lab Psuedo-Pattern Data Inheritance (#519) * Reverting Pattern Lab psuedo-pattern rules to use original merge function vs array_replace_recursive -- temporary workaround to address unexpected behavior from https://github.com/drupal-pattern-lab/patternlab-php-core/issues/12 * Adding composer patch library to automatically apply array_merge patch if/when upstream PL updates should occur * Adding composer patch plugin to autoloader * DP-4176 Service page documentation (#521) * Add shell script to deploy PL build to gh-pages branch of given repo * Make deploy script executable * Use bash shebang in deploy script * Fix conditional logic * Write git output to screen * Fix conditional logic check for false * print variable name in log * update order of args * Fix conditional logic boolean false * fix variable assignment, remove spaces * echo errors in red, success in green * fix validation of target environment * Update deploy script argument validation * Validate git push during deploy * Exit deploy script on failed build * Update docs * Fix syntax error. * Create a function for cleanup * Fix target URL * Create function for success / error logging * Update docs * Ensure that patterns are blown away before built * Remove exit on error log * Fix string comparison in log function * Add final error message to deploy script * Make wrong target remote repo message more helpful * Create CNAME for staging (test) * Test confirm functionality * Create CNAME for stage / prod * Add logic for final success message non/prod * Update readme with deploy, contrib, versions, license info See template link under readme > acknowledgements * Create contributing documentation * Create deploy documentation * Fix readme link typo * Fix link to contributing.md * Update github pages settings docs * Update Contributing md with Mayflower, PR tips. * Create PR template * Create issue template * Fix typo and make contributing language more friendly * Update steps to browse in readme. * Update readme browse Mayflower steps * Fix readme typo. * Add deployment steps to contributing.md * Fix typo, styling of deploy docs. * Add PHP version to readme. * Update built with pattern lab language in readme * Update mayflower artifacts text in readme. * Add git commit context to contributing docs * Format readme * Describe project file structure in contributing.md * Format contributing.md * Clarify github pull request buttons in contributing md * Remove acknowledgements from contributing TOC * Format prerequisite in deploy docs * Link to gulp readme from deploy docs * Log output when production deploy aborted * Use main repo as example in deploy script comments * Make cname a parameter for deploy script, required for prod only * Move CONTRIBUTING.md into .github directory * Remove written descriptions of Github's UI, replace with link to docs * Make CONTRIBUTING.md branching language more consistent with git * Move pattern lab docs to first step in CONTRIBUTING > working with PL * Remove vague language in CONTRIBUTING.md * Clarify Mayflower Artifacts in readme * Make CONTRIBUTING.md > keeping your fork in sync explanation more clear. * Move environment setup and demo install instructions to own docs * Group steps in CONTRIBUTING.md * Fix link to CONTRIBUTING.md after move to /.github * Simplify readme install / contribute / deploy sections * Remove link to personal fork, but keep repo name, in deploy docs * Fix mayflower-artifacts url in readme * Update the deploy success message to use cname if present * Fix cname conditional logic in deploy script. * Use [-c] rather tha [-cname] as parameter for gh pages deploy script * Fix typo in success message for cname * Fix deploy script config for url.domain/assetsPath when cname passed * Improve script logging: hide lengthy status/success, color + tag logs. * Fix typos. * Fix typo in docs for [-t] argument. * Move log prior to command for creating cname in deploy script. * Avoid having to escape / in deploy script > assetsPath var Use ! as delimeter, see: https://coderwall.com/p/khdkuw/delimiters-in-sed-substitution * Allow assetsPath to be passed with cname flag * Accept [-a] argument in deploy script * Fix deploy script [-t] flag to be target remote repo *owner* This seems to have reverted to a prior state somehow. * Remove extra " from assetsPath in url.json * Update [-c] validation log to reflect [-c] vs [-cname] * Add developer deploy docs note about cname and assetPaths flags. * Uncomment script. So. It. Does. Things. (silly) * Link to mayflower artifacts docs from readme (vs duplicating content) * DP-4048 - Annotations - updating to look for JS classes used. * DP-4048 - Annotations - The extra html added breaks the styles * Dp-4048 - Extra Js - removing unused JS files * DP-4048 - updating Styling of Pattern Info panel * DP-4048 - Contact List - Documentation * DP-4048 - Image * DP-4048 - Pattern Documentation - Remving Usage Guidelines. * DP-4048 - additional tweaks to md files * DP-4048 - Lineage styling * DP-4048 - Removing title yaml. * Make all intra-docs links relative * Fix deploy docs links * Update clone steps to be more clear * Ensure branch is clean after deploy, fix typos * Add patternlab task to deafult gulp ( = always generate patterns) * Try gulp prod in deploy script * Ensure public directory gets cleaned out prior to generation * DP-4048 - Contact List - removed 'title' field from docs * DP-4176 - Service Page and Template - documentation * DP-4176 - Page Banner - Documentation * DP-4048 Establish format for pattern docs (#515) * DP-4048 - Annotations - updating to look for JS classes used. * DP-4048 - Annotations - The extra html added breaks the styles * Dp-4048 - Extra Js - removing unused JS files * DP-4048 - updating Styling of Pattern Info panel * DP-4048 - Contact List - Documentation * DP-4048 - Image * DP-4048 - Pattern Documentation - Remving Usage Guidelines. * DP-4048 - additional tweaks to md files * DP-4048 - Lineage styling * DP-4048 - Removing title yaml. * DP-4048 - Contact List - removed 'title' field from docs * DP-4176 - Image - documentation * DP-4176 - Video - documentation * DP-4176 - Documentation template * DP-4176 - Key Actions - Documentation * DP-4176 - Decorative Link - documentation * DP-4176 - Key Actions - adding contained type * DP-4167 - Callout Link - documentation * DP-4176 - Illustrated link - documentation * DP-4176 - Variant Documentation template * DP-4176 - Contact List - Updated variant documentation * DP-4176 - Sidebar Heading - documentation * DP-4176 - Comp Heading - documentation * DP-4176 - Variants - making link relative './' * DP-4176 - Icon Links - documentation * DP-4176 - Link List - documentation * DP-4176 - Link List - documention of Right Rail usage * DP-4176 - Action Finder - documentation * DP-4176 - Mapped Locations - documentation * DP-4176 - Variant template updated * DP-4176 - Mapped Locations - Removed title from contained version * DP-4176 - Callout Link External - removed variant * Mapped Locations - Fixing bug with assigning the colored background * DP-4176 - Split Columns - documentation * DP-4176 - Rich Text - documentation * DP-4176 - Download Link - documentation * DP-4176 - Forms Downloads - documentation * DP-4176 - Utility Panel - documentation * DP-4176 - Utility Nav - documentation * DP-4176 - Header - documentation * DP-4176 - Button Search - documentation * DP-4176 - Site Logo - documentation * DP-4176 - Header Search - documentation * DP-4176 - Main Nav - documentation * DP-4176 - Button - documentation * DP-4176 - Button - adding link option and correcting styling classes * DP-4176 - Button Link - marking it as depreciated * DP-4176 - Floating Action - updated to use just the button atom * DP-4176 - Floating Action - documentation * DP-4176 - Buttons - Updates to SCSS selectors * DP-4176 - Floating Action - correcting styling classes * DP-4176 - Footer - documentation * DP-4176 - Heading / Util Panel - marking as in Progress so we can update * DP-4176 - Button - re-adding support for the 'theme' variable * DP-4176 - Social Links - documentation * DP-4176 - Footer Links - documentation * DP-4176 - Buttons - leaving old styles for backward compatibilty * DP-4167 - Callout Link - moving the info variable to a title attribute * DP-4176 - Buttons - incorrect indentation * DP-4167 - Rich Text - updating to include all accepted patterns * DP-4176 - Rich text sub patterns - documentation * DP-4167 - figure - documentation and modified to use --left/--right classes * DP-4167 - Table - documentation * DP-4080 - Versioning Documentation (#504) * DP-4080 - Versioning - first draft * Dp-4080 - let's try that again after saving the file. * DP-4080 - Versioning - updating Major version text * Second Draft * DP-4080 - Versions - Third draft with examples versions * DP-4080 - Version - reducing importance of Terms * DP-4080 - Version - Edits after reviewing. * DP-4080 - Versions - missed a few * DP-4080 - Versions - Weird copy and paste issue. * DP-4080 - Tweak to Minor version description * DP-4080 - Version Docs - fourth version * DP-4080 - Version doc - version 5 * DP-4176 - Callout Link - making CSS backward compatible * DP-4176 - Floating Action - making code backward compatible * DP-4177 - Button - fixed logic to use old "theme" variable for color. * DP-4178 - Button - fixing broken links * DP-4176 - Button - switching color back to theme include values * DP-4176 - Comp Heading - correcting id value * DP-4176 - Decorative Link - removing schema.org and using title * DP-4176 - Linked List - Update docs * DP-4176 - Mapped Locations - updated docs * DP-4176 - Page Banner - Updated Docs * DP-4176 - Services Template - updated docs * DP-4176 - Action Finder - updated docs * DP-4176 - Download Link - removing property * DP-4176 - Callout Link - Better descriptive text * DP-4176 - Video - updated documentation * DP-4176 - Decorative Link - updated docs * DP-4176 - Mapped Locations - adding more useage guidelines * DP-4176 - Button - updated docs * DP-4176 - Table - updated docs * DP-4176 - Comp Heading - changing id value * DP-4178 / DP-4177 How To page (#523) * Add shell script to deploy PL build to gh-pages branch of given repo * Make deploy script executable * Use bash shebang in deploy script * Fix conditional logic * Write git output to screen * Fix conditional logic check for false * print variable name in log * update order of args * Fix conditional logic boolean false * fix variable assignment, remove spaces * echo errors in red, success in green * fix validation of target environment * Update deploy script argument validation * Validate git push during deploy * Exit deploy script on failed build * Update docs * Fix syntax error. * Create a function for cleanup * Fix target URL * Create function for success / error logging * Update docs * Ensure that patterns are blown away before built * Remove exit on error log * Fix string comparison in log function * Add final error message to deploy script * Make wrong target remote repo message more helpful * Create CNAME for staging (test) * Test confirm functionality * Create CNAME for stage / prod * Add logic for final success message non/prod * Update readme with deploy, contrib, versions, license info See template link under readme > acknowledgements * Create contributing documentation * Create deploy documentation * Fix readme link typo * Fix link to contributing.md * Update github pages settings docs * Update Contributing md with Mayflower, PR tips. * Create PR template * Create issue template * Fix typo and make contributing language more friendly * Update steps to browse in readme. * Update readme browse Mayflower steps * Fix readme typo. * Add deployment steps to contributing.md * Fix typo, styling of deploy docs. * Add PHP version to readme. * Update built with pattern lab language in readme * Update mayflower artifacts text in readme. * Add git commit context to contributing docs * Format readme * Describe project file structure in contributing.md * Format contributing.md * Clarify github pull request buttons in contributing md * Remove acknowledgements from contributing TOC * Format prerequisite in deploy docs * Link to gulp readme from deploy docs * Log output when production deploy aborted * Use main repo as example in deploy script comments * Make cname a parameter for deploy script, required for prod only * Move CONTRIBUTING.md into .github directory * Remove written descriptions of Github's UI, replace with link to docs * Make CONTRIBUTING.md branching language more consistent with git * Move pattern lab docs to first step in CONTRIBUTING > working with PL * Remove vague language in CONTRIBUTING.md * Clarify Mayflower Artifacts in readme * Make CONTRIBUTING.md > keeping your fork in sync explanation more clear. * Move environment setup and demo install instructions to own docs * Group steps in CONTRIBUTING.md * Fix link to CONTRIBUTING.md after move to /.github * Simplify readme install / contribute / deploy sections * Remove link to personal fork, but keep repo name, in deploy docs * Fix mayflower-artifacts url in readme * Update the deploy success message to use cname if present * Fix cname conditional logic in deploy script. * Use [-c] rather tha [-cname] as parameter for gh pages deploy script * Fix typo in success message for cname * Fix deploy script config for url.domain/assetsPath when cname passed * Improve script logging: hide lengthy status/success, color + tag logs. * Fix typos. * Fix typo in docs for [-t] argument. * Move log prior to command for creating cname in deploy script. * Avoid having to escape / in deploy script > assetsPath var Use ! as delimeter, see: https://coderwall.com/p/khdkuw/delimiters-in-sed-substitution * Allow assetsPath to be passed with cname flag * Accept [-a] argument in deploy script * Fix deploy script [-t] flag to be target remote repo *owner* This seems to have reverted to a prior state somehow. * Remove extra " from assetsPath in url.json * Update [-c] validation log to reflect [-c] vs [-cname] * Add developer deploy docs note about cname and assetPaths flags. * Uncomment script. So. It. Does. Things. (silly) * Link to mayflower artifacts docs from readme (vs duplicating content) * DP-4048 - Annotations - updating to look for JS classes used. * DP-4048 - Annotations - The extra html added breaks the styles * Dp-4048 - Extra Js - removing unused JS files * DP-4048 - updating Styling of Pattern Info panel * DP-4048 - Contact List - Documentation * DP-4048 - Image * DP-4048 - Pattern Documentation - Remving Usage Guidelines. * DP-4048 - additional tweaks to md files * DP-4048 - Lineage styling * DP-4048 - Removing title yaml. * Make all intra-docs links relative * Fix deploy docs links * Update clone steps to be more clear * Ensure branch is clean after deploy, fix typos * Add patternlab task to deafult gulp ( = always generate patterns) * Try gulp prod in deploy script * Ensure public directory gets cleaned out prior to generation * DP-4048 - Contact List - removed 'title' field from docs * DP-4176 - Service Page and Template - documentation * DP-4176 - Page Banner - Documentation * DP-4048 Establish format for pattern docs (#515) * DP-4048 - Annotations - updating to look for JS classes used. * DP-4048 - Annotations - The extra html added breaks the styles * Dp-4048 - Extra Js - removing unused JS files * DP-4048 - updating Styling of Pattern Info panel * DP-4048 - Contact List - Documentation * DP-4048 - Image * DP-4048 - Pattern Documentation - Remving Usage Guidelines. * DP-4048 - additional tweaks to md files * DP-4048 - Lineage styling * DP-4048 - Removing title yaml. * DP-4048 - Contact List - removed 'title' field from docs * DP-4176 - Image - documentation * DP-4176 - Video - documentation * DP-4176 - Documentation template * DP-4176 - Key Actions - Documentation * DP-4176 - Decorative Link - documentation * DP-4176 - Key Actions - adding contained type * DP-4167 - Callout Link - documentation * DP-4176 - Illustrated link - documentation * DP-4176 - Variant Documentation template * DP-4176 - Contact List - Updated variant documentation * DP-4176 - Sidebar Heading - documentation * DP-4176 - Comp Heading - documentation * DP-4176 - Variants - making link relative './' * DP-4176 - Icon Links - documentation * DP-4176 - Link List - documentation * DP-4176 - Link List - documention of Right Rail usage * DP-4176 - Action Finder - documentation * DP-4176 - Mapped Locations - documentation * DP-4176 - Variant template updated * DP-4176 - Mapped Locations - Removed title from contained version * DP-4176 - Callout Link External - removed variant * Mapped Locations - Fixing bug with assigning the colored background * DP-4176 - Split Columns - documentation * DP-4176 - Rich Text - documentation * DP-4176 - Download Link - documentation * DP-4176 - Forms Downloads - documentation * DP-4176 - Utility Panel - documentation * DP-4176 - Utility Nav - documentation * DP-4176 - Header - documentation * DP-4176 - Button Search - documentation * DP-4176 - Site Logo - documentation * DP-4176 - Header Search - documentation * DP-4176 - Main Nav - documentation * DP-4176 - Button - documentation * DP-4176 - Button - adding link option and correcting styling classes * DP-4176 - Button Link - marking it as depreciated * DP-4176 - Floating Action - updated to use just the button atom * DP-4176 - Floating Action - documentation * DP-4176 - Buttons - Updates to SCSS selectors * DP-4176 - Floating Action - correcting styling classes * DP-4176 - Footer - documentation * DP-4176 - Heading / Util Panel - marking as in Progress so we can update * DP-4176 - Button - re-adding support for the 'theme' variable * DP-4176 - Social Links - documentation * DP-4176 - Footer Links - documentation * DP-4176 - Buttons - leaving old styles for backward compatibilty * DP-4167 - Callout Link - moving the info variable to a title attribute * DP-4176 - Buttons - incorrect indentation * DP-4167 - Rich Text - updating to include all accepted patterns * DP-4176 - Rich text sub patterns - documentation * DP-4167 - figure - documentation and modified to use --left/--right classes * DP-4167 - Table - documentation * DP-4080 - Versioning Documentation (#504) * DP-4080 - Versioning - first draft * Dp-4080 - let's try that again after saving the file. * DP-4080 - Versioning - updating Major version text * Second Draft * DP-4080 - Versions - Third draft with examples versions * DP-4080 - Version - reducing importance of Terms * DP-4080 - Version - Edits after reviewing. * DP-4080 - Versions - missed a few * DP-4080 - Versions - Weird copy and paste issue. * DP-4080 - Tweak to Minor version description * DP-4080 - Version Docs - fourth version * DP-4080 - Version doc - version 5 * DP-4178 - HowTo / Details - documentation * DP-4178 - Rich Text - typo in documentation * DP-4178 - Page Header - documentation * DP-4178 - Header Tags - documenation * DP-4178 - Publish State - documentation * DP-4178 - Divider - documentation * DP-4178 - Contact List - updated documentation * DP-4178 - Doc Template - slight tweak * DP-4178 - Contact Us - documentation * DP-4178 - Contact Group - documentation * DP-4178 - Contact Group - removing structured content * DP-4178 - Colored Heading - Documentation * DP-4178 - Sticky Nav - Documentation * DP-4178 - Tabular Data - documentation * DP-4178 - Action Step - documentation * DP-4178 - Steps Ordered - documentation * DP-4178 - Steps Unordered - documentation * DP-4178 - Column Heading - documentation * DP-4177 - Column Heading - cleaning up code * DP-4176 - Callout Link - making CSS backward compatible * DP-4176 - Floating Action - making code backward compatible * DP-4177 - Button - fixed logic to use old "theme" variable for color. * DP-4178 - Button - fixing broken links * DP-4176 - Button - switching color back to theme include values * DP-4176 - Comp Heading - correcting id value * DP-4176 - Decorative Link - removing schema.org and using title * DP-4176 - Linked List - Update docs * DP-4176 - Mapped Locations - updated docs * DP-4176 - Page Banner - Updated Docs * DP-4176 - Services Template - updated docs * DP-4176 - Action Finder - updated docs * DP-4176 - Download Link - removing property * DP-4176 - Callout Link - Better descriptive text * DP-4176 - Video - updated documentation * DP-4176 - Decorative Link - updated docs * DP-4176 - Mapped Locations - adding more useage guidelines * DP-4176 - Button - updated docs * DP-4176 - Table - updated docs * DP-4178 - Details template - doc updates * DP-4178 - Page Header - doc updates * DP-4178 - Contact Us - updating docs * DP-4177 - removing un-used page header variant * DP-4178 - Contact Group - updated docs * DP-4178 - Contact Us - Changing description * DP-4178 - Colored Heading - updated docs and examples * DP-4178 - Column Heading - updated docs * DP-4178 - Column Heading - updated docs * Reverting DP-3527 and 3528 due to breaking changes * DP-4178 / DP-4177 Guide Page (#524) * Fix conditional logic boolean false * fix variable assignment, remove spaces * echo errors in red, success in green * fix validation of target environment * Update deploy script argument validation * Validate git push during deploy * Exit deploy script on failed build * Update docs * Fix syntax error. * Create a function for cleanup * Fix target URL * Create function for success / error logging * Update docs * Ensure that patterns are blown away before built * Remove exit on error log * Fix string comparison in log function * Add final error message to deploy script * Make wrong target remote repo message more helpful * Create CNAME for staging (test) * Test confirm functionality * Create CNAME for stage / prod * Add logic for final success message non/prod * Update readme with deploy, contrib, versions, license info See template link under readme > acknowledgements * Create contributing documentation * Create deploy documentation * Fix readme link typo * Fix link to contributing.md * Update github pages settings docs * Update Contributing md with Mayflower, PR tips. * Create PR template * Create issue template * Fix typo and make contributing language more friendly * Update steps to browse in readme. * Update readme browse Mayflower steps * Fix readme typo. * Add deployment steps to contributing.md * Fix typo, styling of deploy docs. * Add PHP version to readme. * Update built with pattern lab language in readme * Update mayflower artifacts text in readme. * Add git commit context to contributing docs * Format readme * Describe project file structure in contributing.md * Format contributing.md * Clarify github pull request buttons in contributing md * Remove acknowledgements from contributing TOC * Format prerequisite in deploy docs * Link to gulp readme from deploy docs * Log output when production deploy aborted * Use main repo as example in deploy script comments * Make cname a parameter for deploy script, required for prod only * Move CONTRIBUTING.md into .github directory * Remove written descriptions of Github's UI, replace with link to docs * Make CONTRIBUTING.md branching language more consistent with git * Move pattern lab docs to first step in CONTRIBUTING > working with PL * Remove vague language in CONTRIBUTING.md * Clarify Mayflower Artifacts in readme * Make CONTRIBUTING.md > keeping your fork in sync explanation more clear. * Move environment setup and demo install instructions to own docs * Group steps in CONTRIBUTING.md * Fix link to CONTRIBUTING.md after move to /.github * Simplify readme install / contribute / deploy sections * Remove link to personal fork, but keep repo name, in deploy docs * Fix mayflower-artifacts url in readme * Update the deploy success message to use cname if present * Fix cname conditional logic in deploy script. * Use [-c] rather tha [-cname] as parameter for gh pages deploy script * Fix typo in success message for cname * Fix deploy script config for url.domain/assetsPath when cname passed * Improve script logging: hide lengthy status/success, color + tag logs. * Fix typos. * Fix typo in docs for [-t] argument. * Move log prior to command for creating cname in deploy script. * Avoid having to escape / in deploy script > assetsPath var Use ! as delimeter, see: https://coderwall.com/p/khdkuw/delimiters-in-sed-substitution * Allow assetsPath to be passed with cname flag * Accept [-a] argument in deploy script * Fix deploy script [-t] flag to be target remote repo *owner* This seems to have reverted to a prior state somehow. * Remove extra " from assetsPath in url.json * Update [-c] validation log to reflect [-c] vs [-cname] * Add developer deploy docs note about cname and assetPaths flags. * Uncomment script. So. It. Does. Things. (silly) * Link to mayflower artifacts docs from readme (vs duplicating content) * DP-4048 - Annotations - updating to look for JS classes used. * DP-4048 - Annotations - The extra html added breaks the styles * Dp-4048 - Extra Js - removing unused JS files * DP-4048 - updating Styling of Pattern Info panel * DP-4048 - Contact List - Documentation * DP-4048 - Image * DP-4048 - Pattern Documentation - Remving Usage Guidelines. * DP-4048 - additional tweaks to md files * DP-4048 - Lineage styling * DP-4048 - Removing title yaml. * Make all intra-docs links relative * Fix deploy docs links * Update clone steps to be more clear * Ensure branch is clean after deploy, fix typos * Add patternlab task to deafult gulp ( = always generate patterns) * Try gulp prod in deploy script * Ensure public directory gets cleaned out prior to generation * DP-4048 - Contact List - removed 'title' field from docs * DP-4176 - Service Page and Template - documentation * DP-4176 - Page Banner - Documentation * DP-4048 Establish format for pattern docs (#515) * DP-4048 - Annotations - updating to look for JS classes used. * DP-4048 - Annotations - The extra html added breaks the styles * Dp-4048 - Extra Js - removing unused JS files * DP-4048 - updating Styling of Pattern Info panel * DP-4048 - Contact List - Documentation * DP-4048 - Image * DP-4048 - Pattern Documentation - Remving Usage Guidelines. * DP-4048 - additional tweaks to md files * DP-4048 - Lineage styling * DP-4048 - Removing title yaml. * DP-4048 - Contact List - removed 'title' field from docs * DP-4176 - Image - documentation * DP-4176 - Video - documentation * DP-4176 - Documentation template * DP-4176 - Key Actions - Documentation * DP-4176 - Decorative Link - documentation * DP-4176 - Key Actions - adding contained type * DP-4167 - Callout Link - documentation * DP-4176 - Illustrated link - documentation * DP-4176 - Variant Documentation template * DP-4176 - Contact List - Updated variant documentation * DP-4176 - Sidebar Heading - documentation * DP-4176 - Comp Heading - documentation * DP-4176 - Variants - making link relative './' * DP-4176 - Icon Links - documentation * DP-4176 - Link List - documentation * DP-4176 - Link List - documention of Right Rail usage * DP-4176 - Action Finder - documentation * DP-4176 - Mapped Locations - documentation * DP-4176 - Variant template updated * DP-4176 - Mapped Locations - Removed title from contained version * DP-4176 - Callout Link External - removed variant * Mapped Locations - Fixing bug with assigning the colored background * DP-4176 - Split Columns - documentation * DP-4176 - Rich Text - documentation * DP-4176 - Download Link - documentation * DP-4176 - Forms Downloads - documentation * DP-4176 - Utility Panel - documentation * DP-4176 - Utility Nav - documentation * DP-4176 - Header - documentation * DP-4176 - Button Search - documentation * DP-4176 - Site Logo - documentation * DP-4176 - Header Search - documentation * DP-4176 - Main Nav - documentation * DP-4176 - Button - documentation * DP-4176 - Button - adding link option and correcting styling classes * DP-4176 - Button Link - marking it as depreciated * DP-4176 - Floating Action - updated to use just the button atom * DP-4176 - Floating Action - documentation * DP-4176 - Buttons - Updates to SCSS selectors * DP-4176 - Floating Action - correcting styling classes * DP-4176 - Footer - documentation * DP-4176 - Heading / Util Panel - marking as in Progress so we can update * DP-4176 - Button - re-adding support for the 'theme' variable * DP-4176 - Social Links - documentation * DP-4176 - Footer Links - documentation * DP-4176 - Buttons - leaving old styles for backward compatibilty * DP-4167 - Callout Link - moving the info variable to a title attribute * DP-4176 - Buttons - incorrect indentation * DP-4167 - Rich Text - updating to include all accepted patterns * DP-4176 - Rich text sub patterns - documentation * DP-4167 - figure - documentation and modified to use --left/--right classes * DP-4167 - Table - documentation * DP-4080 - Versioning Documentation (#504) * DP-4080 - Versioning - first draft * Dp-4080 - let's try that again after saving the file. * DP-4080 - Versioning - updating Major version text * Second Draft * DP-4080 - Versions - Third draft with examples versions * DP-4080 - Version - reducing importance of Terms * DP-4080 - Version - Edits after reviewing. * DP-4080 - Versions - missed a few * DP-4080 - Versions - Weird copy and paste issue. * DP-4080 - Tweak to Minor version description * DP-4080 - Version Docs - fourth version * DP-4080 - Version doc - version 5 * DP-4178 - HowTo / Details - documentation * DP-4178 - Rich Text - typo in documentation * DP-4178 - Page Header - documentation * DP-4178 - Header Tags - documenation * DP-4178 - Publish State - documentation * DP-4178 - Divider - documentation * DP-4178 - Contact List - updated documentation * DP-4178 - Doc Template - slight tweak * DP-4178 - Contact Us - documentation * DP-4178 - Contact Group - documentation * DP-4178 - Contact Group - removing structured content * DP-4178 - Colored Heading - Documentation * DP-4178 - Sticky Nav - Documentation * DP-4178 - Tabular Data - documentation * DP-4178 - Action Step - documentation * DP-4178 - Steps Ordered - documentation * DP-4178 - Steps Unordered - documentation * DP-4178 - Stacked Row - documentation * DP-4187 - Guide - Documentation * DP-4178 - Emergency Header - documentation * DP-4177 - Emergency Header - switching divs to spans * DP-4178 - Emergency Alerts - documentation * 4178 - Emergency Header - documentation 2 * DP-4178 - Jump Links - documentation * DP-4177 - Jump Links - Adding missing "info" variable to links * DP-4178 - Split Columns - fixing indentation * DP-4178 - Stacked Row Section - documentation * DP-4178 - Illustrated Header - documentation * DP-4177 - Suggested Pages - Fixing variables for decorative and illustrated links * DP-4178 - Suggested Pages - documentation * DP-4178 - Callout Stats - documentation * DP-4177 - Guide Page - moving callout stat outside of Rich Text. * DP-4178 - Callout Alert - documentation * DP-4177 - Callout Alert - removed unused variables * DP-4178 - Callout Time - documentation * DP-4178 - Button Alert - documentation * DP-4178 - Emergency Alert - documentation * DP-4178 - Emergency Alerts - updating documentation * DP-4178 - Link - documentation * DP-4177 - Link - correcting variables to match best practice * DP-4177 - Link - forgot to save a change * DP-4178 - Column Heading - documentation * DP-4177 - Column Heading - cleaning up code * DP-4176 - Callout Link - making CSS backward compatible * DP-4176 - Floating Action - making code backward compatible * DP-4177 - Button - fixed logic to use old "theme" variable for color. * DP-4178 - Button - fixing broken links * DP-4176 - Button - switching color back to theme include values * DP-4176 - Comp Heading - correcting id value * DP-4176 - Decorative Link - removing schema.org and using title * DP-4176 - Linked List - Update docs * DP-4176 - Mapped Locations - updated docs * DP-4176 - Page Banner - Updated Docs * DP-4176 - Services Template - updated docs * DP-4176 - Action Finder - updated docs * DP-4176 - Download Link - removing property * DP-4176 - Callout Link - Better descriptive text * DP-4176 - Video - updated documentation * DP-4176 - Decorative Link - updated docs * DP-4176 - Mapped Locations - adding more useage guidelines * DP-4176 - Button - updated docs * DP-4176 - Table - updated docs * DP-4178 - Details template - doc updates * DP-4178 - Page Header - doc updates * DP-4178 - Contact Us - updating docs * DP-4177 - removing un-used page header variant * DP-4178 - Contact Group - updated docs * DP-4178 - Contact Us - Changing description * DP-4178 - Colored Heading - updated docs and examples * DP-4178 - Column Heading - updated docs * DP-4178 - Column Heading - updated docs * DP-4178 - Guide page - adding back to top button * DP-4178 - Stack row sections - updated docs * DP-4178 - Stacked row section - updated docs * DP-4178 - Emergency Alerts - updated docs * DP-4177 - Illustrated Header - renaming bgTitle to bgInfo * DP-4178 - Suggested Pages - updated docs * DP-4178 - doc templates - updated variant to use code block * Remove phing deploy step that edits env.js asset paths for drupal (#544) * DP-4181 Document the contribution process for issues, feature requests, PRs (#532) * Add business and more specific contribution docs Borrowed heavily from bootstrap's contrib docs * Make build issue label more general: 'gulp' -> 'build' * Remove browser bug report section * Rename setting up your environment -> machine setup in contrib docs * Update contrib docs based on internal review * DP-4178 Location page (#527) * Update readme browse Mayflower steps * Fix readme typo. * Add deployment steps to contributing.md * Fix typo, styling of deploy docs. * Add PHP version to readme. * Update built with pattern lab language in readme * Update mayflower artifacts text in readme. * Add git commit context to contributing docs * Format readme * Describe project file structure in contributing.md * Format contributing.md * Clarify github pull request buttons in contributing md * Remove acknowledgements from contributing TOC * Format prerequisite in deploy docs * Link to gulp readme from deploy docs * Log output when production deploy aborted * Use main repo as example in deploy script comments * Make cname a parameter for deploy script, required for prod only * Move CONTRIBUTING.md into .github directory * Remove written descriptions of Github's UI, replace with link to docs * Make CONTRIBUTING.md branching language more consistent with git * Move pattern lab docs to first step in CONTRIBUTING > working with PL * Remove vague language in CONTRIBUTING.md * Clarify Mayflower Artifacts in readme * Make CONTRIBUTING.md > keeping your fork in sync explanation more clear. * Move environment setup and demo install instructions to own docs * Group steps in CONTRIBUTING.md * Fix link to CONTRIBUTING.md after move to /.github * Simplify readme install / contribute / deploy sections * Remove link to personal fork, but keep repo name, in deploy docs * Fix mayflower-artifacts url in readme * Update the deploy success message to use cname if present * Fix cname conditional logic in deploy script. * Use [-c] rather tha [-cname] as parameter for gh pages deploy script * Fix typo in success message for cname * Fix deploy script config for url.domain/assetsPath when cname passed * Improve script logging: hide lengthy status/success, color + tag logs. * Fix typos. * Fix typo in docs for [-t] argument. * Move log prior to command for creating cname in deploy script. * Avoid having to escape / in deploy script > assetsPath var Use ! as delimeter, see: https://coderwall.com/p/khdkuw/delimiters-in-sed-substitution * Allow assetsPath to be passed with cname flag * Accept [-a] argument in deploy script * Fix deploy script [-t] flag to be target remote repo *owner* This seems to have reverted to a prior state somehow. * Remove extra " from assetsPath in url.json * Update [-c] validation log to reflect [-c] vs [-cname] * Add developer deploy docs note about cname and assetPaths flags. * Uncomment script. So. It. Does. Things. (silly) * Link to mayflower artifacts docs from readme (vs duplicating content) * DP-4048 - Annotations - updating to look for JS classes used. * DP-4048 - Annotations - The extra html added breaks the styles * Dp-4048 - Extra Js - removing unused JS files * DP-4048 - updating Styling of Pattern Info panel * DP-4048 - Contact List - Documentation * DP-4048 - Image * DP-4048 - Pattern Documentation - Remving Usage Guidelines. * DP-4048 - additional tweaks to md files * DP-4048 - Lineage styling * DP-4048 - Removing title yaml. * Make all intra-docs links relative * Fix deploy docs links * Update clone steps to be more clear * Ensure branch is clean after deploy, fix typos * Add patternlab task to deafult gulp ( = always generate patterns) * Try gulp prod in deploy script * Ensure public directory gets cleaned out prior to generation * DP-4048 - Contact List - removed 'title' field from docs * DP-4176 - Service Page and Template - documentation * DP-4176 - Page Banner - Documentation * DP-4048 Establish format for pattern docs (#515) * DP-4048 - Annotations - updating to look for JS classes used. * DP-4048 - Annotations - The extra html added breaks the styles * Dp-4048 - Extra Js - removing unused JS files * DP-4048 - updating Styling of Pattern Info panel * DP-4048 - Contact List - Documentation * DP-4048 - Image * DP-4048 - Pattern Documentation - Remving Usage Guidelines. * DP-4048 - additional tweaks to md files * DP-4048 - Lineage styling * DP-4048 - Removing title yaml. * DP-4048 - Contact List - removed 'title' field from docs * DP-4176 - Image - documentation * DP-4176 - Video - documentation * DP-4176 - Documentation template * DP-4176 - Key Actions - Documentation * DP-4176 - Decorative Link - documentation * DP-4176 - Key Actions - adding contained type * DP-4167 - Callout Link - documentation * DP-4176 - Illustrated link - documentation * DP-4176 - Variant Documentation template * DP-4176 - Contact List - Updated variant documentation * DP-4176 - Sidebar Heading - documentation * DP-4176 - Comp Heading - documentation * DP-4176 - Variants - making link relative './' * DP-4176 - Icon Links - documentation * DP-4176 - Link List - documentation * DP-4176 - Link List - documention of Right Rail usage * DP-4176 - Action Finder - documentation * DP-4176 - Mapped Locations - documentation * DP-4176 - Variant template updated * DP-4176 - Mapped Locations - Removed title from contained version * DP-4176 - Callout Link External - removed variant * Mapped Locations - Fixing bug with assigning the colored background * DP-4176 - Split Columns - documentation * DP-4176 - Rich Text - documentation * DP-4176 - Download Link - documentation * DP-4176 - Forms Downloads - documentation * DP-4176 - Utility Panel - documentation * DP-4176 - Utility Nav - documentation * DP-4176 - Header - documentation * DP-4176 - Button Search - documentation * DP-4176 - Site Logo - documentation * DP-4176 - Header Search - documentation * DP-4176 - Main Nav - documentation * DP-4176 - Button - documentation * DP-4176 - Button - adding link option and correcting styling classes * DP-4176 - Button Link - marking it as depreciated * DP-4176 - Floating Action - updated to use just the button atom * DP-4176 - Floating Action - documentation * DP-4176 - Buttons - Updates to SCSS selectors * DP-4176 - Floating Action - correcting styling classes * DP-4176 - Footer - documentation * DP-4176 - Heading / Util Panel - marking as in Progress so we can update * DP-4176 - Button - re-adding support for the 'theme' variable * DP-4176 - Social Links - documentation * DP-4176 - Footer Links - documentation * DP-4176 - Buttons - leaving old styles for backward compatibilty * DP-4167 - Callout Link - moving the info variable to a title attribute * DP-4176 - Buttons - incorrect indentation * DP-4167 - Rich Text - updating to include all accepted patterns * DP-4176 - Rich text sub patterns - documentation * DP-4167 - figure - documentation and modified to use --left/--right classes * DP-4167 - Table - documentation * DP-4080 - Versioning Documentation (#504) * DP-4080 - Versioning - first draft * Dp-4080 - let's try that again after saving the file. * DP-4080 - Versioning - updating Major version text * Second Draft * DP-4080 - Versions - Third draft with examples versions * DP-4080 - Version - reducing importance of Terms * DP-4080 - Version - Edits after reviewing. * DP-4080 - Versions - missed a few * DP-4080 - Versions - Weird copy and paste issue. * DP-4080 - Tweak to Minor version description * DP-4080 - Version Docs - fourth version * DP-4080 - Version doc - version 5 * DP-4178 - HowTo / Details - documentation * DP-4178 - Rich Text - typo in documentation * DP-4178 - Page Header - documentation * DP-4178 - Header Tags - documenation * DP-4178 - Publish State - documentation * DP-4178 - Divider - documentation * DP-4178 - Contact List - updated documentation * DP-4178 - Doc Template - slight tweak * DP-4178 - Contact Us - documentation * DP-4178 - Contact Group - documentation * DP-4178 - Contact Group - removing structured content * DP-4178 - Colored Heading - Documentation * DP-4178 - Sticky Nav - Documentation * DP-4178 - Tabular Data - documentation * DP-4178 - Action Step - documentation * DP-4178 - Steps Ordered - documentation * DP-4178 - Steps Unordered - documentation * DP-4178 - Stacked Row - documentation * DP-4187 - Guide - Documentation * DP-4178 - Emergency Header - documentation * DP-4177 - Emergency Header - switching divs to spans * DP-4178 - Emergency Alerts - documentation * 4178 - Emergency Header - documentation 2 * DP-4178 - Jump Links - documentation * DP-4177 - Jump Links - Adding missing "info" variable to links * DP-4178 - Split Columns - fixing indentation * DP-4178 - Stacked Row Section - documentation * DP-4178 - Illustrated Header - documentation * DP-4177 - Suggested Pages - Fixing variables for decorative and illustrated links * DP-4178 - Suggested Pages - documentation * DP-4178 - Callout Stats - documentation * DP-4177 - Guide Page - moving callout stat outside of Rich Text. * DP-4178 - Callout Alert - documentation * DP-4177 - Callout Alert - removed unused variables * DP-4178 - Callout Time - documentation * DP-4178 - Button Alert - documentation * DP-4178 - Emergency Alert - documentation * DP-4178 - Emergency Alerts - updating documentation * DP-4178 - Link - documentation * DP-4177 - Link - correcting variables to match best practice * DP-4177 - Link - forgot to save a change * DP-4177 - Button - fixed logic to use old "theme" variable for color. * DP-4178 - Button - fixing broken links * DP-4178 - Column Heading - documentation * DP-4177 - Column Heading - cleaning up code * DP-4178 - Location Template - documentation * DP-4178 - Location Pages - Documentation * DP-4178 - Header Alert - documentation * DP-4177 - Header Alert - adding "info" variable for decorative link * DP-4178 - Page Header - location variant documentation * DP-4178 - Location Banner - documentation * DP-4177 - Location Banner - correcting variable name * DP-4178 - Google Map - documentation * DP-4178 - Image Promos - documentation * DP-4178 - Image Promo - documentation * DP-4177 - Image Promo - switching 'type' for 'info' for the title link * DP-4178 - Image Promos - documentation * DP-4177 - Link - still fixing logic to switch from string to boolean * DP-4178 - Event Teaser - documentation * DP-4178 - Event Listing - documentation * DP-4178 - Location Icons - documentation * DP-4176 - Callout Link - making CSS backward compatible * DP-4176 - Floating Action - making code backward compatible * DP-4177 - Button - fixed logic to use old "theme" variable for color. * DP-4178 - Button - fixing broken links * DP-4176 - Button - switching color back to theme include values * DP-4176 - Comp Heading - correcting id value * DP-4176 - Decorative Link - removing schema.org and using title * DP-4176 - Linked List - Update docs * DP-4176 - Mapped Locations - updated docs * DP-4176 - Page Banner - Updated Docs * DP-4176 - Services Template - updated docs * DP-4176 - Action Finder - updated docs * DP-4176 - Download Link - removing property * DP-4176 - Callout Link - Better descriptive text * DP-4176 - Video - updated documentation * DP-4176 - Decorative Link - updated docs * DP-4176 - Mapped Locations - adding more useage guidelines * DP-4176 - Button - updated docs * DP-4176 - Table - updated docs * DP-4178 - Details template - doc updates * DP-4178 - Page Header - doc updates * DP-4178 - Contact Us - updating docs * DP-4177 - removing un-used page header variant * DP-4178 - Contact Group - updated docs * DP-4178 - Contact Us - Changing description * DP-4178 - Colored Heading - updated docs and examples * DP-4178 - Column Heading - updated docs * DP-4178 - Column Heading - updated docs * DP-4178 - Stack row sections - updated docs * DP-4178 - Guide page - adding back to top button * DP-4178 - Stack row sections - updated docs * DP-4178 - Stacked row section - updated docs * DP-4178 - Emergency Alerts - updated docs * DP-4177 - Illustrated Header - renaming bgTitle to bgInfo * DP-4178 - Suggested Pages - updated docs * DP-4178 - Header Alert - replacing guid with id * DP-4177 - location template - fixing data json content * DP-4178 - Details Template - added twig docs links placeholders * DP-4178 - Howto & Location pages - Adding extends copy to description * DP-4178 - Location template - adding twig blocks * DP-4178 - Google Maps - updated docs * DP-4178 - Image Promos - updated docs * DP-4178 - Event Teaser - updated docs * DP-4178 - Event Listing - updated docs * DP-4178 - Location Template - removing variants section * DP-4178 topic page (#529) * Format prerequisite in deploy docs * Link to gulp readme from deploy docs * Log output when production deploy aborted * Use main repo as example in deploy script comments * Make cname a parameter for deploy script, required for prod only * Move CONTRIBUTING.md into .github directory * Remove written descriptions of Github's UI, replace with link to docs * Make CONTRIBUTING.md branching language more consistent with git * Move pattern lab docs to first step in CONTRIBUTING > working with PL * Remove vague language in CONTRIBUTING.md * Clarify Mayflower Artifacts in readme * Make CONTRIBUTING.md > keeping your fork in sync explanation more clear. * Move environment setup and demo install instructions to own docs * Group steps in CONTRIBUTING.md * Fix link to CONTRIBUTING.md after move to /.github * Simplify readme install / contribute / deploy sections * Remove link to personal fork, but keep repo name, in deploy docs * Fix mayflower-artifacts url in readme * Update the deploy success message to use cname if present * Fix cname conditional logic in deploy script. * Use [-c] rather tha [-cname] as parameter for gh pages deploy script * Fix typo in success message for cname * Fix deploy script config for url.domain/assetsPath when cname passed * Improve script logging: hide lengthy status/success, color + tag logs. * Fix typos. * Fix typo in docs for [-t] argument. * Move log prior to command for creating cname in deploy script. * Avoid having to escape / in deploy script > assetsPath var Use ! as delimeter, see: https://coderwall.com/p/khdkuw/delimiters-in-sed-substitution * Allow assetsPath to be passed with cname flag * Accept [-a] argument in deploy script * Fix deploy script [-t] flag to be target remote repo *owner* This seems to have reverted to a prior state somehow. * Remove extra " from assetsPath in url.json * Update [-c] validation log to reflect [-c] vs [-cname] * Add developer deploy docs note about cname and assetPaths flags. * Uncomment script. So. It. Does. Things. (silly) * Link to mayflower artifacts docs from readme (vs duplicating content) * DP-4048 - Annotations - updating to look for JS classes used. * DP-4048 - Annotations - The extra html added breaks the styles * Dp-4048 - Extra Js - removing unused JS files * DP-4048 - updating Styling of Pattern Info panel * DP-4048 - Contact List - Documentation * DP-4048 - Image * DP-4048 - Pattern Documentation - Remving Usage Guidelines. * DP-4048 - additional tweaks to md files * DP-4048 - Lineage styling * DP-4048 - Removing title yaml. * Make all intra-docs links relative * Fix deploy docs links * Update clone steps to be more clear * Ensure branch is clean after deploy, fix typos * Add patternlab task to deafult gulp ( = always generate patterns) * Try gulp prod in deploy script * Ensure public directory gets cleaned out prior to generation * DP-4048 - Contact List - removed 'title' field from docs * DP-4176 - Service Page and Template - documentation * DP-4176 - Page Banner - Documentation * DP-4048 Establish format for pattern docs (#515) * DP-4048 - Annotations - updating to look for JS classes used. * DP-4048 - Annotations - The extra html added breaks the styles * Dp-4048 - Extra Js - removing unused JS files * DP-4048 - updating Styling of Pattern Info panel * DP-4048 - Contact List - Documentation * DP-4048 - Image * DP-4048 - Pattern Documentation - Remving Usage Guidelines. * DP-4048 - additional tweaks to md files * DP-4048 - Lineage styling * DP-4048 - Removing title yaml. * DP-4048 - Contact List - removed 'title' field from docs * DP-4176 - Image - documentation * DP-4176 - Video - documentation * DP-4176 - Documentation template * DP-4176 - Key Actions - Documentation * DP-4176 - Decorative Link - documentation * DP-4176 - Key Actions - adding contained type * DP-4167 - Callout Link - documentation * DP-4176 - Illustrated link - documentation * DP-4176 - Variant Documentation template * DP-4176 - Contact List - Updated variant documentation * DP-4176 - Sidebar Heading - documentation * DP-4176 - Comp Heading - documentation * DP-4176 - Variants - making link relative './' * DP-4176 - Icon Links - documentation * DP-4176 - Link List - documentation * DP-4176 - Link List - documention of Right Rail usage * DP-4176 - Action Finder - documentation * DP-4176 - Mapped Locations - documentation * DP-4176 - Variant template updated * DP-4176 - Mapped Locations - Removed title from contained version * DP-4176 - Callout Link External - removed variant * Mapped Locations - Fixing bug with assigning the colored background * DP-4176 - Split Columns - documentation * DP-4176 - Rich Text - documentation * DP-4176 - Download Link - documentation * DP-4176 - Forms Downloads - documentation * DP-4176 - Utility Panel - documentation * DP-4176 - Utility Nav - documentation * DP-4176 - Header - documentation * DP-4176 - Button Search - documentation * DP-4176 - Site Logo - documentation * DP-4176 - Header Search - documentation * DP-4176 - Main Nav - documentation * DP-4176 - Button - documentation * DP-4176 - Button - adding link option and correcting styling classes * DP-4176 - Button Link - marking it as depreciated * DP-4176 - Floating Action - updated to use just the button atom * DP-4176 - Floating Action - documentation * DP-4176 - Buttons - Updates to SCSS selectors * DP-4176 - Floating Action - correcting styling classes * DP-4176 - Footer - documentation * DP-4176 - Heading / Util Panel - marking as in Progress so we can update * DP-4176 - Button - re-adding support for the 'theme' variable * DP-4176 - Social Links - documentation * DP-4176 - Footer Links - documentation * DP-4176 - Buttons - leaving old styles for backward compatibilty * DP-4167 - Callout Link - moving the info variable to a title attribute * DP-4176 - Buttons - incorrect indentation * DP-4167 - Rich Text - updating to include all accepted patterns * DP-4176 - Rich text sub patterns - documentation * DP-4167 - figure - documentation and modified to use --left/--right classes * DP-4167 - Table - documentation * DP-4080 - Versioning Documentation (#504) * DP-4080 - Versioning - first draft * Dp-4080 - let's try that again after saving the file. * DP-4080 - Versioning - updating Major version text * Second Draft * DP-4080 - Versions - Third draft with examples versions * DP-4080 - Version - reducing importance of Terms * DP-4080 - Version - Edits after reviewing. * DP-4080 - Versions - missed a few * DP-4080 - Versions - Weird copy and paste issue. * DP-4080 - Tweak to Minor version description * DP-4080 - Version Docs - fourth version * DP-4080 - Version doc - version 5 * DP-4178 - HowTo / Details - documentation * DP-4178 - Rich Text - typo in documentation * DP-4178 - Page Header - documentation * DP-4178 - Header Tags - documenation * DP-4178 - Publish State - documentation * DP-4178 - Divider - documentation * DP-4178 - Contact List - updated documentation * DP-4178 - Doc Template - slight tweak * DP-4178 - Contact Us - documentation * DP-4178 - Contact Group - documentation * DP-4178 - Contact Group - removing structured content * DP-4178 - Colored Heading - Documentation * DP-4178 - Sticky Nav - Documentation * DP-4178 - Tabular Data - documentation * DP-4178 - Action Step - documentation * DP-4178 - Steps Ordered - documentation * DP-4178 - Steps Unordered - documentation * DP-4178 - Stacked Row - documentation * DP-4187 - Guide - Documentation * DP-4178 - Emergency Header - documentation * DP-4177 - Emergency Header - switching divs to spans * DP-4178 - Emergency Alerts - documentation * 4178 - Emergency Header - documentation 2 * DP-4178 - Jump Links - documentation * DP-4177 - Jump Links - Adding missing "info" variable to links * DP-4178 - Split Columns - fixing indentation * DP-4178 - Stacked Row Section - documentation * DP-4178 - Illustrated Header - documentation * DP-4177 - Suggested Pages - Fixing variables for decorative and illustrated links * DP-4178 - Suggested Pages - documentation * DP-4178 - Callout Stats - documentation * DP-4177 - Guide Page - moving callout stat outside of Rich Text. * DP-4178 - Callout Alert - documentation * DP-4177 - Callout Alert - removed unused variables * DP-4178 - Callout Time - documentation * DP-4178 - Button Alert - documentation * DP-4178 - Emergency Alert - documentation * DP-4178 - Emergency Alerts - updating documentation * DP-4178 - Link - documentation * DP-4177 - Link - correcting variables to match best practice * DP-4177 - Link - forgot to save a change * DP-4177 - Button - fixed logic to use old "theme" variable for color. * DP-4178 - Button - fixing broken links * DP-4178 - Column Heading - documentation * DP-4177 - Column Heading - cleaning up code * DP-4178 - Location Template - documentation * DP-4178 - Location Pages - Documentation * DP-4178 - Header Alert - documentation * DP-4177 - Header Alert - adding "info" variable for decorative link * DP-4178 - Page Header - location variant documentation * DP-4178 - Location Banner - documentation * DP-4177 - Location Banner - correcting variable name * DP-4178 - Google Map - documentation * DP-4178 - Image Promos - documentation * DP-4178 - Image Promo - documentation * DP-4177 - Image Promo - switching 'type' for 'info' for the title link * DP-4178 - Image Promos - documentation * DP-4177 - Link - still fixing logic to switch from string to boolean * DP-4178 - Event Teaser - documentation * DP-4178 - Event Listing - documentation * DP-4178 - Location Icons - documentation * DP-4178 - Topic Page - documentation * DP-4177 - Single Column Template - adding header and footer blocks * DP-4178 - Single Column Template - documentation * DP-4178 - Sections Three Up - documentation * DP-4178 - Section Links - documentation * DP-4178 - Cat Icon - documentation * DP-4177 - Icons - removing unneccassary documentations for SVG icons * DP-4176 - Callout Link - making CSS backward compatible * DP-4176 - Floating Action - making code backward compatible * DP-4177 - Button - fixed logic to use old "theme" variable for color. * DP-4178 - Button - fixing broken links * DP-4176 - Button - switching color back to theme include values * DP-4176 - Comp Heading - correcting id value * DP-4176 - Decorative Link - removing schema.org and using title * DP-4176 - Linked List - Update docs * DP-4176 - Mapped Locations - updated docs * DP-4176 - Page Banner - Updated Docs * DP-4176 - Services Template - updated docs * DP-4176 - Action Finder - updated docs * DP-4176 - Download Link - removing property * DP-4176 - Callout Link - Better descriptive text * DP-4176 - Video - updated documentation * DP-4176 - Decorative Link - updated docs * DP-4176 - Mapped Locations - adding more useage guidelines * DP-4176 - Button - updated docs * DP-4176 - Table - updated docs * DP-4178 - Details template - doc updates * DP-4178 - Page Header - doc updates * DP-4178 - Contact Us - updating docs * DP-4177 - removing un-used page header variant * DP-4178 - Contact Group - updated docs * DP-4178 - Contact Us - Changing description * DP-4178 - Colored Heading - updated docs and examples * DP-4178 - Column Heading - updated docs * DP-4178 - Column Heading - updated docs * DP-4178 - Stack row sections - updated docs * DP-4178 - Guide page - adding back to top button * DP-4178 - Stack row sections - updated docs * DP-4178 - Stacked row section - updated docs * DP-4178 - Emergency Alerts - updated docs … * DP-4877: Add vertical spacing between entries in the press relea… (#555) Ticket - DP-4877 - Add vertical spacing between entries in the press release signees * Add vertical spacing between entries in the press release signees * DP-5175 Service + Service Detail page more links - UAT updates (#570) * Update new link list organism json and docs with more links * git cherry-pick b26d3e44 Update service page link values and amounts based on design spec * Fix video atom ~ float right variant pattern width for small+ viewports * Design UAT changes, add 6 download links to service deatail pg section * DP-4730 Render event end date in date summary on event page (#566) * Support new lines in @molecules/event-teaser.date.summary for end dates * Create event page examples with endates in the summary * Update event end date based on design UAT * Keep event start date on same line as hyphen * Updated the version and date on page/readme * Add release notes * Add tabular data description to how-to page * Add the rest of the release notes * Mitigate risk for potential whitespace issue on page header > title * Update release notes. Only one we're missing now is DP-4211 * DP-4211 - Video - making updates backward compatible. (#574) * DP-4211 - Video - making updates backward compatible. * DP-4211 - Video - making link backward compatible. * Add release note for iframe pattern * Add release note for IE11 location listings bugfix * Make the location listing page work in IE 11 (#580) * Google Maps - correcting trigger of maps loaded event removed ES6 code. * Make location listing tag filter work for IE11 (shim Object.values) * Create helper shim to get outerHTML for svg element in IE * Ensure svgs render in location listing handlebars template for IE * Clarify helper parameter DOM object. * Hotfix: DP-5466 Make location listing zip sort work with no autocomplete selection, submit on enter (#583) * Submit the location listing filters/sort on enter keypress. * Support location listing manual zipcode filter entry * Bump version to 5.7.1 * Hotfix - location listing - last one! (#585) * Fix location listing autocomplete dropdown selection * Bump mayflower version * DP-4323 - Input Text - adding Error state variant * DP-4323 - Select Box - Added more JS descriptions * DP-4323 - TextArea - expanding JS description --- .../01-buttons/button-sort-as-ascending.md | 5 + .../01-buttons/button-sort-as-descending.md | 5 + .../01-atoms/01-buttons/button-sort.json | 2 +- .../01-atoms/01-buttons/button-sort.md | 19 ++- .../01-buttons/button-sort~as-ascending.json | 6 + .../01-buttons/button-sort~as-descending.json | 6 + .../01-atoms/03-forms/helper-text.md | 20 +-- .../01-atoms/03-forms/input-checkbox.md | 31 ++-- .../_patterns/01-atoms/03-forms/input-date.md | 47 +++--- .../03-forms/input-group-checkbox-inline.md | 6 + .../01-atoms/03-forms/input-group-checkbox.md | 5 + .../03-forms/input-group-radio-inline.md | 6 + .../01-atoms/03-forms/input-group.md | 24 +-- .../01-atoms/03-forms/input-radio.md | 36 ++--- .../03-forms/input-text-as-error.json | 15 ++ .../01-atoms/03-forms/input-text-as-error.md | 6 + .../03-forms/input-text-as-error.twig | 6 + .../03-forms/input-text-as-optional.md | 5 + .../01-atoms/03-forms/input-text-for-file.md | 5 + .../03-forms/input-text-for-number.md | 5 + .../03-forms/input-text-with-hidden-label.md | 5 + .../03-forms/input-text-with-max-char.md | 5 + .../03-forms/input-text-with-width.md | 5 + .../_patterns/01-atoms/03-forms/input-text.md | 72 +++++---- .../03-forms/input-text~as-optional.json | 15 ++ .../03-forms/input-text~for-email.json | 15 -- .../03-forms/input-text~with-max-char.json | 15 ++ .../_patterns/01-atoms/03-forms/select-box.md | 43 +++-- .../03-forms/textarea-set-characters.md | 5 + .../_patterns/01-atoms/03-forms/textarea.md | 28 ++-- .../_patterns/02-molecules/back-button.md | 28 ++-- .../_patterns/02-molecules/back-button.twig | 2 +- .../_patterns/02-molecules/date-range.md | 33 ++-- .../_patterns/02-molecules/error-list.md | 25 ++- .../_patterns/02-molecules/event-filters.md | 50 +++--- .../_patterns/02-molecules/footnote.json | 2 +- .../source/_patterns/02-molecules/footnote.md | 27 ++-- .../_patterns/02-molecules/listing-table.md | 27 ++-- .../02-molecules/location-filters.md | 52 +++--- .../_patterns/02-molecules/org-selector.md | 50 +++--- .../_patterns/02-molecules/pagination.md | 38 ++--- .../press-status-with-overflow.json | 11 ++ .../press-status-with-overflow.md | 5 + .../press-status-with-overflow.twig | 17 ++ .../_patterns/02-molecules/press-status.md | 22 +++ .../_patterns/02-molecules/press-teaser.md | 34 ++-- .../_patterns/02-molecules/results-heading.md | 68 +++----- .../_patterns/02-molecules/section-links.md | 7 +- .../_patterns/02-molecules/sort-results.md | 27 ++-- .../03-organisms/by-author/footnote-list.json | 4 +- .../03-organisms/by-author/footnote-list.md | 20 +++ .../form-requirements-in-two-column.json | 49 ++++++ .../form-requirements-in-two-column.md | 5 + .../form-requirements-in-two-column.twig | 14 ++ .../by-author/form-requirements.md | 36 +++++ .../by-author/personal-message.json | 60 +++++++ .../by-author/personal-message.md | 17 ++ .../personal-message~with-multiples.json | 98 ------------ .../03-organisms/by-author/press-filters.md | 44 ++++++ .../03-organisms/by-author/press-listing.md | 25 +++ .../03-organisms/by-author/rich-text.md | 12 +- .../by-template/page-banner-as-blue.md | 7 +- .../by-template/page-banner-as-columns.md | 7 +- .../by-template/page-banner-as-large.md | 7 +- .../by-template/page-banner-as-overlay.md | 7 +- .../by-template/page-banner-as-small.md | 6 +- .../03-organisms/by-template/page-header.md | 2 +- .../04-templates/01-content-types/event.twig | 29 ++-- .../01-content-types/form-page.md | 64 ++++++++ .../01-content-types/form-page.twig | 8 +- .../01-content-types/policy-advisory.md | 69 ++++++++ .../04-templates/01-content-types/press.md | 64 ++++++++ .../04-templates/two-column-reversed.md | 11 ++ .../04-templates/two-column-reversed.twig | 12 +- .../_patterns/04-templates/two-column.md | 11 ++ .../_patterns/04-templates/two-column.twig | 3 +- .../_patterns/05-pages/board-decision.md | 18 +++ .../detail-for-service-howto-location.json | 23 --- .../detail-for-service-howto-location.md | 46 ++++++ .../_patterns/05-pages/event-listing.md | 43 +++++ styleguide/source/_patterns/05-pages/event.md | 2 +- .../source/_patterns/05-pages/event.twig | 2 + .../_patterns/05-pages/executive-order.md | 24 +++ .../_patterns/05-pages/form-page-example.md | 21 +++ styleguide/source/_patterns/05-pages/guide.md | 4 +- styleguide/source/_patterns/05-pages/howto.md | 2 +- .../05-pages/location-general-content.md | 2 +- .../_patterns/05-pages/location-listing.json | 14 -- .../_patterns/05-pages/location-listing.md | 28 ++++ .../05-pages/location-park-content.md | 2 +- .../_patterns/05-pages/organization.json | 7 - .../source/_patterns/05-pages/organization.md | 149 ++++-------------- .../05-pages/policy-advisory-directive.md | 18 +++ .../_patterns/05-pages/press-listing.md | 23 +++ .../05-pages/press-release-with-image.md | 5 + .../05-pages/press-release-with-video.md | 5 + .../_patterns/05-pages/press-release.md | 19 +++ .../source/_patterns/05-pages/regulation.md | 18 +++ .../_patterns/05-pages/section-landing.md | 18 +++ .../source/_patterns/05-pages/service.md | 6 +- .../05-pages/topic-your-government.md | 6 +- styleguide/source/_patterns/05-pages/topic.md | 4 +- .../_patterns/05-pages/video-transcript.md | 17 ++ .../_patterns/documentation-template.md | 1 + .../source/assets/js/modules/footnote.js | 8 +- .../source/assets/scss/01-atoms/_forms.scss | 1 + .../scss/03-organisms/_press-filters.scss | 2 +- 107 files changed, 1451 insertions(+), 771 deletions(-) create mode 100644 styleguide/source/_patterns/01-atoms/01-buttons/button-sort-as-ascending.md create mode 100644 styleguide/source/_patterns/01-atoms/01-buttons/button-sort-as-descending.md create mode 100644 styleguide/source/_patterns/01-atoms/01-buttons/button-sort~as-ascending.json create mode 100644 styleguide/source/_patterns/01-atoms/01-buttons/button-sort~as-descending.json create mode 100644 styleguide/source/_patterns/01-atoms/03-forms/input-group-checkbox-inline.md create mode 100644 styleguide/source/_patterns/01-atoms/03-forms/input-group-checkbox.md create mode 100644 styleguide/source/_patterns/01-atoms/03-forms/input-group-radio-inline.md create mode 100644 styleguide/source/_patterns/01-atoms/03-forms/input-text-as-error.json create mode 100644 styleguide/source/_patterns/01-atoms/03-forms/input-text-as-error.md create mode 100644 styleguide/source/_patterns/01-atoms/03-forms/input-text-as-error.twig create mode 100644 styleguide/source/_patterns/01-atoms/03-forms/input-text-as-optional.md create mode 100644 styleguide/source/_patterns/01-atoms/03-forms/input-text-for-file.md create mode 100644 styleguide/source/_patterns/01-atoms/03-forms/input-text-for-number.md create mode 100644 styleguide/source/_patterns/01-atoms/03-forms/input-text-with-hidden-label.md create mode 100644 styleguide/source/_patterns/01-atoms/03-forms/input-text-with-max-char.md create mode 100644 styleguide/source/_patterns/01-atoms/03-forms/input-text-with-width.md create mode 100644 styleguide/source/_patterns/01-atoms/03-forms/input-text~as-optional.json delete mode 100644 styleguide/source/_patterns/01-atoms/03-forms/input-text~for-email.json create mode 100644 styleguide/source/_patterns/01-atoms/03-forms/input-text~with-max-char.json create mode 100644 styleguide/source/_patterns/01-atoms/03-forms/textarea-set-characters.md create mode 100644 styleguide/source/_patterns/02-molecules/press-status-with-overflow.json create mode 100644 styleguide/source/_patterns/02-molecules/press-status-with-overflow.md create mode 100644 styleguide/source/_patterns/02-molecules/press-status-with-overflow.twig create mode 100644 styleguide/source/_patterns/02-molecules/press-status.md create mode 100644 styleguide/source/_patterns/03-organisms/by-author/footnote-list.md create mode 100644 styleguide/source/_patterns/03-organisms/by-author/form-requirements-in-two-column.json create mode 100644 styleguide/source/_patterns/03-organisms/by-author/form-requirements-in-two-column.md create mode 100644 styleguide/source/_patterns/03-organisms/by-author/form-requirements-in-two-column.twig create mode 100644 styleguide/source/_patterns/03-organisms/by-author/form-requirements.md create mode 100644 styleguide/source/_patterns/03-organisms/by-author/personal-message.md delete mode 100644 styleguide/source/_patterns/03-organisms/by-author/personal-message~with-multiples.json create mode 100644 styleguide/source/_patterns/03-organisms/by-author/press-filters.md create mode 100644 styleguide/source/_patterns/03-organisms/by-author/press-listing.md create mode 100644 styleguide/source/_patterns/04-templates/01-content-types/form-page.md create mode 100644 styleguide/source/_patterns/04-templates/01-content-types/policy-advisory.md create mode 100644 styleguide/source/_patterns/04-templates/01-content-types/press.md create mode 100644 styleguide/source/_patterns/04-templates/two-column-reversed.md create mode 100644 styleguide/source/_patterns/04-templates/two-column.md create mode 100644 styleguide/source/_patterns/05-pages/board-decision.md create mode 100644 styleguide/source/_patterns/05-pages/detail-for-service-howto-location.md create mode 100644 styleguide/source/_patterns/05-pages/event-listing.md create mode 100644 styleguide/source/_patterns/05-pages/executive-order.md create mode 100644 styleguide/source/_patterns/05-pages/form-page-example.md create mode 100644 styleguide/source/_patterns/05-pages/location-listing.md create mode 100644 styleguide/source/_patterns/05-pages/policy-advisory-directive.md create mode 100644 styleguide/source/_patterns/05-pages/press-listing.md create mode 100644 styleguide/source/_patterns/05-pages/press-release-with-image.md create mode 100644 styleguide/source/_patterns/05-pages/press-release-with-video.md create mode 100644 styleguide/source/_patterns/05-pages/press-release.md create mode 100644 styleguide/source/_patterns/05-pages/regulation.md create mode 100644 styleguide/source/_patterns/05-pages/section-landing.md create mode 100644 styleguide/source/_patterns/05-pages/video-transcript.md diff --git a/styleguide/source/_patterns/01-atoms/01-buttons/button-sort-as-ascending.md b/styleguide/source/_patterns/01-atoms/01-buttons/button-sort-as-ascending.md new file mode 100644 index 0000000000..0f31cd1ed7 --- /dev/null +++ b/styleguide/source/_patterns/01-atoms/01-buttons/button-sort-as-ascending.md @@ -0,0 +1,5 @@ +### Description +This is a variant of the [Sort Button](./?p=atoms-button-sort) pattern showing an example with the arrows set to ascending sort order. + +### How to generate +* set the 'direction' variable to 'asc' diff --git a/styleguide/source/_patterns/01-atoms/01-buttons/button-sort-as-descending.md b/styleguide/source/_patterns/01-atoms/01-buttons/button-sort-as-descending.md new file mode 100644 index 0000000000..63e3d4e728 --- /dev/null +++ b/styleguide/source/_patterns/01-atoms/01-buttons/button-sort-as-descending.md @@ -0,0 +1,5 @@ +### Description +This is a variant of the [Sort Button](./?p=atoms-button-sort) pattern showing an example with the arrows set to descending sort order. + +### How to generate +* set the 'direction' variable to 'dsc' diff --git a/styleguide/source/_patterns/01-atoms/01-buttons/button-sort.json b/styleguide/source/_patterns/01-atoms/01-buttons/button-sort.json index 6bda069e31..b7be201f67 100644 --- a/styleguide/source/_patterns/01-atoms/01-buttons/button-sort.json +++ b/styleguide/source/_patterns/01-atoms/01-buttons/button-sort.json @@ -1,6 +1,6 @@ { "buttonSort": { "text": "Date", - "direction": "asc" + "direction": "" } } diff --git a/styleguide/source/_patterns/01-atoms/01-buttons/button-sort.md b/styleguide/source/_patterns/01-atoms/01-buttons/button-sort.md index c2f1abf662..4415165491 100644 --- a/styleguide/source/_patterns/01-atoms/01-buttons/button-sort.md +++ b/styleguide/source/_patterns/01-atoms/01-buttons/button-sort.md @@ -1,22 +1,21 @@ ---- -title: Button Sort ---- +### Description +This Pattern shows a button with directional arrows, typically used to show sort order -Description: A `