@laerdal/life-react-components 3.5.1-dev.16 → 3.5.1-dev.18

package/dist/src/Dropdown/DropdownFilter.d.ts

@@ -1,41 +0,0 @@
-import * as React from 'react';
-import { DropdownItem } from './DropdownContent';
-import { Size, Testable } from '../types';
-export interface DropdownFilterProps extends Testable, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onSelect' | 'size' | 'list' | 'autoComplete' | 'type' | 'placeholder' | 'onKeyDown' | 'value' | 'onChange' | 'required' | 'tabIndex' | 'disabled' | 'readOnly'> {
-    /** Required. List of items to show in the dropdown. */
-    list: DropdownItem[];
-    /** Optional. Placeholder text to show when there is no input and no item was selected */
-    placeholder?: string;
-    /** Optional. Currently selected item */
-    value?: string;
-    /** Optional. Handler to be called when user selects one of the items. */
-    onSelect?: (value: string) => void;
-    /** Optional. Handler to be called when user changes text in the input. */
-    onInputChange?: (input: string) => void;
-    /** Optional. If set, then HTML 'required' attribute will be set for the input field */
-    required?: boolean;
-    /** Optional. If set, then user will not be able to interact with the input field */
-    disabled?: boolean;
-    /** Optional. If set, then 'readonly' HTML attribute will be set to the input field */
-    readOnly?: boolean;
-    /** Optional. If set, then loading indicator will be shown in the input field. */
-    loading?: boolean;
-    /** Optional. If set, then items in the dropdown will not be filtered depending on the user input */
-    disableFiltering?: boolean;
-    /** Optional. If none of the items fits input, then there will be a message shown in the dropdown. */
-    messageOnNoResults?: string;
-    /** Optional. Validation error message to be shown under the input field. */
-    activeValidationMessage?: string;
-    /** Optional. Informal message to show under the input field. */
-    autofilledMessage?: string;
-    /** Optional. Size of the input field */
-    size?: Size.Small | Size.Medium;
-    /** Optional. Position of the tooltip to show when input is overflowing the input field. */
-    overflowTooltipPosition?: 'top' | 'bottom';
-    /** Optional. Margin of the dropdown container items */
-    margin?: string;
-    /** Optional. Sets if dropdown container is scrollable */
-    scrollable?: boolean;
-}
-declare const DropdownFilter: React.ForwardRefExoticComponent<DropdownFilterProps & React.RefAttributes<unknown>>;
-export default DropdownFilter;

package/dist/src/Dropdown/DropdownFilter.js

