@ilo-org/react 0.17.7 → 0.18.0

package/lib/cjs/components/Heading/Heading.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-require('react');
-require('../../GlobalCtx-10114bdd.js');
-
-const Heading = (_a) => {
-    var { level = "h3", children, className, type } = _a, rest = tslib.__rest(_a, ["level", "children", "className", "type"]);
-    const { prefix } = hooks_useGlobalSettings();
-    const UseHeading = level;
-    const baseClass = `${prefix}--${level}`;
-    const headingClasses = classNames(className, {
-        [baseClass]: true,
-        [`${baseClass}--${type}`]: type,
-    });
-    return (jsxRuntime.jsx(UseHeading, Object.assign({ className: headingClasses }, rest, { children: children })));
-};
-
-module.exports = Heading;

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

@@ -1,13 +0,0 @@
-'use strict';
-
-var components_Heading_Heading = require('./Heading.js');
-require('tslib');
-require('react/jsx-runtime');
-require('classnames');
-require('../../hooks/useGlobalSettings.js');
-require('react');
-require('../../GlobalCtx-10114bdd.js');
-
-
-
-exports.Heading = components_Heading_Heading;

package/lib/cjs/components/Hero/Hero.js

@@ -1,37 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-var components_Hero_HeroCard = require('./HeroCard.js');
-var components_Breadcrumb_Breadcrumb = require('../Breadcrumb/Breadcrumb.js');
-var components_Tooltip_Tooltip = require('../Tooltip/Tooltip.js');
-require('tslib');
-require('react');
-require('../../GlobalCtx-10114bdd.js');
-require('../SocialMedia/SocialMedia.js');
-require('../SocialMedia/index.js');
-require('../ContextMenu/ContextMenu.js');
-require('@popperjs/core');
-
-const HeroImage = ({ url, alt }) => {
-    const { prefix } = hooks_useGlobalSettings();
-    const imageClass = `${prefix}--card--image`;
-    // Sort the urls by breakpoint
-    const sortedUrls = url.sort((a, b) => a.breakpoint - b.breakpoint);
-    const defaultSrc = sortedUrls[sortedUrls.length - 1].src;
-    return (jsxRuntime.jsx("figure", Object.assign({ className: "hero--image" }, { children: jsxRuntime.jsxs("picture", { children: [sortedUrls.map((img) => (jsxRuntime.jsx("source", { srcSet: img.src, media: `(min-width: ${img.breakpoint}px)` }, img.breakpoint))), jsxRuntime.jsx("img", { className: imageClass, src: defaultSrc, alt: alt })] }) })));
-};
-const Hero = ({ justify = "start", align = "baseline", cardSize = "small", posterSize = "large", theme = "dark", image, breadcrumb, heroCard, caption, gap, }) => {
-    const baseClass = "hero";
-    const justifyClass = `${baseClass}__card-justify__${justify}`;
-    const alignClass = `${baseClass}__card-align__${align}`;
-    const cardSizeClass = `${baseClass}__card-size__${cardSize}`;
-    const posterSizeClass = `${baseClass}__poster-size__${posterSize}`;
-    const themeClass = `${baseClass}__card-theme__${theme}`;
-    const gapClass = `${baseClass}__gap__${gap}`;
-    const heroClasses = classNames(baseClass, justifyClass, alignClass, cardSizeClass, posterSizeClass, themeClass, { [gapClass]: !!gap });
-    return (jsxRuntime.jsxs("div", Object.assign({ className: heroClasses }, { children: [jsxRuntime.jsx("div", Object.assign({ className: "hero--background" }, { children: image && jsxRuntime.jsx(HeroImage, Object.assign({}, image)) })), breadcrumb && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx("div", Object.assign({ className: "hero--breadcrumbs" }, { children: jsxRuntime.jsx("div", Object.assign({ className: "hero--breadcrumbs--wrapper" }, { children: jsxRuntime.jsx(components_Breadcrumb_Breadcrumb, Object.assign({}, breadcrumb)) })) })) })), jsxRuntime.jsx("div", { className: "hero--card-offset" }), jsxRuntime.jsx("div", Object.assign({ className: "hero--card" }, { children: jsxRuntime.jsx(components_Hero_HeroCard, Object.assign({}, heroCard)) })), caption && (jsxRuntime.jsx("div", Object.assign({ className: "hero--caption" }, { children: jsxRuntime.jsx("div", Object.assign({ className: "hero--caption--wrapper" }, { children: jsxRuntime.jsx(components_Tooltip_Tooltip, Object.assign({}, caption)) })) })))] })));
-};
-
-module.exports = Hero;

