dibk-design 7.7.0 → 8.0.0

package/dist/components/InputField.js

@@ -1,137 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Button = _interopRequireDefault(require("./Button"));
-var _Label = _interopRequireDefault(require("./Label"));
-var _ErrorMessage = _interopRequireDefault(require("./ErrorMessage"));
-var _generators = require("../functions/generators");
-var _helpers = require("../functions/helpers");
-var _asterisk = _interopRequireDefault(require("../assets/svg/asterisk.svg?url"));
-var _InputFieldModule = _interopRequireDefault(require("./InputField.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const InputField = props => {
-  var _props$width;
-  const formatDate = inputDate => {
-    if (!inputDate) {
-      return null;
-    }
-    const date = new Date(inputDate);
-    const year = date.getFullYear();
-    const month = date.getMonth() + 1 < 10 ? "0".concat(date.getMonth() + 1) : date.getMonth() + 1;
-    const day = date.getDate() < 10 ? "0".concat(date.getDate()) : date.getDate();
-    return "".concat(day, ".").concat(month, ".").concat(year);
-  };
-  const renderValueAsText = (value, defaultContent) => {
-    return props.type === "date" ? value ? formatDate(value) : defaultContent : value ? value : defaultContent;
-  };
-  const getErrorElementId = () => {
-    return "".concat(props.id, "-errorMessage");
-  };
-  const getInputElementProps = (defaultValue, defaultKey, styleRules) => {
-    var _props$errorMessage, _props$ariaDescribed;
-    return {
-      name: props.name,
-      readOnly: props.readOnly,
-      disabled: props.disabled,
-      required: props.required,
-      type: props.type,
-      role: props.role,
-      id: props.id,
-      key: defaultKey || "".concat(props.id, "-").concat((0, _generators.generateRandomString)(6)),
-      min: props.min || null,
-      max: props.max || null,
-      onChange: props.onChange,
-      onBlur: props.onBlur,
-      [defaultValue ? "defaultValue" : "value"]: defaultValue || props.value,
-      placeholder: props.placeholder || null,
-      className: props.hasErrors ? _InputFieldModule.default.hasErrors : null,
-      "aria-describedby": props.hasErrors && !!((_props$errorMessage = props.errorMessage) !== null && _props$errorMessage !== void 0 && _props$errorMessage.length) ? getErrorElementId() : !!((_props$ariaDescribed = props["aria-describedby"]) !== null && _props$ariaDescribed !== void 0 && _props$ariaDescribed.length) ? props["aria-describedby"] : null,
-      "aria-invalid": props.hasErrors ? "true" : null,
-      "aria-autocomplete": props["aria-autocomplete"] || null,
-      style: styleRules
-    };
-  };
-  const defaultValue = props.defaultValue ? props.defaultValue : props.value || null;
-  const defaultKey = props.elementKey || null;
-  const styleRules = _objectSpread({}, ((_props$width = props.width) === null || _props$width === void 0 ? void 0 : _props$width.length) && {
-    maxWidth: props.width
-  });
-  return _react.default.createElement("div", {
-    className: (0, _helpers.classNameArrayToClassNameString)([_InputFieldModule.default.inputField, _InputFieldModule.default[props.type], props.noMargin && _InputFieldModule.default.noMargin])
-  }, _react.default.createElement(_Label.default, {
-    htmlFor: props.id
-  }, props.label, props.required && _react.default.createElement("img", {
-    src: _asterisk.default,
-    alt: "",
-    className: _InputFieldModule.default.requiredSymbol
-  }), props.type === "file" ? _react.default.createElement("div", {
-    className: _InputFieldModule.default.fileInputContainer
-  }, _react.default.createElement("span", {
-    className: _InputFieldModule.default.input
-  }, props.selectedFileName), props.buttonContent ? _react.default.createElement(_Button.default, {
-    color: props.buttonColor,
-    onClick: () => {
-      document.getElementById(props.id).click();
-    },
-    content: props.buttonContent,
-    type: "button"
-  }) : null) : null), !props.contentOnly ? _react.default.createElement("input", getInputElementProps(defaultValue, defaultKey, styleRules)) : _react.default.createElement("span", null, renderValueAsText(props.value || props.defaultValue, props.defaultContent)), _react.default.createElement(_ErrorMessage.default, {
-    id: getErrorElementId(),
-    content: props.errorMessage
-  }));
-};
-InputField.propTypes = {
-  id: _propTypes.default.string.isRequired,
-  onChange: _propTypes.default.func.isRequired,
-  onBlur: _propTypes.default.func,
-  name: _propTypes.default.string,
-  type: _propTypes.default.string,
-  disabled: _propTypes.default.bool,
-  required: _propTypes.default.bool,
-  width: _propTypes.default.string,
-  value: _propTypes.default.any,
-  defaultValue: _propTypes.default.any,
-  elementKey: _propTypes.default.string,
-  label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]))]),
-  contentOnly: _propTypes.default.bool,
-  buttonColor: _propTypes.default.oneOf(["primary", "secondary"]),
-  buttonContent: _propTypes.default.string,
-  selectedFileName: _propTypes.default.string,
-  dateFormat: _propTypes.default.string,
-  placeholder: _propTypes.default.string,
-  defaultContent: _propTypes.default.string,
-  "aria-describedby": _propTypes.default.string,
-  "aria-autocomplete": _propTypes.default.oneOf(["none", "inline", "list", "both"]),
-  hasErrors: _propTypes.default.bool,
-  errorMessage: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]))]),
-  noMargin: _propTypes.default.bool
-};
-InputField.defaultProps = {
-  onChange: () => {
-    return false;
-  },
-  name: "",
-  type: "text",
-  disabled: false,
-  required: false,
-  label: "",
-  contentOnly: false,
-  buttonColor: "primary",
-  dateFormat: "d. MMMM, yyyy",
-  placeholder: "",
-  defaultContent: "",
-  hasErrors: false,
-  errorMessage: "",
-  noMargin: false
-};
-var _default = exports.default = InputField;

