dibk-design 3.3.3 → 3.5.0

package/dist/components/InputField.js

@@ -14,39 +14,33 @@ var _generators = require("../functions/generators");
 var _asterisk = _interopRequireDefault(require("../assets/svg/asterisk.svg?url"));
 var _InputFieldModule = _interopRequireDefault(require("./InputField.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var InputField = function InputField(props) {
+const InputField = props => {
   var _props$width;
-  var getThemeErrorInputStyle = function getThemeErrorInputStyle(theme) {
+  const getThemeErrorInputStyle = theme => {
     return {
       boxShadow: "0 0 3px ".concat((0, _theme.getThemePaletteBackgroundColor)(theme, "warning")),
       borderColor: (0, _theme.getThemePaletteBackgroundColor)(theme, "warning")
     };
   };
-  var formatDate = function formatDate(inputDate) {
+  const formatDate = inputDate => {
     if (!inputDate) {
       return null;
     }
-    var date = new Date(inputDate);
-    var year = date.getFullYear();
-    var month = date.getMonth() + 1 < 10 ? "0".concat(date.getMonth() + 1) : date.getMonth() + 1;
-    var day = date.getDate() < 10 ? "0".concat(date.getDate()) : date.getDate();
+    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);
   };
-  var renderValueAsText = function renderValueAsText(value, defaultContent) {
+  const renderValueAsText = (value, defaultContent) => {
     return props.type === "date" ? value ? formatDate(value) : defaultContent : value ? value : defaultContent;
   };
-  var getErrorElementId = function getErrorElementId() {
+  const getErrorElementId = () => {
     return "".concat(props.id, "-errorMessage");
   };
-  var getInputElementProps = function getInputElementProps(defaultValue, defaultKey, styleRules) {
-    var _props$errorMessage, _props$ariaDescribed, _ref;
-    return _ref = {
+  const getInputElementProps = (defaultValue, defaultKey, styleRules) => {
+    var _props$errorMessage, _props$ariaDescribed;
+    return {
       name: props.name,
       readOnly: props.readOnly,
       disabled: props.disabled,
@@ -58,14 +52,24 @@ var InputField = function InputField(props) {
       min: props.min || null,
       max: props.max || null,
       onChange: props.onChange,
-      onBlur: props.onBlur
-    }, _defineProperty(_ref, defaultValue ? "defaultValue" : "value", defaultValue || props.value), _defineProperty(_ref, "placeholder", props.placeholder || null), _defineProperty(_ref, "className", props.hasErrors ? _InputFieldModule.default.hasErrors : null), _defineProperty(_ref, "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), _defineProperty(_ref, "aria-invalid", props.hasErrors ? "true" : null), _defineProperty(_ref, "aria-autocomplete", props["aria-autocomplete"] || null), _defineProperty(_ref, "style", styleRules), _ref;
+      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 = {
+    ...(props.hasErrors ? getThemeErrorInputStyle(props.theme) : null),
+    ...(((_props$width = props.width) === null || _props$width === void 0 ? void 0 : _props$width.length) && {
+      maxWidth: props.width
+    })
   };
-  var defaultValue = props.defaultValue ? props.defaultValue : props.value || null;
-  var defaultKey = props.elementKey || null;
-  var styleRules = _objectSpread(_objectSpread({}, props.hasErrors ? getThemeErrorInputStyle(props.theme) : null), ((_props$width = props.width) === null || _props$width === void 0 ? void 0 : _props$width.length) && {
-    maxWidth: props.width
-  });
   return _react.default.createElement("div", {
     className: "".concat(_InputFieldModule.default.inputField, " ").concat(_InputFieldModule.default[props.type])
   }, _react.default.createElement(_Label.default, {
@@ -80,7 +84,7 @@ var InputField = function InputField(props) {
     className: _InputFieldModule.default.input
   }, props.selectedFileName), props.buttonContent ? _react.default.createElement(_Button.default, {
     color: props.buttonColor,
-    onClick: function onClick() {
+    onClick: () => {
       document.getElementById(props.id).click();
     },
     content: props.buttonContent,
@@ -118,7 +122,7 @@ InputField.propTypes = {
   theme: _propTypes.default.object
 };
 InputField.defaultProps = {
-  onChange: function onChange() {
+  onChange: () => {
     return false;
   },
   name: "",
@@ -133,5 +137,4 @@ InputField.defaultProps = {
   hasErrors: false,
   errorMessage: ""
 };
-var _default = InputField;
-exports.default = _default;
+var _default = exports.default = InputField;

package/dist/components/Label.js

@@ -8,24 +8,21 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _LabelModule = _interopRequireDefault(require("./Label.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var Label = function Label(props) {
+const Label = props => {
   var _props$htmlTag;
-  var labelProps = _objectSpread({}, props);
-  var htmlTag = (_props$htmlTag = props.htmlTag) !== null && _props$htmlTag !== void 0 && _props$htmlTag.length ? props.htmlTag : "label";
+  let labelProps = {
+    ...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;
-  var className = "".concat(_LabelModule.default.label, " ").concat(props.inline ? _LabelModule.default.inline : "", " ").concat(props.normalCursor ? _LabelModule.default.normalCursor : "");
-  var labelElement = _react.default.createElement(htmlTag, _objectSpread(_objectSpread({}, labelProps), {}, {
-    className: className,
+  const className = "".concat(_LabelModule.default.label, " ").concat(props.inline ? _LabelModule.default.inline : "", " ").concat(props.normalCursor ? _LabelModule.default.normalCursor : "");
+  const labelElement = _react.default.createElement(htmlTag, {
+    ...labelProps,
+    className,
     id: props.id || null
-  }), props.children);
+  }, props.children);
   return labelElement;
 };
 Label.propTypes = {
@@ -38,5 +35,4 @@ Label.defaultProps = {
   normalCursor: false,
   htmlTag: "label"
 };
-var _default = Label;
-exports.default = _default;
+var _default = exports.default = Label;

package/dist/components/List.js

@@ -8,18 +8,16 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ListModule = _interopRequireDefault(require("./List.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var List = function List(props) {
-  var renderList = function renderList() {
-    var listType = props.ordered ? "ol" : "ul";
-    var defaultListStyle = props.ordered ? "decimal" : "disc";
-    var scssValueProperty = "--listStyle";
-    var listElement = _react.default.createElement(listType, {
+const List = props => {
+  const renderList = () => {
+    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: _defineProperty({}, scssValueProperty, props.listStyle || defaultListStyle)
+      style: {
+        [scssValueProperty]: props.listStyle || defaultListStyle
+      }
     }, props.children);
     return listElement;
   };
@@ -34,5 +32,4 @@ List.defaultProps = {
   ordered: false,
   compact: false
 };
-var _default = List;
-exports.default = _default;
+var _default = exports.default = List;

package/dist/components/ListItem.js

@@ -7,8 +7,8 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var ListItem = function ListItem(props) {
-  var elementProps = {
+const ListItem = props => {
+  const elementProps = {
     key: props.elementKey || null
   };
   return _react.default.createElement("li", elementProps, props.children, props.elementKey);
@@ -16,5 +16,4 @@ var ListItem = function ListItem(props) {
 ListItem.propTypes = {
   elementKey: _propTypes.default.string
 };
-var _default = ListItem;
-exports.default = _default;
+var _default = exports.default = ListItem;

package/dist/components/LoadingAnimation.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _LoadingAnimationModule = _interopRequireDefault(require("./LoadingAnimation.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var LoadingAnimation = function LoadingAnimation(props) {
+const LoadingAnimation = props => {
   return _react.default.createElement("div", {
     className: props.fixed ? _LoadingAnimationModule.default.loadingAnimation + " " + _LoadingAnimationModule.default.fixed : _LoadingAnimationModule.default.loadingAnimation
   }, props.message);
@@ -23,5 +23,4 @@ LoadingAnimation.defaultProps = {
   active: true,
   message: ""
 };
-var _default = LoadingAnimation;
-exports.default = _default;
+var _default = exports.default = LoadingAnimation;

package/dist/components/NavigationBar.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,47 +11,38 @@ var _theme = require("../functions/theme");
 var _dibkLogoMobile = _interopRequireDefault(require("../assets/svg/dibk-logo-mobile.svg?url"));
 var _NavigationBarModule = _interopRequireDefault(require("./NavigationBar.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 && Object.prototype.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() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var NavigationBar = function NavigationBar(props) {
+const NavigationBar = props => {
   var _props$primaryListIte, _props$secondaryListI, _props$mainContentId;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    active = _useState2[0],
-    setActive = _useState2[1];
-  var toggleList = function toggleList() {
+  const [active, setActive] = (0, _react.useState)(false);
+  const toggleList = () => {
     setActive(!active);
   };
-  var getNavigationBarThemeStyle = function getNavigationBarThemeStyle(theme) {
+  const getNavigationBarThemeStyle = theme => {
     return {
       backgroundColor: (0, _theme.getThemeNavigationBarBackgroundColor)(theme),
       color: (0, _theme.getThemeNavigationBarTextColor)(theme)
     };
   };
-  var getListItemThemeStyle = function getListItemThemeStyle(theme) {
+  const getListItemThemeStyle = theme => {
     return {
       color: (0, _theme.getThemeNavigationBarTextColor)(theme),
       borderBottomColor: (0, _theme.getThemeNavigationBarTextColor)(theme)
     };
   };
-  var getLogoThemeStyle = function getLogoThemeStyle(theme) {
+  const getLogoThemeStyle = theme => {
     return {
       padding: (0, _theme.getThemeLogoPadding)(theme)
     };
   };
-  var renderPrimaryList = function renderPrimaryList() {
-    var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : props.primaryListItems;
-    var iteration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    var listItemThemeStyle = getListItemThemeStyle(props.theme);
-    var listItems = items.map(function (listItem, i) {
-      var key = iteration + "-" + i;
+  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;
+    const listItemThemeStyle = getListItemThemeStyle(props.theme);
+    let listItems = items.map((listItem, i) => {
+      let key = iteration + "-" + i;
       if (listItem.listItems !== undefined) {
         return _react.default.createElement("li", {
           key: key
@@ -71,8 +61,8 @@ var NavigationBar = function NavigationBar(props) {
       className: _NavigationBarModule.default.primaryList
     }, listItems);
   };
-  var renderSecondaryList = function renderSecondaryList() {
-    var listItems = props.secondaryListItems.map(function (listItem, i) {
+  const renderSecondaryList = () => {
+    let listItems = props.secondaryListItems.map((listItem, i) => {
       return _react.default.createElement(_NavigationBarListItem.default, {
         listItem: listItem,
         key: i,
@@ -83,30 +73,43 @@ var NavigationBar = function NavigationBar(props) {
       className: _NavigationBarModule.default.secondaryList
     }, listItems);
   };
-  var renderLogo = function renderLogo(logoLink) {
-    var themeLogo = (0, _theme.getThemeLogo)(props.theme);
-    var themeAppName = (0, _theme.getThemeAppName)(props.theme);
-    var logoElement = themeLogo && themeAppName ? _react.default.createElement("img", {
-      alt: "".concat(themeAppName, " logo"),
-      src: themeLogo,
-      style: getLogoThemeStyle(props.theme)
-    }) : _react.default.createElement("img", {
-      alt: "DIBK logo",
-      src: _dibkLogoMobile.default
-    });
-    var logoLinkProps = {
+  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: _dibkLogoMobile.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
-    }), logoElement) : logoElement;
+      href: logoLink,
+      title: logoLinkTitle
+    }), renderLogoElement()) : renderLogoElement();
   };
-  var navigationBarThemeStyle = getNavigationBarThemeStyle(props.theme);
-  var hamburgerIconLineStyle = {
+  const navigationBarThemeStyle = getNavigationBarThemeStyle(props.theme);
+  const hamburgerIconLineStyle = {
     backgroundColor: (0, _theme.getThemeNavigationBarTextColor)(props.theme)
   };
-  var 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);
+  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: _NavigationBarModule.default.navigationBarContainer
   }, ((_props$mainContentId = props.mainContentId) === null || _props$mainContentId === void 0 ? void 0 : _props$mainContentId.length) && _react.default.createElement("a", {
@@ -120,14 +123,12 @@ var NavigationBar = function NavigationBar(props) {
     style: navigationBarThemeStyle
   }, _react.default.createElement("div", {
     className: _NavigationBarModule.default.logoContainer
-  }, renderLogo(props.logoLink)), !!props.children && _react.default.createElement("div", {
+  }, 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: function onClick() {
-      return toggleList();
-    },
+    onClick: () => toggleList(),
     "aria-expanded": active ? "true" : "false",
     "aria-controls": "main-menu-dropdown"
   }, _react.default.createElement("span", {
@@ -153,6 +154,7 @@ 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
 };
@@ -161,5 +163,4 @@ NavigationBar.defaultProps = {
   secondaryListItems: [],
   logoLink: null
 };
-var _default = NavigationBar;
-exports.default = _default;
+var _default = exports.default = NavigationBar;

package/dist/components/NavigationBarListItem.js

@@ -8,20 +8,19 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _theme = require("../functions/theme");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var NavigationBarListItem = function NavigationBarListItem(props) {
-  var getListItemThemeStyle = function getListItemThemeStyle() {
+const NavigationBarListItem = props => {
+  const getListItemThemeStyle = () => {
     return {
       color: (0, _theme.getThemeNavigationBarTextColor)(props.theme),
       borderBottomColor: (0, _theme.getThemeNavigationBarTextColor)(props.theme)
     };
   };
-  var listItemThemeStyle = getListItemThemeStyle();
+  const listItemThemeStyle = getListItemThemeStyle();
   if (typeof props.listItem === "string") {
     return _react.default.createElement("li", null, _react.default.createElement("span", {
       style: listItemThemeStyle
     }, props.listItem));
-  } else if (_typeof(props.listItem) === "object") {
+  } else if (typeof props.listItem === "object") {
     return _react.default.createElement("li", null, _react.default.createElement("a", {
       href: props.listItem.href,
       style: listItemThemeStyle
@@ -34,5 +33,4 @@ NavigationBarListItem.propTypes = {
   listItem: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
   theme: _propTypes.default.object
 };
-var _default = NavigationBarListItem;
-exports.default = _default;
+var _default = exports.default = NavigationBarListItem;

package/dist/components/Paper.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _PaperModule = _interopRequireDefault(require("./Paper.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Paper = function Paper(props) {
+const Paper = props => {
   return _react.default.createElement("div", {
     className: "".concat(_PaperModule.default.paper, " ").concat(props.noMargin ? _PaperModule.default.noMargin : "", " ").concat(props.noPadding ? _PaperModule.default.noPadding : "")
   }, props.children);
@@ -21,5 +21,4 @@ Paper.defaultProps = {
   noMargin: false,
   noPadding: false
 };
-var _default = Paper;
-exports.default = _default;
+var _default = exports.default = Paper;

package/dist/components/ProgressBar.js

@@ -8,19 +8,17 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ProgressBarModule = _interopRequireDefault(require("./ProgressBar.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var ProgressBar = function ProgressBar(props) {
-  var scssValueProperty = "--value";
+const ProgressBar = props => {
+  const scssValueProperty = "--value";
   return _react.default.createElement("div", {
     className: "".concat(_ProgressBarModule.default.progressBar, " ").concat(props.hasErrors ? _ProgressBarModule.default.hasErrors : ""),
     role: "progressbar",
     "aria-valuenow": props.progress || 0,
     "aria-valuemin": "0",
     "aria-valuemax": "100",
-    style: _defineProperty({}, scssValueProperty, props.progress || 0)
+    style: {
+      [scssValueProperty]: props.progress || 0
+    }
   });
 };
 ProgressBar.propTypes = {
@@ -31,5 +29,4 @@ ProgressBar.defaultProps = {
   progress: 0,
   hasErrors: false
 };
-var _default = ProgressBar;
-exports.default = _default;
+var _default = exports.default = ProgressBar;

package/dist/components/RadioButtonIcon.js

@@ -9,22 +9,19 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _theme = require("../functions/theme");
 var _RadioButtonIconModule = _interopRequireDefault(require("./RadioButtonIcon.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var RadioButtonIcon = function RadioButtonIcon(props) {
-  var inlineStyle = {
+const RadioButtonIcon = props => {
+  let inlineStyle = {
     height: props.size,
     width: props.size
   };
   if (props.theme && props.checked) {
-    var _objectSpread2;
-    inlineStyle = _objectSpread(_objectSpread({}, inlineStyle), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, !props.hasErrors && "background", (0, _theme.getThemePaletteBackgroundColor)(props.theme, "primary")), _defineProperty(_objectSpread2, !props.hasErrors && "boxShadow", "0 0 0 1px ".concat((0, _theme.getThemePaletteBackgroundColor)(props.theme, "primary"))), _objectSpread2));
+    inlineStyle = {
+      ...inlineStyle,
+      [!props.hasErrors && "background"]: (0, _theme.getThemePaletteBackgroundColor)(props.theme, "primary"),
+      [!props.hasErrors && "boxShadow"]: "0 0 0 1px ".concat((0, _theme.getThemePaletteBackgroundColor)(props.theme, "primary"))
+    };
   }
-  var radioButtonIconProps = {
+  const radioButtonIconProps = {
     className: "".concat(_RadioButtonIconModule.default.radioButtonIcon, " ").concat(props.checked ? _RadioButtonIconModule.default.checked : "", " ").concat(props.disabled ? _RadioButtonIconModule.default.disabled : "", " ").concat(props.hasErrors ? _RadioButtonIconModule.default.hasErrors : ""),
     style: inlineStyle
   };
@@ -43,5 +40,4 @@ RadioButtonIcon.defaultProps = {
   disabled: false,
   hasErrors: false
 };
-var _default = RadioButtonIcon;
-exports.default = _default;
+var _default = exports.default = RadioButtonIcon;

package/dist/components/RadioButtonInput.js

@@ -10,18 +10,18 @@ var _RadioButtonIcon = _interopRequireDefault(require("./RadioButtonIcon"));
 var _asterisk = _interopRequireDefault(require("../assets/svg/asterisk.svg?url"));
 var _RadioButtonInputModule = _interopRequireDefault(require("./RadioButtonInput.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var RadioButtonInput = function RadioButtonInput(props) {
-  var labelProps = {
+const RadioButtonInput = props => {
+  const labelProps = {
     className: "".concat(_RadioButtonInputModule.default.radioButtonInput, " ").concat(props.checked ? _RadioButtonInputModule.default.checked : "", " ").concat(props.disabled ? _RadioButtonInputModule.default.disabled : "", " ").concat(props.hasErrors ? _RadioButtonInputModule.default.hasErrors : ""),
     htmlFor: props.id
   };
-  var iconProps = {
+  const iconProps = {
     checked: props.checked,
     disabled: props.disabled,
     theme: props.theme,
     hasErrors: !props.contentOnly && props.hasErrors
   };
-  var inputProps = {
+  const inputProps = {
     id: props.id,
     name: props.name || null,
     type: "radio",
@@ -65,5 +65,4 @@ RadioButtonInput.defaultProps = {
   contentOnly: false,
   hasErrors: false
 };
-var _default = RadioButtonInput;
-exports.default = _default;
+var _default = exports.default = RadioButtonInput;

package/dist/components/RadioButtonList.js

@@ -10,19 +10,19 @@ var _helpers = require("../functions/helpers");
 var _asterisk = _interopRequireDefault(require("../assets/svg/asterisk.svg?url"));
 var _RadioButtonListModule = _interopRequireDefault(require("./RadioButtonList.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var RadioButtonList = function RadioButtonList(props) {
+const RadioButtonList = props => {
   var _props$legend;
-  var renderChildElements = function renderChildElements(childElements) {
-    var childElementsthroughFragments = (0, _helpers.cloneThroughFragments)(childElements);
-    return childElementsthroughFragments.map(function (childElement, index) {
+  const renderChildElements = childElements => {
+    const childElementsthroughFragments = (0, _helpers.cloneThroughFragments)(childElements);
+    return childElementsthroughFragments.map((childElement, index) => {
       var _childElement$type;
-      var isRadioButtonListItem = (childElement === null || childElement === void 0 || (_childElement$type = childElement.type) === null || _childElement$type === void 0 ? void 0 : _childElement$type.name) === "RadioButtonListItem";
-      var childElementProps = isRadioButtonListItem ? {
+      const isRadioButtonListItem = (childElement === null || childElement === void 0 || (_childElement$type = childElement.type) === null || _childElement$type === void 0 ? void 0 : _childElement$type.name) === "RadioButtonListItem";
+      const childElementProps = isRadioButtonListItem ? {
         requiredGroup: props.required,
         compact: props.compact,
         key: "radioButtonListItem-".concat(index)
       } : null;
-      var childElementCopy = _react.default.cloneElement(childElement, childElementProps);
+      const childElementCopy = _react.default.cloneElement(childElement, childElementProps);
       return childElementCopy;
     });
   };
@@ -39,5 +39,4 @@ RadioButtonList.propTypes = {
   required: _propTypes.default.bool,
   compact: _propTypes.default.bool
 };
-var _default = RadioButtonList;
-exports.default = _default;
+var _default = exports.default = RadioButtonList;

package/dist/components/RadioButtonListItem.js

@@ -10,10 +10,10 @@ var _RadioButtonInput = _interopRequireDefault(require("./RadioButtonInput"));
 var _helpers = require("../functions/helpers");
 var _RadioButtonListItemModule = _interopRequireDefault(require("./RadioButtonListItem.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var RadioButtonListItem = function RadioButtonListItem(props) {
-  var listItemClassNameArray = [_RadioButtonListItemModule.default.radioButtonListItem, props.disabled ? _RadioButtonListItemModule.default.disabled : null, props.compact ? _RadioButtonListItemModule.default.compact : null, props.contentOnly ? _RadioButtonListItemModule.default.contentOnly : null, props.hasErrors ? _RadioButtonListItemModule.default.hasErrors : null];
-  var listItemClassNameString = (0, _helpers.classNameArrayToClassNameString)(listItemClassNameArray);
-  var inputProps = {
+const RadioButtonListItem = props => {
+  const listItemClassNameArray = [_RadioButtonListItemModule.default.radioButtonListItem, props.disabled ? _RadioButtonListItemModule.default.disabled : null, props.compact ? _RadioButtonListItemModule.default.compact : null, props.contentOnly ? _RadioButtonListItemModule.default.contentOnly : null, props.hasErrors ? _RadioButtonListItemModule.default.hasErrors : null];
+  const listItemClassNameString = (0, _helpers.classNameArrayToClassNameString)(listItemClassNameArray);
+  const inputProps = {
     onChange: props.onChange,
     inputValue: props.inputValue,
     checked: props.checked,
@@ -57,5 +57,4 @@ RadioButtonListItem.defaultProps = {
   contentOnly: false,
   hasErrors: false
 };
-var _default = RadioButtonListItem;
-exports.default = _default;
+var _default = exports.default = RadioButtonListItem;