package/lib/cjs/components/Hero/HeroCard.js

@@ -1,35 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-var components_SocialMedia_SocialMedia = require('../SocialMedia/SocialMedia.js');
-require('../SocialMedia/index.js');
-require('tslib');
-require('react');
-require('../../GlobalCtx-10114bdd.js');
-
-const HeroCardTitle = ({ baseclass, title, url }) => {
-    const titleClass = `${baseclass}--title`;
-    const linkClass = `${baseclass}--title-link`;
-    if (!url) {
-        return jsxRuntime.jsx("h1", Object.assign({ className: titleClass }, { children: title }));
-    }
-    return (jsxRuntime.jsx("a", Object.assign({ className: linkClass, href: url }, { children: jsxRuntime.jsx("h1", Object.assign({ className: titleClass }, { children: title })) })));
-};
-const HeroCard = ({ theme = "dark", background = "solid", cornercut = "true", eyebrow, title, url, datecopy, intro, socialmedia, }) => {
-    const { prefix } = hooks_useGlobalSettings();
-    const baseClass = `${prefix}--hero-card`;
-    const themeClass = `${baseClass}__theme__${theme}`;
-    const backgroundClass = `${baseClass}__background__${background}`;
-    const cornercutClass = `${baseClass}__cornercut`;
-    const heroCardClasses = classNames(baseClass, themeClass, backgroundClass, {
-        [cornercutClass]: cornercut,
-    });
-    const eyebrowClass = `${baseClass}--eyebrow`;
-    const datecopyClass = `${baseClass}--datecopy`;
-    const introClass = `${baseClass}--intro`;
-    return (jsxRuntime.jsxs("div", Object.assign({ className: heroCardClasses }, { children: [eyebrow && jsxRuntime.jsx("p", Object.assign({ className: eyebrowClass }, { children: eyebrow })), jsxRuntime.jsx(HeroCardTitle, { baseclass: baseClass, title: title, url: url }), intro && jsxRuntime.jsx("p", Object.assign({ className: introClass }, { children: intro })), datecopy && jsxRuntime.jsx("p", Object.assign({ className: datecopyClass }, { children: datecopy })), socialmedia && jsxRuntime.jsx(components_SocialMedia_SocialMedia, Object.assign({}, socialmedia, { theme: theme }))] })));
-};
-
-module.exports = HeroCard;

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

@@ -1,21 +0,0 @@
-'use strict';
-
-var components_Hero_Hero = require('./Hero.js');
-var components_Hero_HeroCard = require('./HeroCard.js');
-require('react/jsx-runtime');
-require('classnames');
-require('../../hooks/useGlobalSettings.js');
-require('tslib');
-require('react');
-require('../../GlobalCtx-10114bdd.js');
-require('../Breadcrumb/Breadcrumb.js');
-require('../ContextMenu/ContextMenu.js');
-require('../Tooltip/Tooltip.js');
-require('@popperjs/core');
-require('../SocialMedia/SocialMedia.js');
-require('../SocialMedia/index.js');
-
-
-
-exports.Hero = components_Hero_Hero;
-exports.HeroCard = components_Hero_HeroCard;

package/lib/cjs/components/Icon/Icon.js

@@ -1,43 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-var icons = require('@ilo-org/icons-react');
-require('tslib');
-require('../../GlobalCtx-10114bdd.js');
-
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var icons__namespace = /*#__PURE__*/_interopNamespaceDefault(icons);
-
-const Icon = ({ hidden, name, size }) => {
-    const { prefix } = hooks_useGlobalSettings();
-    const baseClass = `${prefix}--icon`;
-    const ariaHidden = hidden ? "hidden" : "";
-    const iconsize = size || 24;
-    const icon = name
-        ? React.createElement(icons__namespace[`${name.charAt(0).toUpperCase() + name.slice(1)}${iconsize}`], {
-            "aria-hidden": ariaHidden,
-            className: baseClass,
-        })
-        : false;
-    return jsxRuntime.jsx(jsxRuntime.Fragment, { children: icon });
-};
-
-module.exports = Icon;

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

