@ilo-org/react 0.1.1 → 0.2.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @ilo-org/react
 
+## 0.2.0
+
+### Minor Changes
+
+- 3a19726f2: Add LocalNav and Footer components
+
+### Patch Changes
+
+- Updated dependencies [2f60e9d92]
+- Updated dependencies [c9413b943]
+  - @ilo-org/styles@0.1.18
+  - @ilo-org/brand-assets@0.1.0
+  - @ilo-org/utils@0.0.11
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [391687e3e]
+- Updated dependencies [e2a233688]
+  - @ilo-org/fonts@0.1.0
+  - @ilo-org/brand-assets@0.1.0
+  - @ilo-org/styles@0.1.17
+
 ## 0.1.1
 
 ### Patch Changes

package/lib/cjs/{DailyMotion-97d1831a.js → DailyMotion-4f88e10b.js}

@@ -2,7 +2,7 @@
 
 var _commonjsHelpers = require('./_commonjsHelpers-9f9f50a8.js');
 var require$$0 = require('react');
-var patterns = require('./patterns-b55db71f.js');
+var patterns = require('./patterns-975adf3c.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/lib/cjs/{Facebook-ccb27d1d.js → Facebook-d993b91c.js}

@@ -2,7 +2,7 @@
 
 var _commonjsHelpers = require('./_commonjsHelpers-9f9f50a8.js');
 var require$$0 = require('react');
-var patterns = require('./patterns-b55db71f.js');
+var patterns = require('./patterns-975adf3c.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/lib/cjs/{FilePlayer-81b9fc3f.js → FilePlayer-8272a6ea.js}

@@ -2,7 +2,7 @@
 
 var _commonjsHelpers = require('./_commonjsHelpers-9f9f50a8.js');
 var require$$0 = require('react');
-var patterns = require('./patterns-b55db71f.js');
+var patterns = require('./patterns-975adf3c.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/lib/cjs/{Kaltura-d6c19814.js → Kaltura-fbd2c46f.js}

@@ -2,7 +2,7 @@
 
 var _commonjsHelpers = require('./_commonjsHelpers-9f9f50a8.js');
 var require$$0 = require('react');
-var patterns = require('./patterns-b55db71f.js');
+var patterns = require('./patterns-975adf3c.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/lib/cjs/{Mixcloud-f02a460e.js → Mixcloud-2b4ffb85.js}

@@ -2,7 +2,7 @@
 
 var _commonjsHelpers = require('./_commonjsHelpers-9f9f50a8.js');
 var require$$0 = require('react');
-var patterns = require('./patterns-b55db71f.js');
+var patterns = require('./patterns-975adf3c.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/lib/cjs/{SoundCloud-cd1b1590.js → SoundCloud-356fd92d.js}

@@ -2,7 +2,7 @@
 
 var _commonjsHelpers = require('./_commonjsHelpers-9f9f50a8.js');
 var require$$0 = require('react');
-var patterns = require('./patterns-b55db71f.js');
+var patterns = require('./patterns-975adf3c.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/lib/cjs/{Streamable-f47da42a.js → Streamable-407ca855.js}

@@ -2,7 +2,7 @@
 
 var _commonjsHelpers = require('./_commonjsHelpers-9f9f50a8.js');
 var require$$0 = require('react');
-var patterns = require('./patterns-b55db71f.js');
+var patterns = require('./patterns-975adf3c.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/lib/cjs/{Twitch-c503e140.js → Twitch-ca00faaf.js}

@@ -2,7 +2,7 @@
 
 var _commonjsHelpers = require('./_commonjsHelpers-9f9f50a8.js');
 var require$$0 = require('react');
-var patterns = require('./patterns-b55db71f.js');
+var patterns = require('./patterns-975adf3c.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/lib/cjs/{Vidyard-d9c2f073.js → Vidyard-9d037503.js}

@@ -2,7 +2,7 @@
 
 var _commonjsHelpers = require('./_commonjsHelpers-9f9f50a8.js');
 var require$$0 = require('react');
-var patterns = require('./patterns-b55db71f.js');
+var patterns = require('./patterns-975adf3c.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/lib/cjs/{Vimeo-009601ef.js → Vimeo-6898bfd9.js}

@@ -2,7 +2,7 @@
 
 var _commonjsHelpers = require('./_commonjsHelpers-9f9f50a8.js');
 var require$$0 = require('react');
-var patterns = require('./patterns-b55db71f.js');
+var patterns = require('./patterns-975adf3c.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/lib/cjs/{Wistia-8c9f4c58.js → Wistia-ed77bf25.js}

@@ -2,7 +2,7 @@
 
 var _commonjsHelpers = require('./_commonjsHelpers-9f9f50a8.js');
 var require$$0 = require('react');
-var patterns = require('./patterns-b55db71f.js');
+var patterns = require('./patterns-975adf3c.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/lib/cjs/{YouTube-ec5847d4.js → YouTube-909bd761.js}

@@ -2,7 +2,7 @@
 
 var _commonjsHelpers = require('./_commonjsHelpers-9f9f50a8.js');
 var require$$0 = require('react');
-var patterns = require('./patterns-b55db71f.js');
+var patterns = require('./patterns-975adf3c.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/lib/cjs/components/Footer/Footer.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
+var classNames = require('classnames');
+var components_LinkList_LinkList = require('../LinkList/LinkList.js');
+var components_Button_Button = require('../Button/Button.js');
+require('tslib');
+require('react');
+require('../../GlobalCtx-97e4b433.js');
+require('../Link/Link.js');
+require('../Icon/Icon.js');
+require('@ilo-org/icons-react');
+
+const Footer = ({ className, logo, tagline, subtagline, address, linkgroup, socials, subscribe, legal, secondarylinks, anchorlink, }) => {
+    const { prefix } = hooks_useGlobalSettings();
+    const baseClass = `${prefix}--footer`;
+    const footerClasses = classNames(className, baseClass);
+    return (jsxRuntime.jsxs("footer", Object.assign({ className: footerClasses }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--main` }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: "site--info" }, { children: [jsxRuntime.jsx("img", { className: `${baseClass}--logo`, src: logo, alt: "ILO Logo" }), jsxRuntime.jsx("h3", Object.assign({ className: `${baseClass}--headline` }, { children: tagline })), jsxRuntime.jsx("h4", Object.assign({ className: `${baseClass}--subhead` }, { children: subtagline }))] })), address && (jsxRuntime.jsx("div", Object.assign({ className: "address" }, { children: address.map((line, i) => (jsxRuntime.jsx("p", Object.assign({ className: "address--line" }, { children: line }), i))) }))), linkgroup && (jsxRuntime.jsx("nav", Object.assign({ className: "links" }, { children: jsxRuntime.jsx(components_LinkList_LinkList, { linkgroup: linkgroup, theme: "dark" }) }))), (socials || subscribe) && (jsxRuntime.jsxs("div", Object.assign({ className: "connect" }, { children: [socials && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("h5", Object.assign({ className: "social--headline" }, { children: socials === null || socials === void 0 ? void 0 : socials.headline })), jsxRuntime.jsx("ul", Object.assign({ className: "social--links" }, { children: socials.links &&
+                                            socials.links.map((link, index) => (jsxRuntime.jsx("li", Object.assign({ className: "social--links--item" }, { children: jsxRuntime.jsx("a", Object.assign({ className: `social--links--link ${link.type}`, href: link.url }, { children: link.type })) }), index))) }))] })), subscribe && (jsxRuntime.jsx(components_Button_Button, { label: subscribe === null || subscribe === void 0 ? void 0 : subscribe.label, url: subscribe === null || subscribe === void 0 ? void 0 : subscribe.url, type: "primary", size: "large", target: "_blank" }))] })))] })), jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--secondary` }, { children: [jsxRuntime.jsx("div", Object.assign({ className: "legal" }, { children: legal })), secondarylinks && (jsxRuntime.jsx("nav", Object.assign({ className: "secondarylinks" }, { children: jsxRuntime.jsx("ul", Object.assign({ className: "secondarylinks--list" }, { children: secondarylinks.map((link, i) => (jsxRuntime.jsx("li", Object.assign({ className: "secondarylinks--list--item" }, { children: jsxRuntime.jsx("a", Object.assign({ href: link.url, className: "secondarylinks--list--link" }, { children: link === null || link === void 0 ? void 0 : link.label }), i) })))) })) }))), jsxRuntime.jsx("a", Object.assign({ href: anchorlink === null || anchorlink === void 0 ? void 0 : anchorlink.url, className: "anchorlink" }, { children: anchorlink === null || anchorlink === void 0 ? void 0 : anchorlink.label }))] }))] })));
+};
+
+module.exports = Footer;

package/lib/cjs/components/Footer/index.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var components_Footer_Footer = require('./Footer.js');
+require('react/jsx-runtime');
+require('../../hooks/useGlobalSettings.js');
+require('tslib');
+require('react');
+require('../../GlobalCtx-97e4b433.js');
+require('classnames');
+require('../LinkList/LinkList.js');
+require('../Button/Button.js');
+require('../Link/Link.js');
+require('../Icon/Icon.js');
+require('@ilo-org/icons-react');
+
+
+
+exports.Footer = components_Footer_Footer;

package/lib/cjs/components/LocalNav/LocalNav.js

@@ -0,0 +1,102 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var require$$0 = require('react');
+var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
+var components_ContextMenu_ContextMenu = require('../ContextMenu/ContextMenu.js');
+var classNames = require('classnames');
+require('tslib');
+require('../../GlobalCtx-97e4b433.js');
+
+var brand = {
+	"ilo-blue": {
+		value: "rgba(30, 45, 190, 1)"
+	},
+	"ilo-red": {
+		value: "rgba(250, 60, 75, 1)"
+	},
+	"ilo-dark-blue": {
+		value: "rgba(35, 0, 80, 1)"
+	},
+	"ilo-yellow": {
+		value: "rgba(255, 205, 45, 1)"
+	},
+	"ilo-green": {
+		value: "rgba(140, 225, 100, 1)"
+	},
+	"ilo-purple": {
+		value: "rgba(150, 10, 85, 1)"
+	},
+	"ilo-purple-light": {
+		value: "rgba(116, 96, 145, 1)"
+	},
+	"ilo-turquoise": {
+		value: "rgba(5, 210, 210, 1)"
+	},
+	"ilo-dark-red": {
+		value: "rgba(200, 48, 60, 1)"
+	},
+	"ilo-lighter-blue": {
+		value: "rgba(235, 245, 253, 1)"
+	},
+	"ilo-light-blue": {
+		value: "rgba(235, 245, 253, 1)"
+	},
+	"ilo-grey-light-alternate": {
+		value: "rgba(246, 247, 248, 1)"
+	},
+	"ilo-grey-light": {
+		value: "rgba(237, 240, 242, 1)"
+	},
+	"ilo-grey-ui": {
+		value: "rgba(184, 196, 204, 1)"
+	},
+	"ilo-grey-accessible": {
+		value: "rgba(109, 109, 109, 1)"
+	},
+	"ilo-grey-charcoal": {
+		value: "rgba(45, 45, 45, 1)"
+	},
+	"ilo-black": {
+		value: "rgba(45, 45, 45, 1)"
+	},
+	"ilo-white": {
+		value: "rgba(255, 255, 255, 1)"
+	},
+	"ilo-ramp-blue": {
+		value: "rgba(190, 220, 250, 1)"
+	},
+	"ilo-ramp-red": {
+		value: "rgba(254, 216, 219, 1)"
+	},
+	"ilo-ramp-green": {
+		value: "rgba(232, 249, 224, 1)"
+	},
+	"ilo-ramp-yellow": {
+		value: "rgba(255, 245, 200, 1)"
+	}
+};
+
+const LocalNav = ({ background, logo, siteurl, primarynav, mainlink, menucloselabel, languagelabel, languagecontextmenu, }) => {
+    const { prefix } = hooks_useGlobalSettings();
+    const [toggleMenuOpen, setMenuToggleOpen] = require$$0.useState(false);
+    const [toggleLanguageOpen, setLanguageToggleOpen] = require$$0.useState(false);
+    const baseClass = `${prefix}--header`;
+    const localNavClasses = classNames(baseClass, `${baseClass}--local`, {
+        [`${prefix}--mobile--open`]: toggleMenuOpen,
+        [`${prefix}--select--open`]: toggleLanguageOpen,
+    });
+    const bg = background ? background : brand["ilo-dark-blue"].value;
+    const handleMenuToggle = () => {
+        setMenuToggleOpen(!toggleMenuOpen);
+    };
+    const handleLanguageToggle = () => {
+        setLanguageToggleOpen(!toggleLanguageOpen);
+    };
+    return (jsxRuntime.jsx("header", Object.assign({ className: localNavClasses }, { children: jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--utility-bar ${baseClass}--utility-bar--local`, style: { background: bg } }, { children: [jsxRuntime.jsxs("nav", Object.assign({ className: `${prefix}--nav--local` }, { children: [jsxRuntime.jsx("div", Object.assign({ className: `${prefix}--nav--local--logo-wrapper` }, { children: jsxRuntime.jsx("a", Object.assign({ href: siteurl, className: `${prefix}--nav--local--logo-link` }, { children: jsxRuntime.jsx("img", { src: logo, alt: "ILO Logo", className: `${prefix}--nav--local--logo` }) })) })), jsxRuntime.jsx("ul", Object.assign({ className: `${prefix}--nav--local--set` }, { children: (primarynav === null || primarynav === void 0 ? void 0 : primarynav.items) &&
+                                primarynav.items.map((item, index) => (jsxRuntime.jsx("li", Object.assign({ className: `${prefix}--nav--local--item` }, { children: jsxRuntime.jsx("a", Object.assign({ href: item.url, className: `${prefix}--nav--local--link` }, { children: jsxRuntime.jsx("span", { children: item.label }) })) }), index))) }))] })), jsxRuntime.jsx("div", Object.assign({ className: `${prefix}--language-switcher` }, { children: jsxRuntime.jsxs("div", Object.assign({ className: `${prefix}--language-switcher--wrap` }, { children: [mainlink && (jsxRuntime.jsx("span", Object.assign({ className: `${prefix}--language-switcher--link--wrap` }, { children: jsxRuntime.jsx("a", Object.assign({ href: mainlink.url, className: `${prefix}--language-switcher--link` }, { children: mainlink.label })) }))), jsxRuntime.jsx("button", Object.assign({ className: `${prefix}--language-switcher--button`, type: "button" }, { children: languagelabel })), jsxRuntime.jsx(components_ContextMenu_ContextMenu, { links: languagecontextmenu === null || languagecontextmenu === void 0 ? void 0 : languagecontextmenu.links })] })) })), jsxRuntime.jsx("button", Object.assign({ className: `${baseClass}--menu`, onClick: handleMenuToggle }, { children: "Menu" })), jsxRuntime.jsx("div", Object.assign({ className: `${baseClass}--navigation` }, { children: jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--inner` }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: `${prefix}--mobile--nav` }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: `${prefix}--mobile--nav--logo` }, { children: [jsxRuntime.jsx("a", Object.assign({ href: siteurl, className: `${baseClass}--logo-link` }, { children: jsxRuntime.jsx("img", { className: `${baseClass}--logo`, src: logo, alt: "ILO Logo" }) })), jsxRuntime.jsx("button", Object.assign({ className: `${baseClass}--menu--close`, onClick: handleMenuToggle }, { children: menucloselabel }))] })), jsxRuntime.jsx("div", Object.assign({ className: `${prefix}--mobile--nav--language--switcher` }, { children: jsxRuntime.jsx("button", Object.assign({ className: `${prefix}--mobile--nav--language--switcher--button`, onClick: handleLanguageToggle, type: "button" }, { children: languagelabel })) })), jsxRuntime.jsx("div", Object.assign({ className: `${prefix}--mobile--nav--language--select` }, { children: jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--inner` }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: `${prefix}--mobile--subnav--menu` }, { children: [jsxRuntime.jsx("button", { className: `${prefix}--mobile--subnav--back`, onClick: handleLanguageToggle, type: "button" }), jsxRuntime.jsx("button", Object.assign({ className: `${baseClass}--menu--close`, onClick: handleMenuToggle }, { children: "Close" })), jsxRuntime.jsx("h6", Object.assign({ className: `${prefix}--mobile--subnav--label` }, { children: languagelabel }))] })), jsxRuntime.jsx("ul", Object.assign({ className: `${prefix}--nav--set` }, { children: (languagecontextmenu === null || languagecontextmenu === void 0 ? void 0 : languagecontextmenu.links) &&
+                                                        languagecontextmenu.links.map((item, index) => (jsxRuntime.jsx("li", Object.assign({ className: `${prefix}--nav--items` }, { children: jsxRuntime.jsx("a", Object.assign({ href: item.url, className: `${prefix}--nav--link ${prefix}--nav--language` }, { children: item.label })) }), index))) }))] })) }))] })), jsxRuntime.jsxs("nav", Object.assign({ className: `${prefix}--nav`, "aria-labelledby": "primary-navigation" }, { children: [jsxRuntime.jsx("h2", Object.assign({ className: `${prefix}--nav--label`, id: "primary-navigation" }, { children: primarynav === null || primarynav === void 0 ? void 0 : primarynav.navlabel })), jsxRuntime.jsx("ul", Object.assign({ className: `${prefix}--nav--set` }, { children: (primarynav === null || primarynav === void 0 ? void 0 : primarynav.items) &&
+                                            primarynav.items.map((item, index) => (jsxRuntime.jsx("li", Object.assign({ className: `${prefix}--nav--items` }, { children: jsxRuntime.jsx("a", Object.assign({ href: item.url, className: `${prefix}--nav--link` }, { children: item.label })) }), index))) }))] }))] })) }))] })) })));
+};
+
+module.exports = LocalNav;

package/lib/cjs/components/LocalNav/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var components_LocalNav_LocalNav = require('./LocalNav.js');
+require('react/jsx-runtime');
+require('react');
+require('../../hooks/useGlobalSettings.js');
+require('tslib');
+require('../../GlobalCtx-97e4b433.js');
+require('../ContextMenu/ContextMenu.js');
+require('classnames');
+
+
+
+exports.LocalNav = components_LocalNav_LocalNav;

package/lib/cjs/components/Video/Video.js

@@ -8,7 +8,7 @@ require('tslib');
 require('react');
 require('../../GlobalCtx-97e4b433.js');
 require('../../_commonjsHelpers-9f9f50a8.js');
-require('../../patterns-b55db71f.js');
+require('../../patterns-975adf3c.js');
 require('../../index-1b6434f0.js');
 require('react-dom');
 require('../../utils/hoursMinutesSeconds.js');

package/lib/cjs/components/Video/VideoPlayer.js

@@ -3,7 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var require$$0 = require('react');
 var _commonjsHelpers = require('../../_commonjsHelpers-9f9f50a8.js');
-var patterns = require('../../patterns-b55db71f.js');
+var patterns = require('../../patterns-975adf3c.js');
 var index = require('../../index-1b6434f0.js');
 var ReactDOM = require('react-dom');
 var classNames = require('classnames');
@@ -37,7 +37,7 @@ var players = {};
 	  lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
 	    return Promise.resolve().then(function () { return require(
 	    /* webpackChunkName: 'reactPlayerYouTube' */
-	    '../../YouTube-ec5847d4.js'); }).then(function (n) { return n.YouTube; });
+	    '../../YouTube-909bd761.js'); }).then(function (n) { return n.YouTube; });
 	  })
 	}, {
 	  key: 'soundcloud',
@@ -46,7 +46,7 @@ var players = {};
 	  lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
 	    return Promise.resolve().then(function () { return require(
 	    /* webpackChunkName: 'reactPlayerSoundCloud' */
-	    '../../SoundCloud-cd1b1590.js'); }).then(function (n) { return n.SoundCloud; });
+	    '../../SoundCloud-356fd92d.js'); }).then(function (n) { return n.SoundCloud; });
 	  })
 	}, {
 	  key: 'vimeo',
@@ -55,7 +55,7 @@ var players = {};
 	  lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
 	    return Promise.resolve().then(function () { return require(
 	    /* webpackChunkName: 'reactPlayerVimeo' */
-	    '../../Vimeo-009601ef.js'); }).then(function (n) { return n.Vimeo; });
+	    '../../Vimeo-6898bfd9.js'); }).then(function (n) { return n.Vimeo; });
 	  })
 	}, {
 	  key: 'facebook',
@@ -64,7 +64,7 @@ var players = {};
 	  lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
 	    return Promise.resolve().then(function () { return require(
 	    /* webpackChunkName: 'reactPlayerFacebook' */
-	    '../../Facebook-ccb27d1d.js'); }).then(function (n) { return n.Facebook; });
+	    '../../Facebook-d993b91c.js'); }).then(function (n) { return n.Facebook; });
 	  })
 	}, {
 	  key: 'streamable',
@@ -73,7 +73,7 @@ var players = {};
 	  lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
 	    return Promise.resolve().then(function () { return require(
 	    /* webpackChunkName: 'reactPlayerStreamable' */
-	    '../../Streamable-f47da42a.js'); }).then(function (n) { return n.Streamable; });
+	    '../../Streamable-407ca855.js'); }).then(function (n) { return n.Streamable; });
 	  })
 	}, {
 	  key: 'wistia',
@@ -82,7 +82,7 @@ var players = {};
 	  lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
 	    return Promise.resolve().then(function () { return require(
 	    /* webpackChunkName: 'reactPlayerWistia' */
-	    '../../Wistia-8c9f4c58.js'); }).then(function (n) { return n.Wistia; });
+	    '../../Wistia-ed77bf25.js'); }).then(function (n) { return n.Wistia; });
 	  })
 	}, {
 	  key: 'twitch',
@@ -91,7 +91,7 @@ var players = {};
 	  lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
 	    return Promise.resolve().then(function () { return require(
 	    /* webpackChunkName: 'reactPlayerTwitch' */
-	    '../../Twitch-c503e140.js'); }).then(function (n) { return n.Twitch; });
+	    '../../Twitch-ca00faaf.js'); }).then(function (n) { return n.Twitch; });
 	  })
 	}, {
 	  key: 'dailymotion',
@@ -100,7 +100,7 @@ var players = {};
 	  lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
 	    return Promise.resolve().then(function () { return require(
 	    /* webpackChunkName: 'reactPlayerDailyMotion' */
-	    '../../DailyMotion-97d1831a.js'); }).then(function (n) { return n.DailyMotion; });
+	    '../../DailyMotion-4f88e10b.js'); }).then(function (n) { return n.DailyMotion; });
 	  })
 	}, {
 	  key: 'mixcloud',
@@ -109,7 +109,7 @@ var players = {};
 	  lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
 	    return Promise.resolve().then(function () { return require(
 	    /* webpackChunkName: 'reactPlayerMixcloud' */
-	    '../../Mixcloud-f02a460e.js'); }).then(function (n) { return n.Mixcloud; });
+	    '../../Mixcloud-2b4ffb85.js'); }).then(function (n) { return n.Mixcloud; });
 	  })
 	}, {
 	  key: 'vidyard',
@@ -118,7 +118,7 @@ var players = {};
 	  lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
 	    return Promise.resolve().then(function () { return require(
 	    /* webpackChunkName: 'reactPlayerVidyard' */
-	    '../../Vidyard-d9c2f073.js'); }).then(function (n) { return n.Vidyard; });
+	    '../../Vidyard-9d037503.js'); }).then(function (n) { return n.Vidyard; });
 	  })
 	}, {
 	  key: 'kaltura',
@@ -127,7 +127,7 @@ var players = {};
 	  lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
 	    return Promise.resolve().then(function () { return require(
 	    /* webpackChunkName: 'reactPlayerKaltura' */
-	    '../../Kaltura-d6c19814.js'); }).then(function (n) { return n.Kaltura; });
+	    '../../Kaltura-fbd2c46f.js'); }).then(function (n) { return n.Kaltura; });
 	  })
 	}, {
 	  key: 'file',
@@ -139,7 +139,7 @@ var players = {};
 	  lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
 	    return Promise.resolve().then(function () { return require(
 	    /* webpackChunkName: 'reactPlayerFilePlayer' */
-	    '../../FilePlayer-81b9fc3f.js'); }).then(function (n) { return n.FilePlayer; });
+	    '../../FilePlayer-8272a6ea.js'); }).then(function (n) { return n.FilePlayer; });
 	  })
 	}];
 	exports["default"] = _default;

package/lib/cjs/components/Video/index.js

@@ -9,7 +9,7 @@ require('react');
 require('../../GlobalCtx-97e4b433.js');
 require('./VideoPlayer.js');
 require('../../_commonjsHelpers-9f9f50a8.js');
-require('../../patterns-b55db71f.js');
+require('../../patterns-975adf3c.js');
 require('../../index-1b6434f0.js');
 require('react-dom');
 require('../../utils/hoursMinutesSeconds.js');

package/lib/cjs/components/index.js

@@ -50,6 +50,8 @@ var components_List_List = require('./List/List.js');
 require('../ListCtx-7db7fe04.js');
 var components_Profile_Profile = require('./Profile/Profile.js');
 var components_TableOfContents_TableOfContents = require('./TableOfContents/TableOfContents.js');
+var components_Footer_Footer = require('./Footer/Footer.js');
+var components_LocalNav_LocalNav = require('./LocalNav/LocalNav.js');
 require('../hooks/useGlobalSettings.js');
 require('../AccordionCtx-fe08ff45.js');
 require('@ilo-org/utils');
@@ -65,7 +67,7 @@ require('@ilo-org/icons-react');
 require('./Hero/HeroCard.js');
 require('./Video/VideoPlayer.js');
 require('../_commonjsHelpers-9f9f50a8.js');
-require('../patterns-b55db71f.js');
+require('../patterns-975adf3c.js');
 require('../utils/hoursMinutesSeconds.js');
 require('screenfull');
 
@@ -113,3 +115,5 @@ exports.Icon = components_Icon_Icon;
 exports.List = components_List_List;
 exports.Profile = components_Profile_Profile;
 exports.TableOfContents = components_TableOfContents_TableOfContents;
+exports.Footer = components_Footer_Footer;
+exports.LocalNav = components_LocalNav_LocalNav;

package/lib/cjs/index.js

@@ -50,6 +50,8 @@ var components_List_List = require('./components/List/List.js');
 require('./ListCtx-7db7fe04.js');
 var components_Profile_Profile = require('./components/Profile/Profile.js');
 var components_TableOfContents_TableOfContents = require('./components/TableOfContents/TableOfContents.js');
+var components_Footer_Footer = require('./components/Footer/Footer.js');
+var components_LocalNav_LocalNav = require('./components/LocalNav/LocalNav.js');
 require('./hooks/useGlobalSettings.js');
 require('./AccordionCtx-fe08ff45.js');
 require('@ilo-org/utils');
@@ -64,7 +66,7 @@ require('./utils/triggerBrowserReflow.js');
 require('./components/Hero/HeroCard.js');
 require('./components/Video/VideoPlayer.js');
 require('./_commonjsHelpers-9f9f50a8.js');
-require('./patterns-b55db71f.js');
+require('./patterns-975adf3c.js');
 require('./utils/hoursMinutesSeconds.js');
 require('screenfull');
 require('@ilo-org/icons-react');
@@ -113,3 +115,5 @@ exports.Icon = components_Icon_Icon;
 exports.List = components_List_List;
 exports.Profile = components_Profile_Profile;
 exports.TableOfContents = components_TableOfContents_TableOfContents;
+exports.Footer = components_Footer_Footer;
+exports.LocalNav = components_LocalNav_LocalNav;

package/lib/cjs/{patterns-b55db71f.js → patterns-975adf3c.js}

@@ -119,7 +119,7 @@ function getMergeFunction(key, options) {
 function getEnumerableOwnPropertySymbols(target) {
 	return Object.getOwnPropertySymbols
 		? Object.getOwnPropertySymbols(target).filter(function(symbol) {
-			return target.propertyIsEnumerable(symbol)
+			return Object.propertyIsEnumerable.call(target, symbol)
 		})
 		: []
 }

package/lib/esm/{DailyMotion-b35dc8bb.js → DailyMotion-9a7aeab5.js}

@@ -1,6 +1,6 @@
 import { a as getDefaultExportFromCjs } from './_commonjsHelpers-849bcf65.js';
 import require$$0 from 'react';
-import { p as patterns, u as utils } from './patterns-3a3fa9d6.js';
+import { p as patterns, u as utils } from './patterns-53247c1d.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/lib/esm/{Facebook-c3c77787.js → Facebook-eb35da52.js}

@@ -1,6 +1,6 @@
 import { a as getDefaultExportFromCjs } from './_commonjsHelpers-849bcf65.js';
 import require$$0 from 'react';
-import { p as patterns, u as utils } from './patterns-3a3fa9d6.js';
+import { p as patterns, u as utils } from './patterns-53247c1d.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/lib/esm/{FilePlayer-540e4c5a.js → FilePlayer-22314795.js}

@@ -1,6 +1,6 @@
 import { a as getDefaultExportFromCjs } from './_commonjsHelpers-849bcf65.js';
 import require$$0 from 'react';
-import { p as patterns, u as utils } from './patterns-3a3fa9d6.js';
+import { p as patterns, u as utils } from './patterns-53247c1d.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/lib/esm/{Kaltura-4ac3cda3.js → Kaltura-b97bb455.js}

@@ -1,6 +1,6 @@
 import { a as getDefaultExportFromCjs } from './_commonjsHelpers-849bcf65.js';
 import require$$0 from 'react';
-import { p as patterns, u as utils } from './patterns-3a3fa9d6.js';
+import { p as patterns, u as utils } from './patterns-53247c1d.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/lib/esm/{Mixcloud-3d4e0760.js → Mixcloud-41d6dc0b.js}

@@ -1,6 +1,6 @@
 import { a as getDefaultExportFromCjs } from './_commonjsHelpers-849bcf65.js';
 import require$$0 from 'react';
-import { p as patterns, u as utils } from './patterns-3a3fa9d6.js';
+import { p as patterns, u as utils } from './patterns-53247c1d.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/lib/esm/{SoundCloud-306d6c78.js → SoundCloud-0fac2e7a.js}

@@ -1,6 +1,6 @@
 import { a as getDefaultExportFromCjs } from './_commonjsHelpers-849bcf65.js';
 import require$$0 from 'react';
-import { p as patterns, u as utils } from './patterns-3a3fa9d6.js';
+import { p as patterns, u as utils } from './patterns-53247c1d.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/lib/esm/{Streamable-aa3d544e.js → Streamable-46f19a16.js}

@@ -1,6 +1,6 @@
 import { a as getDefaultExportFromCjs } from './_commonjsHelpers-849bcf65.js';
 import require$$0 from 'react';
-import { p as patterns, u as utils } from './patterns-3a3fa9d6.js';
+import { p as patterns, u as utils } from './patterns-53247c1d.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/lib/esm/{Twitch-4a1a1565.js → Twitch-1be39438.js}

@@ -1,6 +1,6 @@
 import { a as getDefaultExportFromCjs } from './_commonjsHelpers-849bcf65.js';
 import require$$0 from 'react';
-import { p as patterns, u as utils } from './patterns-3a3fa9d6.js';
+import { p as patterns, u as utils } from './patterns-53247c1d.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/lib/esm/{Vidyard-fe74c274.js → Vidyard-6185c490.js}

@@ -1,6 +1,6 @@
 import { a as getDefaultExportFromCjs } from './_commonjsHelpers-849bcf65.js';
 import require$$0 from 'react';
-import { p as patterns, u as utils } from './patterns-3a3fa9d6.js';
+import { p as patterns, u as utils } from './patterns-53247c1d.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/lib/esm/{Vimeo-074f2c39.js → Vimeo-a807e7e1.js}

@@ -1,6 +1,6 @@
 import { a as getDefaultExportFromCjs } from './_commonjsHelpers-849bcf65.js';
 import require$$0 from 'react';
-import { p as patterns, u as utils } from './patterns-3a3fa9d6.js';
+import { p as patterns, u as utils } from './patterns-53247c1d.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/lib/esm/{Wistia-0a2b73b0.js → Wistia-eef03ce2.js}

@@ -1,6 +1,6 @@
 import { a as getDefaultExportFromCjs } from './_commonjsHelpers-849bcf65.js';
 import require$$0 from 'react';
-import { p as patterns, u as utils } from './patterns-3a3fa9d6.js';
+import { p as patterns, u as utils } from './patterns-53247c1d.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/lib/esm/{YouTube-d58f130b.js → YouTube-e030042e.js}

@@ -1,6 +1,6 @@
 import { a as getDefaultExportFromCjs } from './_commonjsHelpers-849bcf65.js';
 import require$$0 from 'react';
-import { p as patterns, u as utils } from './patterns-3a3fa9d6.js';
+import { p as patterns, u as utils } from './patterns-53247c1d.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {