dibk-design 0.4.28 → 0.4.32

package/dist/components/NavigationBar.js

@@ -1,5 +1,7 @@
 "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
 });
@@ -21,144 +23,195 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || 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); }
 
-class NavigationBar extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      active: false
-    };
-  }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-  handleClickOutside() {
-    this.setState({
-      active: false
-    });
-  }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-  toggleList() {
-    this.setState(prevState => ({
-      active: !prevState.active
-    }));
-  }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-  getNavigationBarThemeStyle(theme) {
-    return {
-      backgroundColor: (0, _theme.getThemeNavigationBarBackgroundColor)(theme),
-      color: (0, _theme.getThemeNavigationBarTextColor)(theme)
-    };
-  }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-  getListItemThemeStyle(theme) {
-    return {
-      color: (0, _theme.getThemeNavigationBarTextColor)(theme),
-      borderBottomColor: (0, _theme.getThemeNavigationBarTextColor)(theme)
-    };
-  }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-  getLogoThemeStyle(theme) {
-    return {
-      padding: (0, _theme.getThemeLogoPadding)(theme)
-    };
-  }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-  renderPrimaryList() {
-    let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props.primaryListItems;
-    let iteration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    const listItemThemeStyle = this.getListItemThemeStyle(this.props.theme);
-    let listItems = items.map((listItem, i) => {
-      let key = iteration + '-' + i;
-
-      if (listItem.listItems !== undefined) {
-        return /*#__PURE__*/_react.default.createElement("li", {
-          key: key
-        }, /*#__PURE__*/_react.default.createElement("span", {
-          style: listItemThemeStyle
-        }, listItem.name), this.renderPrimaryList(listItem.listItems, iteration + 1));
-      } else {
-        return /*#__PURE__*/_react.default.createElement(_NavigationBarListItem.default, {
-          listItem: listItem,
-          key: key,
-          theme: this.props.theme
-        });
-      }
-    });
-    return /*#__PURE__*/_react.default.createElement("ul", {
-      className: _NavigationBarModule.default.primaryList
-    }, listItems);
-  }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
-  renderSecondaryList() {
-    let listItems = this.props.secondaryListItems.map((listItem, i) => {
-      return /*#__PURE__*/_react.default.createElement(_NavigationBarListItem.default, {
-        listItem: listItem,
-        key: i,
-        theme: this.props.theme
-      });
-    });
-    return /*#__PURE__*/_react.default.createElement("ul", {
-      className: _NavigationBarModule.default.secondaryList
-    }, listItems);
-  }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-  renderLogo(logoLink) {
-    const themeLogo = (0, _theme.getThemeLogo)(this.props.theme);
-    const themeAppName = (0, _theme.getThemeAppName)(this.props.theme);
-    const logoElement = themeLogo && themeAppName ? /*#__PURE__*/_react.default.createElement("img", {
-      alt: "".concat(themeAppName, " logo"),
-      src: themeLogo,
-      style: this.getLogoThemeStyle(this.props.theme)
-    }) : /*#__PURE__*/_react.default.createElement("img", {
-      alt: "DIBK logo",
-      src: _dibkLogoMobile.default
-    });
-    const logoLinkProps = {
-      target: this.props.openLogoLinkInNewTab ? '_blank' : null,
-      rel: this.props.openLogoLinkInNewTab ? 'noopener noreferrer' : null
-    };
-    return logoLink && logoLink.length ? /*#__PURE__*/_react.default.createElement("a", _extends({}, logoLinkProps, {
-      href: logoLink
-    }), logoElement) : logoElement;
-  }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var NavigationBar = /*#__PURE__*/function (_React$Component) {
+  _inherits(NavigationBar, _React$Component);
 
-  render() {
-    const navigationBarThemeStyle = this.getNavigationBarThemeStyle(this.props.theme);
-    const hamburgerIconLineStyle = {
-      backgroundColor: (0, _theme.getThemeNavigationBarTextColor)(this.props.theme)
+  var _super = _createSuper(NavigationBar);
+
+  function NavigationBar(props) {
+    var _this;
+
+    _classCallCheck(this, NavigationBar);
+
+    _this = _super.call(this, props);
+    _this.state = {
+      active: false
     };
-    return /*#__PURE__*/_react.default.createElement("header", null, /*#__PURE__*/_react.default.createElement("div", {
-      className: _NavigationBarModule.default.isPresent
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: _NavigationBarModule.default.navigationBar,
-      style: navigationBarThemeStyle
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: _NavigationBarModule.default.logoContainer
-    }, this.renderLogo(this.props.logoLink)), this.props.children ? /*#__PURE__*/_react.default.createElement("div", {
-      className: _NavigationBarModule.default.childElements
-    }, this.props.children) : '', this.props.primaryListItems && this.props.primaryListItems.length || this.props.secondaryListItems && this.props.secondaryListItems.length ? /*#__PURE__*/_react.default.createElement("button", {
-      className: "".concat(_NavigationBarModule.default.menuToggle, " ").concat(this.state.active ? _NavigationBarModule.default.active : ''),
-      onClick: () => this.toggleList()
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: _NavigationBarModule.default.hamburgerIcon
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: _NavigationBarModule.default.line,
-      style: hamburgerIconLineStyle
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: _NavigationBarModule.default.line,
-      style: hamburgerIconLineStyle
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: _NavigationBarModule.default.line,
-      style: hamburgerIconLineStyle
-    }))) : ''), /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(_NavigationBarModule.default.dropdownContainer, " ").concat(this.state.active ? _NavigationBarModule.default.active : '')
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: _NavigationBarModule.default.dropdown,
-      style: navigationBarThemeStyle
-    }, this.renderPrimaryList(), this.renderSecondaryList(), this.props.children)), /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(_NavigationBarModule.default.dropdownOverlay, " ").concat(this.state.active ? _NavigationBarModule.default.active : '')
-    })));
+    return _this;
   }
 