@@ -1,13 +0,0 @@
-'use strict';
-
-var components_Icon_Icon = require('./Icon.js');
-require('react/jsx-runtime');
-require('react');
-require('../../hooks/useGlobalSettings.js');
-require('tslib');
-require('../../GlobalCtx-10114bdd.js');
-require('@ilo-org/icons-react');
-
-
-
-exports.Icon = components_Icon_Icon;

package/lib/cjs/components/Image/Image.js

@@ -1,31 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-var components_Credit_Credit = require('../Credit/Credit.js');
-require('tslib');
-require('react');
-require('../../GlobalCtx-10114bdd.js');
-
-const Image = ({ alt, caption, className, credit, url }) => {
-    const { prefix } = hooks_useGlobalSettings();
-    const baseClass = `${prefix}--image`;
-    const imageClasses = classNames(className, {
-        [baseClass]: true,
-    });
-    const imgClasses = classNames("", {
-        [`${baseClass}--img`]: true,
-    });
-    const captionClasses = classNames("", {
-        [`${baseClass}--caption`]: true,
-    });
-    return (jsxRuntime.jsxs("figure", Object.assign({ className: imageClasses }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: `${imageClasses}--wrapper` }, { children: [jsxRuntime.jsxs("picture", Object.assign({ className: imgClasses }, { children: [url &&
-                                url
-                                    .sort((a, b) => parseFloat(a.breakpoint) - parseFloat(b.breakpoint))
-                                    .slice(1)
-                                    .reverse()
-                                    .map((item, index) => (jsxRuntime.jsx("source", { srcSet: item.src, media: `(min-width: ${item.breakpoint}px)` }, index))), url && jsxRuntime.jsx("img", { src: url[0].src, alt: alt })] })), credit && jsxRuntime.jsx(components_Credit_Credit, { credit: credit })] })), caption && jsxRuntime.jsx("figcaption", Object.assign({ className: captionClasses }, { children: caption }))] })));
-};
-
-module.exports = Image;

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

@@ -1,14 +0,0 @@
-'use strict';
-
-var components_Image_Image = require('./Image.js');
-require('react/jsx-runtime');
-require('classnames');
-require('../../hooks/useGlobalSettings.js');
-require('tslib');
-require('react');
-require('../../GlobalCtx-10114bdd.js');
-require('../Credit/Credit.js');
-
-
-
-exports.Image = components_Image_Image;

package/lib/cjs/components/Input/Input.js

@@ -1,32 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-var components_Fieldset_Fieldset = require('../Fieldset/Fieldset.js');
-var components_FormElement_FormElement = require('../FormElement/FormElement.js');
-require('tslib');
-require('../../GlobalCtx-10114bdd.js');
-require('../Tooltip/Tooltip.js');
-require('@popperjs/core');
-
-const Input = React.forwardRef(({ callback, disabled = false, error, helper, id, label, name, placeholder, required, tooltip, value, type = "text", }, ref) => {
-    const { prefix } = hooks_useGlobalSettings();
-    const baseClass = `${prefix}--input`;
-    const InputClasses = classNames("", {
-        [baseClass]: true,
-        [`error`]: error,
-    });
-    /**
-     * On change, if there is a callback, call it
-     */
-    const handleChange = (e) => {
-        if (callback) {
-            callback(e);
-        }
-    };
-    return (jsxRuntime.jsx(components_Fieldset_Fieldset.default, { children: jsxRuntime.jsx(components_FormElement_FormElement, Object.assign({ elemid: name, label: label, helper: helper, error: error, required: required, tooltip: tooltip }, { children: jsxRuntime.jsx("input", { id: id ? id : name, name: name, onChange: handleChange, disabled: disabled, placeholder: placeholder, required: required, type: type, value: value, className: InputClasses, ref: ref }) })) }));
-});
-
-module.exports = Input;

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

@@ -1,17 +0,0 @@
-'use strict';
-
-var components_Input_Input = require('./Input.js');
-require('react/jsx-runtime');
-require('react');
-require('classnames');
-require('../../hooks/useGlobalSettings.js');
-require('tslib');
-require('../../GlobalCtx-10114bdd.js');
-require('../Fieldset/Fieldset.js');
-require('../Tooltip/Tooltip.js');
-require('@popperjs/core');
-require('../FormElement/FormElement.js');
-
-
-
-exports.Input = components_Input_Input;

