dibk-design 2.0.1 → 2.0.3

package/dist/components/ErrorMessage.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _theme = require("../functions/theme");
-
 var _ErrorMessageModule = _interopRequireDefault(require("./ErrorMessage.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var ErrorMessage = function ErrorMessage(props) {
@@ -21,13 +16,11 @@ var ErrorMessage = function ErrorMessage(props) {
       color: (0, _theme.getThemePaletteBackgroundColor)(theme, "warning")
     };
   };
-
   return _react.default.createElement("span", {
     className: _ErrorMessageModule.default.errorMessage,
     style: getThemeErrorMessageStyle(props.theme)
   }, props.content ? props.content : "");
 };
-
 ErrorMessage.propTypes = {
   content: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]))]),
   theme: _propTypes.default.object

package/dist/components/Footer.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Container = _interopRequireDefault(require("./Container"));
-
 var _FooterModule = _interopRequireDefault(require("./Footer.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var Footer = function Footer(props) {
@@ -18,6 +14,5 @@ var Footer = function Footer(props) {
     className: _FooterModule.default.footer
   }, _react.default.createElement(_Container.default, null, props.children));
 };
-
 var _default = Footer;
 exports.default = _default;

package/dist/components/Header.js

@@ -4,25 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _HeaderModule = _interopRequireDefault(require("./Header.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var Header = function Header(props) {
   var _props$htmlTag, _props$content;
-
   var bigClass = props.big ? _HeaderModule.default.bigHeader : "";
   var themeClass = props.theme ? _HeaderModule.default.hasTheme : "";
   var htmlTag = (_props$htmlTag = props.htmlTag) !== null && _props$htmlTag !== void 0 && _props$htmlTag.length ? props.htmlTag : "h".concat(props.size);
   var headerClass = _HeaderModule.default.header;
-
   var headerSizeClass = _HeaderModule.default["size-".concat(props.size)];
-
   var headerElement = _react.default.createElement(htmlTag, {
     className: "".concat(headerClass, " ").concat(headerSizeClass, " ").concat(bigClass, " ").concat(themeClass)
   }, !!((_props$content = props.content) !== null && _props$content !== void 0 && _props$content.length) ? props.content : props.children);
@@ -31,7 +24,6 @@ var Header = function Header(props) {
     className: _HeaderModule.default.headerContainer
   }, " ", headerElement, " ");
 };
