dibk-design 3.3.2 → 3.4.0

package/dist/components/Accordion.js

@@ -66,5 +66,4 @@ Accordion.defaultProps = {
   color: "default",
   expanded: false
 };
-var _default = Accordion;
-exports.default = _default;
+var _default = exports.default = Accordion;

package/dist/components/Button.js

@@ -130,5 +130,4 @@ Button.defaultProps = {
   noHover: false,
   arrow: "none"
 };
-var _default = Button;
-exports.default = _default;
+var _default = exports.default = Button;

package/dist/components/CheckBoxIcon.js

@@ -51,5 +51,4 @@ CheckBoxIcon.defaultProps = {
   hasErrors: false,
   checkmarkCharacter: "✔"
 };
-var _default = CheckBoxIcon;
-exports.default = _default;
+var _default = exports.default = CheckBoxIcon;

package/dist/components/CheckBoxInput.js

@@ -67,5 +67,4 @@ CheckBoxInput.defaultProps = {
   hasErrors: false,
   checkmarkCharacter: "✔"
 };
-var _default = CheckBoxInput;
-exports.default = _default;
+var _default = exports.default = CheckBoxInput;

package/dist/components/CheckBoxList.js

@@ -15,11 +15,14 @@ var CheckBoxList = function CheckBoxList(props) {
   var renderChildElements = function renderChildElements(childElements) {
     var childElementsthroughFragments = (0, _helpers.cloneThroughFragments)(childElements);
     return childElementsthroughFragments.map(function (childElement, index) {
-      var childElementCopy = _react.default.cloneElement(childElement, {
+      var _childElement$type;
+      var isCheckBoxListItem = (childElement === null || childElement === void 0 || (_childElement$type = childElement.type) === null || _childElement$type === void 0 ? void 0 : _childElement$type.name) === "CheckBoxListItem";
+      var childElementProps = isCheckBoxListItem ? {
         requiredGroup: props.required,
         compact: props.compact,
         key: "checkboxListItem-".concat(index)
-      });
+      } : null;
+      var childElementCopy = _react.default.cloneElement(childElement, childElementProps);
       return childElementCopy;
     });
   };
@@ -36,5 +39,4 @@ CheckBoxList.propTypes = {
   required: _propTypes.default.bool,
   compact: _propTypes.default.bool
 };
-var _default = CheckBoxList;
-exports.default = _default;
+var _default = exports.default = CheckBoxList;

package/dist/components/CheckBoxListItem.js

@@ -58,5 +58,4 @@ CheckBoxListItem.defaultProps = {
   hasErrors: false,
   checkmarkCharacter: "✔"
 };
-var _default = CheckBoxListItem;
-exports.default = _default;
+var _default = exports.default = CheckBoxListItem;

package/dist/components/Container.js

@@ -12,5 +12,4 @@ var Container = function Container(props) {
     className: _ContainerModule.default.container
   }, props.children);
 };
-var _default = Container;
-exports.default = _default;
+var _default = exports.default = Container;

package/dist/components/ContentBox.js

@@ -53,5 +53,4 @@ ContentBox.defaultProps = {
   content: "",
   color: "default"
 };
-var _default = ContentBox;
-exports.default = _default;
+var _default = exports.default = ContentBox;

package/dist/components/Dialog.js

@@ -68,5 +68,4 @@ Dialog.propTypes = {
 Dialog.defaultProps = {
   maxWidth: "none"
 };
-var _default = Dialog;
-exports.default = _default;
+var _default = exports.default = Dialog;

package/dist/components/DragAndDropFileInput.js

@@ -137,5 +137,4 @@ DragAndDropFileInput.defaultProps = {
   errorMessage: "",
   required: false
 };
-var _default = DragAndDropFileInput;
-exports.default = _default;
+var _default = exports.default = DragAndDropFileInput;

package/dist/components/ErrorBox.js

@@ -26,5 +26,4 @@ ErrorBox.propTypes = {
 ErrorBox.defaultProps = {
   children: ""
 };
-var _default = ErrorBox;
-exports.default = _default;
+var _default = exports.default = ErrorBox;

package/dist/components/ErrorMessage.js

@@ -36,5 +36,4 @@ ErrorMessage.propTypes = {
 ErrorMessage.defaultProps = {
   content: ""
 };
-var _default = ErrorMessage;
-exports.default = _default;
+var _default = exports.default = ErrorMessage;

package/dist/components/Footer.js

@@ -13,5 +13,4 @@ var Footer = function Footer(props) {
     className: _FooterModule.default.footer
   }, _react.default.createElement(_Container.default, null, props.children));
 };
-var _default = Footer;
-exports.default = _default;
+var _default = exports.default = Footer;

package/dist/components/Header.js

@@ -34,5 +34,4 @@ Header.propTypes = {
 Header.defaultProps = {
   size: 1
 };
-var _default = Header;
-exports.default = _default;
+var _default = exports.default = Header;

package/dist/components/InputField.js

@@ -133,5 +133,4 @@ InputField.defaultProps = {
   hasErrors: false,
   errorMessage: ""
 };
-var _default = InputField;
-exports.default = _default;
+var _default = exports.default = InputField;

package/dist/components/Label.js

@@ -38,5 +38,4 @@ Label.defaultProps = {
   normalCursor: false,
   htmlTag: "label"
 };
-var _default = Label;
-exports.default = _default;
+var _default = exports.default = Label;

package/dist/components/List.js

@@ -34,5 +34,4 @@ List.defaultProps = {
   ordered: false,
   compact: false
 };
-var _default = List;
-exports.default = _default;
+var _default = exports.default = List;

package/dist/components/ListItem.js

@@ -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

@@ -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

@@ -83,24 +83,37 @@ var NavigationBar = function NavigationBar(props) {
       className: _NavigationBarModule.default.secondaryList
     }, listItems);
   };