package/lib/cjs/components/Link/Link.js

@@ -1,23 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-require('react');
-require('../../GlobalCtx-10114bdd.js');
-
-const Link = (_a) => {
-    var { children, className, label, target, theme = "light", url, style } = _a, rest = tslib.__rest(_a, ["children", "className", "label", "target", "theme", "url", "style"]);
-    const { prefix } = hooks_useGlobalSettings();
-    const baseClass = typeof className !== "undefined" && className.includes("button")
-        ? ""
-        : `${prefix}--link`;
-    const linkClasses = classNames(className, {
-        [baseClass]: true,
-        [`${baseClass}--${theme}`]: theme,
-    });
-    return (jsxRuntime.jsxs("a", Object.assign({ className: linkClasses, href: url, target: target, rel: target ? "noopener noreferrer" : "", style: style }, rest, { children: [label && jsxRuntime.jsx("span", Object.assign({ className: "link__label" }, { children: label })), children] })));
-};
-
-module.exports = Link;

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

@@ -1,13 +0,0 @@
-'use strict';
-
-var components_Link_Link = require('./Link.js');
-require('tslib');
-require('react/jsx-runtime');
-require('classnames');
-require('../../hooks/useGlobalSettings.js');
-require('react');
-require('../../GlobalCtx-10114bdd.js');
-
-
-
-exports.Link = components_Link_Link;

package/lib/cjs/components/LinkList/LinkList.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-require('tslib');
-require('react');
-require('../../GlobalCtx-10114bdd.js');
-
-const LinkList = ({ className, headline, linkgroup, theme, }) => {
-    const { prefix } = hooks_useGlobalSettings();
-    const baseClass = `${prefix}--link-list`;
-    const linkListClasses = classNames(className, {
-        [baseClass]: true,
-        [`${baseClass + "--" + (theme && theme === "dark" ? theme : "light")}`]: true,
-    });
-    return (jsxRuntime.jsxs("div", Object.assign({ className: linkListClasses }, { children: [headline && jsxRuntime.jsx("h3", Object.assign({ className: `${baseClass}--headline` }, { children: headline })), jsxRuntime.jsx("ul", Object.assign({ className: `${baseClass}--linkgroups` }, { children: linkgroup &&
-                    linkgroup.map((linkset, i) => (jsxRuntime.jsxs("li", Object.assign({ className: `${baseClass}--linkgroups-item` }, { children: [linkset.headline && (jsxRuntime.jsx("h4", Object.assign({ className: `${baseClass}--links--headline` }, { children: linkset.headline }))), jsxRuntime.jsx("ul", Object.assign({ className: `${baseClass}--links` }, { children: linkset.links &&
-                                    linkset.links.map((link, i) => (jsxRuntime.jsx("li", Object.assign({ className: `${baseClass}--links--item${link.indented ? " indented" : ""}` }, { children: jsxRuntime.jsx("a", Object.assign({ href: link.url, className: `${baseClass}--link` }, { children: jsxRuntime.jsx("span", Object.assign({ className: `${baseClass}--label` }, { children: link.label })) })) }), `${baseClass}--links--item-${i}`))) }))] }), `${baseClass}--linkgroups-item-${i}`))) }))] })));
-};
-
-module.exports = LinkList;

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

@@ -1,13 +0,0 @@
-'use strict';
-
-var components_LinkList_LinkList = require('./LinkList.js');
-require('react/jsx-runtime');
-require('classnames');
-require('../../hooks/useGlobalSettings.js');
-require('tslib');
-require('react');
-require('../../GlobalCtx-10114bdd.js');
-
-
-
-exports.LinkList = components_LinkList_LinkList;

package/lib/cjs/components/List/List.js