@@ -1,161 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from 'react';
-import { COLORS } from '../styles';
-import { SystemIcons } from '../icons';
-import { LoadingIndicator } from '../LoadingIndicator';
-import { DropdownInputFieldStyles, DropdownContainer, DropdownInputField } from './CommonStyling';
-import DropdownContent from './DropdownContent';
-import { Size } from '../types';
-import { AutofilledMessage, ErrorMessage } from '../InputFields';
-import TooltipOverflow from '../Tooltips/TooltipOverflow';
-import { defaultOnMouseDownHandler, useActionWithin, useClickOutsideRef, useFocusOutsideRef, useFocusVisibleRef } from '../common';
-import { IconButton } from '../Button';
-var DropdownFilter = React.forwardRef(function (_a, ref) {
-    var id = _a.id, list = _a.list, placeholder = _a.placeholder, onSelect = _a.onSelect, onInputChange = _a.onInputChange, value = _a.value, required = _a.required, messageOnNoResults = _a.messageOnNoResults, disabled = _a.disabled, readOnly = _a.readOnly, scrollable = _a.scrollable, activeValidationMessage = _a.activeValidationMessage, autofilledMessage = _a.autofilledMessage, size = _a.size, disableFiltering = _a.disableFiltering, margin = _a.margin, loading = _a.loading, onFocus = _a.onFocus, overflowTooltipPosition = _a.overflowTooltipPosition, onBlur = _a.onBlur, dataTestId = _a.dataTestId, rest = __rest(_a, ["id", "list", "placeholder", "onSelect", "onInputChange", "value", "required", "messageOnNoResults", "disabled", "readOnly", "scrollable", "activeValidationMessage", "autofilledMessage", "size", "disableFiltering", "margin", "loading", "onFocus", "overflowTooltipPosition", "onBlur", "dataTestId"]);
-    var _b = React.useState(false), isOpen = _b[0], setIsOpen = _b[1];
-    var _c = React.useState(), input = _c[0], setInput = _c[1];
-    var _d = React.useState(), activeDescendant = _d[0], setActiveDescendant = _d[1];
-    var _e = React.useState(false), restartFilter = _e[0], setRestartFilter = _e[1];
-    var _f = React.useState(), selectedItem = _f[0], setSelectedItem = _f[1];
-    var _g = React.useState([]), selectedValues = _g[0], setSelectedValues = _g[1];
-    var _h = React.useState(null), focused = _h[0], setFocused = _h[1];
-    var _j = React.useState(false), inputFocused = _j[0], setInputFocused = _j[1];
-    var _k = React.useState(true), init = _k[0], setInit = _k[1];
-    var styledFieldRef = useFocusVisibleRef();
-    var inputRef = useFocusVisibleRef([styledFieldRef]);
-    var clearButtonRef = React.useRef(null);
-    useActionWithin(styledFieldRef, input && !readOnly && !disabled ? [clearButtonRef] : []);
-    React.useImperativeHandle(ref, function () { return inputRef.current; }, [inputRef]);
-    var containerRef = useClickOutsideRef(function () { return setIsOpen(false); }, [], useFocusOutsideRef(function () { return setIsOpen(false); }));
-    var handleInputKeyDown = function (e) {
-        if (e.key === 'Esc' || e.key === 'Escape') {
-            e.preventDefault();
-        }
-        if (e.key === 'ArrowDown' || e.key === 'Down' || e.key === 'ArrowUp' || e.key === 'Up') {
-            e.preventDefault();
-            if (!isOpen) {
-                setIsOpen(true);
-            }
-        }
-    };
-    React.useEffect(function () {
-        setInit(true);
-        setSelectedValues(!!value ? [value] : []);
-    }, [value]);
-    React.useEffect(function () {
-        var _a, _b;
-        if (selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.length) {
-            var val_1 = selectedValues[0];
-            var item = list.find(function (a) { return a.value === val_1; });
-            setSelectedItem(item);
-            setInput((_b = (_a = item === null || item === void 0 ? void 0 : item.displayLabel) !== null && _a !== void 0 ? _a : item === null || item === void 0 ? void 0 : item.value) !== null && _b !== void 0 ? _b : '');
-            onSelect && !init && onSelect(val_1);
-        }
-        else {
-            setSelectedItem(undefined);
-            onSelect && !init && onSelect('');
-            setInput('');
-        }
-    }, [selectedValues]);
-    React.useEffect(function () {
-        var _a, _b;
-        if (!isOpen) {
-            if (!!selectedItem) {
-                setInput((_b = (_a = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.displayLabel) !== null && _a !== void 0 ? _a : selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) !== null && _b !== void 0 ? _b : '');
-            }
-            else {
-                setInput('');
-            }
-        }
-        setRestartFilter(true);
-    }, [isOpen, selectedItem]);
-    var handleInputClear = function (e) {
-        var _a;
-        setInput('');
-        setSelectedValues([]);
-        onSelect && onSelect('');
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus({ focusVisible: (e === null || e === void 0 ? void 0 : e.detail) !== 1 });
-    };
-    var renderInput = function () {
-        return (React.createElement(DropdownInputFieldStyles, { ref: styledFieldRef, className: size ? size : '', onClick: function (e) {
-                var _a, _b;
-                if (!readOnly && !disabled) {
-                    e.stopPropagation();
-                    setIsOpen(!isOpen);
-                    if (isOpen) {
-                        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-                    }
-                    else {
-                        (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.focus();
-                    }
-                }
-            }, disabled: disabled || false, readOnly: readOnly || false, isPlaceholder: !input, showValidationMessage: !!activeValidationMessage, onMouseDown: defaultOnMouseDownHandler, "data-testid": "otherdiv_".concat(id) },
-            React.createElement(DropdownInputField, __assign({ id: id, ref: inputRef, autoComplete: 'off-' + Math.floor(Math.random() * 999999999999), type: "search", placeholder: inputFocused ? '' : placeholder, onKeyDown: handleInputKeyDown, ellipsis: true, value: input || '', onChange: function (e) {
-                    if (!e.target.value) {
-                        setSelectedValues([]);
-                    }
-                    if (!readOnly && !disabled && e.target.value !== input) {
-                        setRestartFilter(false);
-                        setIsOpen(true);
-                        setInput(e.target.value);
-                        if (onInputChange) {
-                            onInputChange(e.target.value || '');
-                        }
-                    }
-                }, onFocus: function (e) {
-                    setInputFocused(true);
-                    onFocus && onFocus(e);
-                }, onBlur: function (e) {
-                    setInputFocused(false);
-                    onBlur && onBlur(e);
-                }, required: required, tabIndex: disabled || readOnly ? -1 : 0, disabled: disabled || false, "data-testid": dataTestId }, rest)),
-            !isOpen ? React.createElement(TooltipOverflow, { position: overflowTooltipPosition, input: inputRef, withArrow: true, maxWidth: "100%", size: size, align: 'end' }, input) : null,
-            input && !readOnly && !disabled && !loading && (React.createElement(IconButton, { action: handleInputClear, ref: clearButtonRef, useTransparentBackground: true, shape: 'circular', style: { marginLeft: '-4px' }, variant: 'secondary' },
-                React.createElement(SystemIcons.Clear, null))),
-            !disabled && !readOnly && loading && (React.createElement("div", { style: { marginLeft: '-4xp' } },
-                React.createElement(LoadingIndicator, { size: Size.Small, color: COLORS.neutral_600 }))),
-            React.createElement("div", { className: 'dropdown-arrow' }, isOpen && !readOnly && !disabled ? React.createElement(SystemIcons.ArrowDropUp, { size: "24px", className: size ? size : '' }) : React.createElement(SystemIcons.ArrowDropDown, { size: "24px", className: size ? size : '' }))));
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(DropdownContainer, { ref: containerRef, role: "combobox", "aria-multiselectable": true, "aria-controls": "".concat(id, "_dropdowncontent"), "aria-activedescendant": activeDescendant, "aria-expanded": isOpen, disabled: disabled, isButton: false, readOnly: readOnly, className: size ? size : '', margin: margin },
-            renderInput(),
-            !readOnly && !disabled && (React.createElement(DropdownContent, { containerRef: containerRef, isOpen: isOpen && !loading, messageOnNoResults: messageOnNoResults !== null && messageOnNoResults !== void 0 ? messageOnNoResults : '', selectedValues: selectedValues, setSelectedValues: setSelectedValues, size: size !== null && size !== void 0 ? size : Size.Small, onActiveDescendantChanged: function (e) { return setActiveDescendant(e); }, focused: focused, ariaRolesType: "input", setFocused: setFocused, outline: false, customizationProps: {
-                    itemsType: 'normal',
-                    scrollable: scrollable,
-                    multiSelect: false,
-                    action: function () { },
-                    onValueUpdate: function (values) {
-                        setRestartFilter(true);
-                        setInit(false);
-                    },
-                    items: list,
-                }, filter: !disableFiltering && !restartFilter ? input || '' : '', setIsOpen: setIsOpen, isButton: false, id: "".concat(id, "_dropdowncontent") }))),
-        activeValidationMessage && (React.createElement(ErrorMessage, { className: size || '' },
-            React.createElement(SystemIcons.TechnicalWarning, { color: COLORS.critical_400 }),
-            React.createElement("span", null, activeValidationMessage))),
-        autofilledMessage && (React.createElement(AutofilledMessage, { className: size || '' },
-            React.createElement(SystemIcons.Information, { color: COLORS.neutral_600 }),
-            React.createElement("span", null, autofilledMessage)))));
-});
-export default DropdownFilter;