-}
+  _createClass(NavigationBar, [{
+    key: "handleClickOutside",
+    value: function handleClickOutside() {
+      this.setState({
+        active: false
+      });
+    }
+  }, {
+    key: "toggleList",
+    value: function toggleList() {
+      this.setState(function (prevState) {
+        return {
+          active: !prevState.active
+        };
+      });
+    }
+  }, {
+    key: "getNavigationBarThemeStyle",
+    value: function getNavigationBarThemeStyle(theme) {
+      return {
+        backgroundColor: (0, _theme.getThemeNavigationBarBackgroundColor)(theme),
+        color: (0, _theme.getThemeNavigationBarTextColor)(theme)
+      };
+    }
+  }, {
+    key: "getListItemThemeStyle",
+    value: function getListItemThemeStyle(theme) {
+      return {
+        color: (0, _theme.getThemeNavigationBarTextColor)(theme),
+        borderBottomColor: (0, _theme.getThemeNavigationBarTextColor)(theme)
+      };
+    }
+  }, {
+    key: "getLogoThemeStyle",
+    value: function getLogoThemeStyle(theme) {
+      return {
+        padding: (0, _theme.getThemeLogoPadding)(theme)
+      };
+    }
+  }, {
+    key: "renderPrimaryList",
+    value: function renderPrimaryList() {
+      var _this2 = this;
+
+      var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props.primaryListItems;
+      var iteration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      var listItemThemeStyle = this.getListItemThemeStyle(this.props.theme);
+      var listItems = items.map(function (listItem, i) {
+        var key = iteration + '-' + i;
+
+        if (listItem.listItems !== undefined) {
+          return /*#__PURE__*/_react.default.createElement("li", {
+            key: key
+          }, /*#__PURE__*/_react.default.createElement("span", {
+            style: listItemThemeStyle
+          }, listItem.name), _this2.renderPrimaryList(listItem.listItems, iteration + 1));
+        } else {
+          return /*#__PURE__*/_react.default.createElement(_NavigationBarListItem.default, {
+            listItem: listItem,
+            key: key,
+            theme: _this2.props.theme
+          });
+        }
+      });
+      return /*#__PURE__*/_react.default.createElement("ul", {
+        className: _NavigationBarModule.default.primaryList
+      }, listItems);
+    }
+  }, {
+    key: "renderSecondaryList",
+    value: function renderSecondaryList() {
+      var _this3 = this;
+
+      var listItems = this.props.secondaryListItems.map(function (listItem, i) {
+        return /*#__PURE__*/_react.default.createElement(_NavigationBarListItem.default, {
+          listItem: listItem,
+          key: i,
+          theme: _this3.props.theme
+        });
+      });
+      return /*#__PURE__*/_react.default.createElement("ul", {
+        className: _NavigationBarModule.default.secondaryList
+      }, listItems);
+    }
+  }, {
+    key: "renderLogo",
+    value: function renderLogo(logoLink) {
+      var themeLogo = (0, _theme.getThemeLogo)(this.props.theme);
+      var themeAppName = (0, _theme.getThemeAppName)(this.props.theme);
+      var logoElement = themeLogo && themeAppName ? /*#__PURE__*/_react.default.createElement("img", {
+        alt: "".concat(themeAppName, " logo"),
+        src: themeLogo,
+        style: this.getLogoThemeStyle(this.props.theme)
+      }) : /*#__PURE__*/_react.default.createElement("img", {
+        alt: "DIBK logo",
+        src: _dibkLogoMobile.default
+      });
+      var logoLinkProps = {
+        target: this.props.openLogoLinkInNewTab ? '_blank' : null,
+        rel: this.props.openLogoLinkInNewTab ? 'noopener noreferrer' : null
+      };
+      return logoLink && logoLink.length ? /*#__PURE__*/_react.default.createElement("a", _extends({}, logoLinkProps, {
+        href: logoLink
+      }), logoElement) : logoElement;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this4 = this;
+
+      var navigationBarThemeStyle = this.getNavigationBarThemeStyle(this.props.theme);
+      var hamburgerIconLineStyle = {
+        backgroundColor: (0, _theme.getThemeNavigationBarTextColor)(this.props.theme)
+      };
+      return /*#__PURE__*/_react.default.createElement("header", null, /*#__PURE__*/_react.default.createElement("div", {
+        className: _NavigationBarModule.default.isPresent
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: _NavigationBarModule.default.navigationBar,
+        style: navigationBarThemeStyle
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: _NavigationBarModule.default.logoContainer
+      }, this.renderLogo(this.props.logoLink)), this.props.children ? /*#__PURE__*/_react.default.createElement("div", {
+        className: _NavigationBarModule.default.childElements
+      }, this.props.children) : '', this.props.primaryListItems && this.props.primaryListItems.length || this.props.secondaryListItems && this.props.secondaryListItems.length ? /*#__PURE__*/_react.default.createElement("button", {
+        className: "".concat(_NavigationBarModule.default.menuToggle, " ").concat(this.state.active ? _NavigationBarModule.default.active : ''),
+        onClick: function onClick() {
+          return _this4.toggleList();
+        }
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        className: _NavigationBarModule.default.hamburgerIcon
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        className: _NavigationBarModule.default.line,
+        style: hamburgerIconLineStyle
+      }), /*#__PURE__*/_react.default.createElement("span", {
+        className: _NavigationBarModule.default.line,
+        style: hamburgerIconLineStyle
+      }), /*#__PURE__*/_react.default.createElement("span", {
+        className: _NavigationBarModule.default.line,
+        style: hamburgerIconLineStyle
+      }))) : ''), /*#__PURE__*/_react.default.createElement("div", {
+        className: "".concat(_NavigationBarModule.default.dropdownContainer, " ").concat(this.state.active ? _NavigationBarModule.default.active : '')
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: _NavigationBarModule.default.dropdown,
+        style: navigationBarThemeStyle
+      }, this.renderPrimaryList(), this.renderSecondaryList(), this.props.children)), /*#__PURE__*/_react.default.createElement("div", {
+        className: "".concat(_NavigationBarModule.default.dropdownOverlay, " ").concat(this.state.active ? _NavigationBarModule.default.active : '')
+      })));
+    }
+  }]);
+
+  return NavigationBar;
+}(_react.default.Component);
 
 NavigationBar.propTypes = {
   /** Main links in navigation bar */

package/dist/components/NavigationBarListItem.js

@@ -13,32 +13,69 @@ var _theme = require("../functions/theme");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-class NavigationBarListItem extends _react.default.Component {
-  getListItemThemeStyle(theme) {
-    return {
-      color: (0, _theme.getThemeNavigationBarTextColor)(theme),
-      borderBottomColor: (0, _theme.getThemeNavigationBarTextColor)(theme)
-    };
+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); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var NavigationBarListItem = /*#__PURE__*/function (_React$Component) {
+  _inherits(NavigationBarListItem, _React$Component);
+
+  var _super = _createSuper(NavigationBarListItem);
+
+  function NavigationBarListItem() {
+    _classCallCheck(this, NavigationBarListItem);
+
+    return _super.apply(this, arguments);
   }
 
-  render() {
-    const listItemThemeStyle = this.getListItemThemeStyle(this.props.theme);
-
-    if (typeof this.props.listItem === 'string') {
-      return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("span", {
-        style: listItemThemeStyle
-      }, this.props.listItem));
-    } else if (typeof this.props.listItem === 'object') {
-      return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("a", {
-        href: this.props.listItem.href,
-        style: listItemThemeStyle
-      }, this.props.listItem.name));
-    } else {
-      return null;
+  _createClass(NavigationBarListItem, [{
+    key: "getListItemThemeStyle",
+    value: function getListItemThemeStyle(theme) {
+      return {
+        color: (0, _theme.getThemeNavigationBarTextColor)(theme),
+        borderBottomColor: (0, _theme.getThemeNavigationBarTextColor)(theme)
+      };
     }
-  }
+  }, {
+    key: "render",
+    value: function render() {
+      var listItemThemeStyle = this.getListItemThemeStyle(this.props.theme);
+
+      if (typeof this.props.listItem === 'string') {
+        return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("span", {
+          style: listItemThemeStyle
+        }, this.props.listItem));
+      } else if (_typeof(this.props.listItem) === 'object') {
+        return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("a", {
+          href: this.props.listItem.href,
+          style: listItemThemeStyle
+        }, this.props.listItem.name));
+      } else {
+        return null;
+      }
+    }
+  }]);
 
