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

package/dist/components/Header/Header.d.ts

@@ -6,6 +6,8 @@ export interface GAOptionProps {
     titleCase?: boolean;
 }
 export interface HeaderProps {
+    /** Whether to render sitewide alerts or not. True by default. */
+    fetchSitewideAlerts?: boolean;
     /** Google Analytics options to override the default settings. */
     gaOptions?: GAOptionProps;
     /** Whether or not the `Header` is in production mode. True by default. */
@@ -16,5 +18,5 @@ export interface HeaderProps {
  * contains features for logging in, logging out, searching, and navigating
  * the NYPL.org site.
  */
-export declare const Header: import("@chakra-ui/react").ChakraComponent<({ gaOptions, isProduction }: HeaderProps) => JSX.Element, {}>;
+export declare const Header: import("@chakra-ui/react").ChakraComponent<({ fetchSitewideAlerts, gaOptions, isProduction, }: HeaderProps) => JSX.Element, {}>;
 export default Header;

package/dist/design-system-react-components.cjs.development.js

@@ -5886,7 +5886,8 @@ var Header = {
     },
     horizontalRule: {
       bg: headerRed,
-      marginTop: "0"
+      marginTop: "0",
+      marginBottom: "0"
     },
     logo: {
       padding: {
@@ -11544,9 +11545,11 @@ var Footer$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function
   });
   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",
@@ -11585,6 +11588,7 @@ var Footer$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function
   }, 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(react.Box, {
     __css: styles.logoContainer
   }, React__default.createElement(Logo$1, {
+    "aria-label": "The New York Public Library",
     decorative: false,
     name: "nyplTextWhite",
     size: "small",
@@ -12733,6 +12737,7 @@ var HeaderMobileNav$1 = /*#__PURE__*/react.chakra(function () {
   return React__default.createElement(react.Box, {
     __css: styles
   }, React__default.createElement(react.Flex, null, React__default.createElement(react.Box, null, React__default.createElement(Logo$1, {
+    "aria-label": "NYPL Header Logo",
     decorative: false,
     name: "nyplTextWhite",
     size: "xsmall",
@@ -13285,7 +13290,9 @@ function EncoreCatalogLogOutTimer(currentTime, isTestMode) {
  */
 
 var Header$1 = /*#__PURE__*/react.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;
@@ -13356,7 +13363,7 @@ var Header$1 = /*#__PURE__*/react.chakra(function (_ref) {
     patronName: patronName
   }, React__default.createElement(react.Box, {
     __css: styles
-  }, React__default.createElement(SkipNavigation$1, null), React__default.createElement(HeaderSitewideAlerts, null), React__default.createElement("header", null, React__default.createElement(react.HStack, {
+  }, React__default.createElement(SkipNavigation$1, null), fetchSitewideAlerts ? React__default.createElement(HeaderSitewideAlerts, null) : null, React__default.createElement("header", null, React__default.createElement(react.HStack, {
     __css: styles.container
   }, React__default.createElement(Link, {
     "aria-label": "The New York Public Library",
@@ -13366,6 +13373,7 @@ var Header$1 = /*#__PURE__*/react.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"
@@ -15049,7 +15057,9 @@ var TemplateFooter = function TemplateFooter(_ref2) {
       _ref2$renderFooterEle = _ref2.renderFooterElement,
       renderFooterElement = _ref2$renderFooterEle === void 0 ? true : _ref2$renderFooterEle;
   var styles = react.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(react.Box, {
+    __css: styles
+  }, children); // The user wants to render the `footer` HTML element.
 
   if (renderFooterElement) {
     // But give a warning if one was passed.