-  var renderLogo = function renderLogo(logoLink) {
+  var renderLogo = function renderLogo(logoLink, logoLinkTitle) {
     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 getLogoAltText = function getLogoAltText() {
+      if (logoLink && logoLinkTitle) {
+        return "";
+      } else if (themeLogo && themeAppName) {
+        return "".concat(themeAppName, " logo");
+      } else {
+        return "DIBK logo";
+      }
+    };
+    var renderLogoElement = function renderLogoElement() {
+      var 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
+      });
+    };
     var 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 = {
@@ -120,7 +133,7 @@ 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",
@@ -153,6 +166,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 +175,4 @@ NavigationBar.defaultProps = {
   secondaryListItems: [],
   logoLink: null
 };
-var _default = NavigationBar;
-exports.default = _default;
+var _default = exports.default = NavigationBar;

package/dist/components/NavigationBarListItem.js

@@ -34,5 +34,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

@@ -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

@@ -31,5 +31,4 @@ ProgressBar.defaultProps = {
   progress: 0,
   hasErrors: false
 };
-var _default = ProgressBar;
-exports.default = _default;
+var _default = exports.default = ProgressBar;

package/dist/components/RadioButtonIcon.js

@@ -43,5 +43,4 @@ RadioButtonIcon.defaultProps = {
   disabled: false,
   hasErrors: false
 };
-var _default = RadioButtonIcon;
-exports.default = _default;
+var _default = exports.default = RadioButtonIcon;

package/dist/components/RadioButtonInput.js

@@ -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

@@ -15,11 +15,14 @@ var RadioButtonList = function RadioButtonList(props) {
   var renderChildElements = function renderChildElements(childElements) {
     var childElementsthroughFragments = (0, _helpers.cloneThroughFragments)(childElements);
     return childElementsthroughFragments.map(function (childElement, index) {
-      var childElementCopy = _react.default.cloneElement(childElement, {
+      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 ? {
         requiredGroup: props.required,
         compact: props.compact,
         key: "radioButtonListItem-".concat(index)
-      });
+      } : null;
+      var childElementCopy = _react.default.cloneElement(childElement, childElementProps);
       return childElementCopy;
     });
   };
@@ -36,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

@@ -57,5 +57,4 @@ RadioButtonListItem.defaultProps = {
   contentOnly: false,
   hasErrors: false
 };
-var _default = RadioButtonListItem;
-exports.default = _default;
+var _default = exports.default = RadioButtonListItem;

package/dist/components/Select.js

@@ -240,5 +240,4 @@ Select.defaultProps = {
   hasErrors: false,
   errorMessage: ""
 };
-var _default = Select;
-exports.default = _default;
+var _default = exports.default = Select;

package/dist/components/Table.js

@@ -28,5 +28,4 @@ Table.propTypes = {
   captionAlign: _propTypes.default.oneOf(["left", "center", "right"]),
   captionSide: _propTypes.default.oneOf(["top", "bottom"])
 };
-var _default = Table;
-exports.default = _default;
+var _default = exports.default = Table;

package/dist/components/Textarea.js

@@ -105,5 +105,4 @@ Textarea.defaultProps = {
   hasErrors: false,
   errorMessage: ""
 };
-var _default = Textarea;
-exports.default = _default;
+var _default = exports.default = Textarea;

package/dist/components/Theme.js

@@ -68,5 +68,4 @@ Theme.propTypes = {
   theme: _propTypes.default.object
 };
 Theme.defaultProps = {};
-var _default = Theme;
-exports.default = _default;
+var _default = exports.default = Theme;

package/dist/components/WizardNavigation/Step.js

@@ -49,5 +49,4 @@ Step.propTypes = {
   activeStepId: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
   index: _propTypes.default.number.isRequired
 };
-var _default = Step;
-exports.default = _default;
+var _default = exports.default = Step;

package/dist/components/WizardNavigation.js

@@ -46,5 +46,4 @@ WizardNavigation.propTypes = {
   activeStepId: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
   "aria-label": _propTypes.default.string
 };
-var _default = WizardNavigation;
-exports.default = _default;
+var _default = exports.default = WizardNavigation;

package/dist/functions/generators.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.generateRandomString = void 0;
-var generateRandomString = function generateRandomString(length) {
+var generateRandomString = exports.generateRandomString = function generateRandomString(length) {
   var result = '';
   var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
   var charactersLength = characters.length;
@@ -12,5 +12,4 @@ var generateRandomString = function generateRandomString(length) {
     result += characters.charAt(Math.floor(Math.random() * charactersLength));
   }
   return result;
-};
-exports.generateRandomString = generateRandomString;
+};

package/dist/functions/helpers.js

@@ -11,14 +11,13 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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 classNameArrayToClassNameString = function classNameArrayToClassNameString(classNameArray) {
+var classNameArrayToClassNameString = exports.classNameArrayToClassNameString = function classNameArrayToClassNameString(classNameArray) {
   var _classNameArray$filte;
   return (classNameArray === null || classNameArray === void 0 || (_classNameArray$filte = classNameArray.filter(function (className) {
     return className;
   })) === null || _classNameArray$filte === void 0 ? void 0 : _classNameArray$filte.join(" ")) || "";
 };
-exports.classNameArrayToClassNameString = classNameArrayToClassNameString;
-var cloneThroughFragments = function cloneThroughFragments(children) {
+var cloneThroughFragments = exports.cloneThroughFragments = function cloneThroughFragments(children) {
   return _react.Children.map(children, function (c) {
     if ((0, _react.isValidElement)(c)) {
       if (c.type === _react.Fragment) {
@@ -29,21 +28,18 @@ var cloneThroughFragments = function cloneThroughFragments(children) {
     return c;
   });
 };
-exports.cloneThroughFragments = cloneThroughFragments;
-var setFocusToElement = function setFocusToElement(element) {
+var setFocusToElement = exports.setFocusToElement = function setFocusToElement(element) {
   var autoFocusElement = document.createElement("button");
   element.prepend(autoFocusElement);
   autoFocusElement.focus();
   autoFocusElement.remove();
 };
-exports.setFocusToElement = setFocusToElement;
-var getFocusableElementsInsideElement = function getFocusableElementsInsideElement(element) {
+var getFocusableElementsInsideElement = exports.getFocusableElementsInsideElement = function getFocusableElementsInsideElement(element) {
   return Array.from(element.querySelectorAll('button, [href], input, [tabindex="0"]')).filter(function (resultElement) {
     return resultElement;
   });
 };
-exports.getFocusableElementsInsideElement = getFocusableElementsInsideElement;
-var addFocusTrapInsideElement = function addFocusTrapInsideElement(element) {
+var addFocusTrapInsideElement = exports.addFocusTrapInsideElement = function addFocusTrapInsideElement(element) {
   setFocusToElement(element);
   var focusableElements = getFocusableElementsInsideElement(element);
   var firstFocusableElement = focusableElements !== null && focusableElements !== void 0 && focusableElements.length ? focusableElements[0] : null;
@@ -66,5 +62,4 @@ var addFocusTrapInsideElement = function addFocusTrapInsideElement(element) {
       }
     };
   }
-};
-exports.addFocusTrapInsideElement = addFocusTrapInsideElement;
+};

package/dist/functions/theme.js

@@ -4,50 +4,40 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getThemeTextColor = exports.getThemePaletteTextColor = exports.getThemePaletteBorderColor = exports.getThemePaletteBackgroundColor = exports.getThemeNavigationBarTextColor = exports.getThemeNavigationBarBackgroundColor = exports.getThemeLogoPadding = exports.getThemeLogo = exports.getThemeLinkColor = exports.getThemeAppName = void 0;
-var getThemePaletteBackgroundColor = function getThemePaletteBackgroundColor(theme, color) {
+var getThemePaletteBackgroundColor = exports.getThemePaletteBackgroundColor = function getThemePaletteBackgroundColor(theme, color) {
   var _theme$colors;
   return (theme === null || theme === void 0 || (_theme$colors = theme.colors) === null || _theme$colors === void 0 || (_theme$colors = _theme$colors.palette) === null || _theme$colors === void 0 || (_theme$colors = _theme$colors[color]) === null || _theme$colors === void 0 ? void 0 : _theme$colors.background) || null;
 };
-exports.getThemePaletteBackgroundColor = getThemePaletteBackgroundColor;
-var getThemePaletteTextColor = function getThemePaletteTextColor(theme, color) {
+var getThemePaletteTextColor = exports.getThemePaletteTextColor = function getThemePaletteTextColor(theme, color) {
   var _theme$colors2;
   return (theme === null || theme === void 0 || (_theme$colors2 = theme.colors) === null || _theme$colors2 === void 0 || (_theme$colors2 = _theme$colors2.palette) === null || _theme$colors2 === void 0 || (_theme$colors2 = _theme$colors2[color]) === null || _theme$colors2 === void 0 ? void 0 : _theme$colors2.text) || null;
 };
-exports.getThemePaletteTextColor = getThemePaletteTextColor;
-var getThemePaletteBorderColor = function getThemePaletteBorderColor(theme, color) {
+var getThemePaletteBorderColor = exports.getThemePaletteBorderColor = function getThemePaletteBorderColor(theme, color) {
   var _theme$colors3;
   return (theme === null || theme === void 0 || (_theme$colors3 = theme.colors) === null || _theme$colors3 === void 0 || (_theme$colors3 = _theme$colors3.palette) === null || _theme$colors3 === void 0 || (_theme$colors3 = _theme$colors3[color]) === null || _theme$colors3 === void 0 ? void 0 : _theme$colors3.border) || null;
 };
-exports.getThemePaletteBorderColor = getThemePaletteBorderColor;
-var getThemeNavigationBarBackgroundColor = function getThemeNavigationBarBackgroundColor(theme) {
+var getThemeNavigationBarBackgroundColor = exports.getThemeNavigationBarBackgroundColor = function getThemeNavigationBarBackgroundColor(theme) {
   var _theme$colors4;
   return (theme === null || theme === void 0 || (_theme$colors4 = theme.colors) === null || _theme$colors4 === void 0 || (_theme$colors4 = _theme$colors4.navigationBar) === null || _theme$colors4 === void 0 ? void 0 : _theme$colors4.background) || null;
 };
-exports.getThemeNavigationBarBackgroundColor = getThemeNavigationBarBackgroundColor;
-var getThemeNavigationBarTextColor = function getThemeNavigationBarTextColor(theme) {
+var getThemeNavigationBarTextColor = exports.getThemeNavigationBarTextColor = function getThemeNavigationBarTextColor(theme) {
   var _theme$colors5;
   return (theme === null || theme === void 0 || (_theme$colors5 = theme.colors) === null || _theme$colors5 === void 0 || (_theme$colors5 = _theme$colors5.navigationBar) === null || _theme$colors5 === void 0 ? void 0 : _theme$colors5.text) || null;
 };
-exports.getThemeNavigationBarTextColor = getThemeNavigationBarTextColor;
-var getThemeLogo = function getThemeLogo(theme) {
+var getThemeLogo = exports.getThemeLogo = function getThemeLogo(theme) {
   return (theme === null || theme === void 0 ? void 0 : theme.logo) || null;
 };
-exports.getThemeLogo = getThemeLogo;
-var getThemeLogoPadding = function getThemeLogoPadding(theme) {
+var getThemeLogoPadding = exports.getThemeLogoPadding = function getThemeLogoPadding(theme) {
   return (theme === null || theme === void 0 ? void 0 : theme.logoPadding) || null;
 };
-exports.getThemeLogoPadding = getThemeLogoPadding;
-var getThemeAppName = function getThemeAppName(theme) {
+var getThemeAppName = exports.getThemeAppName = function getThemeAppName(theme) {
   return (theme === null || theme === void 0 ? void 0 : theme.appName) || null;
 };
-exports.getThemeAppName = getThemeAppName;
-var getThemeTextColor = function getThemeTextColor(theme) {
+var getThemeTextColor = exports.getThemeTextColor = function getThemeTextColor(theme) {
   var _theme$colors6;
   return (theme === null || theme === void 0 || (_theme$colors6 = theme.colors) === null || _theme$colors6 === void 0 ? void 0 : _theme$colors6.text) || null;
 };
-exports.getThemeTextColor = getThemeTextColor;
-var getThemeLinkColor = function getThemeLinkColor(theme) {
+var getThemeLinkColor = exports.getThemeLinkColor = function getThemeLinkColor(theme) {
   var _theme$colors7;
   return (theme === null || theme === void 0 || (_theme$colors7 = theme.colors) === null || _theme$colors7 === void 0 ? void 0 : _theme$colors7.link) || null;
-};
-exports.getThemeLinkColor = getThemeLinkColor;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dibk-design",
-  "version": "3.3.2",
+  "version": "3.4.0",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "files": [