package/dist/components/InputField.module.scss

@@ -1,88 +0,0 @@
-// Mixins
-@use "../style/abstracts/mixins/appearance";
-@use "../style/abstracts/mixins/border-radius";
-@use "../style/abstracts/mixins/box-shadow";
-
-// Variables
-@use "../style/abstracts/variables/colors";
-
-.inputField {
-    font-size: 18px;
-    &:not(.noMargin) {
-        margin-bottom: 8px;
-    }
-    > div {
-        display: block;
-    }
-    .requiredSymbol {
-        width: 1em;
-        height: 1em;
-        font-size: 0.4em;
-        vertical-align: top;
-        margin-top: 2px;
-    }
-    input,
-    &.file span.input {
-        @include appearance.appearance(none);
-        @include border-radius.border-radius(0);
-        @include box-shadow.box-shadow(none);
-        height: 54px;
-        width: 100%;
-        display: block;
-        padding: 12px;
-        margin-bottom: 0;
-        background-color: #fff;
-        box-shadow: none;
-        color: colors.$color-default-text;
-        font-family: inherit;
-        font-size: 18px;
-        box-sizing: border-box;
-        border: 1px solid var(--color-primary, colors.$color-primary);
-
-        &:hover {
-            border-color: var(--color-primary, colors.$color-primary);
-        }
-
-        &:focus {
-            border-color: var(--color-primary, colors.$color-primary);
-            outline: colors.$color-focus solid 3px;
-        }
-
-        &[disabled],
-        &[readonly] {
-            background-color: var(--color-secondary-x-light, colors.$color-secondary-x-light);
-            cursor: default;
-        }
-
-        &.hasErrors {
-            border-color: var(--color-error, colors.$color-error);
-            &:focus {
-                border-color: var(--color-error, colors.$color-error);
-                outline-color: #b8565d;
-            }
-            &[disabled],
-            &[readonly] {
-                background-color: var(--color-secondary-x-light, colors.$color-secondary-x-light);
-                cursor: default;
-                border-color: #afaba8;
-            }
-        }
-    }
-    &.file {
-        label {
-            .fileInputContainer {
-                display: flex;
-                align-items: center;
-            }
-        }
-        input {
-            display: none;
-        }
-        span.input {
-            flex: 1;
-        }
-        button {
-            margin: 0 8px;
-        }
-    }
-}