-
 Header.propTypes = {
   content: _propTypes.default.string,
   size: _propTypes.default.oneOf([1, 2, 3, 4, 5]),

package/dist/components/InputField.js

@@ -4,60 +4,41 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Button = _interopRequireDefault(require("./Button"));
-
 var _Label = _interopRequireDefault(require("./Label"));
-
 var _ErrorMessage = _interopRequireDefault(require("./ErrorMessage"));
-
 var _theme = require("../functions/theme");
-
 var _generators = require("../functions/generators");
-
 var _InputFieldModule = _interopRequireDefault(require("./InputField.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var InputField = function InputField(props) {
   var _props$width;
-
   var getThemeErrorInputStyle = function getThemeErrorInputStyle(theme) {
     return {
       boxShadow: "0 0 3px ".concat((0, _theme.getThemePaletteBackgroundColor)(theme, "warning")),
       borderColor: (0, _theme.getThemePaletteBackgroundColor)(theme, "warning")
     };
   };
-
   var formatDate = function formatDate(inputDate) {
     if (!inputDate) {
       return null;
     }
-
     var date = new Date(inputDate);
     var year = date.getFullYear();
     var month = date.getMonth() + 1 < 10 ? "0".concat(date.getMonth() + 1) : date.getMonth() + 1;
     var day = date.getDate() < 10 ? "0".concat(date.getDate()) : date.getDate();
     return "".concat(day, ".").concat(month, ".").concat(year);
   };
-
   var renderValueAsText = function renderValueAsText(value, defaultContent) {
     return props.type === "date" ? value ? formatDate(value) : defaultContent : value ? value : defaultContent;
   };
-
   var getInputElementProps = function getInputElementProps(defaultValue, defaultKey, styleRules) {
     var _ref;
-
     return _ref = {
       name: props.name,
       readOnly: props.readOnly,
@@ -71,21 +52,20 @@ var InputField = function InputField(props) {
       max: props.max || null,
       onChange: props.onChange,
       onBlur: props.onBlur
-    }, _defineProperty(_ref, defaultValue ? "defaultValue" : "value", defaultValue || props.value), _defineProperty(_ref, "placeholder", props.placeholder || null), _defineProperty(_ref, "className", props.hasErrors ? _InputFieldModule.default.hasErrors : null), _defineProperty(_ref, "aria-required", props.mandatory), _defineProperty(_ref, "aria-describedby", props["aria-describedby"] || null), _defineProperty(_ref, "style", styleRules), _ref;
+    }, _defineProperty(_ref, defaultValue ? "defaultValue" : "value", defaultValue || props.value), _defineProperty(_ref, "placeholder", props.placeholder || null), _defineProperty(_ref, "className", props.hasErrors ? _InputFieldModule.default.hasErrors : null), _defineProperty(_ref, "aria-describedby", props["aria-describedby"] || null), _defineProperty(_ref, "style", styleRules), _ref;
   };
-
   var defaultValue = props.defaultValue ? props.defaultValue : props.value || null;
   var defaultKey = props.elementKey || null;
-
   var styleRules = _objectSpread(_objectSpread({}, props.hasErrors ? getThemeErrorInputStyle(props.theme) : null), ((_props$width = props.width) === null || _props$width === void 0 ? void 0 : _props$width.length) && {
     maxWidth: props.width
   });
-
   return _react.default.createElement("div", {
     className: "".concat(_InputFieldModule.default.inputField, " ").concat(_InputFieldModule.default[props.type])
   }, _react.default.createElement(_Label.default, {
     htmlFor: props.id
-  }, props.label, props.type === "file" ? _react.default.createElement("div", {
+  }, props.label, props.required && _react.default.createElement("span", {
+    className: _InputFieldModule.default.requiredSymbol
+  }, "*"), props.type === "file" ? _react.default.createElement("div", {
     className: _InputFieldModule.default.fileInputContainer
   }, _react.default.createElement("span", {
     className: _InputFieldModule.default.input
@@ -102,32 +82,36 @@ var InputField = function InputField(props) {
     theme: props.theme
   }));
 };
-
 InputField.propTypes = {
   id: _propTypes.default.string.isRequired,
   onChange: _propTypes.default.func.isRequired,
   onBlur: _propTypes.default.func,
   name: _propTypes.default.string,
   type: _propTypes.default.string,
+  required: _propTypes.default.bool,
   width: _propTypes.default.string,
   value: _propTypes.default.any,
   defaultValue: _propTypes.default.any,
   elementKey: _propTypes.default.string,
   label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]))]),
   contentOnly: _propTypes.default.bool,
-  buttonColor: _propTypes.default.string,
+  buttonColor: _propTypes.default.oneOf(["default", "primary"]),
   buttonContent: _propTypes.default.string,
   selectedFileName: _propTypes.default.string,
+  dateFormat: _propTypes.default.string,
   placeholder: _propTypes.default.string,
   defaultContent: _propTypes.default.string,
   hasErrors: _propTypes.default.bool,
   errorMessage: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]))]),