-}
+  return NavigationBarListItem;
+}(_react.default.Component);
 
 NavigationBarListItem.propTypes = {
   listItem: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),

package/dist/components/Paper.js

@@ -1,5 +1,7 @@
 "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
 });
@@ -13,14 +15,48 @@ var _PaperModule = _interopRequireDefault(require("./Paper.module.scss"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-class Paper extends _react.default.Component {
-  render() {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(_PaperModule.default.paper, " ").concat(this.props.noMargin ? _PaperModule.default.noMargin : '', " ").concat(this.props.noPadding ? _PaperModule.default.noPadding : '')
-    }, this.props.children);
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var Paper = /*#__PURE__*/function (_React$Component) {
+  _inherits(Paper, _React$Component);
+
+  var _super = _createSuper(Paper);
+
+  function Paper() {
+    _classCallCheck(this, Paper);
+
+    return _super.apply(this, arguments);
   }
 
-}
+  _createClass(Paper, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "".concat(_PaperModule.default.paper, " ").concat(this.props.noMargin ? _PaperModule.default.noMargin : '', " ").concat(this.props.noPadding ? _PaperModule.default.noPadding : '')
+      }, this.props.children);
+    }
+  }]);
+
+  return Paper;
+}(_react.default.Component);
 
 ;
 Paper.propTypes = {

package/dist/components/RadioButtonIcon.js

@@ -1,5 +1,7 @@
 "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
 });