package/dist/components/Label.js

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _LabelModule = _interopRequireDefault(require("./Label.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const Label = props => {
-  var _props$htmlTag;
-  let labelProps = _objectSpread({}, props);
-  const htmlTag = (_props$htmlTag = props.htmlTag) !== null && _props$htmlTag !== void 0 && _props$htmlTag.length ? props.htmlTag : "label";
-  delete labelProps.inline;
-  delete labelProps.normalCursor;
-  delete labelProps.htmlTag;
-  const className = "".concat(_LabelModule.default.label, " ").concat(props.inline ? _LabelModule.default.inline : "", " ").concat(props.normalCursor ? _LabelModule.default.normalCursor : "");
-  const labelElement = _react.default.createElement(htmlTag, _objectSpread(_objectSpread({}, labelProps), {}, {
-    className,
-    id: props.id || null
-  }), props.children);
-  return labelElement;
-};
-Label.propTypes = {
-  inline: _propTypes.default.bool,
-  normalCursor: _propTypes.default.bool,
-  htmlTag: _propTypes.default.string
-};
-Label.defaultProps = {
-  inline: false,
-  normalCursor: false,
-  htmlTag: "label"
-};
-var _default = exports.default = Label;

package/dist/components/Label.module.scss

@@ -1,19 +0,0 @@
-// Variables
-@use "../style/abstracts/variables/typography";
-
-.label {
-    color: #000;
-    display: block;
-    font-size: 1rem;
-    font-weight: bold;
-    line-height: 1.2;
-    margin-bottom: 2px;
-    font-family: typography.$default-font;
-    overflow-wrap: break-word;
-    &.inline {
-        display: inline-block;
-    }
-    &:not(.normalCursor) {
-        cursor: pointer;
-    }
-}

package/dist/components/Lead.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _LeadModule = _interopRequireDefault(require("./Lead.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Lead = _ref => {
-  let {
-    id,
-    htmlTag,
-    children
-  } = _ref;
-  const leadClass = _LeadModule.default.lead;
-  let leadElement = _react.default.createElement(htmlTag, {
-    className: leadClass,
-    id: id || null
-  }, children);
-  return leadElement;
-};
-Lead.propTypes = {
-  id: _propTypes.default.string,
-  htmlTag: _propTypes.default.string
-};
-Lead.defaultProps = {
-  htmlTag: "p"
-};
-var _default = exports.default = Lead;

package/dist/components/Lead.module.scss

@@ -1,13 +0,0 @@
-// Variables
-@use "../style/abstracts/variables/colors";
-@use "../style/abstracts/variables/typography";
-
-.lead {
-	font-family: typography.$default-font;
-	font-size: 18px;
-	font-weight: 400;
-	line-height: 26px;
-	letter-spacing: 0.01em;
-	margin: 0 0 24px;
-	color: var(--color-heading-text, colors.$color-heading-text);
-}

package/dist/components/List.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _helpers = require("../functions/helpers");
-var _ListModule = _interopRequireDefault(require("./List.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const List = props => {
-  const renderChildElements = childElements => {
-    const childElementsthroughFragments = (0, _helpers.cloneThroughFragments)(childElements);
-    return childElementsthroughFragments.map((childElement, index) => {
-      const childElementCopy = _react.default.cloneElement(childElement, {
-        compact: props.compact,
-        key: "listItem-".concat(index)
-      });
-      return childElementCopy;
-    });
-  };
-  const renderList = children => {
-    let listType = props.ordered ? "ol" : "ul";
-    const defaultListStyle = props.ordered ? "decimal" : "disc";
-    const scssValueProperty = "--listStyle";
-    let listElement = _react.default.createElement(listType, {
-      className: "".concat(_ListModule.default.list, " ").concat(!!props.compact ? _ListModule.default.compact : ""),
-      style: {
-        [scssValueProperty]: props.listStyle || defaultListStyle
-      }
-    }, renderChildElements(_react.default.Children.toArray(children)));
-    return listElement;
-  };
-  return renderList(props.children);
-};
-List.propTypes = {
-  listStyle: _propTypes.default.string,
-  compact: _propTypes.default.bool,
-  ordered: _propTypes.default.bool
-};
-List.defaultProps = {
-  ordered: false,
-  compact: false
-};
-var _default = exports.default = List;

package/dist/components/List.module.scss

@@ -1,12 +0,0 @@
-.list {
-    margin: 0;
-    margin-left: 20px;
-    padding: 0;
-    margin-bottom: 20px;
-    list-style-position: outside;
-    font-size: 16px;
-    list-style: var(--listStyle);
-    &.compact {
-        margin-left: 0px;
-    }
-}

package/dist/components/ListItem.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _helpers = require("../functions/helpers");
-var _ListItemModule = _interopRequireDefault(require("./ListItem.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ListItem = _ref => {
-  let {
-    compact,
-    children
-  } = _ref;
-  return _react.default.createElement("li", {
-    className: (0, _helpers.classNameArrayToClassNameString)([_ListItemModule.default.listItem, compact && _ListItemModule.default.compact])
-  }, children);
-};
-ListItem.propTypes = {
-  compact: _propTypes.default.bool
-};
-ListItem.defaultProps = {
-  compact: false
-};
-var _default = exports.default = ListItem;

package/dist/components/ListItem.module.scss

@@ -1,10 +0,0 @@
-// Variables
-@use "../style/abstracts/variables/colors";
-
-.listItem {
-    line-height: 1.6;
-    color: var(--color-form-element, colors.$color-form-element);
-    &.compact {
-        line-height: 1.4;
-    }
-}

package/dist/components/LoadingAnimation.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _LoadingAnimationModule = _interopRequireDefault(require("./LoadingAnimation.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const LoadingAnimation = props => {
-  return _react.default.createElement("div", {
-    className: props.fixed ? _LoadingAnimationModule.default.loadingAnimation + " " + _LoadingAnimationModule.default.fixed : _LoadingAnimationModule.default.loadingAnimation
-  }, props.message);
-};
-LoadingAnimation.propTypes = {
-  fixed: _propTypes.default.bool,
-  active: _propTypes.default.bool,
-  message: _propTypes.default.string
-};
-LoadingAnimation.defaultProps = {
-  fixed: false,
-  active: true,
-  message: ""
-};
-var _default = exports.default = LoadingAnimation;

package/dist/components/LoadingAnimation.module.scss

@@ -1,28 +0,0 @@
-// Mixins
-@use "../style/abstracts/mixins/box-shadow";
-@use "../style/abstracts/mixins/calc";
-
-.loadingAnimation {
-    @include box-shadow.box-shadow(0 8px 17px 0 rgba(0, 0, 0, 0.2));
-    z-index: 6;
-    background-repeat: no-repeat;
-    background-position: 50% 15px;
-    background-color: #fff;
-    height: auto;
-    width: 200px;
-    border: 1px solid #ddd;
-    padding: 15px;
-    color: #666;
-    display: block;
-    text-align: center;
-    &.fixed {
-        @include calc.calc(left, "50% - 100px");
-        top: 40%;
-        margin: auto;
-        position: fixed;
-    }
-    &:before {
-        content: url(../assets/svg/spinner.svg);
-        display: block;
-    }
-}

package/dist/components/NavigationBar.js

@@ -1,146 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _NavigationBarListItem = _interopRequireDefault(require("./NavigationBarListItem"));
-var _theme = require("../functions/theme");
-var _helpers = require("../functions/helpers");
-var _dibkLogoMobile = _interopRequireDefault(require("../assets/svg/dibk-logo-mobile.svg?url"));
-var _dibkLogo = _interopRequireDefault(require("../assets/svg/dibk-logo.svg?url"));
-var _NavigationBarModule = _interopRequireDefault(require("./NavigationBar.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const NavigationBar = props => {
-  var _props$primaryListIte, _props$secondaryListI, _props$mainContentId;
-  const [active, setActive] = (0, _react.useState)(false);
-  const toggleList = () => {
-    setActive(!active);
-  };
-  const getLogoThemeStyle = theme => {
-    return {
-      padding: (0, _theme.getThemeLogoPadding)(theme)
-    };
-  };
-  const renderPrimaryList = function () {
-    let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : props.primaryListItems;
-    let iteration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    let listItems = items.map((listItem, i) => {
-      let key = iteration + "-" + i;
-      if (listItem.listItems !== undefined) {
-        return _react.default.createElement("li", {
-          key: key
-        }, _react.default.createElement("span", null, listItem.name), renderPrimaryList(listItem.listItems, iteration + 1));
-      } else {
-        return _react.default.createElement(_NavigationBarListItem.default, {
-          listItem: listItem,
-          key: key,
-          theme: props.theme
-        });
-      }
-    });
-    return !!(listItems !== null && listItems !== void 0 && listItems.length) && _react.default.createElement("ul", {
-      className: _NavigationBarModule.default.primaryList
-    }, listItems);
-  };
-  const renderSecondaryList = () => {
-    let listItems = props.secondaryListItems.map((listItem, i) => {
-      return _react.default.createElement(_NavigationBarListItem.default, {
-        listItem: listItem,
-        key: i,
-        theme: props.theme
-      });
-    });
-    return !!(listItems !== null && listItems !== void 0 && listItems.length) && _react.default.createElement("ul", {
-      className: _NavigationBarModule.default.secondaryList
-    }, listItems);
-  };
-  const renderLogo = (logoLink, logoLinkTitle) => {
-    const themeLogo = (0, _theme.getThemeLogo)(props.theme);
-    const themeAppName = (0, _theme.getThemeAppName)(props.theme);
-    const getLogoAltText = () => {
-      if (logoLink && logoLinkTitle) {
-        return "";
-      } else if (themeLogo && themeAppName) {
-        return "".concat(themeAppName, " logo");
-      } else {
-        return "DIBK logo";
-      }
-    };
-    const renderLogoElement = () => {
-      const altText = getLogoAltText();
-      return themeLogo ? _react.default.createElement("img", {
-        alt: altText,
-        src: themeLogo,
-        style: getLogoThemeStyle(props.theme)
-      }) : _react.default.createElement("img", {
-        alt: altText,
-        src: props.compact ? _dibkLogoMobile.default : _dibkLogo.default
-      });
-    };
-    const logoLinkProps = {
-      target: props.openLogoLinkInNewTab ? "_blank" : null,
-      rel: props.openLogoLinkInNewTab ? "noopener noreferrer" : null
-    };
-    return logoLink && logoLink.length ? _react.default.createElement("a", _extends({}, logoLinkProps, {
-      href: logoLink,
-      title: logoLinkTitle
-    }), renderLogoElement()) : renderLogoElement();
-  };
-  const hasListItems = !!((_props$primaryListIte = props.primaryListItems) !== null && _props$primaryListIte !== void 0 && _props$primaryListIte.length) || !!((_props$secondaryListI = props.secondaryListItems) !== null && _props$secondaryListI !== void 0 && _props$secondaryListI.length);
-  return _react.default.createElement("div", {
-    className: (0, _helpers.classNameArrayToClassNameString)([props.compact && _NavigationBarModule.default.compact, _NavigationBarModule.default.navigationBarContainer])
-  }, ((_props$mainContentId = props.mainContentId) === null || _props$mainContentId === void 0 ? void 0 : _props$mainContentId.length) && _react.default.createElement("a", {
-    id: "main-content-link",
-    href: "#".concat(props.mainContentId),
-    className: _NavigationBarModule.default.mainContentLink
-  }, _react.default.createElement("span", {
-    id: "main-content-link-text"
-  }, "Hopp til hovedinnhold")), _react.default.createElement("div", {
-    className: (0, _helpers.classNameArrayToClassNameString)([_NavigationBarModule.default.navigationBar, props.preventChildElementStacking && _NavigationBarModule.default.preventStacking])
-  }, _react.default.createElement("div", {
-    className: _NavigationBarModule.default.logoContainer
-  }, renderLogo(props.logoLink, props.logoLinkTitle)), !!props.children && _react.default.createElement("div", {
-    className: _NavigationBarModule.default.childElements
-  }, props.children), hasListItems && _react.default.createElement("button", {
-    type: "button",
-    className: "".concat(_NavigationBarModule.default.menuToggle, " ").concat(active ? _NavigationBarModule.default.active : ""),
-    onClick: () => toggleList(),
-    "aria-expanded": active ? "true" : "false",
-    "aria-controls": "main-menu-dropdown"
-  }, !props.compact && "Meny", _react.default.createElement("span", {
-    className: _NavigationBarModule.default.hamburgerIcon
-  }, _react.default.createElement("span", {
-    className: _NavigationBarModule.default.line
-  }), _react.default.createElement("span", {
-    className: _NavigationBarModule.default.line
-  }), _react.default.createElement("span", {
-    className: _NavigationBarModule.default.line
-  })))), hasListItems && _react.default.createElement(_react.Fragment, null, _react.default.createElement("div", {
-    className: (0, _helpers.classNameArrayToClassNameString)([_NavigationBarModule.default.dropdownContainer, active && _NavigationBarModule.default.active])
-  }, _react.default.createElement("div", {
-    id: "main-menu-dropdown",
-    className: _NavigationBarModule.default.dropdown
-  }, renderPrimaryList(), renderSecondaryList()))));
-};
-NavigationBar.propTypes = {
-  primaryListItems: _propTypes.default.array,
-  secondaryListItems: _propTypes.default.array,
-  logoLink: _propTypes.default.string,
-  logoLinkTitle: _propTypes.default.string,
-  openLogoLinkInNewTab: _propTypes.default.bool,
-  theme: _propTypes.default.object,
-  preventChildElementStacking: _propTypes.default.bool
-};
-NavigationBar.defaultProps = {
-  primaryListItems: [],
-  secondaryListItems: [],
-  logoLink: null,
-  preventChildElementStacking: false
-};
-var _default = exports.default = NavigationBar;