package/dist/src/Dropdown/index.d.ts

@@ -1,9 +0,0 @@
-export type { DropdownItem } from './DropdownContent';
-export { default as DropdownContent } from './DropdownContent';
-export * from './DropdownContent';
-export { default as DropdownButton } from './DropdownButton';
-export * from './DropdownButton';
-export { default as DropdownFilter } from './DropdownFilter';
-export * from './DropdownFilter';
-export { default as BasicDropdown } from './BasicDropdown';
-export * from './BasicDropdown';

package/dist/src/Dropdown/index.js

@@ -1,8 +0,0 @@
-export { default as DropdownContent } from './DropdownContent';
-export * from './DropdownContent';
-export { default as DropdownButton } from './DropdownButton';
-export * from './DropdownButton';
-export { default as DropdownFilter } from './DropdownFilter';
-export * from './DropdownFilter';
-export { default as BasicDropdown } from './BasicDropdown';
-export * from './BasicDropdown';

package/dist/src/Footer/Components/FooterBottomLinks.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-interface Link {
-    label: string;
-    to: string;
-    target?: string;
-}
-interface FooterLinkProps {
-    bottomLinks?: Link[];
-    copyrightText?: string;
-}
-declare const FooterBottomLinks: ({ bottomLinks, copyrightText }: FooterLinkProps) => React.JSX.Element;
-export default FooterBottomLinks;

package/dist/src/Footer/Components/FooterBottomLinks.js