@@ -15,36 +17,78 @@ var _RadioButtonIconModule = _interopRequireDefault(require("./RadioButtonIcon.m
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-class RadioButtonIcon extends _react.default.Component {
-  render() {
-    let inlineStyle = {
-      height: this.props.size,
-      width: this.props.size
-    };
-
-    if (this.props.theme && this.props.checked) {
-      inlineStyle = { ...inlineStyle,
-        background: (0, _theme.getThemePaletteBackgroundColor)(this.props.theme, 'primary'),
-        boxShadow: "0 0 0 1px ".concat((0, _theme.getThemePaletteBackgroundColor)(this.props.theme, 'primary'))
-      };
-    }
+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; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 
-    return /*#__PURE__*/_react.default.createElement("span", {
-      className: "".concat(_RadioButtonIconModule.default.radioButtonIcon, " ").concat(this.props.checked ? _RadioButtonIconModule.default.checked : ''),
-      style: inlineStyle
-    });
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var RadioButtonIcon = /*#__PURE__*/function (_React$Component) {
+  _inherits(RadioButtonIcon, _React$Component);
+
+  var _super = _createSuper(RadioButtonIcon);
+
+  function RadioButtonIcon() {
+    _classCallCheck(this, RadioButtonIcon);
+
+    return _super.apply(this, arguments);
   }
 
-}
+  _createClass(RadioButtonIcon, [{
+    key: "render",
+    value: function render() {
+      var inlineStyle = {
+        height: this.props.size,
+        width: this.props.size
+      };
+
+      if (this.props.theme && this.props.checked) {
+        inlineStyle = _objectSpread(_objectSpread({}, inlineStyle), {}, {
+          background: (0, _theme.getThemePaletteBackgroundColor)(this.props.theme, 'primary'),
+          boxShadow: "0 0 0 1px ".concat((0, _theme.getThemePaletteBackgroundColor)(this.props.theme, 'primary'))
+        });
+      }
+
+      return /*#__PURE__*/_react.default.createElement("span", {
+        className: "".concat(_RadioButtonIconModule.default.radioButtonIcon, " ").concat(this.props.checked ? _RadioButtonIconModule.default.checked : '', " ").concat(this.props.disabled ? _RadioButtonIconModule.default.disabled : ''),
+        style: inlineStyle
+      });
+    }
+  }]);
+
+  return RadioButtonIcon;
+}(_react.default.Component);
 
 RadioButtonIcon.propTypes = {
   size: _propTypes.default.string,
   checked: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
   theme: _propTypes.default.object
 };
 RadioButtonIcon.defaultProps = {
   size: '10px',
-  checked: false
+  checked: false,
+  disabled: false
 };
 var _default = RadioButtonIcon;
 exports.default = _default;

package/dist/components/RadioButtonIcon.md

@@ -3,6 +3,8 @@ Regular radio button icons example:
 ```js
 <RadioButtonIcon />
 <RadioButtonIcon checked={true} />
+<RadioButtonIcon disabled={true} />
+<RadioButtonIcon checked={true} disabled={true} />
 ```
 
 Themed Regular radio button icons example:
@@ -11,7 +13,9 @@ Themed Regular radio button icons example:
 import customTheme from 'data/customTheme';
 <React.Fragment>
   <RadioButtonIcon theme={customTheme}/>
-  <RadioButtonIcon checked={true} theme={customTheme}/>
+  <RadioButtonIcon checked={true} theme={customTheme} />
+  <RadioButtonIcon theme={customTheme} disabled={true} />
+  <RadioButtonIcon checked={true} theme={customTheme} disabled={true} />
 </React.Fragment>
 ```
 
@@ -20,4 +24,6 @@ Radio button icons with custom size example:
 ```js
 <RadioButtonIcon size='36px' />
 <RadioButtonIcon size='36px' checked={true} />
+<RadioButtonIcon size='36px' disabled={true} />
+<RadioButtonIcon size='36px' checked={true} disabled={true} />
 ```

package/dist/components/RadioButtonIcon.module.scss

@@ -11,12 +11,20 @@
   width: 10px;
   height: 10px;
   background: white;
-  margin-right: .4em;
+  margin-right: 0.4em;
   margin-top: 2px;
   border: 0.3em solid white;
+  cursor: pointer;
 
   &:local(.checked) {
     @include box-shadow(0 0 0 1px $color-dark-blue);
     background: $color-primary;
   }
+  &:local(.disabled) {
+    opacity: 0.5;
+    border-color: #bfbfbf;
+    &:not(&:local(.checked)) {
+      background: #bfbfbf;
+    }
+  }
 }