dibk-design 7.2.2 → 7.3.0

package/dist/components/Accordion.js

@@ -33,14 +33,14 @@ const Accordion = props => {
     }), _react.default.createElement("span", {
       className: _AccordionModule.default.panelText
     }, props.title), _react.default.createElement("span", {
-      className: `${_AccordionModule.default.panelChevron} ${expanded ? _AccordionModule.default.expanded : ""}`
+      className: "".concat(_AccordionModule.default.panelChevron, " ").concat(expanded ? _AccordionModule.default.expanded : "")
     }));
   };
   const className = (0, _helpers.classNameArrayToClassNameString)([_AccordionModule.default.accordion, props.color && _AccordionModule.default[props.color], !props.noMargin && _AccordionModule.default.margin]);
   return _react.default.createElement("div", {
     className: className
   }, renderPanel(), _react.default.createElement("div", {
-    className: `${_AccordionModule.default.content} ${initialized ? _AccordionModule.default.initialized : ""} ${expanded ? _AccordionModule.default.expanded : ""}`
+    className: "".concat(_AccordionModule.default.content, " ").concat(initialized ? _AccordionModule.default.initialized : "", " ").concat(expanded ? _AccordionModule.default.expanded : "")
   }, props.children));
 };
 Accordion.propTypes = {

package/dist/components/Button.js

@@ -13,7 +13,13 @@ 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); }
+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 Button = props => {
+  var _props$href, _props$href2, _props$children;
   const getArrowClass = arrow => {
     switch (arrow) {
       case "left":
@@ -24,11 +30,10 @@ const Button = props => {
         return "";
     }
   };
-  let buttonProps = {
-    ...props,
+  let buttonProps = _objectSpread(_objectSpread({}, props), {}, {
     "aria-invalid": props.hasErrors || null,
-    href: !props.disabled && props.href?.length ? props.href : null
-  };
+    href: !props.disabled && (_props$href = props.href) !== null && _props$href !== void 0 && _props$href.length ? props.href : null
+  });
   delete buttonProps.noHover;
   delete buttonProps.hasErrors;
   delete buttonProps.rounded;
@@ -37,21 +42,23 @@ const Button = props => {
   delete buttonProps.content;
   delete buttonProps.arrow;
   delete buttonProps.noMargin;
-  const buttonColor = props?.inputType === "radio" ? props.defaultChecked ? "primary" : "secondary" : props.color;
-  const className = (0, _helpers.classNameArrayToClassNameString)([_ButtonModule.default.button, _ButtonModule.default[buttonColor], _ButtonModule.default[props.size], getArrowClass(props.arrow), props.noHover || props?.inputType === "radio" ? _ButtonModule.default.noHover : null, props.rounded && _ButtonModule.default.rounded, props.hasErrors && _ButtonModule.default.hasErrors, props.disabled && _ButtonModule.default.disabled, props.noMargin && _ButtonModule.default.noMargin]);
+  const buttonColor = (props === null || props === void 0 ? void 0 : props.inputType) === "radio" ? props.defaultChecked ? "primary" : "secondary" : props.color;
+  const className = (0, _helpers.classNameArrayToClassNameString)([_ButtonModule.default.button, _ButtonModule.default[buttonColor], _ButtonModule.default[props.size], getArrowClass(props.arrow), props.noHover || (props === null || props === void 0 ? void 0 : props.inputType) === "radio" ? _ButtonModule.default.noHover : null, props.rounded && _ButtonModule.default.rounded, props.hasErrors && _ButtonModule.default.hasErrors, props.disabled && _ButtonModule.default.disabled, props.noMargin && _ButtonModule.default.noMargin]);
   const renderReactLinkElements = childElements => {
     const childElementsthroughFragments = (0, _helpers.cloneThroughFragments)(childElements);
     return childElementsthroughFragments.map((childElement, index) => {
-      if (!buttonProps.disabled && !!childElement?.props?.to) {
+      var _childElement$props;
+      if (!buttonProps.disabled && !!(childElement !== null && childElement !== void 0 && (_childElement$props = childElement.props) !== null && _childElement$props !== void 0 && _childElement$props.to)) {
+        var _childElement$props2, _childElement$props3;
         const childElementCopy = _react.default.cloneElement(childElement, {
           className: className,
-          key: `button-${index}`,
-          to: !buttonProps.disabled && childElement?.props?.to ? childElement?.props?.to : null
+          key: "button-".concat(index),
+          to: !buttonProps.disabled && childElement !== null && childElement !== void 0 && (_childElement$props2 = childElement.props) !== null && _childElement$props2 !== void 0 && _childElement$props2.to ? childElement === null || childElement === void 0 || (_childElement$props3 = childElement.props) === null || _childElement$props3 === void 0 ? void 0 : _childElement$props3.to : null
         });
         return childElementCopy;
       } else {
         return _react.default.createElement("button", _extends({}, buttonProps, {
-          key: `button-${index}`,
+          key: "button-".concat(index),
           className: className
         }), props.content || childElement.props.children);
       }
@@ -69,11 +76,11 @@ const Button = props => {
     }, _react.default.createElement("input", _extends({}, buttonProps, {
       type: "radio"
     })), props.content);
-  } else if (props.href?.length && !props.disabled) {
+  } else if ((_props$href2 = props.href) !== null && _props$href2 !== void 0 && _props$href2.length && !props.disabled) {
     return _react.default.createElement("a", _extends({}, buttonProps, {
       className: className
     }), props.content || props.children);
-  } else if (props?.children?.type === _reactRouterDom.Link) {
+  } else if ((props === null || props === void 0 || (_props$children = props.children) === null || _props$children === void 0 ? void 0 : _props$children.type) === _reactRouterDom.Link) {
     return _react.default.createElement(_react.Fragment, null, renderReactLinkElements(_react.default.Children.toArray(props.children)));
   } else {
     return _react.default.createElement("button", _extends({}, buttonProps, {

package/dist/components/CheckBoxIcon.js

@@ -15,7 +15,7 @@ const CheckBoxIcon = props => {
     fontSize: props.size
   };
   const checkBoxIconProps = {
-    className: `${_CheckBoxIconModule.default.checkBoxIcon} ${props.checked ? _CheckBoxIconModule.default.checked : ""} ${props.disabled ? _CheckBoxIconModule.default.disabled : ""} ${props.showBox ? _CheckBoxIconModule.default.showBox : ""} ${props.hasErrors ? _CheckBoxIconModule.default.hasErrors : ""}`,
+    className: "".concat(_CheckBoxIconModule.default.checkBoxIcon, " ").concat(props.checked ? _CheckBoxIconModule.default.checked : "", " ").concat(props.disabled ? _CheckBoxIconModule.default.disabled : "", " ").concat(props.showBox ? _CheckBoxIconModule.default.showBox : "", " ").concat(props.hasErrors ? _CheckBoxIconModule.default.hasErrors : ""),
     style: inlineStyle
   };
   return _react.default.createElement("span", checkBoxIconProps, _react.default.createElement("span", {

package/dist/components/CheckBoxInput.js

@@ -12,7 +12,7 @@ var _CheckBoxInputModule = _interopRequireDefault(require("./CheckBoxInput.modul
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const CheckBoxInput = props => {
   const labelProps = {
-    className: `${_CheckBoxInputModule.default.checkBoxInput} ${props.contentOnly ? _CheckBoxInputModule.default.contentOnly : ""} ${props.disabled ? _CheckBoxInputModule.default.disabled : ""} ${props.hasErrors ? _CheckBoxInputModule.default.hasErrors : ""}`,
+    className: "".concat(_CheckBoxInputModule.default.checkBoxInput, " ").concat(props.contentOnly ? _CheckBoxInputModule.default.contentOnly : "", " ").concat(props.disabled ? _CheckBoxInputModule.default.disabled : "", " ").concat(props.hasErrors ? _CheckBoxInputModule.default.hasErrors : ""),
     htmlFor: props.id
   };
   const iconProps = {

package/dist/components/CheckBoxList.js

@@ -22,12 +22,13 @@ const CheckBoxList = _ref => {
   const renderChildElements = childElements => {
     const childElementsthroughFragments = (0, _helpers.cloneThroughFragments)(childElements);
     return childElementsthroughFragments.map((childElement, index) => {
-      const isCheckBoxListItem = childElement?.props?.type === "CheckBoxListItem";
+      var _childElement$props;
+      const isCheckBoxListItem = (childElement === null || childElement === void 0 || (_childElement$props = childElement.props) === null || _childElement$props === void 0 ? void 0 : _childElement$props.type) === "CheckBoxListItem";
       if (isCheckBoxListItem) {
         const childElementCopy = _react.default.cloneElement(childElement, {
           requiredGroup: required,
           compact: compact,
-          key: `checkboxListItem-${index}`
+          key: "checkboxListItem-".concat(index)
         });
         return childElementCopy;
       } else {
@@ -37,7 +38,7 @@ const CheckBoxList = _ref => {
   };
   return _react.default.createElement("fieldset", {
     className: _CheckBoxListModule.default.checkBoxList
-  }, !!legend?.length ? _react.default.createElement("legend", null, legendSize ? _react.default.createElement(_Header.default, {
+  }, !!(legend !== null && legend !== void 0 && legend.length) ? _react.default.createElement("legend", null, legendSize ? _react.default.createElement(_Header.default, {
     size: legendSize
   }, legend) : legend, required && _react.default.createElement("img", {
     src: _asterisk.default,

package/dist/components/Container.js

@@ -9,8 +9,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ContainerModule = _interopRequireDefault(require("./Container.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Container = props => {
+  var _props$maxWidth;
   const styleProps = {
-    "--max-width": props?.maxWidth?.length && props.maxWidth
+    "--max-width": (props === null || props === void 0 || (_props$maxWidth = props.maxWidth) === null || _props$maxWidth === void 0 ? void 0 : _props$maxWidth.length) && props.maxWidth
   };
   return _react.default.createElement("div", {
     className: _ContainerModule.default.container,

package/dist/components/ContentBox.js

@@ -9,6 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ContentBoxModule = _interopRequireDefault(require("./ContentBox.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ContentBox = props => {
+  var _props$content;
   const renderTitle = () => {
     let className = _ContentBoxModule.default.title + " " + _ContentBoxModule.default[props.titleSize];
     if (props.title) {
@@ -22,7 +23,7 @@ const ContentBox = props => {
   let colorClass = " " + _ContentBoxModule.default[props.color];
   let linkClass = props.href ? " " + _ContentBoxModule.default.link : "";
   let className = _ContentBoxModule.default.contentBox + colorClass + linkClass;
-  const bodyContent = props.content?.length ? props.content : props.children;
+  const bodyContent = (_props$content = props.content) !== null && _props$content !== void 0 && _props$content.length ? props.content : props.children;
   if (props.href) {
     return _react.default.createElement("a", {
       href: props.href,

package/dist/components/DescriptionList.js

@@ -21,7 +21,7 @@ const DescriptionList = _ref => {
       const childElementCopy = _react.default.cloneElement(childElement, {
         compact: compact,
         titleWidth: titleWidth,
-        key: `descriptionListItem-${index}`
+        key: "descriptionListItem-".concat(index)
       });
       return childElementCopy;
     });

package/dist/components/Dialog.js

@@ -13,6 +13,7 @@ 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; }
 const Dialog = props => {
+  var _props$attachTo, _props$maxWidth;
   const dialogRef = (0, _react.useRef)();
   const dialogContainerRef = (0, _react.useRef)();
   const dialogContentRef = (0, _react.useCallback)(element => {
@@ -32,7 +33,7 @@ const Dialog = props => {
       }
     };
     const handleClickOutside = event => {
-      if (dialogContainerRef?.current && !dialogContainerRef.current.contains(event.target)) {
+      if (dialogContainerRef !== null && dialogContainerRef !== void 0 && dialogContainerRef.current && !dialogContainerRef.current.contains(event.target)) {
         props.onClickOutside();
       }
     };
@@ -45,9 +46,9 @@ const Dialog = props => {
       props.modal ? dialogRef.current.showModal() : dialogRef.current.show();
     }
   }, [dialogRef, props.hidden, props.modal]);
-  const sideBarClassNames = props.attachTo?.length && (0, _helpers.classNameArrayToClassNameString)([_DialogModule.default.isSidebar, _DialogModule.default[props.attachTo]]);
+  const sideBarClassNames = ((_props$attachTo = props.attachTo) === null || _props$attachTo === void 0 ? void 0 : _props$attachTo.length) && (0, _helpers.classNameArrayToClassNameString)([_DialogModule.default.isSidebar, _DialogModule.default[props.attachTo]]);
   const dialogContentStyleProps = {
-    "--max-width": props?.maxWidth?.length && props.maxWidth
+    "--max-width": (props === null || props === void 0 || (_props$maxWidth = props.maxWidth) === null || _props$maxWidth === void 0 ? void 0 : _props$maxWidth.length) && props.maxWidth
   };
   return _react.default.createElement("dialog", {
     className: (0, _helpers.classNameArrayToClassNameString)([_DialogModule.default.dialog, sideBarClassNames]),

package/dist/components/DragAndDropFileInput.js

@@ -16,6 +16,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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 DragAndDropFileInput = props => {
+  var _props$errorMessage, _props$ariaDescribed;
   const [highlight, setHighlight] = (0, _react.useState)(false);
   const containerElementRef = (0, _react.useRef)();
   const fileInputElementRef = (0, _react.useRef)();
@@ -30,11 +31,11 @@ const DragAndDropFileInput = props => {
     fileInputElementRef.current.click();
   };
   const getErrorElementId = () => {
-    return `${props.id}-errorMessage`;
+    return "".concat(props.id, "-errorMessage");
   };
   const inputElementProps = {
     id: props.id,
-    "aria-describedby": props.hasErrors && !!props.errorMessage?.length ? getErrorElementId() : !!props["aria-describedby"]?.length ? props["aria-describedby"] : 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,
     name: props.name,
     required: props.required
@@ -53,7 +54,7 @@ const DragAndDropFileInput = props => {
       const files = e.dataTransfer.files;
       handleFiles(files);
     };
-    if (containerElementRef?.current) {
+    if (containerElementRef !== null && containerElementRef !== void 0 && containerElementRef.current) {
       containerElementRef.current.addEventListener("dragenter", preventDefaults, false);
       containerElementRef.current.addEventListener("dragover", preventDefaults, false);
       containerElementRef.current.addEventListener("dragleave", preventDefaults, false);
@@ -83,7 +84,7 @@ const DragAndDropFileInput = props => {
     className: _DragAndDropFileInputModule.default.requiredSymbol
   })), _react.default.createElement("div", null, props.children), !props.contentOnly ? _react.default.createElement("div", {
     ref: containerElementRef,
-    className: `${_DragAndDropFileInputModule.default.dragAndDropContainer} ${highlight ? _DragAndDropFileInputModule.default.highlighted : ""}`
+    className: "".concat(_DragAndDropFileInputModule.default.dragAndDropContainer, " ").concat(highlight ? _DragAndDropFileInputModule.default.highlighted : "")
   }, props.selectedFileName ? _react.default.createElement("div", null, _react.default.createElement("span", null, _react.default.createElement("b", null, "Valgt fil:"), " ", props.selectedFileName)) : _react.default.createElement("div", null, "Slipp fil her"), _react.default.createElement("input", _extends({}, inputElementProps, {
     ref: fileInputElementRef,
     type: "file",

package/dist/components/ErrorMessage.js

@@ -11,13 +11,15 @@ var _errorSign = _interopRequireDefault(require("../assets/svg/error-sign.svg?ur
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 ErrorMessage = props => {
+  var _props$content;
   const getErrorElementProps = () => {
+    var _props$id;
     return {
-      id: !!props.id?.length ? props.id : null,
+      id: !!((_props$id = props.id) !== null && _props$id !== void 0 && _props$id.length) ? props.id : null,
       className: _ErrorMessageModule.default.errorMessage
     };
   };
-  return props?.content?.length ? _react.default.createElement("span", _extends({
+  return props !== null && props !== void 0 && (_props$content = props.content) !== null && _props$content !== void 0 && _props$content.length ? _react.default.createElement("span", _extends({
     "aria-live": "polite"
   }, getErrorElementProps()), _react.default.createElement("img", {
     src: _errorSign.default,

package/dist/components/Header.js

@@ -10,18 +10,19 @@ var _HeaderModule = _interopRequireDefault(require("./Header.module.scss"));
 var _helpers = require("../functions/helpers");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Header = props => {
+  var _props$htmlTag, _props$label, _props$content;
   const bigClass = props.big ? _HeaderModule.default.bigHeader : "";
-  const htmlTag = props.htmlTag?.length ? props.htmlTag : `h${props.size}`;
+  const htmlTag = (_props$htmlTag = props.htmlTag) !== null && _props$htmlTag !== void 0 && _props$htmlTag.length ? props.htmlTag : "h".concat(props.size);
   const headerClass = _HeaderModule.default.header;
-  const headerSizeClass = _HeaderModule.default[`size-${props.size}`];
+  const headerSizeClass = _HeaderModule.default["size-".concat(props.size)];
   let headerElement = _react.default.createElement(htmlTag, {
     className: (0, _helpers.classNameArrayToClassNameString)([headerClass, headerSizeClass, bigClass]),
     id: props.id || null,
     htmlFor: props.htmlFor || null,
-    style: props?.label?.length ? {
-      "--label": `"${props.label}"`
+    style: props !== null && props !== void 0 && (_props$label = props.label) !== null && _props$label !== void 0 && _props$label.length ? {
+      "--label": "\"".concat(props.label, "\"")
     } : null
-  }, !!props.content?.length ? props.content : props.children);
+  }, !!((_props$content = props.content) !== null && _props$content !== void 0 && _props$content.length) ? props.content : props.children);
   return _react.default.createElement("div", {
     className: _HeaderModule.default.headerContainer
   }, " ", headerElement, " ");

package/dist/components/InputField.js

@@ -14,24 +14,31 @@ 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${date.getMonth() + 1}` : date.getMonth() + 1;
-    const day = date.getDate() < 10 ? `0${date.getDate()}` : date.getDate();
-    return `${day}.${month}.${year}`;
+    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 `${props.id}-errorMessage`;
+    return "".concat(props.id, "-errorMessage");
   };
   const getInputElementProps = (defaultValue, defaultKey, styleRules) => {
+    var _props$errorMessage, _props$ariaDescribed;
     return {
       name: props.name,
       readOnly: props.readOnly,
@@ -40,7 +47,7 @@ const InputField = props => {
       type: props.type,
       role: props.role,
       id: props.id,
-      key: defaultKey || `${props.id}-${(0, _generators.generateRandomString)(6)}`,
+      key: defaultKey || "".concat(props.id, "-").concat((0, _generators.generateRandomString)(6)),
       min: props.min || null,
       max: props.max || null,
       onChange: props.onChange,
@@ -48,7 +55,7 @@ const InputField = props => {
       [defaultValue ? "defaultValue" : "value"]: defaultValue || props.value,
       placeholder: props.placeholder || null,
       className: props.hasErrors ? _InputFieldModule.default.hasErrors : null,
-      "aria-describedby": props.hasErrors && !!props.errorMessage?.length ? getErrorElementId() : !!props["aria-describedby"]?.length ? props["aria-describedby"] : 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
@@ -56,11 +63,9 @@ const InputField = props => {
   };
   const defaultValue = props.defaultValue ? props.defaultValue : props.value || null;
   const defaultKey = props.elementKey || null;
-  const styleRules = {
-    ...(props.width?.length && {
-      maxWidth: props.width
-    })
-  };
+  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, {

package/dist/components/Label.js

@@ -8,20 +8,23 @@ 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 => {
-  let labelProps = {
-    ...props
-  };
-  const htmlTag = props.htmlTag?.length ? props.htmlTag : "label";
+  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 = `${_LabelModule.default.label} ${props.inline ? _LabelModule.default.inline : ""} ${props.normalCursor ? _LabelModule.default.normalCursor : ""}`;
-  const labelElement = _react.default.createElement(htmlTag, {
-    ...labelProps,
+  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);
+  }), props.children);
   return labelElement;
 };
 Label.propTypes = {

package/dist/components/List.js

@@ -15,7 +15,7 @@ const List = props => {
     return childElementsthroughFragments.map((childElement, index) => {
       const childElementCopy = _react.default.cloneElement(childElement, {
         compact: props.compact,
-        key: `listItem-${index}`
+        key: "listItem-".concat(index)
       });
       return childElementCopy;
     });
@@ -25,7 +25,7 @@ const List = props => {
     const defaultListStyle = props.ordered ? "decimal" : "disc";
     const scssValueProperty = "--listStyle";
     let listElement = _react.default.createElement(listType, {
-      className: `${_ListModule.default.list} ${!!props.compact ? _ListModule.default.compact : ""}`,
+      className: "".concat(_ListModule.default.list, " ").concat(!!props.compact ? _ListModule.default.compact : ""),
       style: {
         [scssValueProperty]: props.listStyle || defaultListStyle
       }

package/dist/components/NavigationBar.js

@@ -17,6 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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);
@@ -43,7 +44,7 @@ const NavigationBar = props => {
         });
       }
     });
-    return !!listItems?.length && _react.default.createElement("ul", {
+    return !!(listItems !== null && listItems !== void 0 && listItems.length) && _react.default.createElement("ul", {
       className: _NavigationBarModule.default.primaryList
     }, listItems);
   };
@@ -55,7 +56,7 @@ const NavigationBar = props => {
         theme: props.theme
       });
     });
-    return !!listItems?.length && _react.default.createElement("ul", {
+    return !!(listItems !== null && listItems !== void 0 && listItems.length) && _react.default.createElement("ul", {
       className: _NavigationBarModule.default.secondaryList
     }, listItems);
   };
@@ -66,7 +67,7 @@ const NavigationBar = props => {
       if (logoLink && logoLinkTitle) {
         return "";
       } else if (themeLogo && themeAppName) {
-        return `${themeAppName} logo`;
+        return "".concat(themeAppName, " logo");
       } else {
         return "DIBK logo";
       }
@@ -91,12 +92,12 @@ const NavigationBar = props => {
       title: logoLinkTitle
     }), renderLogoElement()) : renderLogoElement();
   };
-  const hasListItems = !!props.primaryListItems?.length || !!props.secondaryListItems?.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: (0, _helpers.classNameArrayToClassNameString)([props.compact && _NavigationBarModule.default.compact, _NavigationBarModule.default.navigationBarContainer])
-  }, props.mainContentId?.length && _react.default.createElement("a", {
+  }, ((_props$mainContentId = props.mainContentId) === null || _props$mainContentId === void 0 ? void 0 : _props$mainContentId.length) && _react.default.createElement("a", {
     id: "main-content-link",
-    href: `#${props.mainContentId}`,
+    href: "#".concat(props.mainContentId),
     className: _NavigationBarModule.default.mainContentLink
   }, _react.default.createElement("span", {
     id: "main-content-link-text"
@@ -108,7 +109,7 @@ const NavigationBar = props => {
     className: _NavigationBarModule.default.childElements
   }, props.children), hasListItems && _react.default.createElement("button", {
     type: "button",
-    className: `${_NavigationBarModule.default.menuToggle} ${active ? _NavigationBarModule.default.active : ""}`,
+    className: "".concat(_NavigationBarModule.default.menuToggle, " ").concat(active ? _NavigationBarModule.default.active : ""),
     onClick: () => toggleList(),
     "aria-expanded": active ? "true" : "false",
     "aria-controls": "main-menu-dropdown"

package/dist/components/PDF.scss

@@ -24,6 +24,10 @@ $width-checkbox: 22px;
 $heading-logo-width: 100px;
 $heading-logo-margin-left: 15px;
 
+$margin-sm: 12px;
+$margin-md: 24px;
+$margin-lg: 36px;
+
 $margin-top-h1: 5px;
 $margin-top-h2: 22px;
 $margin-bottom-h2: 2px;
@@ -442,6 +446,72 @@ body {
         line-height: 1.2em;
         flex: none;
     }
+
+    //Margins
+    *[style*="--mt:none"],
+    *[style*="--mt: none"] {
+        margin-top: 0;
+    }
+    *[style*="--mb:none"],
+    *[style*="--mb: none"] {
+        margin-bottom: 0;
+    }
+    *[style*="--ml:none"],
+    *[style*="--ml: none"] {
+        margin-left: 0;
+    }
+    *[style*="--mr:none"],
+    *[style*="--mr: none"] {
+        margin-right: 0;
+    }
+    *[style*="--mt:sm"],
+    *[style*="--mt: sm"] {
+        margin-top: $margin-sm;
+    }
+    *[style*="--mb:sm"],
+    *[style*="--mb: sm"] {
+        margin-bottom: $margin-sm;
+    }
+    *[style*="--ml:sm"],
+    *[style*="--ml: sm"] {
+        margin-left: $margin-sm;
+    }
+    *[style*="--mr:sm"],
+    *[style*="--mr: sm"] {
+        margin-right: $margin-sm;
+    }
+    *[style*="--mt:md"],
+    *[style*="--mt: md"] {
+        margin-top: $margin-md;
+    }
+    *[style*="--mb:md"],
+    *[style*="--mb: md"] {
+        margin-bottom: $margin-md;
+    }
+    *[style*="--ml:md"],
+    *[style*="--ml: md"] {
+        margin-left: $margin-md;
+    }
+    *[style*="--mr:md"],
+    *[style*="--mr: md"] {
+        margin-right: $margin-md;
+    }
+    *[style*="--mt:lg"],
+    *[style*="--mt: lg"] {
+        margin-top: $margin-lg;
+    }
+    *[style*="--mb:lg"],
+    *[style*="--mb: lg"] {
+        margin-bottom: $margin-lg;
+    }
+    *[style*="--ml:lg"],
+    *[style*="--ml: lg"] {
+        margin-left: $margin-lg;
+    }
+    *[style*="--mr:lg"],
+    *[style*="--mr: lg"] {
+        margin-right: $margin-lg;
+    }
 }
 
 // For signed documents
@@ -605,6 +675,55 @@ body {
             }
         }
     }
+    //Margins
+    *[style*="--mt:sm"],
+    *[style*="--mt: sm"] {
+        margin-top: calc($margin-sm * $scaling-for-signed-documents);
+    }
+    *[style*="--mb:sm"],
+    *[style*="--mb: sm"] {
+        margin-bottom: calc($margin-sm * $scaling-for-signed-documents);
+    }
+    *[style*="--ml:sm"],
+    *[style*="--ml: sm"] {
+        margin-left: calc($margin-sm * $scaling-for-signed-documents);
+    }
+    *[style*="--mr:sm"],
+    *[style*="--mr: sm"] {
+        margin-right: calc($margin-sm * $scaling-for-signed-documents);
+    }
+    *[style*="--mt:md"],
+    *[style*="--mt: md"] {
+        margin-top: calc($margin-md * $scaling-for-signed-documents);
+    }
+    *[style*="--mb:md"],
+    *[style*="--mb: md"] {
+        margin-bottom: calc($margin-md * $scaling-for-signed-documents);
+    }
+    *[style*="--ml:md"],
+    *[style*="--ml: md"] {
+        margin-left: calc($margin-md * $scaling-for-signed-documents);
+    }
+    *[style*="--mr:md"],
+    *[style*="--mr: md"] {
+        margin-right: calc($margin-md * $scaling-for-signed-documents);
+    }
+    *[style*="--mt:lg"],
+    *[style*="--mt: lg"] {
+        margin-top: calc($margin-lg * $scaling-for-signed-documents);
+    }
+    *[style*="--mb:lg"],
+    *[style*="--mb: lg"] {
+        margin-bottom: calc($margin-lg * $scaling-for-signed-documents);
+    }
+    *[style*="--ml:lg"],
+    *[style*="--ml: lg"] {
+        margin-left: calc($margin-lg * $scaling-for-signed-documents);
+    }
+    *[style*="--mr:lg"],
+    *[style*="--mr: lg"] {
+        margin-right: calc($margin-lg * $scaling-for-signed-documents);
+    }
 }
 @media print {
     .page.signed-document {

package/dist/components/Paper.js

@@ -10,7 +10,7 @@ var _PaperModule = _interopRequireDefault(require("./Paper.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Paper = props => {
   return _react.default.createElement("div", {
-    className: `${_PaperModule.default.paper} ${props.noMargin ? _PaperModule.default.noMargin : ""} ${props.noPadding ? _PaperModule.default.noPadding : ""}`
+    className: "".concat(_PaperModule.default.paper, " ").concat(props.noMargin ? _PaperModule.default.noMargin : "", " ").concat(props.noPadding ? _PaperModule.default.noPadding : "")
   }, props.children);
 };
 Paper.propTypes = {

package/dist/components/ProgressBar.js

@@ -11,7 +11,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 const ProgressBar = props => {
   const scssValueProperty = "--value";
   return _react.default.createElement("div", {
-    className: `${_ProgressBarModule.default.progressBar} ${props.hasErrors ? _ProgressBarModule.default.hasErrors : ""}`,
+    className: "".concat(_ProgressBarModule.default.progressBar, " ").concat(props.hasErrors ? _ProgressBarModule.default.hasErrors : ""),
     role: "progressbar",
     "aria-valuenow": props.progress || 0,
     "aria-valuemin": "0",

package/dist/components/RadioButtonIcon.js

@@ -14,7 +14,7 @@ const RadioButtonIcon = props => {
     width: props.size
   };
   const radioButtonIconProps = {
-    className: `${_RadioButtonIconModule.default.radioButtonIcon} ${props.checked ? _RadioButtonIconModule.default.checked : ""} ${props.disabled ? _RadioButtonIconModule.default.disabled : ""} ${props.hasErrors ? _RadioButtonIconModule.default.hasErrors : ""}`,
+    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
   };
   return _react.default.createElement("span", radioButtonIconProps);

package/dist/components/RadioButtonInput.js

@@ -12,7 +12,7 @@ var _RadioButtonInputModule = _interopRequireDefault(require("./RadioButtonInput
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const RadioButtonInput = props => {
   const labelProps = {
-    className: `${_RadioButtonInputModule.default.radioButtonInput} ${props.checked ? _RadioButtonInputModule.default.checked : ""} ${props.disabled ? _RadioButtonInputModule.default.disabled : ""} ${props.hasErrors ? _RadioButtonInputModule.default.hasErrors : ""}`,
+    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
   };
   const iconProps = {

package/dist/components/RadioButtonList.js

@@ -22,12 +22,13 @@ const RadioButtonList = _ref => {
   const renderChildElements = childElements => {
     const childElementsthroughFragments = (0, _helpers.cloneThroughFragments)(childElements);
     return childElementsthroughFragments.map((childElement, index) => {
-      const isRadioButtonListItem = childElement?.props?.type === "RadioButtonListItem";
+      var _childElement$props;
+      const isRadioButtonListItem = (childElement === null || childElement === void 0 || (_childElement$props = childElement.props) === null || _childElement$props === void 0 ? void 0 : _childElement$props.type) === "RadioButtonListItem";
       if (isRadioButtonListItem) {
         const childElementCopy = _react.default.cloneElement(childElement, {
           requiredGroup: required,
           compact: compact,
-          key: `radioButtonListItem-${index}`
+          key: "radioButtonListItem-".concat(index)
         });
         return childElementCopy;
       } else {
@@ -37,7 +38,7 @@ const RadioButtonList = _ref => {
   };
   return _react.default.createElement("fieldset", {
     className: _RadioButtonListModule.default.radioButtonList
-  }, !!legend?.length ? _react.default.createElement("legend", null, legendSize ? _react.default.createElement(_Header.default, {
+  }, !!(legend !== null && legend !== void 0 && legend.length) ? _react.default.createElement("legend", null, legendSize ? _react.default.createElement(_Header.default, {
     size: legendSize
   }, legend) : legend, required && _react.default.createElement("img", {
     src: _asterisk.default,

package/dist/components/Select.js

@@ -17,6 +17,11 @@ var _SelectModule = _interopRequireDefault(require("./Select.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 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 Select = props => {
   const [showDropdownList, setShowDropdownList] = (0, _react.useState)(false);
   const dropdownRef = (0, _react.useRef)();
@@ -39,7 +44,7 @@ const Select = props => {
       }
     };
     const handleClickOutside = event => {
-      if (dropdownRef?.current && !dropdownRef.current.contains(event.target)) {
+      if (dropdownRef !== null && dropdownRef !== void 0 && dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         hideDropdownList();
       }
     };
@@ -77,7 +82,7 @@ const Select = props => {
   };
   const renderSelectedValues = (options, selectElementProps) => {
     const selectedValues = selectElementProps.defaultValue || selectElementProps.value;
-    return selectedValues?.length ? selectedValues.map(value => {
+    return selectedValues !== null && selectedValues !== void 0 && selectedValues.length ? selectedValues.map(value => {
       const keyForValue = getKeyByValue(value, options);
       return keyForValue;
     }).join(", ") : null;
@@ -89,7 +94,7 @@ const Select = props => {
       const isSelected = selectedValues && selectedValues.length && selectedValues.includes(optionObject.value);
       return _react.default.createElement(_CheckBoxListItem.default, {
         key: index,
-        id: `${props.id}-${index}`,
+        id: "".concat(props.id, "-").concat(index),
         value: optionObject.value,
         checked: isSelected,
         onChange: () => selectElementProps.onChange(optionObject.value)
@@ -112,7 +117,7 @@ const Select = props => {
     }, placeholder) : "";
   };
   const getErrorElementId = () => {
-    return `${props.id}-errorMessage`;
+    return "".concat(props.id, "-errorMessage");
   };
   if (props.contentOnly) {
     const value = props.defaultValue ? props.defaultValue : props.value || null;
@@ -122,12 +127,11 @@ const Select = props => {
       htmlFor: props.id
     }, props.label), _react.default.createElement("span", null, value ? props.keyAsContent ? getKeyByValue(value, props.options) : value : props.defaultContent));
   } else {
+    var _props$width, _props$errorMessage, _props$ariaDescribed, _props$width2;
     const defaultValue = !props.value && props.defaultValue ? props.defaultValue : false;
-    const styleRules = {
-      ...(props.width?.length && {
-        maxWidth: props.width
-      })
-    };
+    const styleRules = _objectSpread({}, ((_props$width = props.width) === null || _props$width === void 0 ? void 0 : _props$width.length) && {
+      maxWidth: props.width
+    });
     const className = (0, _helpers.classNameArrayToClassNameString)([props.hasErrors && _SelectModule.default.hasErrors, props.multiple && _SelectModule.default.multiple]);
     const selectElementProps = {
       name: props.name,
@@ -138,9 +142,9 @@ const Select = props => {
       onChange: props.onChange,
       id: props.id,
       role: props.role,
-      key: `${props.id}-${(0, _generators.generateRandomString)(6)}`,
+      key: "".concat(props.id, "-").concat((0, _generators.generateRandomString)(6)),
       className,
-      "aria-describedby": props.hasErrors && !!props.errorMessage?.length ? getErrorElementId() : !!props["aria-describedby"]?.length ? props["aria-describedby"] : 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,
       style: styleRules
     };
@@ -154,11 +158,9 @@ const Select = props => {
       className: _SelectModule.default.requiredSymbol
     })), _react.default.createElement("div", {
       className: _SelectModule.default.selectContainer,
-      style: {
-        ...(props.width?.length && {
-          maxWidth: props.width
-        })
-      }
+      style: _objectSpread({}, ((_props$width2 = props.width) === null || _props$width2 === void 0 ? void 0 : _props$width2.length) && {
+        maxWidth: props.width
+      })
     }, _react.default.createElement("span", {
       className: _SelectModule.default.selectListArrow
     }), props.multiple ? _react.default.createElement("div", {

package/dist/components/Table.js

@@ -12,12 +12,12 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 const getCaptionAlignClass = captionAlign => {
   const defaultValue = "left";
   const availableValues = ["left", "center", "right"];
-  return captionAlign?.length && availableValues.includes(captionAlign) ? _TableModule.default[`captionAlign-${captionAlign}`] : _TableModule.default[`captionAlign-${defaultValue}`];
+  return captionAlign !== null && captionAlign !== void 0 && captionAlign.length && availableValues.includes(captionAlign) ? _TableModule.default["captionAlign-".concat(captionAlign)] : _TableModule.default["captionAlign-".concat(defaultValue)];
 };
 const getCaptionSideClass = captionSide => {
   const defaultValue = "top";
   const availableValues = ["top", "bottom"];
-  return captionSide?.length && availableValues.includes(captionSide) ? _TableModule.default[`captionSide-${captionSide}`] : _TableModule.default[`captionSide-${defaultValue}`];
+  return captionSide !== null && captionSide !== void 0 && captionSide.length && availableValues.includes(captionSide) ? _TableModule.default["captionSide-".concat(captionSide)] : _TableModule.default["captionSide-".concat(defaultValue)];
 };
 const Table = props => {
   return _react.default.createElement("table", {

package/dist/components/Textarea.js

@@ -12,24 +12,27 @@ var _generators = require("../functions/generators");
 var _asterisk = _interopRequireDefault(require("../assets/svg/asterisk.svg?url"));
 var _TextareaModule = _interopRequireDefault(require("./Textarea.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 Textarea = props => {
   const renderValueAsText = (value, defaultContent) => {
     return value ? value : defaultContent;
   };
   const getErrorElementId = () => {
-    return `${props.id}-errorMessage`;
+    return "".concat(props.id, "-errorMessage");
   };
   const renderInputField = () => {
-    const defaultValue = !props.value?.length && props.defaultValue?.length ? props.defaultValue : false;
+    var _props$value, _props$defaultValue, _props$width, _props$resize, _props$errorMessage, _props$ariaDescribed;
+    const defaultValue = !((_props$value = props.value) !== null && _props$value !== void 0 && _props$value.length) && (_props$defaultValue = props.defaultValue) !== null && _props$defaultValue !== void 0 && _props$defaultValue.length ? props.defaultValue : false;
     const defaultKey = props.elementKey || null;
-    const styleRules = {
-      ...(props.width?.length && {
-        maxWidth: props.width
-      }),
-      ...(props.resize?.length && {
-        resize: props.resize
-      })
-    };
+    const styleRules = _objectSpread(_objectSpread({}, ((_props$width = props.width) === null || _props$width === void 0 ? void 0 : _props$width.length) && {
+      maxWidth: props.width
+    }), ((_props$resize = props.resize) === null || _props$resize === void 0 ? void 0 : _props$resize.length) && {
+      resize: props.resize
+    });
     const textareaElementProps = {
       name: props.name,
       readOnly: props.readOnly,
@@ -37,14 +40,14 @@ const Textarea = props => {
       required: props.required,
       type: props.type,
       id: props.id,
-      key: defaultKey || `${props.id}-${(0, _generators.generateRandomString)(6)}`,
+      key: defaultKey || "".concat(props.id, "-").concat((0, _generators.generateRandomString)(6)),
       onChange: props.onChange,
       onBlur: props.onBlur,
       [defaultValue ? "defaultValue" : "value"]: defaultValue || props.value,
       placeholder: props.placeholder,
       rows: props.rows,
       className: props.hasErrors ? _TextareaModule.default.hasErrors : "",
-      "aria-describedby": props.hasErrors && !!props.errorMessage?.length ? getErrorElementId() : !!props["aria-describedby"]?.length ? props["aria-describedby"] : 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,
       style: styleRules
     };

package/dist/components/Theme.js

@@ -35,7 +35,7 @@ const Theme = _ref => {
       return _react.default.createElement(_react.Fragment, {
         key: color
       }, _react.default.createElement("div", null, color), _react.default.createElement("div", {
-        className: `${_ThemeModule.default.color} ${colorClassName}`
+        className: "".concat(_ThemeModule.default.color, " ").concat(colorClassName)
       }));
     });
   };

package/dist/components/ThemeProvider.js

@@ -15,7 +15,7 @@ const ThemeProvider = _ref => {
   } = _ref;
   const cssVariablesFromTheme = (0, _helpers.getCssVariablesFromTheme)(theme);
   const cssColorVariablesString = (0, _helpers.stringifyCssColorVariables)(cssVariablesFromTheme);
-  (0, _helpers.addGlobalStylesheet)("theme-provider", `:root {${cssColorVariablesString}} ${_ThemeProviderModule.default}`);
+  (0, _helpers.addGlobalStylesheet)("theme-provider", ":root {".concat(cssColorVariablesString, "} ").concat(_ThemeProviderModule.default));
   return children;
 };
 ThemeProvider.propTypes = {

package/dist/components/ToggleNavigationButton.js

@@ -8,6 +8,11 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ToggleNavigationButtonModule = _interopRequireDefault(require("./ToggleNavigationButton.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 ToggleNavigationButton = _ref => {
   let {
     id,
@@ -18,11 +23,10 @@ const ToggleNavigationButton = _ref => {
     isOpen
   } = _ref;
   const elementClass = _ToggleNavigationButtonModule.default.toggleNavigationButton;
-  let element = _react.default.createElement(htmlTag, {
-    ...buttonProps,
+  let element = _react.default.createElement(htmlTag, _objectSpread(_objectSpread({}, buttonProps), {}, {
     className: elementClass,
     id: id || null
-  }, isOpen ? hideText : showText);
+  }), isOpen ? hideText : showText);
   return element;
 };
 ToggleNavigationButton.propTypes = {

package/dist/components/WizardNavigation.js

@@ -11,6 +11,7 @@ var _helpers = require("../functions/helpers");
 var _WizardNavigationModule = _interopRequireDefault(require("./WizardNavigation.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const WizardNavigation = props => {
+  var _Object$keys, _props$ariaLabel;
   const renderSteps = (steps, activeStepId) => {
     const hasSteps = steps && Object.keys(steps).length;
     return hasSteps ? Object.keys(steps).map((stepKey, stepIndex) => {
@@ -24,9 +25,9 @@ const WizardNavigation = props => {
       });
     }) : null;
   };
-  const amountOfSteps = props.steps && Object.keys(props.steps)?.length ? Object.keys(props.steps).length : 0;
-  const defaultAriaLabel = `I dette skjemaet er det totalt ${amountOfSteps} steg som du skal gå igjennom`;
-  const ariaLabel = props["aria-label"]?.length ? props["aria-label"] : defaultAriaLabel;
+  const amountOfSteps = props.steps && (_Object$keys = Object.keys(props.steps)) !== null && _Object$keys !== void 0 && _Object$keys.length ? Object.keys(props.steps).length : 0;
+  const defaultAriaLabel = "I dette skjemaet er det totalt ".concat(amountOfSteps, " steg som du skal g\xE5 igjennom");
+  const ariaLabel = (_props$ariaLabel = props["aria-label"]) !== null && _props$ariaLabel !== void 0 && _props$ariaLabel.length ? props["aria-label"] : defaultAriaLabel;
   return _react.default.createElement("nav", {
     "aria-label": ariaLabel,
     className: (0, _helpers.classNameArrayToClassNameString)([_WizardNavigationModule.default.wizardTopnavContainer, _WizardNavigationModule.default[props.direction]])

package/dist/functions/helpers.js

@@ -5,8 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.stringifyCssColorVariables = exports.setFocusToElement = exports.getFocusableElementsInsideElement = exports.getCssVariablesFromTheme = exports.getCssSizeVariablesFromTheme = exports.getCssColorVariablesFromTheme = exports.cloneThroughFragments = exports.classNameArrayToClassNameString = exports.camelCaseToKebabCase = exports.addGlobalStylesheet = exports.addFocusTrapInsideElement = void 0;
 var _react = require("react");
+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 classNameArrayToClassNameString = classNameArray => {
-  return classNameArray?.filter(className => className)?.join(" ") || "";
+  var _classNameArray$filte;
+  return (classNameArray === null || classNameArray === void 0 || (_classNameArray$filte = classNameArray.filter(className => className)) === null || _classNameArray$filte === void 0 ? void 0 : _classNameArray$filte.join(" ")) || "";
 };
 exports.classNameArrayToClassNameString = classNameArrayToClassNameString;
 const camelCaseToKebabCase = string => {
@@ -14,43 +20,43 @@ const camelCaseToKebabCase = string => {
 };
 exports.camelCaseToKebabCase = camelCaseToKebabCase;
 const getCssColorVariablesFromTheme = theme => {
-  return !!theme?.colors && !!Object.entries(theme?.colors)?.length && Object.entries(theme?.colors).reduce((acc, _ref) => {
+  var _Object$entries;
+  return !!(theme !== null && theme !== void 0 && theme.colors) && !!((_Object$entries = Object.entries(theme === null || theme === void 0 ? void 0 : theme.colors)) !== null && _Object$entries !== void 0 && _Object$entries.length) && Object.entries(theme === null || theme === void 0 ? void 0 : theme.colors).reduce((acc, _ref) => {
     let [key, value] = _ref;
-    if (key?.length && value?.length) {
-      acc[`--color-${camelCaseToKebabCase(key)}`] = value;
+    if (key !== null && key !== void 0 && key.length && value !== null && value !== void 0 && value.length) {
+      acc["--color-".concat(camelCaseToKebabCase(key))] = value;
     }
     return acc;
   }, {});
 };
 exports.getCssColorVariablesFromTheme = getCssColorVariablesFromTheme;
 const getCssSizeVariablesFromTheme = theme => {
-  return !!theme?.sizes && !!Object.entries(theme?.sizes)?.length && Object.entries(theme?.sizes).reduce((acc, _ref2) => {
+  var _Object$entries2;
+  return !!(theme !== null && theme !== void 0 && theme.sizes) && !!((_Object$entries2 = Object.entries(theme === null || theme === void 0 ? void 0 : theme.sizes)) !== null && _Object$entries2 !== void 0 && _Object$entries2.length) && Object.entries(theme === null || theme === void 0 ? void 0 : theme.sizes).reduce((acc, _ref2) => {
     let [key, value] = _ref2;
-    if (key?.length && value?.length) {
-      acc[`--size-${camelCaseToKebabCase(key)}`] = value;
+    if (key !== null && key !== void 0 && key.length && value !== null && value !== void 0 && value.length) {
+      acc["--size-".concat(camelCaseToKebabCase(key))] = value;
     }
     return acc;
   }, {});
 };
 exports.getCssSizeVariablesFromTheme = getCssSizeVariablesFromTheme;
 const getCssVariablesFromTheme = theme => {
-  return {
-    ...getCssColorVariablesFromTheme(theme),
-    ...getCssSizeVariablesFromTheme(theme)
-  };
+  return _objectSpread(_objectSpread({}, getCssColorVariablesFromTheme(theme)), getCssSizeVariablesFromTheme(theme));
 };
 exports.getCssVariablesFromTheme = getCssVariablesFromTheme;
 const addGlobalStylesheet = (styleElementId, styles) => {
+  var _document$getElementB;
   const style = document.createElement("style");
   style.setAttribute("id", styleElementId);
   style.textContent = styles;
-  document.getElementById(styleElementId)?.remove();
+  (_document$getElementB = document.getElementById(styleElementId)) === null || _document$getElementB === void 0 || _document$getElementB.remove();
   document.head.appendChild(style);
 };
 exports.addGlobalStylesheet = addGlobalStylesheet;
 const stringifyCssColorVariables = colorVariables => {
   return Object.keys(colorVariables).reduce((css, key) => {
-    return `${css}${key}: ${colorVariables[key]};`;
+    return "".concat(css).concat(key, ": ").concat(colorVariables[key], ";");
   }, "");
 };
 exports.stringifyCssColorVariables = stringifyCssColorVariables;
@@ -60,9 +66,7 @@ const cloneThroughFragments = children => {
       if (c.type === _react.Fragment) {
         return cloneThroughFragments(c.props.children);
       }
-      return (0, _react.cloneElement)(c, {
-        ...c.props
-      });
+      return (0, _react.cloneElement)(c, _objectSpread({}, c.props));
     }
     return c;
   });
@@ -84,8 +88,8 @@ exports.getFocusableElementsInsideElement = getFocusableElementsInsideElement;
 const addFocusTrapInsideElement = element => {
   setFocusToElement(element);
   const focusableElements = getFocusableElementsInsideElement(element);
-  const firstFocusableElement = focusableElements?.length ? focusableElements[0] : null;
-  const lastFocusableElement = focusableElements?.length > 1 ? focusableElements[focusableElements.length - 1] : firstFocusableElement;
+  const firstFocusableElement = focusableElements !== null && focusableElements !== void 0 && focusableElements.length ? focusableElements[0] : null;
+  const lastFocusableElement = (focusableElements === null || focusableElements === void 0 ? void 0 : focusableElements.length) > 1 ? focusableElements[focusableElements.length - 1] : firstFocusableElement;
   if (firstFocusableElement) {
     firstFocusableElement.onkeydown = event => {
       if (event.keyCode === 9 && event.shiftKey) {

package/dist/functions/theme.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getThemeLogoPadding = exports.getThemeLogo = exports.getThemeAppName = void 0;
 const getThemeLogo = theme => {
-  return theme?.logo || null;
+  return (theme === null || theme === void 0 ? void 0 : theme.logo) || null;
 };
 exports.getThemeLogo = getThemeLogo;
 const getThemeLogoPadding = theme => {
-  return theme?.logoPadding || null;
+  return (theme === null || theme === void 0 ? void 0 : theme.logoPadding) || null;
 };
 exports.getThemeLogoPadding = getThemeLogoPadding;
 const getThemeAppName = theme => {
-  return theme?.appName || null;
+  return (theme === null || theme === void 0 ? void 0 : theme.appName) || null;
 };
 exports.getThemeAppName = getThemeAppName;

package/dist/style/pdf.css

@@ -343,6 +343,70 @@ body {
   line-height: 1.2em;
   flex: none;
 }
+.page *[style*="--mt:none"],
+.page *[style*="--mt: none"] {
+  margin-top: 0;
+}
+.page *[style*="--mb:none"],
+.page *[style*="--mb: none"] {
+  margin-bottom: 0;
+}
+.page *[style*="--ml:none"],
+.page *[style*="--ml: none"] {
+  margin-left: 0;
+}
+.page *[style*="--mr:none"],
+.page *[style*="--mr: none"] {
+  margin-right: 0;
+}
+.page *[style*="--mt:sm"],
+.page *[style*="--mt: sm"] {
+  margin-top: 12px;
+}
+.page *[style*="--mb:sm"],
+.page *[style*="--mb: sm"] {
+  margin-bottom: 12px;
+}
+.page *[style*="--ml:sm"],
+.page *[style*="--ml: sm"] {
+  margin-left: 12px;
+}
+.page *[style*="--mr:sm"],
+.page *[style*="--mr: sm"] {
+  margin-right: 12px;
+}
+.page *[style*="--mt:md"],
+.page *[style*="--mt: md"] {
+  margin-top: 24px;
+}
+.page *[style*="--mb:md"],
+.page *[style*="--mb: md"] {
+  margin-bottom: 24px;
+}
+.page *[style*="--ml:md"],
+.page *[style*="--ml: md"] {
+  margin-left: 24px;
+}
+.page *[style*="--mr:md"],
+.page *[style*="--mr: md"] {
+  margin-right: 24px;
+}
+.page *[style*="--mt:lg"],
+.page *[style*="--mt: lg"] {
+  margin-top: 36px;
+}
+.page *[style*="--mb:lg"],
+.page *[style*="--mb: lg"] {
+  margin-bottom: 36px;
+}
+.page *[style*="--ml:lg"],
+.page *[style*="--ml: lg"] {
+  margin-left: 36px;
+}
+.page *[style*="--mr:lg"],
+.page *[style*="--mr: lg"] {
+  margin-right: 36px;
+}
 
 .page.signed-document {
   padding-top: 0.75cm;
@@ -486,6 +550,54 @@ body {
   border-width: 1.10802px;
   margin-right: 8.86416px;
 }
+.page.signed-document *[style*="--mt:sm"],
+.page.signed-document *[style*="--mt: sm"] {
+  margin-top: 13.29624px;
+}
+.page.signed-document *[style*="--mb:sm"],
+.page.signed-document *[style*="--mb: sm"] {
+  margin-bottom: 13.29624px;
+}
+.page.signed-document *[style*="--ml:sm"],
+.page.signed-document *[style*="--ml: sm"] {
+  margin-left: 13.29624px;
+}
+.page.signed-document *[style*="--mr:sm"],
+.page.signed-document *[style*="--mr: sm"] {
+  margin-right: 13.29624px;
+}
+.page.signed-document *[style*="--mt:md"],
+.page.signed-document *[style*="--mt: md"] {
+  margin-top: 26.59248px;
+}
+.page.signed-document *[style*="--mb:md"],
+.page.signed-document *[style*="--mb: md"] {
+  margin-bottom: 26.59248px;
+}
+.page.signed-document *[style*="--ml:md"],
+.page.signed-document *[style*="--ml: md"] {
+  margin-left: 26.59248px;
+}
+.page.signed-document *[style*="--mr:md"],
+.page.signed-document *[style*="--mr: md"] {
+  margin-right: 26.59248px;
+}
+.page.signed-document *[style*="--mt:lg"],
+.page.signed-document *[style*="--mt: lg"] {
+  margin-top: 39.88872px;
+}
+.page.signed-document *[style*="--mb:lg"],
+.page.signed-document *[style*="--mb: lg"] {
+  margin-bottom: 39.88872px;
+}
+.page.signed-document *[style*="--ml:lg"],
+.page.signed-document *[style*="--ml: lg"] {
+  margin-left: 39.88872px;
+}
+.page.signed-document *[style*="--mr:lg"],
+.page.signed-document *[style*="--mr: lg"] {
+  margin-right: 39.88872px;
+}
 
 @media print {
   .page.signed-document {

package/dist/style/pdf.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/stories/PDF.scss","../../src/style/abstracts/mixins/_box-sizing.scss"],"names":[],"mappings":"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","file":"pdf.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/stories/PDF.scss","../../src/style/abstracts/mixins/_box-sizing.scss"],"names":[],"mappings":"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","file":"pdf.css"}

package/package.json

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