-  mandatory: _propTypes.default.bool,
   theme: _propTypes.default.object
 };
 InputField.defaultProps = {
+  onChange: function onChange() {
+    return false;
+  },
   name: "",
   type: "text",
+  required: false,
   label: "",
   contentOnly: false,
   buttonColor: "default",
@@ -135,11 +119,7 @@ InputField.defaultProps = {
   placeholder: "",
   defaultContent: "",
   hasErrors: false,
-  errorMessage: "",
-  mandatory: false,
-  onChange: function onChange() {
-    return false;
-  }
+  errorMessage: ""
 };
 var _default = InputField;
 exports.default = _default;

package/dist/components/InputField.module.scss

@@ -8,6 +8,11 @@
     > div {
         display: block;
     }
+    .requiredSymbol {
+        color: $color-error;
+        font-size: 0.8em;
+        vertical-align: top;
+    }
     input,
     &.file span.input {
         @include appearance(none);

package/dist/components/Label.js

@@ -4,26 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _LabelModule = _interopRequireDefault(require("./Label.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var Label = function Label(props) {
   var labelProps = _objectSpread({}, props);
-
   delete labelProps.inline;
   delete labelProps.normalCursor;
   var className = "".concat(_LabelModule.default.label, " ").concat(props.inline ? _LabelModule.default.inline : "", " ").concat(props.normalCursor ? _LabelModule.default.normalCursor : "");
@@ -31,7 +21,6 @@ var Label = function Label(props) {
     className: className
   }), props.children);
 };
-
 Label.propTypes = {
   inline: _propTypes.default.bool,
   normalCursor: _propTypes.default.bool

package/dist/components/List.js

@@ -4,34 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _ListModule = _interopRequireDefault(require("./List.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var List = function List(props) {
   var renderList = function renderList() {
     var listType = props.ordered ? "ol" : "ul";
     var defaultListStyle = props.ordered ? "decimal" : "disc";
     var scssValueProperty = "--listStyle";
-
     var listElement = _react.default.createElement(listType, {
       className: "".concat(_ListModule.default.list, " ").concat(!!props.compact ? _ListModule.default.compact : ""),
       style: _defineProperty({}, scssValueProperty, props.listStyle || defaultListStyle)
     }, props.children);
-
     return listElement;
   };
-
   return renderList();
 };
-
 List.propTypes = {
   listStyle: _propTypes.default.string,
   compact: _propTypes.default.bool,

package/dist/components/ListItem.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var ListItem = function ListItem(props) {
@@ -17,7 +14,6 @@ var ListItem = function ListItem(props) {
   };
   return _react.default.createElement("li", elementProps, props.children, props.elementKey);
 };
-
 ListItem.propTypes = {
   elementKey: _propTypes.default.string
 };

package/dist/components/LoadingAnimation.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _LoadingAnimationModule = _interopRequireDefault(require("./LoadingAnimation.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var LoadingAnimation = function LoadingAnimation(props) {
@@ -18,7 +14,6 @@ var LoadingAnimation = function LoadingAnimation(props) {
     className: props.fixed ? _LoadingAnimationModule.default.loadingAnimation + " " + _LoadingAnimationModule.default.fixed : _LoadingAnimationModule.default.loadingAnimation
   }, props.message);
 };
-
 LoadingAnimation.propTypes = {
   fixed: _propTypes.default.bool,
   active: _propTypes.default.bool,

package/dist/components/NavigationBar.js

@@ -1,83 +1,58 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _NavigationBarListItem = _interopRequireDefault(require("./NavigationBarListItem"));
-
 var _theme = require("../functions/theme");
-
 var _dibkLogoMobile = _interopRequireDefault(require("../assets/svg/dibk-logo-mobile.svg?url"));
-
 var _NavigationBarModule = _interopRequireDefault(require("./NavigationBar.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var NavigationBar = function NavigationBar(props) {
   var _props$primaryListIte, _props$secondaryListI;
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      active = _useState2[0],
-      setActive = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    active = _useState2[0],
+    setActive = _useState2[1];
   var toggleList = function toggleList() {
     setActive(!active);
   };
-
   var getNavigationBarThemeStyle = function getNavigationBarThemeStyle(theme) {
     return {
       backgroundColor: (0, _theme.getThemeNavigationBarBackgroundColor)(theme),
       color: (0, _theme.getThemeNavigationBarTextColor)(theme)
     };
   };
-
   var getListItemThemeStyle = function getListItemThemeStyle(theme) {
     return {
       color: (0, _theme.getThemeNavigationBarTextColor)(theme),
       borderBottomColor: (0, _theme.getThemeNavigationBarTextColor)(theme)
     };
   };
-
   var getLogoThemeStyle = function getLogoThemeStyle(theme) {
     return {
       padding: (0, _theme.getThemeLogoPadding)(theme)
     };
   };
-
   var renderPrimaryList = function renderPrimaryList() {
     var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : props.primaryListItems;
     var iteration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     var listItemThemeStyle = getListItemThemeStyle(props.theme);
     var listItems = items.map(function (listItem, i) {
       var key = iteration + "-" + i;
-
       if (listItem.listItems !== undefined) {
         return _react.default.createElement("li", {
           key: key
@@ -96,7 +71,6 @@ var NavigationBar = function NavigationBar(props) {
       className: _NavigationBarModule.default.primaryList
     }, listItems);
   };
-
   var renderSecondaryList = function renderSecondaryList() {
     var listItems = props.secondaryListItems.map(function (listItem, i) {
       return _react.default.createElement(_NavigationBarListItem.default, {
@@ -109,7 +83,6 @@ var NavigationBar = function NavigationBar(props) {
       className: _NavigationBarModule.default.secondaryList
     }, listItems);
   };
-
   var renderLogo = function renderLogo(logoLink) {
     var themeLogo = (0, _theme.getThemeLogo)(props.theme);
     var themeAppName = (0, _theme.getThemeAppName)(props.theme);
@@ -129,7 +102,6 @@ var NavigationBar = function NavigationBar(props) {
       href: logoLink
     }), logoElement) : logoElement;
   };
-
   var navigationBarThemeStyle = getNavigationBarThemeStyle(props.theme);
   var hamburgerIconLineStyle = {
     backgroundColor: (0, _theme.getThemeNavigationBarTextColor)(props.theme)
@@ -172,7 +144,6 @@ var NavigationBar = function NavigationBar(props) {
     className: "".concat(_NavigationBarModule.default.dropdownOverlay, " ").concat(active ? _NavigationBarModule.default.active : "")
   })));
 };
-
 NavigationBar.propTypes = {
   primaryListItems: _propTypes.default.array,
   secondaryListItems: _propTypes.default.array,

package/dist/components/NavigationBarListItem.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _theme = require("../functions/theme");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 var NavigationBarListItem = function NavigationBarListItem(props) {
   var getListItemThemeStyle = function getListItemThemeStyle() {
     return {
@@ -22,9 +16,7 @@ var NavigationBarListItem = function NavigationBarListItem(props) {
       borderBottomColor: (0, _theme.getThemeNavigationBarTextColor)(props.theme)
     };
   };
-
   var listItemThemeStyle = getListItemThemeStyle();
-
   if (typeof props.listItem === "string") {
     return _react.default.createElement("li", null, _react.default.createElement("span", {
       style: listItemThemeStyle
@@ -38,7 +30,6 @@ var NavigationBarListItem = function NavigationBarListItem(props) {
     return null;
   }
 };
-
 NavigationBarListItem.propTypes = {
   listItem: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
   theme: _propTypes.default.object

package/dist/components/Paper.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _PaperModule = _interopRequireDefault(require("./Paper.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var Paper = function Paper(props) {
@@ -18,7 +14,6 @@ var Paper = function Paper(props) {
     className: "".concat(_PaperModule.default.paper, " ").concat(props.noMargin ? _PaperModule.default.noMargin : "", " ").concat(props.noPadding ? _PaperModule.default.noPadding : "")
   }, props.children);
 };
-
 Paper.propTypes = {
   noMargin: _propTypes.default.bool,
   noPadding: _propTypes.default.bool

package/dist/components/ProgressBar.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _ProgressBarModule = _interopRequireDefault(require("./ProgressBar.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var ProgressBar = function ProgressBar(props) {
   var scssValueProperty = "--value";
   return _react.default.createElement("div", {
@@ -26,7 +20,6 @@ var ProgressBar = function ProgressBar(props) {
     style: _defineProperty({}, scssValueProperty, props.progress || 0)
   });
 };
-
 ProgressBar.propTypes = {
   progress: _propTypes.default.number,
   hasErrors: _propTypes.default.bool

package/dist/components/RadioButtonIcon.js

@@ -4,42 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _theme = require("../functions/theme");
-
 var _RadioButtonIconModule = _interopRequireDefault(require("./RadioButtonIcon.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var RadioButtonIcon = function RadioButtonIcon(props) {
   var inlineStyle = {
     height: props.size,
     width: props.size
   };
-
   if (props.theme && props.checked) {
     var _objectSpread2;
-
     inlineStyle = _objectSpread(_objectSpread({}, inlineStyle), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, !props.hasErrors && "background", (0, _theme.getThemePaletteBackgroundColor)(props.theme, "primary")), _defineProperty(_objectSpread2, !props.hasErrors && "boxShadow", "0 0 0 1px ".concat((0, _theme.getThemePaletteBackgroundColor)(props.theme, "primary"))), _objectSpread2));
   }
-
   var radioButtonIconProps = {
     className: "".concat(_RadioButtonIconModule.default.radioButtonIcon, " ").concat(props.checked ? _RadioButtonIconModule.default.checked : "", " ").concat(props.disabled ? _RadioButtonIconModule.default.disabled : "", " ").concat(props.hasErrors ? _RadioButtonIconModule.default.hasErrors : ""),
     style: inlineStyle
   };
   return _react.default.createElement("span", radioButtonIconProps);
 };
-
 RadioButtonIcon.propTypes = {
   size: _propTypes.default.string,
   checked: _propTypes.default.bool,

package/dist/components/RadioButtonInput.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _RadioButtonIcon = _interopRequireDefault(require("./RadioButtonIcon"));
-
 var _RadioButtonInputModule = _interopRequireDefault(require("./RadioButtonInput.module.scss"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var RadioButtonInput = function RadioButtonInput(props) {
@@ -33,16 +28,20 @@ var RadioButtonInput = function RadioButtonInput(props) {
     value: props.inputValue,
     checked: props.checked,
     disabled: props.disabled,
+    required: props.required || props.requiredGroup,
     onChange: props.onChange,
     tabIndex: props.tabIndex || null,
     "aria-controls": props["aria-controls"]
   };
-  return _react.default.createElement("label", labelProps, !props.contentOnly ? _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_RadioButtonIcon.default, iconProps), _react.default.createElement("input", inputProps)) : null, _react.default.createElement("span", null, props.children));
+  return _react.default.createElement("label", labelProps, !props.contentOnly ? _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_RadioButtonIcon.default, iconProps), _react.default.createElement("input", inputProps)) : null, _react.default.createElement("span", null, props.children, props.required && _react.default.createElement("span", {
+    className: _RadioButtonInputModule.default.requiredSymbol
+  }, "*")));
 };
-
 RadioButtonInput.propTypes = {
   checked: _propTypes.default.bool,
   disabled: _propTypes.default.bool,
+  required: _propTypes.default.bool,
+  requiredGroup: _propTypes.default.bool,
   id: _propTypes.default.string.isRequired,
   name: _propTypes.default.string,
   onChange: _propTypes.default.func,
@@ -56,6 +55,8 @@ RadioButtonInput.defaultProps = {
   name: "",
   checked: false,
   disabled: false,
+  required: false,
+  requiredGroup: false,
   contentOnly: false,
   hasErrors: false
 };

package/dist/components/RadioButtonInput.module.scss

@@ -5,6 +5,12 @@
     margin-right: 1em;
     border: 1px solid transparent;
 
+    .requiredSymbol {
+        color: $color-error;
+        font-size: 0.8em;
+        vertical-align: top;
+    }
+
     &:not(.contentOnly):not(.disabled) {
         cursor: pointer;
         input {