nsw-design-system 2.13.0 → 3.0.2

package/dist/js/main.js

@@ -26,6 +26,62 @@
     return Constructor;
   }
 
+  function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+  }
+
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+  }
+
+  function _iterableToArrayLimit(arr, i) {
+    if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _e = undefined;
+
+    try {
+      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+        _arr.push(_s.value);
+
+        if (i && _arr.length === i) break;
+      }
+    } catch (err) {
+      _d = true;
+      _e = err;
+    } finally {
+      try {
+        if (!_n && _i["return"] != null) _i["return"]();
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+
+    return _arr;
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+    return arr2;
+  }
+
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
   var SiteSearch = /*#__PURE__*/function () {
     function SiteSearch(element) {
       _classCallCheck(this, SiteSearch);
@@ -122,11 +178,6 @@
     var prefixValue = prefix === undefined ? 'nsw' : prefix;
     return "".concat(prefixValue, "-").concat(Math.random().toString(36).substr(2, 16));
   };
-  var popupWindow = function popupWindow(url, width, height) {
-    var y = window.top.outerHeight / 2 + window.top.screenY - height / 2;
-    var x = window.top.outerWidth / 2 + window.top.screenX - width / 2;
-    window.open(url, '', "toolbar=no,location=no,directories=no, status=no,\n    menubar=no, scrollbars=no, resizable=no, copyhistory=no,\n    width=".concat(width, ", height=").concat(height, ", top=").concat(y, ", left=").concat(x));
-  };
 
   var Navigation = /*#__PURE__*/function () {
     function Navigation() {
@@ -134,11 +185,11 @@
 
       _classCallCheck(this, Navigation);
 
-      this.openNavButton = document.querySelector('.js-open-navigation');
-      this.closeNavButtons = document.querySelectorAll('.js-close-navigation');
-      this.openSubnavButtons = document.querySelectorAll('.js-open-subnav');
-      this.closeSubnavButtons = document.querySelectorAll('.js-close-subnav');
-      this.mainNavElement = document.getElementById('main-navigation');
+      this.openNavButton = document.querySelector('.js-open-nav');
+      this.closeNavButtons = document.querySelectorAll('.js-close-nav');
+      this.openSubNavButtons = document.querySelectorAll('.js-open-sub-nav');
+      this.closeSubNavButtons = document.querySelectorAll('.js-close-sub-nav');
+      this.mainNavElement = document.getElementById('main-nav');
       this.isMegaMenuElement = !!document.querySelector('.js-mega-menu');
       this.transitionEvent = whichTransitionEvent();
 
@@ -146,8 +197,8 @@
         return _this.mobileToggleMainNav(e);
       };
 
-      this.mobileToggleSubnavEvent = function () {
-        return _this.closeSubnav();
+      this.mobileToggleSubNavEvent = function () {
+        return _this.closeSubNav();
       };
 
       this.mobileShowMainTransitionEndEvent = function (e) {
@@ -210,8 +261,8 @@
         var megaMenuListItems = [];
 
         if (e.matches) {
-          megaMenuListItems = [].slice.call(this.mainNavElement.querySelectorAll('.nsw-navigation__list > li'));
-          this.body.classList.remove('navigation-open');
+          megaMenuListItems = [].slice.call(this.mainNavElement.querySelectorAll('ul > li'));
+          this.body.classList.remove('main-nav-active');
         } else {
           megaMenuListItems = [].slice.call(this.mainNavElement.querySelectorAll('li'));
         }
@@ -227,7 +278,7 @@
         if (this.isMegaMenuElement) {
           var listItems = [].slice.call(this.mainNavElement.querySelectorAll('li'));
           listItems.forEach(function (item) {
-            var submenu = item.querySelector('[id^=subnav-]');
+            var submenu = item.querySelector('[id^=sub-nav-]');
             var link = item.querySelector('a');
 
             if (submenu) {
@@ -249,8 +300,8 @@
         this.closeNavButtons.forEach(function (element) {
           element.addEventListener('click', _this4.mobileToggleMainNavEvent, false);
         });
-        this.closeSubnavButtons.forEach(function (element) {
-          element.addEventListener('click', _this4.mobileToggleSubnavEvent, false);
+        this.closeSubNavButtons.forEach(function (element) {
+          element.addEventListener('click', _this4.mobileToggleSubNavEvent, false);
         });
       }
     }, {
@@ -266,7 +317,7 @@
 
         if (this.isMegaMenuElement) {
           listItems.forEach(function (item) {
-            var submenu = item.querySelector('[id^=subnav-]');
+            var submenu = item.querySelector('[id^=sub-nav-]');
             var link = item.querySelector('a');
 
             if (submenu) {
@@ -286,8 +337,8 @@
         var propertyName = _ref.propertyName;
         if (!propertyName === 'transform') return;
         getFocusableElementBySelector(this.mainNavElement.id, ['> div button', '> ul > li > a']).all[1].focus();
-        this.mainNavElement.classList.add('is-open');
-        this.mainNavElement.classList.remove('is-opening');
+        this.mainNavElement.classList.add('active');
+        this.mainNavElement.classList.remove('activating');
         this.mainNavElement.removeEventListener(this.transitionEvent, this.mobileShowMainTransitionEndEvent, false);
         this.mainNavElement.addEventListener('keydown', this.mobileTrapTabKeyEvent, false);
       }
@@ -296,16 +347,16 @@
       value: function mobileHideMainNav(_ref2) {
         var propertyName = _ref2.propertyName;
         if (!propertyName === 'transform') return;
-        this.mainNavElement.classList.remove('is-open');
-        this.mainNavElement.classList.remove('is-closing');
+        this.mainNavElement.classList.remove('active');
+        this.mainNavElement.classList.remove('closing');
 
         while (this.openSubNavElements.length > 0) {
           var _this$whichSubNavLate = this.whichSubNavLatest(),
               submenu = _this$whichSubNavLate.submenu;
 
           submenu.removeEventListener('keydown', this.mobileSubNavTrapTabKeyEvent, false);
-          submenu.classList.remove('is-open');
-          submenu.classList.remove('is-closing');
+          submenu.classList.remove('active');
+          submenu.classList.remove('closing');
           this.openSubNavElements.pop();
         }
 
@@ -319,13 +370,13 @@
         var isExpanded = currentTarget.getAttribute('aria-expanded') === 'true';
 
         if (isExpanded) {
-          this.body.classList.remove('navigation-open');
+          this.body.classList.remove('main-nav-active');
           this.openNavButton.focus();
-          this.mainNavElement.classList.add('is-closing');
+          this.mainNavElement.classList.add('closing');
           this.mainNavElement.addEventListener(this.transitionEvent, this.mobileHideMainTransitionEndEvent, false);
         } else {
-          this.body.classList.add('navigation-open');
-          this.mainNavElement.classList.add('is-opening');
+          this.body.classList.add('main-nav-active');
+          this.mainNavElement.classList.add('activating');
           this.mainNavElement.addEventListener(this.transitionEvent, this.mobileShowMainTransitionEndEvent, false);
         }
       }
@@ -333,7 +384,7 @@
       key: "buttonClickDesktop",
       value: function buttonClickDesktop(e) {
         this.saveElements(e);
-        this.toggleSubnavDesktop();
+        this.toggleSubNavDesktop();
         e.preventDefault();
       }
     }, {
@@ -341,7 +392,7 @@
       value: function buttonKeydownDesktop(e) {
         if (e.key === ' ' || e.key === 'Enter' || e.key === 'Spacebar') {
           this.saveElements(e);
-          this.toggleSubnavDesktop();
+          this.toggleSubNavDesktop();
           e.preventDefault();
         }
       }
@@ -355,7 +406,7 @@
           var isExpanded = link.getAttribute('aria-expanded') === 'true';
 
           if (isExpanded) {
-            this.toggleSubnavDesktop(true);
+            this.toggleSubNavDesktop(true);
             e.preventDefault();
             link.focus();
           }
@@ -381,62 +432,62 @@
             submenu = _this$whichSubNavLate3.submenu;
 
         if (!propertyName === 'transform') return;
-        getFocusableElementBySelector(submenu.id, ['> div button', '> h2 a', '> ul > li > a']).all[2].focus();
+        getFocusableElementBySelector(submenu.id, ['> div button', '> .nsw-main-nav__title a', '> ul > li > a']).all[2].focus();
         submenu.removeEventListener(this.transitionEvent, this.showSubNavTransitionEndEvent, false);
       }
     }, {
-      key: "closeSubnav",
-      value: function closeSubnav() {
+      key: "closeSubNav",
+      value: function closeSubNav() {
         var _this$whichSubNavLate4 = this.whichSubNavLatest(),
             submenu = _this$whichSubNavLate4.submenu,
             link = _this$whichSubNavLate4.link;
 
         if (this.breakpoint.matches) {
           link.setAttribute('aria-expanded', false);
-          link.classList.remove('is-open');
+          link.classList.remove('active');
           this.mainNavElement.removeEventListener('focus', this.checkFocusEvent, true); // fix: workaround for safari because it doesn't support focus event
 
-          this.mainNavElement.removeEventListener('mousedown', this.checkFocusEvent, true);
+          this.mainNavElement.removeEventListener('click', this.checkFocusEvent, true);
         } else {
           link.focus();
           submenu.removeEventListener('keydown', this.mobileSubNavTrapTabKeyEvent, false);
         }
 
-        submenu.classList.remove('is-open');
+        submenu.classList.remove('active');
         this.openSubNavElements.pop();
       }
     }, {
-      key: "opensubnav",
-      value: function opensubnav() {
+      key: "openSubNav",
+      value: function openSubNav() {
         var _this$whichSubNavLate5 = this.whichSubNavLatest(),
             submenu = _this$whichSubNavLate5.submenu,
             link = _this$whichSubNavLate5.link;
 
         if (this.breakpoint.matches) {
           link.setAttribute('aria-expanded', true);
-          link.classList.add('is-open');
+          link.classList.add('active');
           this.mainNavElement.addEventListener('focus', this.checkFocusEvent, true); // fix: workaround for safari because it doesn't support focus event
 
-          this.mainNavElement.addEventListener('mousedown', this.checkFocusEvent, true);
+          this.mainNavElement.addEventListener('click', this.checkFocusEvent, true);
         } else {
           submenu.addEventListener('keydown', this.mobileSubNavTrapTabKeyEvent, false);
           submenu.addEventListener(this.transitionEvent, this.showSubNavTransitionEndEvent, false);
         }
 
-        submenu.classList.add('is-open');
+        submenu.classList.add('active');
       }
     }, {
-      key: "toggleSubnavDesktop",
-      value: function toggleSubnavDesktop() {
+      key: "toggleSubNavDesktop",
+      value: function toggleSubNavDesktop() {
         var _this$whichSubNavLate6 = this.whichSubNavLatest(),
             link = _this$whichSubNavLate6.link;
 
         var isExpanded = link.getAttribute('aria-expanded') === 'true';
 
         if (isExpanded) {
-          this.closeSubnav();
+          this.closeSubNav();
         } else {
-          this.opensubnav();
+          this.openSubNav();
         }
       }
     }, {
@@ -446,9 +497,10 @@
             linkParent = _this$whichSubNavLate7.linkParent;
 
         var focusWithin = linkParent.contains(e.target);
+        var isButton = e.target.getAttribute('role');
 
-        if (!focusWithin) {
-          this.toggleSubnavDesktop();
+        if (!focusWithin && isButton) {
+          this.toggleSubNavDesktop();
         }
       }
     }, {
@@ -481,7 +533,7 @@
     button.setAttribute('aria-expanded', 'false');
     button.setAttribute('aria-controls', uID);
     button.classList.add('nsw-accordion__button');
-    button.insertAdjacentHTML('beforeend', "\n  <i class=\"material-icons nsw-material-icons nsw-accordion__icon\" focusable=\"false\" aria-hidden=\"true\">keyboard_arrow_right</i>\n  ");
+    button.insertAdjacentHTML('beforeend', "\n  <span class=\"material-icons nsw-material-icons\" focusable=\"false\" aria-hidden=\"true\">keyboard_arrow_down</span>\n  ");
     fragment.appendChild(button);
     return fragment;
   }
@@ -492,14 +544,29 @@
 
       _classCallCheck(this, Accordion);
 
+      var _Array$from = Array.from(element.querySelectorAll('.nsw-accordion__toggle button')),
+          _Array$from2 = _slicedToArray(_Array$from, 2),
+          expandAll = _Array$from2[0],
+          collapseAll = _Array$from2[1];
+
       this.accordionHeadingClass = '.nsw-accordion__title';
       this.accordion = element;
       this.headings = element.querySelectorAll(this.accordionHeadingClass);
+      this.expandAllBtn = expandAll;
+      this.collapseAllBtn = collapseAll;
       this.buttons = [];
       this.content = [];
 
-      this.showHideEvent = function (e) {
-        return _this.showHide(e);
+      this.toggleEvent = function (e) {
+        return _this.toggle(e);
+      };
+
+      this.expandAllEvent = function (e) {
+        return _this.expandAll(e);
+      };
+
+      this.collapseAllEvent = function (e) {
+        return _this.collapseAll(e);
       };
     }
 
@@ -514,7 +581,12 @@
       value: function setUpDom() {
         var _this2 = this;
 
-        this.accordion.classList.add('is-ready');
+        this.accordion.classList.add('ready');
+
+        if (this.collapseAllBtn) {
+          this.collapseAllBtn.disabled = true;
+        }
+
         this.headings.forEach(function (heading) {
           var headingElem = heading;
           var contentElem = heading.nextElementSibling;
@@ -536,27 +608,79 @@
         var _this3 = this;
 
         this.buttons.forEach(function (element) {
-          element.addEventListener('click', _this3.showHideEvent, false);
+          element.addEventListener('click', _this3.toggleEvent, false);
         });
+
+        if (this.expandAllBtn && this.collapseAllBtn) {
+          this.expandAllBtn.addEventListener('click', this.expandAllEvent, false);
+          this.collapseAllBtn.addEventListener('click', this.collapseAllEvent, false);
+        }
       }
     }, {
-      key: "showHide",
-      value: function showHide(e) {
+      key: "getTargetContent",
+      value: function getTargetContent(element) {
+        var currentIndex = this.buttons.indexOf(element);
+        return this.content[currentIndex];
+      }
+    }, {
+      key: "setAccordionState",
+      value: function setAccordionState(element, state) {
+        var targetContent = this.getTargetContent(element);
+
+        if (state === 'open') {
+          element.classList.add('active');
+          element.setAttribute('aria-expanded', 'true');
+          targetContent.hidden = false;
+        } else if (state === 'close') {
+          element.classList.remove('active');
+          element.setAttribute('aria-expanded', 'false');
+          targetContent.hidden = true;
+        }
+      }
+    }, {
+      key: "toggle",
+      value: function toggle(e) {
         var currentTarget = e.currentTarget;
-        var currentIndex = this.buttons.indexOf(currentTarget);
-        var targetContent = this.content[currentIndex];
+        var targetContent = this.getTargetContent(currentTarget);
         var isHidden = targetContent.hidden;
 
         if (isHidden) {
-          currentTarget.classList.add('is-open');
-          currentTarget.setAttribute('aria-expanded', 'true');
-          targetContent.hidden = false;
+          this.setAccordionState(currentTarget, 'open');
         } else {
-          currentTarget.classList.remove('is-open');
-          currentTarget.setAttribute('aria-expanded', 'false');
-          targetContent.hidden = true;
+          this.setAccordionState(currentTarget, 'close');
+        }
+
+        if (this.expandAllBtn && this.collapseAllBtn) {
+          this.expandAllBtn.disabled = this.content.every(function (item) {
+            return item.hidden === false;
+          });
+          this.collapseAllBtn.disabled = this.content.every(function (item) {
+            return item.hidden === true;
+          });
         }
       }
+    }, {
+      key: "expandAll",
+      value: function expandAll() {
+        var _this4 = this;
+
+        this.buttons.forEach(function (element) {
+          _this4.setAccordionState(element, 'open');
+        });
+        this.expandAllBtn.disabled = true;
+        this.collapseAllBtn.disabled = false;
+      }
+    }, {
+      key: "collapseAll",
+      value: function collapseAll() {
+        var _this5 = this;
+
+        this.buttons.forEach(function (element) {
+          _this5.setAccordionState(element, 'close');
+        });
+        this.expandAllBtn.disabled = false;
+        this.collapseAllBtn.disabled = true;
+      }
     }]);
 
     return Accordion;
@@ -593,14 +717,8 @@
     _createClass(Filters, [{
       key: "init",
       value: function init() {
-        this.setUpDom();
         this.controls();
       }
-    }, {
-      key: "setUpDom",
-      value: function setUpDom() {
-        this.filters.classList.add('is-ready');
-      }
     }, {
       key: "controls",
       value: function controls() {
@@ -644,38 +762,6 @@
     return Filters;
   }();
 
-  var ShareThis = /*#__PURE__*/function () {
-    function ShareThis() {
-      _classCallCheck(this, ShareThis);
-
-      this.sharelinks = document.querySelectorAll('.js-share-this');
-    }
-
-    _createClass(ShareThis, [{
-      key: "init",
-      value: function init() {
-        this.controls();
-      }
-    }, {
-      key: "controls",
-      value: function controls() {
-        var _this = this;
-
-        this.sharelinks.forEach(function (element) {
-          element.addEventListener('click', _this.popup, false);
-        });
-      }
-    }, {
-      key: "popup",
-      value: function popup(e) {
-        e.preventDefault();
-        popupWindow(this.href, 600, 600);
-      }
-    }]);
-
-    return ShareThis;
-  }();
-
   var Tabs = /*#__PURE__*/function () {
     function Tabs(element, showTab) {
       var _this = this;
@@ -683,8 +769,8 @@
       _classCallCheck(this, Tabs);
 
       this.tablistClass = '.nsw-tabs__list';
-      this.tablistItemClass = '.nsw-tabs__list-item';
-      this.tablistLinkClass = '.nsw-tabs__link';
+      this.tablistItemClass = 'li';
+      this.tablistLinkClass = 'a';
       this.tab = element;
       this.showTab = showTab;
       this.tabList = element.querySelector(this.tablistClass);
@@ -719,7 +805,6 @@
         tabListWrapper.classList.add('nsw-tabs__list-wrapper');
         this.tab.prepend(tabListWrapper);
         tabListWrapper.prepend(this.tabList);
-        this.tab.classList.add('is-ready');
         this.tabList.setAttribute('role', 'tablist');
         this.tabItems.forEach(function (item) {
           var itemElem = item;
@@ -758,13 +843,12 @@
     }, {
       key: "setInitalTab",
       value: function setInitalTab() {
-        var tabItems = this.tabItems,
-            tabLinks = this.tabLinks,
+        var tabLinks = this.tabLinks,
             tabPanel = this.tabPanel,
             showTab = this.showTab;
         var index = showTab === undefined ? 0 : showTab;
         var selectedLink = tabLinks[index];
-        tabItems[index].classList.add('is-selected');
+        selectedLink.classList.add('active');
         selectedLink.removeAttribute('tabindex');
         selectedLink.setAttribute('aria-selected', true);
         tabPanel[index].hidden = false;
@@ -785,16 +869,19 @@
           clickedTab.focus();
           clickedTab.removeAttribute('tabindex');
           clickedTab.setAttribute('aria-selected', true);
+          clickedTab.classList.add('active');
           this.selectedTab.setAttribute('aria-selected', false);
           this.selectedTab.setAttribute('tabindex', '-1');
+          this.selectedTab.classList.remove('active');
           var clickedTabIndex = this.tabLinks.indexOf(clickedTab);
           var selectedTabIndex = this.tabLinks.indexOf(this.selectedTab);
-          this.tabItems[clickedTabIndex].classList.add('is-selected');
-          this.tabItems[selectedTabIndex].classList.remove('is-selected');
           this.tabPanel[clickedTabIndex].hidden = false;
           this.tabPanel[selectedTabIndex].hidden = true;
           this.selectedTab = clickedTab;
-          this.selectedTab.scrollIntoView();
+
+          if (!clickedTab.classList.contains('js-tabs-fixed')) {
+            this.selectedTab.scrollIntoView();
+          }
         }
       }
     }, {
@@ -852,21 +939,21 @@
     return Tabs;
   }();
 
-  var SitewideMessage = /*#__PURE__*/function () {
-    function SitewideMessage(element) {
+  var GlobalAlert = /*#__PURE__*/function () {
+    function GlobalAlert(element) {
       var _this = this;
 
-      _classCallCheck(this, SitewideMessage);
+      _classCallCheck(this, GlobalAlert);
 
       this.messageElement = element;
-      this.closeButton = element.querySelector('.nsw-sitewide-message__close');
+      this.closeButton = element.querySelector('.js-close-alert');
 
       this.closeMessageEvent = function (e) {
         return _this.closeMessage(e);
       };
     }
 
-    _createClass(SitewideMessage, [{
+    _createClass(GlobalAlert, [{
       key: "init",
       value: function init() {
         this.controls();
@@ -883,7 +970,7 @@
       }
     }]);
 
-    return SitewideMessage;
+    return GlobalAlert;
   }();
 
   if (window.NodeList && !NodeList.prototype.forEach) {
@@ -916,7 +1003,7 @@
     var accordions = document.querySelectorAll('.js-accordion');
     var filters = document.querySelectorAll('.js-filters');
     var tabs = document.querySelectorAll('.js-tabs');
-    var siteMessages = document.querySelectorAll('.js-sitewide-message');
+    var globalAlert = document.querySelectorAll('.js-global-alert');
     openSearchButton.forEach(function (element) {
       new SiteSearch(element).init();
     });
@@ -941,20 +1028,17 @@
       });
     }
 
-    new ShareThis().init();
-
-    if (siteMessages) {
-      siteMessages.forEach(function (element) {
-        new SitewideMessage(element).init();
+    if (globalAlert) {
+      globalAlert.forEach(function (element) {
+        new GlobalAlert(element).init();
       });
     }
   }
 
   exports.Accordion = Accordion;
+  exports.GlobalAlert = GlobalAlert;
   exports.Navigation = Navigation;
-  exports.ShareThis = ShareThis;
   exports.SiteSearch = SiteSearch;
-  exports.SitewideMessage = SitewideMessage;
   exports.Tabs = Tabs;
   exports.initSite = initSite;
 

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "nsw-design-system",
-  "version": "2.13.0",
+  "version": "3.0.2",
   "description": "Design system for Digital NSW",
   "main": "dist/main.js",
   "style": "dist/main.css",
   "files": [
     "dist/{css,js,assets/svg}/*.{css,js,svg}",
-    "src/{components,patterns,styles}/**/*.{scss,js}",
+    "src/{components,patterns,styles,core}/**/*.{scss,js}",
     "src/global/{scripts,scss}/**/*.{scss,js}",
     "src/main.{scss,js}"
   ],
@@ -21,6 +21,7 @@
   "scripts": {
     "dev": "gulp",
     "starterkit:build": "gulp build",
+    "prod:build": "gulp buildprod",
     "surge": "gulp surge",
     "add": "node add-component.js",
     "git-tag": "git tag v$npm_package_version && git push origin v$npm_package_version",
@@ -63,6 +64,7 @@
     "gulp-replace": "^1.0.0",
     "gulp-sass": "^4.0.2",
     "gulp-sass-glob": "^1.1.0",
+    "gulp-sitemap": "^8.0.0",
     "gulp-sourcemaps": "^2.6.5",
     "gulp-stylelint": "^13.0.0",
     "gulp-surge": "^0.1.4",

package/src/components/_all.scss

@@ -0,0 +1,27 @@
+@import 'accordion/accordion';
+@import 'breadcrumbs/breadcrumbs';
+@import 'button/button';
+@import 'callout/callout';
+@import 'card/card';
+@import 'content-block/content-block';
+@import 'filters/filters';
+@import 'footer/footer';
+@import 'form/form';
+@import 'global-alert/global-alert';
+@import 'header/header';
+@import 'hero-banner/hero-banner';
+@import 'hero-search/hero-search';
+@import 'in-page-alert/in-page-alert';
+@import 'in-page-nav/in-page-nav';
+@import 'link-list/link-list';
+@import 'list-item/list-item';
+@import 'main-nav/main-nav';
+@import 'masthead/masthead';
+@import 'media/media';
+@import 'pagination/pagination';
+@import 'progress-indicator/progress-indicator';
+@import 'results-bar/results-bar';
+@import 'side-nav/side-nav';
+@import 'table/table';
+@import 'tabs/tabs';
+@import 'tag/tag';