@nypl/design-system-react-components 1.1.0-rc2 → 1.1.0-rc5

package/dist/design-system-react-components.esm.js

@@ -5880,7 +5880,8 @@ var Header = {
     },
     horizontalRule: {
       bg: headerRed,
-      marginTop: "0"
+      marginTop: "0",
+      marginBottom: "0"
     },
     logo: {
       padding: {
@@ -11538,9 +11539,11 @@ var Footer$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (_ref, ref)
   });
   var socialLinks = link$1.socialMedia.map(function (link, index) {
     return React__default.createElement(Link, {
+      "aria-label": link.title,
       href: link.href,
       key: index
     }, React__default.createElement(Icon, {
+      "aria-label": link.title,
       decorative: false,
       name: link.iconName,
       size: "small",
@@ -11579,6 +11582,7 @@ var Footer$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (_ref, ref)
   }, React__default.createElement("p", null, "\xA9 The New York Public Library, ", new Date().getFullYear()), React__default.createElement("p", null, "The New York Public Library is a 501(c)(3) | EIN 13-1887440"))), React__default.createElement(Box, {
     __css: styles.logoContainer
   }, React__default.createElement(Logo$1, {
+    "aria-label": "The New York Public Library",
     decorative: false,
     name: "nyplTextWhite",
     size: "small",
@@ -12727,6 +12731,7 @@ var HeaderMobileNav$1 = /*#__PURE__*/chakra(function () {
   return React__default.createElement(Box, {
     __css: styles
   }, React__default.createElement(Flex, null, React__default.createElement(Box, null, React__default.createElement(Logo$1, {
+    "aria-label": "NYPL Header Logo",
     decorative: false,
     name: "nyplTextWhite",
     size: "xsmall",
@@ -13279,7 +13284,9 @@ function EncoreCatalogLogOutTimer(currentTime, isTestMode) {
  */
 
 var Header$1 = /*#__PURE__*/chakra(function (_ref) {
-  var _ref$gaOptions = _ref.gaOptions,
+  var _ref$fetchSitewideAle = _ref.fetchSitewideAlerts,
+      fetchSitewideAlerts = _ref$fetchSitewideAle === void 0 ? true : _ref$fetchSitewideAle,
+      _ref$gaOptions = _ref.gaOptions,
       gaOptions = _ref$gaOptions === void 0 ? {} : _ref$gaOptions,
       _ref$isProduction = _ref.isProduction,
       isProduction = _ref$isProduction === void 0 ? true : _ref$isProduction;
@@ -13350,7 +13357,7 @@ var Header$1 = /*#__PURE__*/chakra(function (_ref) {
     patronName: patronName
   }, React__default.createElement(Box, {
     __css: styles
-  }, React__default.createElement(SkipNavigation$1, null), React__default.createElement(HeaderSitewideAlerts, null), React__default.createElement("header", null, React__default.createElement(HStack, {
+  }, React__default.createElement(SkipNavigation$1, null), fetchSitewideAlerts ? React__default.createElement(HeaderSitewideAlerts, null) : null, React__default.createElement("header", null, React__default.createElement(HStack, {
     __css: styles.container
   }, React__default.createElement(Link, {
     "aria-label": "The New York Public Library",
@@ -13360,6 +13367,7 @@ var Header$1 = /*#__PURE__*/chakra(function (_ref) {
     },
     __css: styles.logo
   }, React__default.createElement(Logo$1, {
+    "aria-label": "NYPL Header Logo",
     name: isLargerThanLarge ? "nyplFullBlack" : "nyplLionBlack",
     size: isLargerThanMobile ? "large" : "small",
     title: "NYPL Header Logo"
@@ -15043,7 +15051,9 @@ var TemplateFooter = function TemplateFooter(_ref2) {
       _ref2$renderFooterEle = _ref2.renderFooterElement,
       renderFooterElement = _ref2$renderFooterEle === void 0 ? true : _ref2$renderFooterEle;
   var styles = useStyleConfig("TemplateBreakout", {});
-  var footerElement = React__default.createElement(React__default.Fragment, null, children); // The user wants to render the `footer` HTML element.
+  var footerElement = React__default.createElement(Box, {
+    __css: styles
+  }, children); // The user wants to render the `footer` HTML element.
 
   if (renderFooterElement) {
     // But give a warning if one was passed.