dibk-design 6.4.0 → 6.5.0

package/dist/components/NavigationBar.js

@@ -8,10 +8,10 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _NavigationBarListItem = _interopRequireDefault(require("./NavigationBarListItem"));
 var _theme = require("../functions/theme");
+var _helpers = require("../functions/helpers");
 var _dibkLogoMobile = _interopRequireDefault(require("../assets/svg/dibk-logo-mobile.svg?url"));
 var _dibkLogo = _interopRequireDefault(require("../assets/svg/dibk-logo.svg?url"));
 var _NavigationBarModule = _interopRequireDefault(require("./NavigationBar.module.scss"));
-var _helpers = require("../functions/helpers");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
@@ -102,7 +102,7 @@ const NavigationBar = props => {
   }, _react.default.createElement("span", {
     id: "main-content-link-text"
   }, "Hopp til hovedinnhold")), _react.default.createElement("div", {
-    className: _NavigationBarModule.default.navigationBar
+    className: (0, _helpers.classNameArrayToClassNameString)([_NavigationBarModule.default.navigationBar, props.preventChildElementStacking && _NavigationBarModule.default.preventStacking])
   }, _react.default.createElement("div", {
     className: _NavigationBarModule.default.logoContainer
   }, renderLogo(props.logoLink, props.logoLinkTitle)), !!props.children && _react.default.createElement("div", {
@@ -122,7 +122,7 @@ const NavigationBar = props => {
   }), _react.default.createElement("span", {
     className: _NavigationBarModule.default.line
   })))), hasListItems && _react.default.createElement(_react.Fragment, null, _react.default.createElement("div", {
-    className: "".concat(_NavigationBarModule.default.dropdownContainer, " ").concat(active ? _NavigationBarModule.default.active : "")
+    className: (0, _helpers.classNameArrayToClassNameString)([_NavigationBarModule.default.dropdownContainer, active && _NavigationBarModule.default.active])
   }, _react.default.createElement("div", {
     id: "main-menu-dropdown",
     className: _NavigationBarModule.default.dropdown
@@ -134,11 +134,13 @@ NavigationBar.propTypes = {
   logoLink: _propTypes.default.string,
   logoLinkTitle: _propTypes.default.string,
   openLogoLinkInNewTab: _propTypes.default.bool,
-  theme: _propTypes.default.object
+  theme: _propTypes.default.object,
+  preventChildElementStacking: _propTypes.default.bool
 };
 NavigationBar.defaultProps = {
   primaryListItems: [],
   secondaryListItems: [],
-  logoLink: null
+  logoLink: null,
+  preventChildElementStacking: false
 };
 var _default = exports.default = NavigationBar;

package/dist/components/NavigationBar.module.scss

@@ -55,14 +55,20 @@
             position: relative;
             display: -ms-flexbox;
             display: flex;
-            -ms-flex-direction: column;
-            flex-direction: column;
             -ms-flex-wrap: wrap;
             flex-wrap: wrap;
             max-width: 100%;
             margin: 0;
             font-size: 18px;
             padding: 0;
+            &:not(.preventStacking) {
+                -ms-flex-direction: column;
+                flex-direction: column;
+            }
+            &.preventStacking {
+                -ms-flex-direction: row;
+                flex-direction: row;
+            }
             @media only screen and (min-width: $screen-sm) {
                 -ms-flex-direction: row;
                 flex-direction: row;

package/dist/index.js

@@ -51,12 +51,24 @@ Object.defineProperty(exports, "ContentBox", {
     return _ContentBox.default;
   }
 });
+Object.defineProperty(exports, "DescriptionDetails", {
+  enumerable: true,
+  get: function () {
+    return _DescriptionDetails.default;
+  }
+});
 Object.defineProperty(exports, "DescriptionList", {
   enumerable: true,
   get: function () {
     return _DescriptionList.default;
   }
 });
+Object.defineProperty(exports, "DescriptionTerm", {
+  enumerable: true,
+  get: function () {
+    return _DescriptionTerm.default;
+  }
+});
 Object.defineProperty(exports, "Dialog", {
   enumerable: true,
   get: function () {
@@ -233,7 +245,9 @@ var _CheckBoxList = _interopRequireDefault(require("./components/CheckBoxList"))
 var _CheckBoxListItem = _interopRequireDefault(require("./components/CheckBoxListItem"));
 var _Container = _interopRequireDefault(require("./components/Container"));
 var _ContentBox = _interopRequireDefault(require("./components/ContentBox"));
+var _DescriptionDetails = _interopRequireDefault(require("./components/DescriptionDetails"));
 var _DescriptionList = _interopRequireDefault(require("./components/DescriptionList"));
+var _DescriptionTerm = _interopRequireDefault(require("./components/DescriptionTerm"));
 var _Dialog = _interopRequireDefault(require("./components/Dialog"));
 var _DragAndDropFileInput = _interopRequireDefault(require("./components/DragAndDropFileInput"));
 var _ErrorBox = _interopRequireDefault(require("./components/ErrorBox"));

package/package.json

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