@@ -1,23 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-require('tslib');
-require('react');
-require('../../GlobalCtx-10114bdd.js');
-
-const List = ({ children, className, alignment = "default", ordered = "unstyled", title, }) => {
-    const { prefix } = hooks_useGlobalSettings();
-    const baseClass = `${prefix}--list`;
-    const unstyledClass = `${baseClass}__unstyled`;
-    const horizontalClass = `${baseClass}__horizontal`;
-    const titleClass = `${baseClass}--title`;
-    const listClasses = classNames(className, baseClass, {
-        [unstyledClass]: ordered === "unstyled",
-        [horizontalClass]: alignment === "horizontal",
-    });
-    return (jsxRuntime.jsxs("div", Object.assign({ className: listClasses }, { children: [title && jsxRuntime.jsx("h2", Object.assign({ className: titleClass }, { children: title })), ordered && ordered === "ordered" ? (jsxRuntime.jsx("ol", { children: children })) : (jsxRuntime.jsx("ul", { children: children }))] })));
-};
-
-module.exports = List;

package/lib/cjs/components/List/ListItem.js

@@ -1,18 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-require('react');
-require('../../GlobalCtx-10114bdd.js');
-
-const ListItem = (_a) => {
-    var { children, className } = _a, rest = tslib.__rest(_a, ["children", "className"]);
-    const { prefix } = hooks_useGlobalSettings();
-    const baseClass = `${prefix}--list--item`;
-    const listItemClasses = classNames(className, baseClass);
-    return (jsxRuntime.jsx("li", Object.assign({ className: listItemClasses }, rest, { children: children })));
-};
-
-module.exports = ListItem;

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

@@ -1,15 +0,0 @@
-'use strict';
-
-var components_List_List = require('./List.js');
-var components_List_ListItem = require('./ListItem.js');
-require('react/jsx-runtime');
-require('classnames');
-require('../../hooks/useGlobalSettings.js');
-require('tslib');
-require('react');
-require('../../GlobalCtx-10114bdd.js');
-
-
-
-exports.List = components_List_List;
-exports.ListItem = components_List_ListItem;

package/lib/cjs/components/Loading/Loading.js

@@ -1,21 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-require('tslib');
-require('react');
-require('../../GlobalCtx-10114bdd.js');
-
-const Loading = ({ className, message, size, status }) => {
-    const { prefix } = hooks_useGlobalSettings();
-    const baseClass = `${prefix}--loading`;
-    const loadingClasses = classNames(className, {
-        [baseClass]: true,
-        [`${baseClass}--${size}`]: size,
-        [`${baseClass}--${status}`]: status,
-    });
-    return (jsxRuntime.jsx("div", Object.assign({ className: loadingClasses, role: "alert", "aria-live": "assertive" }, { children: status && message && status !== "idle" && (jsxRuntime.jsx("p", Object.assign({ className: `${baseClass}--copy` }, { children: message }))) })));
-};
-
-module.exports = Loading;

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

@@ -1,13 +0,0 @@
-'use strict';
-
-var components_Loading_Loading = require('./Loading.js');
-require('react/jsx-runtime');
-require('classnames');
-require('../../hooks/useGlobalSettings.js');
-require('tslib');
-require('react');
-require('../../GlobalCtx-10114bdd.js');
-
-
-
-exports.Loading = components_Loading_Loading;

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

@@ -1,98 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-var components_ContextMenu_ContextMenu = require('../ContextMenu/ContextMenu.js');
-var classNames = require('classnames');
-var components_Logo_Logo = require('../Logo/Logo.js');
-require('tslib');
-require('../../GlobalCtx-10114bdd.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-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-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 DEFAULT_LOGO_SIZE = 280;
-const LocalNav = ({ background, logo, primarynav, mainlink, menucloselabel, languagelabel, languagecontextmenu, }) => {
-    const { prefix } = hooks_useGlobalSettings();
-    const [toggleMenuOpen, setMenuToggleOpen] = React.useState(false);
-    const [toggleLanguageOpen, setLanguageToggleOpen] = React.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(components_Logo_Logo, { url: logo.url, src: logo.src, alt: logo.alt, className: `${prefix}--nav--local--logo`, subbrand: logo.subbrand, theme: logo.theme, size: logo.size || DEFAULT_LOGO_SIZE }) })), 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(components_Logo_Logo, { url: logo.url, src: logo.src, alt: logo.alt, className: `${prefix}--nav--local--logo`, subbrand: logo.subbrand, theme: logo.theme, size: logo.size || DEFAULT_LOGO_SIZE }), 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

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