@@ -1,20 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import * as React from 'react';
-import styled from 'styled-components';
-import { HyperLink } from '../../HyperLink';
-import { BREAKPOINTS, COLORS } from '../../styles';
-import { ComponentTextStyle, ComponentXSStyling } from '../../styles/typography';
-var FooterLinkSection = styled.section(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  min-height: 64px;\n  color: white;\n  display: flex;\n  flex-direction: column;\n\n  ", " {\n    flex-direction: row;\n  }\n"], ["\n  min-height: 64px;\n  color: white;\n  display: flex;\n  flex-direction: column;\n\n  ", " {\n    flex-direction: row;\n  }\n"])), BREAKPOINTS.MEDIUM);
-var FooterLinks = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  margin: 0 auto;\n\n  ", " {\n    flex-direction: row;\n    margin: auto auto auto 0;\n  }\n\n  a {\n    ", "\n    &:not(:first-child) {\n      margin: 16px 0 0 0;\n      ", " {\n        margin: 0 0 0 16px;\n      }\n    }\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  margin: 0 auto;\n\n  ", " {\n    flex-direction: row;\n    margin: auto auto auto 0;\n  }\n\n  a {\n    ", "\n    &:not(:first-child) {\n      margin: 16px 0 0 0;\n      ", " {\n        margin: 0 0 0 16px;\n      }\n    }\n  }\n"])), BREAKPOINTS.MEDIUM, ComponentXSStyling(ComponentTextStyle.Bold, null), BREAKPOINTS.MEDIUM);
-var Copyright = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n  margin: 16px auto 0 auto;\n\n  ", " {\n    margin: auto 0 auto auto;\n  }\n"], ["\n  ", "\n  margin: 16px auto 0 auto;\n\n  ", " {\n    margin: auto 0 auto auto;\n  }\n"])), ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white), BREAKPOINTS.MEDIUM);
-var FooterBottomLinks = function (_a) {
-    var bottomLinks = _a.bottomLinks, copyrightText = _a.copyrightText;
-    return (React.createElement(FooterLinkSection, null,
-        React.createElement(FooterLinks, null, bottomLinks === null || bottomLinks === void 0 ? void 0 : bottomLinks.map(function (bl, i) { return (React.createElement(HyperLink, { id: "FooterLink_".concat(Math.floor(Math.random() * 999999999999)), key: i, href: bl.to, variant: "inverted" }, bl.label)); })),
-        React.createElement(Copyright, null, copyrightText)));
-};
-export default FooterBottomLinks;
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/src/Footer/Components/FooterDropdownLinks.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { NavSection } from '../../types';
-interface FooterNavSectionProps {
-    navSection: NavSection;
-    width: number;
-}
-declare const FooterDropdownLinks: ({ navSection, width }: FooterNavSectionProps) => React.JSX.Element;
-export default FooterDropdownLinks;

package/dist/src/Footer/Components/FooterDropdownLinks.js

@@ -1,25 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import * as React from 'react';
-import styled from 'styled-components';
-import { COLORS, ComponentTextStyle, invertedFocusStyles } from '../../styles';
-import { SystemIcons } from '../../icons';
-import { ComponentMStyling, ComponentSStyling } from '../../styles';
-import { HyperLink } from '../../HyperLink';
-import { defaultOnMouseDownHandler } from '../../common';
-var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  border-top: 1px solid ", ";\n\n  &:last-child {\n    border-bottom: 1px solid ", ";\n  }\n"], ["\n  width: 100%;\n  border-top: 1px solid ", ";\n\n  &:last-child {\n    border-bottom: 1px solid ", ";\n  }\n"])), COLORS.neutral_100, COLORS.neutral_100);
-var DropdownLinkBlock = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n\n  display: ", ";\n  justify-content: space-between;\n  width: 100%;\n  height: 48px;\n  background-color: transparent;\n  border: none;\n  padding: 0 16px;\n\n  &:hover,\n  .open {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:active {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:focus {\n    ", "\n  }\n\n  h3 {\n    margin: auto 0;\n    ", "\n  }\n\n  .open {\n    h3 {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n\n  svg {\n    margin: auto 0;\n  }\n"], ["\n  ", "\n\n  display: ", ";\n  justify-content: space-between;\n  width: 100%;\n  height: 48px;\n  background-color: transparent;\n  border: none;\n  padding: 0 16px;\n\n  &:hover,\n  .open {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:active {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:focus {\n    ", "\n  }\n\n  h3 {\n    margin: auto 0;\n    ", "\n  }\n\n  .open {\n    h3 {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n\n  svg {\n    margin: auto 0;\n  }\n"])), ComponentSStyling(ComponentTextStyle.Bold, COLORS.white), function (props) { return (props.width > 768 ? 'none' : 'flex'); }, COLORS.neutral_20, COLORS.primary_700, COLORS.primary_100, COLORS.primary_800, invertedFocusStyles, ComponentMStyling(ComponentTextStyle.Regular, 'inherit'), COLORS.neutral_20, COLORS.neutral_800);
-var LinkBlock = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: none;\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  &.show {\n    display: flex;\n  }\n\n  a {\n    text-decoration: none;\n\n    ", "\n    \n    display: flex;\n    align-items: center;\n    \n    padding: 0 16px;\n    height: 48px;\n\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n      cursor: pointer;\n    }\n\n    &:focus {\n      ", "\n    }\n\n    &:active {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n"], ["\n  display: none;\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  &.show {\n    display: flex;\n  }\n\n  a {\n    text-decoration: none;\n\n    ", "\n    \n    display: flex;\n    align-items: center;\n    \n    padding: 0 16px;\n    height: 48px;\n\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n      cursor: pointer;\n    }\n\n    &:focus {\n      ", "\n    }\n\n    &:active {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n"])), ComponentSStyling(ComponentTextStyle.Bold, COLORS.white), COLORS.neutral_20, COLORS.primary_700, invertedFocusStyles, COLORS.primary_100, COLORS.primary_800);
-var FooterDropdownLinks = function (_a) {
-    var navSection = _a.navSection, width = _a.width;
-    var _b = React.useState(false), dropdownActive = _b[0], setDropdownActive = _b[1];
-    return (React.createElement(Wrapper, null,
-        React.createElement(DropdownLinkBlock, { width: width, className: dropdownActive ? 'open' : '', onMouseDown: defaultOnMouseDownHandler, onClick: function () { return setDropdownActive(!dropdownActive); } },
-            React.createElement("h3", null, navSection.header),
-            dropdownActive ? React.createElement(SystemIcons.ChevronUp, { size: "24px" }) : React.createElement(SystemIcons.ChevronDown, { size: "24px" })),
-        React.createElement(LinkBlock, { width: width, className: dropdownActive ? 'show' : '' }, navSection.links.map(function (item, index) { return (React.createElement(HyperLink, { key: index, id: "dropdownlink_".concat(Math.floor(Math.random() * 999999999999)), variant: 'inverted', href: item.to, target: item.target || '_blank', rel: "noreferrer noopener" }, item.label)); }))));
-};
-export default FooterDropdownLinks;
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/src/Footer/Components/FooterNavSection.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { NavOptions } from '../../types';
-interface FooterNavSectionProps {
-    navOptions: NavOptions;
-    mainId: string;
-}
-declare const FooterNavSection: ({ navOptions }: FooterNavSectionProps) => React.JSX.Element;
-export default FooterNavSection;

package/dist/src/Footer/Components/FooterNavSection.js

@@ -1,32 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import * as React from 'react';
-import styled from 'styled-components';
-import { BREAKPOINTS, COLORS, ComponentTextStyle } from '../../styles';
-import FooterDropdownLinks from './FooterDropdownLinks';
-import { ComponentLStyling, ComponentSStyling } from '../../styles/typography';
-import { HyperLink } from '../../HyperLink';
-import { hasWindow } from '../../utils/utils';
-var NavSection = styled.section(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  flex-flow: flex-start;\n  color: white;\n  margin-bottom: 12px;\n"], ["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  flex-flow: flex-start;\n  color: white;\n  margin-bottom: 12px;\n"])));
-var LinkBlock = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: ", ";\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  ", " {\n    padding: 0 24px 24px 0;\n    width: calc(50% - 24px);\n  }\n\n  ", " {\n    width: calc(33% - 24px);\n  }\n  ", " {\n    padding: 0 32px 32px 0;\n    width: calc(33% - 32px);\n  }\n\n  h3 {\n    ", "\n  }\n\n  a {\n    padding: 8px 0px;\n    ", "\n  }\n"], ["\n  display: ", ";\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  ", " {\n    padding: 0 24px 24px 0;\n    width: calc(50% - 24px);\n  }\n\n  ", " {\n    width: calc(33% - 24px);\n  }\n  ", " {\n    padding: 0 32px 32px 0;\n    width: calc(33% - 32px);\n  }\n\n  h3 {\n    ", "\n  }\n\n  a {\n    padding: 8px 0px;\n    ", "\n  }\n"])), function (props) { return (props.width <= 768 ? 'none' : 'flex'); }, BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE, BREAKPOINTS.LARGE, ComponentLStyling(ComponentTextStyle.Regular, 'inherit'), ComponentSStyling(ComponentTextStyle.Bold, COLORS.white));
-var FooterNavSection = function (_a) {
-    var _b;
-    var navOptions = _a.navOptions;
-    var _c = React.useState(hasWindow() ? window.innerWidth : -1), width = _c[0], setWidth = _c[1];
-    React.useEffect(function () {
-        function handleResize() {
-            setWidth(window.innerWidth);
-        }
-        window.addEventListener('resize', handleResize);
-        return function () { return window.removeEventListener('resize', handleResize); };
-    }, []);
-    return (React.createElement(NavSection, null, (_b = navOptions.sections) === null || _b === void 0 ? void 0 : _b.map(function (no, index) {
-        return width > 768 ? (React.createElement(LinkBlock, { key: "LinkBlock_".concat(index), width: width },
-            React.createElement("h3", null, no.header),
-            no.links.map(function (link, index) { return (React.createElement(HyperLink, { key: index, id: "dropdownlink_".concat(Math.floor(Math.random() * 999999999999)), variant: 'inverted', href: link.to, target: link.target || '_blank', rel: "noreferrer noopener" }, link.label)); }))) : (React.createElement(FooterDropdownLinks, { "data-testid": 'footerDropLinks', key: "LinkBlockDropdown_".concat(index), navSection: no, width: width }));
-    })));
-};
-export default FooterNavSection;
-var templateObject_1, templateObject_2;

package/dist/src/Footer/Components/FooterNewsletterAndSocialSection.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-interface FooterNewsletterAndSocialSection {
-    actionOnNewsletterSignup?: (email: string) => void;
-    newsletterLabel: string;
-    placeholderEmail?: string;
-}
-declare const FooterNewsletterAndSocialSection: ({ actionOnNewsletterSignup, newsletterLabel, placeholderEmail }: FooterNewsletterAndSocialSection) => React.JSX.Element;
-export default FooterNewsletterAndSocialSection;

package/dist/src/Footer/Components/FooterNewsletterAndSocialSection.js

@@ -1,42 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import * as React from 'react';
-import styled from 'styled-components';
-import { BREAKPOINTS, COLORS, invertedFocusStyles } from '../../styles';
-import { TextField } from '../../InputFields';
-import { SystemIcons } from '../../icons';
-import { IconButton } from '../../Button';
-import { ComponentLStyling, ComponentTextStyle, ComponentXSStyling, ComponentXXSStyling } from '../../styles';
-import { InputFieldStyling } from '../../InputFields';
-var NewsletterAndSocial = styled.section(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 16px;\n\n  ", " {\n    flex-direction: row;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 16px;\n\n  ", " {\n    flex-direction: row;\n  }\n"])), BREAKPOINTS.MEDIUM);
-var NewsletterEmailSection = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  margin: 16px auto 0 auto;\n\n  ", " {\n    width: 60%;\n    margin: 16px 0 0 0;\n  }\n\n  label {\n    ", "\n    margin-bottom: 2px;\n  }\n  div div {\n    width: 100%;\n    ", " {\n      width: calc(100% - 82px);\n      width: 288px;\n    }\n  }\n  input {\n    height: 48px;\n  }\n"], ["\n  width: 100%;\n  margin: 16px auto 0 auto;\n\n  ", " {\n    width: 60%;\n    margin: 16px 0 0 0;\n  }\n\n  label {\n    ", "\n    margin-bottom: 2px;\n  }\n  div div {\n    width: 100%;\n    ", " {\n      width: calc(100% - 82px);\n      width: 288px;\n    }\n  }\n  input {\n    height: 48px;\n  }\n"])), BREAKPOINTS.MEDIUM, ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.white), BREAKPOINTS.MEDIUM);
-var NewsletterEmail = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  margin: 2px auto 0;\n\n  ", " {\n    margin: 2px 0 0 0;\n    flex-direction: row;\n  }\n\n  ", " {\n    &.focus-visible {\n      ", "\n    }\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  margin: 2px auto 0;\n\n  ", " {\n    margin: 2px 0 0 0;\n    flex-direction: row;\n  }\n\n  ", " {\n    &.focus-visible {\n      ", "\n    }\n  }\n"])), BREAKPOINTS.MEDIUM, InputFieldStyling, invertedFocusStyles);
-var NewsletterButton = styled.button(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background: transparent;\n  width: 100%;\n  height: 40px;\n  border: 2px solid ", ";\n  box-sizing: border-box;\n  border-radius: 8px;\n  margin: 8px 0 4px 0;\n\n  ", "\n\n  ", " {\n    width: 94px;\n    margin: auto 0 4px 8px;\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n  \n  &:focus {\n    ", "\n  }\n"], ["\n  background: transparent;\n  width: 100%;\n  height: 40px;\n  border: 2px solid ", ";\n  box-sizing: border-box;\n  border-radius: 8px;\n  margin: 8px 0 4px 0;\n\n  ", "\n\n  ", " {\n    width: 94px;\n    margin: auto 0 4px 8px;\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n  \n  &:focus {\n    ", "\n  }\n"])), COLORS.white, ComponentLStyling(ComponentTextStyle.Bold, COLORS.white), BREAKPOINTS.MEDIUM, invertedFocusStyles);
-var SocialMedia = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  color: ", ";\n  margin: 0 auto;\n\n  button div {\n    box-sizing: border-box;\n    border-radius: 4px;\n  }\n\n  h4 {\n    margin-top: 16px;\n    margin-bottom: 8px;\n    \n    ", "\n  }\n\n  ", " {\n    margin: 0 0 0 auto;\n    button {\n      margin: 0 0 0 12px;\n    }\n  }\n"], ["\n  color: ", ";\n  margin: 0 auto;\n\n  button div {\n    box-sizing: border-box;\n    border-radius: 4px;\n  }\n\n  h4 {\n    margin-top: 16px;\n    margin-bottom: 8px;\n    \n    ", "\n  }\n\n  ", " {\n    margin: 0 0 0 auto;\n    button {\n      margin: 0 0 0 12px;\n    }\n  }\n"])), COLORS.white, ComponentXSStyling(ComponentTextStyle.Regular, 'inherit'), BREAKPOINTS.MEDIUM);
-var SocialMediaButtons = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n\n  button div {\n    display: flex;\n    background-color: transparent;\n    color: ", ";\n    margin: 0 0 0 20px;\n\n    svg {\n      fill: ", ";\n      path {\n        fill: ", ";\n      }\n    }\n\n    &:first-child {\n      margin: 0;\n    }\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n    }\n    &:active {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n  a {\n    &:focus {\n      ", "\n    }\n  }\n\n  ", " {\n    justify-content: flex-end;\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n\n  button div {\n    display: flex;\n    background-color: transparent;\n    color: ", ";\n    margin: 0 0 0 20px;\n\n    svg {\n      fill: ", ";\n      path {\n        fill: ", ";\n      }\n    }\n\n    &:first-child {\n      margin: 0;\n    }\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n    }\n    &:active {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n  a {\n    &:focus {\n      ", "\n    }\n  }\n\n  ", " {\n    justify-content: flex-end;\n  }\n"])), COLORS.white, COLORS.white, COLORS.white, COLORS.white, COLORS.neutral_600, COLORS.primary_800, COLORS.primary_100, invertedFocusStyles, BREAKPOINTS.MEDIUM);
-var FooterNewsletterAndSocialSection = function (_a) {
-    var actionOnNewsletterSignup = _a.actionOnNewsletterSignup, newsletterLabel = _a.newsletterLabel, placeholderEmail = _a.placeholderEmail;
-    var _b = React.useState(''), emailInput = _b[0], setEmailInput = _b[1];
-    return (React.createElement(NewsletterAndSocial, null,
-        React.createElement(NewsletterEmailSection, null,
-            React.createElement("label", null, newsletterLabel),
-            React.createElement(NewsletterEmail, null,
-                React.createElement(TextField, { id: "NewsletterEmail", withoutBorder: true, placeholder: placeholderEmail, value: emailInput, onChange: function (value) { return setEmailInput(value); } }),
-                React.createElement(NewsletterButton, { "data-testid": 'newsBtn', onClick: function (e) { return actionOnNewsletterSignup && actionOnNewsletterSignup(e.target.value); } }, "Sign up"))),
-        React.createElement(SocialMedia, null,
-            React.createElement("h4", null, "Follow us on social media"),
-            React.createElement(SocialMediaButtons, null,
-                React.createElement("a", { href: "https://www.facebook.com/LaerdalMedical/", target: "_blank", rel: "noreferrer noopener" },
-                    React.createElement(IconButton, { variant: "secondary", action: function () { }, tabIndex: -1 },
-                        React.createElement(SystemIcons.Facebook, null))),
-                React.createElement("a", { href: "https://twitter.com/laerdalmedical", target: "_blank", rel: "noreferrer noopener" },
-                    React.createElement(IconButton, { variant: "secondary", action: function () { }, tabIndex: -1 },
-                        React.createElement(SystemIcons.Twitter, null))),
-                React.createElement("a", { href: "https://www.youtube.com/user/LaerdalMedical", target: "_blank", rel: "noreferrer noopener" },
-                    React.createElement(IconButton, { variant: "secondary", action: function () { }, tabIndex: -1 },
-                        React.createElement(SystemIcons.Youtube, null)))))));
-};
-export default FooterNewsletterAndSocialSection;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/dist/src/Footer/Components/FooterTop.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-interface FooterTopProps {
-    sitename?: string;
-    showBetaTag?: boolean;
-    toTopText: string;
-}
-declare const FooterTop: ({ sitename, showBetaTag, toTopText }: FooterTopProps) => React.JSX.Element;
-export default FooterTop;

package/dist/src/Footer/Components/FooterTop.js

@@ -1,34 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import * as React from 'react';
-import styled from 'styled-components';
-import animateScrollTo from 'animated-scroll-to';
-import { COLORS, invertedFocusStyles } from '../../styles';
-import Logo from '../../GlobalNavigationBar/Logo';
-import { SystemIcons } from '../../icons';
-import { ComponentTextStyle, ComponentXSStyling } from '../../styles';
-var FooterTopSection = styled.section(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  min-height: 8px;\n  color: white;\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 16px;\n"], ["\n  min-height: 8px;\n  color: white;\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 16px;\n"])));
-var ToTop = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  margin: auto 0 auto auto;\n  border-radius: 4px;\n  height: 48px;\n  width: 48px;\n  padding: 8px;\n\n  svg {\n    margin: 0 auto;\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n  span {\n    margin: 14px auto 0 auto;\n    ", "\n  }\n\n  &:hover:not(:disabled) {\n    background-color: ", ";\n    svg path,\n    svg {\n      fill: ", ";\n    }\n    span {\n      color: ", ";\n    }\n  }\n\n  &:focus:not(:disabled) {\n    ", "\n  }\n\n  &:active:not(:disabled) {\n    background: ", ";\n    svg path,\n    svg {\n      fill: ", ";\n    }\n    span {\n      color: ", ";\n    }\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  margin: auto 0 auto auto;\n  border-radius: 4px;\n  height: 48px;\n  width: 48px;\n  padding: 8px;\n\n  svg {\n    margin: 0 auto;\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n  span {\n    margin: 14px auto 0 auto;\n    ", "\n  }\n\n  &:hover:not(:disabled) {\n    background-color: ", ";\n    svg path,\n    svg {\n      fill: ", ";\n    }\n    span {\n      color: ", ";\n    }\n  }\n\n  &:focus:not(:disabled) {\n    ", "\n  }\n\n  &:active:not(:disabled) {\n    background: ", ";\n    svg path,\n    svg {\n      fill: ", ";\n    }\n    span {\n      color: ", ";\n    }\n  }\n"])), ComponentXSStyling(ComponentTextStyle.UppercaseBold, 'inherit'), COLORS.primary_20, COLORS.primary_700, COLORS.primary_700, invertedFocusStyles, COLORS.primary_100, COLORS.primary_800, COLORS.primary_800);
-var FooterTop = function (_a) {
-    var sitename = _a.sitename, showBetaTag = _a.showBetaTag, toTopText = _a.toTopText;
-    var isPressingEnter = function (e) {
-        if (e.key === 'Enter') {
-            e.preventDefault();
-            e.stopPropagation();
-            return true;
-        }
-        return false;
-    };
-    var action = function () {
-        animateScrollTo(0);
-    };
-    return (React.createElement(FooterTopSection, null,
-        React.createElement(Logo, { name: sitename || '', showBetaTag: showBetaTag, color: COLORS.white, inverted: true, betaTagBackgroundColor: COLORS.white, betaTagColor: COLORS.neutral_800 }),
-        React.createElement(ToTop, { "data-testid": 'toTopNavigation', tabIndex: 0, onKeyDown: function (e) { return (isPressingEnter(e) ? action() : null); }, onClick: action },
-            React.createElement(SystemIcons.ArrowLineUp, { size: "24px", color: COLORS.white }),
-            React.createElement("span", null, toTopText))));
-};
-export default FooterTop;
-var templateObject_1, templateObject_2;

package/dist/src/Footer/Footer.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-declare const Footer: ({ children }: any) => React.JSX.Element;
-export default Footer;

package/dist/src/Footer/Footer.js

@@ -1,17 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import * as React from 'react';
-import styled from 'styled-components';
-import { COLORS } from '../styles';
-var FooterContainer = styled.footer(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-top: auto;\n"], ["\n  margin-top: auto;\n"])));
-var FooterGlobalContent = styled.section(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  min-height: 8px;\n  background-color: ", ";\n  color: white;\n"], ["\n  min-height: 8px;\n  background-color: ", ";\n  color: white;\n"])), COLORS.primary_700);
-var Footer = function (_a) {
-    var children = _a.children;
-    return (React.createElement(FooterContainer, { role: "contentinfo" },
-        children,
-        React.createElement(FooterGlobalContent, { "data-testid": 'footer-content' })));
-};
-export default Footer;
-var templateObject_1, templateObject_2;

package/dist/src/Footer/SiteFooter.d.ts

@@ -1,26 +0,0 @@
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-/**
- * Import custom styles.
- */
-import { NavLink, NavOptions } from '../types';
-interface NewFooterProps extends Omit<React.HTMLAttributes<HTMLElement>, 'id'> {
-    id: string;
-    sitename?: string;
-    showBetaTag?: boolean;
-    bottomLinks?: NavLink[];
-    copyrightText?: string;
-    includeNewsletterAndSocialSection?: boolean;
-    actionOnNewsletterSignup?: (email: string) => void;
-    newsletterLabel?: string;
-    toTopText: string;
-    navOptions?: NavOptions;
-    placeholderEmailField?: string;
-    onNewsletterSignup?: (email: string) => void;
-    useMaxWidth?: boolean;
-    maxWidth?: number;
-}
-declare const SiteFooter: ({ id, sitename, bottomLinks, showBetaTag, copyrightText, toTopText, placeholderEmailField, includeNewsletterAndSocialSection, newsletterLabel, navOptions, onNewsletterSignup, useMaxWidth, maxWidth, ...rest }: NewFooterProps) => React.JSX.Element;
-export default SiteFooter;

package/dist/src/Footer/SiteFooter.js

@@ -1,57 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-/**
- * Import third-party libraries.
- */
-import styled from 'styled-components';
-/**
- * Import custom components.
- */
-import FooterBottomLinks from './Components/FooterBottomLinks';
-import FooterTop from './Components/FooterTop';
-import FooterNewsletterAndSocialSection from './Components/FooterNewsletterAndSocialSection';
-import FooterNavSection from './Components/FooterNavSection';
-import { BREAKPOINTS, COLORS } from '../styles';
-import { PageWidth } from "../Layouts";
-var FooterContainer = styled.footer(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-top: auto;\n  background-color: ", ";\n  border-top: 8px solid ", ";\n\n  padding-top: 0;\n  padding-bottom: 16px;\n\n  ", " {\n    padding: 16px 0;\n  }\n\n  ", " {\n    padding: 16px 0;\n  }\n"], ["\n  margin-top: auto;\n  background-color: ", ";\n  border-top: 8px solid ", ";\n\n  padding-top: 0;\n  padding-bottom: 16px;\n\n  ", " {\n    padding: 16px 0;\n  }\n\n  ", " {\n    padding: 16px 0;\n  }\n"])), COLORS.neutral_800, COLORS.neutral_200, BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE);
-var FooterLine = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-top: 1px solid ", ";\n  display: none;\n  ", " {\n    display: block;\n  }\n"], ["\n  border-top: 1px solid ", ";\n  display: none;\n  ", " {\n    display: block;\n  }\n"])), COLORS.white, BREAKPOINTS.MEDIUM);
-var SiteFooter = function (_a) {
-    var id = _a.id, sitename = _a.sitename, bottomLinks = _a.bottomLinks, showBetaTag = _a.showBetaTag, copyrightText = _a.copyrightText, toTopText = _a.toTopText, placeholderEmailField = _a.placeholderEmailField, includeNewsletterAndSocialSection = _a.includeNewsletterAndSocialSection, newsletterLabel = _a.newsletterLabel, navOptions = _a.navOptions, onNewsletterSignup = _a.onNewsletterSignup, _b = _a.useMaxWidth, useMaxWidth = _b === void 0 ? true : _b, maxWidth = _a.maxWidth, rest = __rest(_a, ["id", "sitename", "bottomLinks", "showBetaTag", "copyrightText", "toTopText", "placeholderEmailField", "includeNewsletterAndSocialSection", "newsletterLabel", "navOptions", "onNewsletterSignup", "useMaxWidth", "maxWidth"]);
-    return (React.createElement(FooterContainer, __assign({ id: id, "data-testid": 'footer-container' }, rest),
-        React.createElement(PageWidth, { unsetMargin: true, useMaxWidth: useMaxWidth, maxWidth: maxWidth },
-            React.createElement(FooterTop, { sitename: sitename, showBetaTag: showBetaTag, toTopText: toTopText }),
-            navOptions && React.createElement(FooterNavSection, { mainId: id, navOptions: navOptions }),
-            React.createElement(FooterLine, null),
-            includeNewsletterAndSocialSection && (React.createElement(FooterNewsletterAndSocialSection, { placeholderEmail: placeholderEmailField, actionOnNewsletterSignup: onNewsletterSignup, newsletterLabel: newsletterLabel || '' })),
-            React.createElement(FooterBottomLinks, { bottomLinks: bottomLinks, copyrightText: copyrightText }))));
-};
-export default SiteFooter;
-var templateObject_1, templateObject_2;

package/dist/src/Footer/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Footer } from './Footer';
-export { default as SiteFooter } from './SiteFooter';

package/dist/src/Footer/index.js

@@ -1,2 +0,0 @@
-export { default as Footer } from './Footer';
-export { default as SiteFooter } from './SiteFooter';

package/dist/src/GlobalNavigationBar/GlobalNavigationBar.d.ts

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { DesktopNavigationMenuProps, MobileNavigationMenuProps, ProfileMenu } from './types';
-declare type GlobalNavigationBarProps = {
-    isAuthenticated?: boolean;
-    useMaxWidth?: boolean;
-    maxWidth?: number;
-    name?: string;
-    logo?: {
-        onClick?: () => void;
-        to?: string;
-        showBetaTag?: boolean;
-    };
-    profile?: ProfileMenu;
-    mobile?: MobileNavigationMenuProps;
-    desktop?: DesktopNavigationMenuProps;
-    testId?: string;
-    profileComponent?: React.ReactNode;
-    border?: boolean;
-};
-/**
- * @param props
- * @constructor
- * @description This component is a global navigation header bar
- */
-declare const GlobalNavigationBar: ({ name, isAuthenticated, logo, profile, mobile, desktop, testId, useMaxWidth, maxWidth, profileComponent, border }: GlobalNavigationBarProps) => React.ReactElement<GlobalNavigationBarProps>;
-export default GlobalNavigationBar;